@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
html,body { height: 100%;}
body { margin: 0; padding: 0; font-family: 'Fira Sans', sans-serif; font-size: 82.5%; }
img, a, input, textarea, button { text-decoration: none; border: 0; }
img { width: 100%; }
input[type="text"], button{padding-top: 10px; padding-bottom: 10px; width: 100%; margin-bottom: 4px;}
textarea { width: 99%; }
#show-banner { height: 100%; overflow: auto; }
#show-banner .box3 {  overflow: hidden; }
#logociasat { position: absolute; z-index:10; max-width: 190px; }
#mobile{ opacity:0; width:100%; }
#mobile.ini{ position:fixed; top:0px; opacity:1; transition:opacity 1.0s; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.4); z-index:11;}
.abas{cursor: pointer; } .abas.active { color: blue; }
.showaba { padding: 0 5px; max-height: 0; transition: max-height 0.8s ease-out;}
.defaul { width: 100%; position: relative;  overflow: auto; }
.defaulmax { width: 100%; max-width: 1024px; margin: 0px auto; position: relative;  overflow: auto; }
.menu { height: 75px; position: relative; }
.menu .box2 a { margin: 25px; color: black; }
.marginspace { margin-bottom: 40px; margin-top: 40px; }
.left { float: left; left: 0; }
.right { float: right; right: 0; }
.box3 { width: 33.334%; position: relative; } /* max-width: 641.3px; */
.box2 { width: 49.9%; position: relative; } /* max-width: 960px; */
.box4 { width: 24.3%; position: relative; }
.algnvert { position:relative; top: 50%; transform: translateY(-50%); }
.algnhorz { position:relative; left: 50%; transform: translateX(-50%); }
.algncenter { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.bGMdl { background-repeat: no-repeat; overflow: auto; background-position:center; background-size: cover; }
.bGLR { background-repeat: no-repeat; overflow: auto; background-position: top left; background-size: contain; }
.lineVer { width: 1px; margin: 0 20px 0 20px; }
.lineHor { height: 1px; margin: 4px 0px 4px 0px; }
.allpadspace { padding: 22px; overflow: hidden; }
.bGPlarll { max-width:1920px; position:relative; min-height:100%; background-position:50% 0; background-repeat:repeat; background-attachment:fixed;}
.bGPlarll article { margin:0 auto; }
.bgImageMoto { background-image: url(../imagem/ilustra-cia-sat-background_001.jpg); position: relative; }
.bgImageCarro { background-image: url(../imagem/ilustra-cisa-sat-rastreamento-carros.jpg); position: relative; }
.bgImageCam { background-image: url(../imagem/ilustra-cisa-sat-rastreamento-caminhoes.jpg); position: relative; }
.bgImageMonit { background-image: url(../imagem/ilustra-cisa-sat-rastreamento_2.png); position: relative; height: 700px; }
.bgImageMaqAg { background-image: url(../imagem/../imagem/banner-cia-sat-maquinas-agricolas.jpg); position: relative; height: 700px; }
.bgImageNaut { background-image: url(../imagem/../imagem/../imagem/banner-cia-sat-nauticos.jpg); position: relative; height: 700px; }
.bgImageAnime { background-image: url(https://static1.squarespace.com/static/597a4240b3db2bd7814fa8fb/t/59fa22ae9140b71df4371665/1509565115408/Flexdrive_Homepage_hero_Animated_deepblue.gif?format=2500w); position: relative; height: 700px; }
.bgFooter { background-image: url(../imagem/bg_cont_footer.png); position: relative;  }
.bgFooterinv { background-image: url(../imagem/bg_cont_footer_inverter.png); position: relative;  }
.bgcolblue { background-color: rgba(15,112,190,1.00);; }
.bgcolgrey { background-color: rgba(77,77,77,1.00); }
.bgcolblack { background-color: rgba(0,0,0,1.00); }
.bgcolwhite { background-color: rgba(255,255,255,1.00); }
.bgcolorange { background-color: orange; }
.boxItem { border:2px rgba(255,255,255,1.0) solid; box-sizing: border-box; cursor: pointer; background-color: rgba(62,99,241,1.00); }
.col25 { color: rgba(255,255,255,1.00); }
.col00 { color: rgba(0,0,0,1.00); }
.col118 { color: rgba(62,99,241,1.00); }
.fo64 { font-size: 64px; line-height: 65px; }
.fo46 { font-size: 46px; line-height: 65px; }
.fo32 { font-size: 32px; line-height: 35px; }
.fo24 { font-size: 24px; line-height: 24px; }
.fo16 { font-size: 16px; line-height: 18px; }
.mdc{text-align: center;}
.mdl{text-align: left;}
.mdr{text-align: right;}
.over-box { height: 50%; } 
.over-box:hover { 

	background-image: url(' ../imagem/box_hover_cox.png'); 
	background-repeat: no-repeat; 
	overflow: auto;
	background-position: right; 
	background-size: cover; 
}
.over-info { opacity: 0; display: none }
.over-mouse:hover .over-info { display: block; opacity: 1.0; transition: opacity 0.9s; }
.over-mouse:hover .over-no { display: none; }
.overInfo { position: relative; cursor: pointer; }
.overInfoShow { display: none; padding: 15px; z-index: 99999; height: 20px; position: absolute; top: 20px; left: 20px; }
.overInfo:hover .overInfoShow { display: block; opacity: 1; }
.clean:before,.clean:after {content: " "; display: table;}
.lineSpace { line-height: 20px; }
.progress{
	
	animation: load 4s 0s linear normal;
	height:100px;

}

.no-over{   
	width: 100%;
    overflow-x: scroll;
    overflow: hidden;
    overflow-y: hidden;
    white-space: nowrap;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
#roll { text-align: center; }
.no-ocult{ display: none; }
.ocult { display: block; }
.circle { border-radius: 100%;  overflow: hidden; padding: 4px; position: relative; }
.circle.clientes { width: 210px; height: 210px; margin-left: 18px; background: #FFFFFF; }
.sdw { text-shadow: 4px 4px 15px #000; }
#produto_par .lineHor { width: 30px; height: 3px; }



@keyframes load {
	0%{	width: 5%;	}
	100% { width: 100%;	}
}


@media screen and (max-width: 960px) {
.ocult { display: none; }
.no-ocult{ display: block; }
.box2, .box3, .box4 { width: 100%; }
.left, .right { width: 100%; float: none; position: relative; }
.bgImageAnime { background-image: none; position: relative; overflow: auto; }
.bgImageAnime br { display: none; }
.fo64 { font-size: 34px; line-height: 34px; }
.fo46 { font-size: 26px; line-height: 26px; }
.fo32 { font-size: 22px; line-height: 22px; }
.fo24 { font-size: 18px; line-height: 18px; }
.fo16 { font-size: 14px; line-height: 14px; }
.no-over {	
	overflow-x: scroll; overflow: auto;
	-webkit-appearance: none;
    appearance: none;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.no-over::-webkit-scrollbar-track {
    background-color:rgba(255,255,255,0);
	height: 2px;
}
.no-over::-webkit-scrollbar {
    width: 100%;
	height: 25px;
}
.no-over::-webkit-scrollbar-thumb {
   border: 0;
    background: url('http://yamahamusical.com.br/yamahamusicschool/link-img/img-icones/ico_bar_1.png?');
	background-repeat: no-repeat;
    background-color:rgba(0,0,0,0);
    cursor: pointer;
    width: 59px;
	height: 25px;
}
#logociasat { max-width: 120px; }
#redes_sociais, #clientes_par, #produto_par, #aplicativos, #footer { text-align: center; }
#produto_par .lineHor { width: 100%;  height: 1px; } 
}

.filter { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-0px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-10px); }
  60% {
    -moz-transform: translateY(0px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } 
}

.slider {
    -webkit-appearance: none;
    width: 100%;
	max-width: 840px;
    height: 2px;
	margin: 20px auto;
    border-radius: 5px;
    background: #666;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    height: 24px;
    border: 0;
    background: url('http://yamahamusical.com.br/yamahamusicschool/link-img/img-icones/ico_bar.png');
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 23px;
    height: 24px;
    border: 0;
    background: url('http://yamahamusical.com.br/yamahamusicschool/link-img/img-icones/ico_bar.png');
    cursor: pointer;
}