@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700,800');




/*RESET*/
html{-webkit-text-size-adjust:none}*{vertical-align:baseline;font-family:inherit;font-style:inherit;font-size:100%;border:none;padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}p{font-smooth:always}img{border:0}li{list-style:none}a,a:active,a:hover,a:link,a:visited{text-decoration:none}

/*BASE*/
body{font-family:'Open Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#676767;background-color:#31363d;}
a, a:link, a:visited, a:active, a:hover {color: #676767;}
.destaque a, .destaque a:link, .destaque a:visited, .destaque a:active, .destaque a:hover {color: #FFFFFF;}

a,  li, .mov, .barraLogin {	-webkit-transition-duration: 0.40s;
	transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;}

.mainMiddle,.mainMiddlePad, .mainSize,.mainSizePad{position:relative;margin-left:auto;margin-right:auto;}
.mainSize{max-width:1400px;}
.mainSizePad {max-width:1400px;padding-left:2%;padding-right:2%; padding-top: 60px; padding-bottom: 60px; }

.mainMiddle, .mainMiddlePad {max-width:65%;padding-left:1.5%;padding-right:1%;}
.mainMiddlePad { padding-top: 60px; padding-bottom: 60px;}
.fullSize:after,.mainMiddle:after, .mainMiddlePad:after, .mainSize:after,.mainSizePad:after{content:" ";display:block;height:0;clear:both}
.mobile {display: none;}
.desktop {display: inherit;}
.z100 {z-index: 100 !important; position: relative;}

.col, .col2, .col3, .col4, .col3-Pad, .col4-Pad, .col5, .col5-Pad {display: table;}
.col {width:100%;}
.col2 {width:49%; float: left;}
.col3 {width:33.2%; float: left;}
.col66 {width:66.2%; float: left;}
.col3-Pad {width:27.2%; padding-left: 3%; padding-right: 3%;float: left;}
.col4 { width: calc( 25% - 1px ); float: left;}
.col4-Pad {width:21.8%; padding-left: 1.5%; padding-right: 1.5%; float: left;}
.col5 {width:20%; float: left;}
.col5-Pad {width:17.8%; padding-left: 1.5%; padding-right: 1.5%; float: left;}
.colInside { display: table-cell;  vertical-align: middle;}
.col img, .col2 img, .col3 img, .col4 img,.col3-Pad img, .col4-Pad img {width:100%;}

.infoPad { margin-top: 15px; margin-bottom: 15px; } 
.blockPad { margin-top: 30px; margin-bottom: 30px; } 
.txtPad { margin-top: 3%; margin-bottom: 3%; } 
.floatLeft { float: left; }	
.floatRight { float: right; }	

.list li {  margin-bottom: 15px; margin-left: 30px;}
.list li span {  background-image: url("../_site_imagens/iconCheckAzul.png");
  background-position: left center; background-repeat: no-repeat;  background-size: 22px auto;
  padding-left: 26px; margin-left: -28px;}
.list .roxo li span {  background-image: url("../_site_imagens/iconCheckRoxo.png");}

/*FONTS*/
p { font-size: 15px; line-height: 20px; }
h1, h2 {font-family: 'Montserrat', sans-serif;}
h3, h4, h5 {font-family: 'Montserrat', sans-serif;}
h1 { font-size: 60px; line-height: 60px; letter-spacing: 0px; text-transform: uppercase; font-weight: 600;}
h2 { font-size: 40px; line-height: 50px; letter-spacing: -1.5px; font-weight: 300;}
h3 { font-size: 27px; line-height: 30px; letter-spacing: -1px; font-weight: 400; }
h4 { font-family:'Open Sans',sans-serif;font-size: 22px; line-height: 27px; letter-spacing: 0px; font-weight: 300; }
h5 { font-family:'Open Sans',sans-serif;font-size: 17px; line-height: 23px; letter-spacing: 0px; font-weight: 400; }
h6 { font-family:'Open Sans',sans-serif;font-size: 13px; letter-spacing: 0px; font-weight: 400; }


/*STYLES*/
.txtCenter {text-align: center;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtLight {font-weight:300; }
.txtBold {font-weight:700; }
.txtThin {font-weight:200;}
.txtUpper { text-transform:uppercase!important;}
.txtCap { text-transform:capitalize!important;}
.txtNormal { text-transform:none!important;}
.txtItalico { font-style: italic;}
.lineHeightMed { line-height: 40px;}
.lineHeightBig { line-height: 53px;}


/*_site_imagens*/
.imgFull { position: absolute; z-index: -1; display: table; vertical-align: bottom;}
.imgFull img {position: relative; width:100%; }
.icons img {width: 50%; }


/*COLORS*/
.bgEscuro {
	background-color: #292E36;
	color: #FFFFFF;
}
.bgClaro { background-color: #EFEEE9; }
.bgBranco { background-color: #FFFFFF; }
.bgAzul,
.butVermais {background-color:#14c0de;}
.bgAzulLight {background-color:#62b8ce}
.bgVerde {background-color: #4AC0A0; color:#FFFFFF;}
.bgVerdeGrad {color:#FFFFFF;background-image: linear-gradient(-45deg, #12a9af, #57ee6d);}
.bgAzulGrad {color:#FFFFFF;background-image: linear-gradient(-45deg, #466dbf, #27d5e4);}
.bgRoxoGrad {color:#FFFFFF;background-image: linear-gradient(-45deg, #9819b8, #405ecd);}
.bgAzulEscuroGrad {color:#FFFFFF;background-image: linear-gradient(-45deg, #1e99d8, #262d57);}
.bgLaranja {background-color:#ff4800;}
.bgAvermelhado {background-color:#fd4f3a; color:#FFFFFF;}

.bgVerde a, .bgVerdeGrad a,.bgAzulGrad a, .bgRoxoGrad a, .bgAzulEscuroGrad a, .bgLaranja a, .bgAvermelhado a { color:#FFFFFF;}


.txtBranco {color:#FFFFFF!important;}
.txtLaranja {color:#fd4f3a!important;}
.txtAzul, .txtMail a:hover {color:#14c0de!important;}
.txtVerde {color: #4AC0A0!important;}
.txtAzulEscuro {color: #007498!important;}
.txtRoxo {	color: #8C4D9C!important;}
.txtRoxoFull {color: #6E42AE!important;}
.txtMail, .txtMail a {color:#FFFFFF; line-height: 35px;}

/*bordas*/
.bordaDireitaBranca { border-right: solid thin #FFFFFF;}
.bordaDireita { border-right: solid thin #acb4b6;}
.bordaBottom { border-bottom: solid thin #acb4b6;}
.bordaLeft { border-left: solid thin rgba(103,103,103,0.51); }
.bordaTop { border-top: solid thin rgba(103,103,103,0.51);}


/*Botoes */
.butVermais, .butVermaisEscuro {display:inline-block;}
.butVermais a, .butVermaisEscuro a {font-size:20px; display:block;color:#FFFFFF;padding:20px 70px 20px 30px;text-transform:uppercase;background-image: url(../_site_imagens/setaButs.png); background-position: right center; background-size: 50px auto; background-repeat: no-repeat;}

.butVermaisEscuro a {background-color: rgba(0,0,0,0.60);}
.butVermaisEscuro a:hover {background-color: rgba(0,0,0,0.90);}
.butVermais a:hover, .butLogin a:hover {background-color: #20deff;}

/*Boxes*/
.boxRounded, .butVermais, .butVermaisEscuro a  { border-radius: 4px;}


/*FORMS*/

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
  top: 8px;
  bottom: 10px;
  left: 20px;
  font-size: 11px;
  opacity: 1;
}




/*SCROLL ARROW*/
.scrollArrow {
    position: relative;
    width: 31.33%;
    height: 350px;
    display: inline-block;
    margin: 1%;
    box-sizing: border-box;
	float:left;
}

.scrollArrow  {
	position: absolute;
	left: calc( 50% - 25px );
	bottom: 20px;
	width: 50px;
	height: 50px;
}
.scrollArrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}








/*SECTION*/
section { margin-top: 0px; overflow: hidden; }
/*destaque*/
section .destaque, section .destaqueIn { margin-top: 0px; height:500px; text-align: center;  color:#FFFFFF; padding: 14% 0px 3% 0; background-color: #24262f; background-position: top center; background-repeat: no-repeat;
/*	background-size: calc( 1500px + 50% ) auto;*/
	background-size: calc( 900px + 60% ) auto
}

section .destaque h3 {
  line-height: 40px;
}

section .dest01 {background-image: url("../_site_imagens/bg-destaque-01.jpg");}
section .dest02 {background-image: url("../_site_imagens/bg-destaque-01b.jpg");}
section .dest03 {background-image: url("../_site_imagens/bg-destaque-01a.jpg");}
section .dest04 {background-image: url("../_site_imagens/bg-destaque-04.jpg");}
section .dest05 {background-image: url("../_site_imagens/bg-destaque-05c.jpg");}

.numeros h1 { font-size: 50px; }

.parallax-background, .parallax-prod {
    -webkit-background-size: cover;
    background-size: cover;	
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/*Barra Novidades*/
.barraNovidades{ background-color:#dde4e6;}
.barraNovidades{ background-color:#FFFFFF;}
.barraNovidades .col {display: table; float: left; width: 25%; height: 110px; background-repeat: no-repeat;}
.barraNovidades .colInside {display: table-cell; vertical-align: middle; }
.barraNovidades .titulos { padding-left: 2%; padding-right: 2%; padding-top: 2px; background-image: url(../_site_imagens/setaNovidades.png); background-position: left center; background-size: 100% auto; text-transform:uppercase; color:#FFFFFF;}
.barraNovidades .content { width: 48%; }
.barraNovidades .buts { width:220px; float:right; margin-right: 1%;}


/*Produtos Home e In*/
.produto .col,  .produto .col2  {min-height: 550px;}
.produto .col img,  .produto .col2 img { width:100%}
.produto h2 {text-transform: uppercase; font-weight: 600; color:#14c0de}
.home .prod01 { width:100%; background-color:#EFEEE9; }
.home .prod02 { width:100%; color: #FFFFFF; background-image: url(../_site_imagens/imgMonitoraRedesNew2.jpg); background-position: center center; background-size: calc(1000px + 50%) auto; background-repeat: no-repeat; } 
.prod03 { width:100%; background-color: #EFEEE9; }



/*Depoimentos Home*/
.depoimentos .info {}
.depoimentos .imgCliente { float: left; margin-right: 4%;}
.depoimentos .imgCliente img {width: 110px;border-radius: 100px; border: solid 2px #14c0de;}






/*TABLETS*/
@media (max-width: 1024px) {
	
/*BASE*/
.mainSize{padding-left:0;padding-right:0}
.mainMiddle{max-width:80%;}
	
h1 { font-size: 48px; line-height: 50px; letter-spacing: -2px; }
h2 { font-size: 32px; line-height: 35px; letter-spacing: -2px;}
h3 { font-size: 22px; line-height: 30px; letter-spacing: -1px;}
h4 { font-size: 18px; letter-spacing: 0px; font-weight: 400; }
h5 { font-size: 15px; letter-spacing: 0px; font-weight: 400; }
	
	
/*Botoes */
.butVermais a {font-size:17px;padding:15px 60px 15px 20px;background-size: 40px;}
	
	
/*HEADER */


/*FOOTER */

	
/*Barra Novidades*/
.barraNovidades .col {height: 90px; }
.barraNovidades .titulos { width: 200px; padding-left: 1%;  background-position: -48px center; background-size: 280px auto;}
.barraNovidades .content {width: 48%;}
.barraNovidades .titulos h4 { padding-top: 10px;}
.barraNovidades .buts { width:180px;}

/*Produtos Home*/
.produto .col, .produto .col2 {height: auto; min-height: auto!important;}		
	
.numeros h1 { font-size: 42px; }	
	
}


/*MOBILES*/

@media (max-width: 968px) {

h1 { font-size: 36px; line-height: 38px; letter-spacing: -1px; }
h2 { font-size: 26px; line-height: 29px; letter-spacing: -1px;}
h3 { font-size: 20px; line-height: 25px; letter-spacing: -0.2px;}
h4 { font-size: 17px; line-height: 19px; letter-spacing: 0px; font-weight: 400; }
h5 { font-size: 14px; line-height: 18px; letter-spacing: 0px; font-weight: 400; }
	
.lineHeightMed { line-height: 30px;}
.lineHeightBig { line-height: 40px;}
.txtPad { margin-top: 5px; margin-bottom: 5px; }
	
	
/*BASE*/	
.mobile {display: inherit;}
.desktop {display: none;}
.mainSizePad { margin-left: 3%;margin-right: 3%; }
.mainMiddle, .mainMiddlePad { max-width: 100%!important;}
.col, .col2, .col3, .col4, .col3-Pad, .col4-Pad, .col66  { width: 100%; padding: 0; margin-top: 10px;}	



/*bordas*/
.bordaDireitaBranca, .bordaDireita { border-right: none;}
	
/*Botoes
.butVermais a { font-size:12px; line-height: 12px; padding:10px 30px 10px 10px;background-size: 20px;} */
.butVermais a, .butVermaisEscuro a {
	font-size: 16px;}	
	
/*_site_imagens*/
.imgFull { position: relative; z-index: -1;}
.imgFull img {position: relative; width:100%; }
.icons img { width: 120px;}
	
	
/*FORMS*/




/*SECTION*/
section .destaque { height:auto; margin-top:0px; padding:40px 0px 10% 0; background-size:   calc( 840px + 60% ) auto; }

section .destaque h3 {
    line-height: 30px;
}
	
section .dest05 {
    background-size: calc( 640px + 60% ) auto !important;
    background-repeat: no-repeat;
    background-position: -150px center;
}
	
.prod02 { padding-bottom: 26%; background-size: calc( 860px + 62% ) auto; background-position:  calc( -200px + 40% ) center;}
	
	
/*Barra Novidades*/
.barraNovidades .col {height: 60px; margin-top: 0; }
.barraNovidades .titulos {width: 120px!important;  background-position:-20px center; background-size: 150px auto; }
.barraNovidades .content { width: 43%;}
.barraNovidades span {display: none;}
.barraNovidades .titulos h2 { font-size: 16px; line-height: 14px; letter-spacing: 0px; padding-top: 0px;}
.barraNovidades .titulos h3 { display: none;}
.barraNovidades .buts { width:110px;}

/*Depoimentos Home*/
	.depoimentos .imgCliente img {width: 70px}


	
}




/*MOBILES Menores*/
@media (max-width: 420px) {


h1 { font-size: 32px; line-height: 38px; letter-spacing: -1px; }
h2 { font-size: 25px; line-height: 29px; letter-spacing: -1px;}
h3 { font-size: 19px; line-height: 20px; letter-spacing: -0.2px;}
/*h4 { font-size: 15px; line-height: 20px; letter-spacing: 0px; font-weight: 400; }
h5 { font-size: 12px; line-height: 18px; letter-spacing: 0px; font-weight: 400; }	*/

	
/*Barra Novidades*/
.barraNovidades .titulos {width: 100px !important;  background-position:-45px center;  }
.barraNovidades .titulos h2 { font-size: 13px; font-weight: 600; }	
.barraNovidades .content { width: 38%;  }

}