@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

body{   color:#00020e;  background-color: #fff; overflow-x: hidden  }
* {margin:0; padding:0; letter-spacing: 1px;  box-sizing: border-box; font-size: 16px; font-family: 'Jost', sans-serif;	}
html, body{height:100%; } 
p{word-wrap:break-word;   }
a{ text-decoration:none; padding: 0; margin: 0; }
ul{list-style:none; padding: 0; margin: 0;  }
ul li{ padding: 0; margin: 0; }
hr{ border-top: 1px solid #f8f8f8;}
.italico{ font-style: italic;}
img{user-select: none;} 
.centralizando{margin:auto;}
.bolde{font-weight:bold;} 
.limpaCss{clear:both; }
.negrito{ font-weight: bold;}
.alinha-estrutura{max-width:1400px;   margin:auto; padding:0 20px;}
.alinhaFlexH{display: flex; flex-direction: row;}
.alinhaFlexV{display: flex; flex-direction: column;}
h1{  font-size: 3.4em;position: relative; margin: 0; padding:0 20px;  font-weight: 300; letter-spacing: 2px; color: #000;font-family: 'Racing Sans One', cursive;}
h2{  font-size: 2.4em; line-height: 100%; margin: 20px 0;color: #222;font-weight: 300; text-transform: uppercase;font-family: 'Racing Sans One', cursive;}
h3{ letter-spacing: 2px;}
 
.paises{display: none}
.tagBrasil{ display: block}

.centroFlex{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.centro{display: flex; flex-direction: row; justify-content: center; align-items:flex-start;}
.logo{position: relative; margin:20px 20px;color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center;font-family: 'Bebas Neue', cursive; font-weight: bold; letter-spacing: 2px;font-size: 2em; line-height: 100%;}
.logo img{width: 100%; height: auto; display: block; max-width: 200px; }
.logoRodape{ margin: 20px auto; text-align: center} 
.alinhaRodape{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; border-top: thin solid #555;}
.containerHamburger{ position:absolute;display:inline-block; right:10px; top:22px;  cursor:pointer;}

/* Rotate first bar */
.changebar1 {    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;    transform: rotate(-45deg) translate(-9px, 6px) ;}
/* Fade out the second bar */
.changebar2 {    opacity: 0;}
/* Rotate last bar */
.changebar3 {    -webkit-transform: rotate(45deg) translate(-6px, -6px) ;    transform: rotate(45deg) translate(-6px, -6px) ;}
.bar1, .bar2, .bar3 { width:30px; height:4px; background-color:#fff; margin:6px 0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.change1 {  -webkit-transform:rotate(-45deg) translate(-9px, 4px) ; -ms-transform:rotate(-45deg) translate(-12px, 4px); transform:rotate(-45deg) translate(-12px, 4px);}
.change2 { opacity:0;}
.change3 {  -webkit-transform:rotate(45deg) translate(-8px, -6px) ; -ms-transform:rotate(45deg) translate(-8px, -6px); transform:rotate(45deg) translate(-8px, -6px);}


 
 .selecao{background-color: #fff; color:#222 !important; }

.banner-interna{ width: 100%; height: 270px; background-image:url("../imagens/banner-rotor-harness.jpg"); background-size: cover; background-position: center; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;color:#fff; text-align: center;}
.banner-interna h1{   font-weight: 300; padding: 0 }
 
.banner-principal{ width: 100%; height: 100%;    display: flex; flex-direction: column; color:#fff; align-items: flex-start; justify-content: center}
.banner-principal h2{ font-size: 1.5em;font-weight: 300;  margin: 10px 10px 30px; text-align: left; text-transform: none; color: #fff;}
.banner-principal h1{ line-height: 100%;}
.alinhaBanner > div{max-width: 600px; padding: 20px;   text-align: right;}   
.alinhaBanner{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; max-width: 1400px; margin: auto; }

.alinhaBanner p{ font-size:3em; line-height: 100%; }
.alinhaBanner  span{  font-size:1em;line-height: 100%; font-weight: bold; }

.bounce {  bottom: 75px; left: 50% ; width: 30px; height: 55px ;  margin-left:0px;  	-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; border-radius:20px; 	display: flex; align-items: center; justify-content: center; cursor: pointer;position: absolute;z-index:888888; }
.traco{ position:relative;width:4px; height:8px; background-color:#fff; animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation:bounce 2s infinite;-webkit-border-radius:20px; -moz-border-radius:20px;-ms-border-radius:20px; border-radius:20px;z-index:998999889;   }
a.arrow:link{ position: absolute;  z-index:100; font-size:3em; left:50%;  color:#fff; border:#fff solid 4px; }
a.arrow:visited{text-decoration:none; color:#fff;border:#fff solid 4px;}
a.arrow:hover{text-decoration: none; color:#00ccff;border:#00ccff solid 4px; }
a.arrow:active{text-decoration: none; color:#fff;border:#fff solid 4px;}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-10px);}
}
.scroller {
 }
.revendedores{  display: flex; flex-wrap: wrap; justify-content:flex-start;}
.revendedores li{  width: 98%; margin: 1% 2% 1% 0%; border: solid thin #e3e3e3; padding: 15px;}
.rev h3{font-size: 2em;}

.revendedor{ padding: 80px 20px; background-image:url("../imagens/wingover-nose-top.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; color: #000; font-weight: bold; display: flex;}
.revendedor h2{  color: #000; font-size: 3em;}
.revendedor p{ font-size: 20px;}

.revendedor a:link{ position:static; display:inline-block; text-decoration:none; color:#000; border: solid 2px #000; padding:15px 20px; margin:20px 0; font-weight: bold; }
.revendedor a:visited{text-decoration:none; color:#fff;}
.revendedor a:hover{text-decoration: none; color:#fff; background-color: #000;}
.revendedor a:active{text-decoration: none; color:#fff;}
.alinhaFormHome{ display: flex; flex-direction: column; align-items: center}
.formRev{ background-color: #000;color: #fff; padding: 60px 20px 40px; width: 100%; max-width: 320px; min-height: 280px;}
.txtRev{ padding: 20px 0px; }
.formRev input{ width: 100%; margin: 0px 0 10px; padding: 8px;}
.formRev h3{ font-weight: 300; text-transform: uppercase; font-size: 1.4em; border-bottom: solid thin #111; margin-bottom: 20px;}
.formRev textarea{ width: 100%; margin: 0px 0; padding: 8px;}
.formRev input[type=submit]{ background-color: greenyellow; cursor: pointer; border: 0;margin: 5px 0 10px;}
.formRev input[type=submit]:hover{ background-color: #00ccff; }

.txtRepre{padding: 20px 40px;}
.cadastro{ padding: 100px 20px;  }
a.linkQuad:link{ text-decoration:none;  color:#888;   position: relative; width: 100%; height: 100%;  display: block; text-align: center; padding: 5px 0;  }
a.linkQuad:visited{text-decoration:none; color:#888;}
a.linkQuad:hover{text-decoration:none; color:#00ccff; }
a.linkQuad:active{text-decoration:none; color:#888;}

.formLogin{background-color: #000; color: #fff; max-width: 400px; padding: 40px 20px;} 
 .bgCadRepr{background-color: #eee; padding:40px 20px; width: 100%; max-width: 600px;}

.bgCadRepr input{   width: 100%;margin: 0px 0 5px; padding: 5px;}
.bgCadRepr textarea{   width: 100%; margin: 0px 0; padding: 5px;}
.bgCadRepr input[type=submit]{ background-color: greenyellow; cursor: pointer; border: 0;margin: 5px 0 10px;}
.bgCadRepr input[type=submit]:hover{ background-color: #00ccff; }

a.btSimulador:link{ position: relative; text-decoration:none; color:#fff; background-color: #111; padding:15px 20px; top: 20px; font-weight: bold; }
a.btSimulador:visited{text-decoration:none; color:#fff;}
a.btSimulador:hover{text-decoration: none; color:#1b0127; background-color: #00ccff;}
a.btSimulador:active{text-decoration: none; color:#fff;}
 


.lado{ display: flex; flex-direction: row; align-items: center; background-color: #f8f8f8;  padding:60px 30px;}
.lado > div{ width: 50%; padding:0px 0px;}
.lado img{ width: 100%; max-width: 700px;   height: auto; display: block;}
 
.alinhaProd{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; justify-content: center;  padding:60px 30px;}
.alinhaProd > div:nth-child(1){ width: 100%;   padding: 3%;}
.alinhaProd > div:nth-child(2){ width: 100%; padding:0px 20px;}
.alinhaProd  h1{ text-align: left; font-size: 4em; padding: 0;}
.alinhaProd img{ width: 100%;      height: auto; display: block;}

.ondevoar{ padding: 60px 0 30px; background-image: url("../imagens/fundoAsa-direita.png"); background-position: right 50px; background-repeat: no-repeat;}
.ondevoar h1{  padding: 0; margin: 0; font-size: 2.4em}

.respMsg{ color: red; font-weight: bold; padding-top: 10px; }

.alinhaEscolas{display: flex; flex-direction: column;}
.alinhaEscolas > div{width: 100%; }
.escolas > div{ display: none;}
.alinhaEscolas .escolas{padding: 20px; }
.escolas > div ul li{ background-color: #f9f9f9; margin: 20px 0; padding: 20px;}

    #svg-map path { fill:#0094d9 }
    #svg-map text { fill:#fff; font:12px Arial-BoldMT, sans-serif; cursor:pointer }
    #svg-map a{ text-decoration:none }
    #svg-map a:hover { cursor:pointer; text-decoration:none }
    #svg-map a:hover path{ fill:#003399 !important }
    #svg-map .circle { fill:#66ccff }
    #svg-map a:hover .circle { fill:#003399 !important; cursor:pointer }

svg{height: 50vh}
 
 

a.linkSimu:link{ position: relative; text-decoration:none; font-weight: bold; font-size: 20px; line-height: 100%; color:#000; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center }
a.linkSimu:visited{text-decoration:none; color:#000;}
a.linkSimu:hover{text-decoration: none; color:#fff;}
a.linkSimu:active{text-decoration: none; color:#000;}


.fundoDown{ display: flex; flex-direction:row; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;background-color: #00ccff; padding: 40px 0px; }
.download .fas{ font-size: 1.40em;color: #000; margin:0 20px 20px; text-align: center}
.download { position: relative;  margin:40px 5px; max-width: 150px;}
.download img { width: 100%; height: auto; max-width: 80px; }
a.linkSimu:hover .fas{  color:#fff;}
 
.carac{ background-image: url("../imagens/image00014.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 60px 20px ; color: #eee; text-align: right; min-height: 500px;}
.carcte{ display: flex; flex-direction: column; align-items: stretch;  padding: 0px 0px 40px; background-color: #000; color: #eee; text-align: left; min-height: 600px;}
 
.havana{  background-image: url("../imagens/image00013.jpg"); background-size: cover; background-position: right; background-repeat: no-repeat;}
.breeze{  background-image: url("../imagens/breezy/lado.png"); background-size: cover ; background-repeat: no-repeat;}
.carcte > div{ width: 50%; padding:0px 20px; min-height: 200px;}
.carcte > div:nth-child(2) {  width: 100%;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.carcte > div:nth-child(1) {  width: 100%; }
.carcte  h3{display: flex; flex-direction: row; align-items: center; font-size: 1.2em; font-weight: 300; line-height: 100%; color:#fff;text-transform: uppercase}
.carcte div h2{ font-size: 1.8em; color: #444; margin-bottom: 10px;}
.carcte ul{  display: flex;flex-direction: row; flex-wrap: wrap; padding-bottom: 20px;}
.carcte ul li{  width:96%; margin: 2%; border-bottom: dashed thin #333; padding: 15px 0;}
.carcte .fas{ font-size: 1.3em; color: #444; margin-right: 20px; }
.carcte .carcteFoto img {width: 100%; height: auto; display: block; }


.itens li{  display: flex;flex-direction: row;     width: 98%;  margin:8px 1%; border: solid thin #eee; align-items: center;justify-content: flex-start;}
.itens li:nth-child(1),.itens li:nth-child(3),.itens li:nth-child(5),.itens li:nth-child(7),.itens li:nth-child(9),.itens li:nth-child(11),.itens li:nth-child(13){      justify-content: flex-end; text-align: right; }
 .itens img{ width: 100%; min-width: 110px; max-width: 110px;  height: auto; display: block;}
.itens{ display: flex;flex-direction: row;  flex-wrap: wrap;  align-items: center;  }
 
.itens .far,.itens .fas{  font-size: 2.0em; color: #000; margin: 10px;}
.itens li > div{ padding: 20px;font-size: 1.1em; line-height: 110%; text-transform: uppercase}
.itensProd{  padding: 30px 20px; overflow: hidden   }
.itensProd h2{  text-align: center;font-size: 3.2em;}

 .alinhaProdBox{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:center;  padding:80px 20px 70px;}
.alinhaProdBox > article{ width: 100%;display: flex; flex-direction:column; align-items: center; margin: 30px 0;background-color: #f8f8f8;   }

 .alinhaProdBox > article img{ width: 100%; max-width: 500px;  height: auto; display: block;}
.alinhaProdBox .fotoBox{ width: 100%; }

.alinhaProdBox .txtBox{ width: 100%; padding: 20px 40px;}
.alinhaProdBox h2{  text-align: left;font-size: 2.5em;}
.alinhaProdBox .far{   font-size: 1.20em;}
.alinhaProdBox .fas{   font-size: 0.420em; margin-right: 7px;}

.alinhaProdBox ul li{padding: 5px 0px; border-bottom: dashed thin #cfcfcf;}
.alinhaProdBox ul li:last-child{ border-bottom:0;}

.catProdBox{ padding: 60px 0; clear: both; background-color: #f8f8f8;}
.catProd{ position: relative; display: flex; flex-direction: row;justify-content: center;flex-wrap: wrap;   z-index: 9999; padding: 20px 0; box-sizing: border-box; overflow: hidden;   }
.catProd li{  width: 40%; margin: 3% 2%;  color: #fff; min-height: 300px; display: flex; align-items: center; justify-content:center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-5deg); overflow: hidden}
.catProd li:nth-child(1){ background-image:url("../imagens/atletas/Zac-Majors.jpeg"); background-position: center center}
.catProd li:nth-child(2){ background-image:url("../imagens/atletas/mario-alonzi.jpeg"); background-position: center center}
.catProd li:nth-child(3){ background-image:url("../imagens/atletas/Wolfgang-Siess.jpeg"); background-position: center center}
.catProd li:nth-child(4){ background-image:url("../imagens/atletas/nene-rotor.jpeg"); background-position: center center}
.catProd li:nth-child(5){ background-image:url("../imagens/atletas/olav-opsanger.jpeg"); background-position: center center}
.catProd li:nth-child(6){ background-image:url("../imagens/atletas/petr-benes.jpeg"); background-position: center center}
.catProd li:nth-child(7){ background-image:url("../imagens/atletas/david-brito.jpeg"); background-position: center center}
.catProd li:nth-child(8){ background-image:url("../imagens/image00008.jpeg"); background-position: center center}
.catProd li:nth-child(9){ background-image:url("../imagens/image00016.jpeg"); background-position: center center}
.catProd li:nth-child(10){ background-image:url("../imagens/image00016.jpeg"); background-position: center center}
.alinhaTxt{ text-align: center;}
.catProd div{ background-color:rgba(0,0,0,0.50);font-size: 1.4em; font-weight: 400;  color:#eee; width: 100%; text-align: center; line-height: 100%; padding:15px 5px;box-sizing: border-box; text-transform: uppercase;transition:  0.5s; height: 50px;     display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.catProd li:hover div{  padding: 15px 5px;  box-sizing: border-box;  height: 100%;}
.catProd li:hover{  cursor: pointer;}
.catProdBox h2{  text-align: center;}
.catProdBox p{  text-align: center;}
.catProd div p:nth-child(3){ font-size: 14px; display: none;opacity: 0; text-transform: none}
.catProd div p:nth-child(2){ font-size: 14px;}
.catProd li:hover div p:nth-child(3){  display: block; opacity: 1; }

.prodOutros { background-image:url("../imagens/bnr-wills-wing.jpg"); background-size: cover;  background-position: top; }
.prodOutros ul{display: flex; flex-direction: row;justify-content: flex-start;flex-wrap: wrap;  }
.prodOutros li{  width: 700px; margin: 0%;   min-height: 400px;  background-size: cover;   padding: 5%; color: #fff; }
 .prodOutros h2{   margin: 0 0 10px; }

.bnrWills{}
.bnrWills div img{  width: 100%;    height: auto;  display: block }

.logoWills{ max-width: 300px;  width: 100%; height: auto;}

.resp ul{display: flex; flex-direction: row;justify-content: center;flex-wrap: wrap;  }
.resp li{  width: 100%; margin: 0%;   min-height: 400px;  background-size: cover; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%; }
.resp ul li:nth-child(1){   background-color: #f8f8f8; order: 2;}
.resp ul li:nth-child(2){ background-image:url("../imagens/equipahome2.jpg"); background-position: right;order: 1;  background-color: #fff !important;}
.resp ul li:nth-child(3){ background-color: #fff; order: 3;background-image:url("../imagens/equipahome.jpg"); }
.resp ul li:nth-child(4){  background-color: #fff;order: 4; }

 .resp h2{  font-size: 3em; margin: 30px 0; text-align: center }
 .resp h3{  font-size: 3em; margin:30px 0 ; text-align: center }
 
.resp3 ul{display: flex; flex-direction: row;justify-content: space-between;flex-wrap: wrap;  }
.resp3 li{  width: 96%; margin: 2%;    min-height: 400px;  background-size: cover;   display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%;  background-color: #fff;transform: skew(0deg); transition:  0.5s; }
.resp3 li img{  width: 100%;  height: auto;  display: block; }
.resp3 {background-color: #f8f8f8; padding: 90px 0 90px; overflow-x:hidden;}
 
.infoHome{ padding: 50px 0 70px;background-color: #f8f8f8;overflow-x:hidden;}
.infoHome ul{ display: flex;flex-direction: column;}
.infoHome ul li{display: flex; align-items: center; width: 96%; margin: 2%; padding:10px 20px; border: solid thin #eee;background-color: #f9f9f9;}
.infoHome .fas,.infoHome .far{ font-size: 3em; margin: 20px;}

.acessInternaProd {padding:50px 15px;}
.acessInternaProd ul{ display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; padding: 20px}
.acessInternaProd > h2{ padding:0 10px}

.acessInternaProd ul li{ width: 96%; margin:20px 2%;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1);}
.containerFoto {   position: relative;   width: 100%;max-width: 100%;    }
.image {  display: block;  width: 100%;  height: auto;}
.overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0.9;   background-color:rgba(0,0,0,0.1); display:flex; align-items: flex-end; justify-content: flex-end;transition: all 0.5s ease; }
.overlay:hover { align-items: center; justify-content: center;transition: all 0.5s ease;  }
.containerFoto:hover .overlay  { background-color:rgba(0,192,239,0.7); opacity: 0.8;}
.icon {  color: white;font-size: 100px;   position: absolute;   top:50%;   left:50%;   transform: translate(-50%, -50%);    text-align: center; }
.overlay .fas {color: #000; font-size: 2em; }
.containerFoto a {    height: 100%;  width: 100%;}
.alinhaContainerLado{display: flex; flex-direction: column; align-items: center; background-color: #fff;}
.infoContainer{padding:25px 15px;}

.acessHome{ padding: 90px 20px;transform: skew(-0deg);    }
.acessHome > div{ max-width: 1200px; margin: auto; background-color: #f8f8f8;   display: flex; flex-direction: column; justify-content: space-around ; align-items: center; padding: 30px 20px;}
.acessHome .fotoAcess{  border-radius: 50%; max-width: 300px; }
.acessHome > div img{  width: 100%;    height: auto;  display: block }
.acessHome .fas{ font-size: 2em; margin: 10px;color: #fff;}
a.butQuad:link{ position: relative;  border: 2px solid #000; background-color: #000; color:#fff; width: 180px; height: 70px; display: flex; justify-content: center ; align-items: center;   }
a.butQuad:visited{text-decoration:none; color:#fff;}
a.butQuad:hover{text-decoration: none; color:#fff; font-weight: bold}
a.butQuad:active{text-decoration: none; color:#fff;}

.acessorioInterna  img{  width: 100%;    height: auto;  display: block }
.acessorioInterna .fotoAcess{   max-width: 300px; }


.resp2 ul{display: flex; flex-direction: row;justify-content: center;flex-wrap: wrap;  }
.resp2 li{  width: 50%; margin: 0%;   min-height: 400px;  background-size: cover; background-color: #f8f8f8; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%; }
.resp2 li:nth-child(1){ background-image:url("../imagens/equipahome2.jpg"); background-position: right;  }
.resp2 li:nth-child(4){ background-image:url("../imagens/equipahome2.jpg");  }
.resp2 li:nth-child(3){ background-color: #f8f8f8;  }

.catProdHomeBox{ margin-bottom: 0px;}
.catProdHome{ position: relative;   margin: auto;display: flex; flex-direction: column;justify-content: center;flex-wrap: wrap;   z-index: 9999; padding: 40px 0; box-sizing: border-box; margin-top: 0px;    }
.catProdHome li{  width:94%; margin: 3%;  color: #fff; min-height: 220px; display: flex; align-items: center; justify-content: center;transform: skew(-5deg); transition:  0.5s;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.2);}
.catProdHome li:nth-child(1){ background-image:url("../imagens/image00008.jpg"); background-size: cover; background-position: center center}
.catProdHome li:nth-child(2){ background-image:url("../imagens/image00008.jpeg"); background-size: cover; background-position: center center}
.catProdHome li:nth-child(3){ background-image:url("../imagens/equipahome3.jpg");background-size: cover;  background-position: center center}
.alinhaTxt{ text-align: center;}
.catProdHome p{ background-color:rgba(0,0,0,0.70);font-size: 1.4em; font-weight: 400;color:#fff;  width: 100%; text-align: center; line-height: 100%; padding:15px 5px;box-sizing: border-box; text-transform: uppercase;transition:  0.5s; height: 100px;     display: flex; align-items: center; justify-content: center; font-family: 'Racing Sans One', cursive;}
.catProdHome li:hover p{  padding: 15px 5px;  box-sizing: border-box;  height: 100%;}
.catProdHome li:hover{  cursor: pointer;}
.quadProd .far{ position: absolute; top:50%; left: 50%;color: #fff; font-size: 2em; margin-left: -20px; margin-top: -20px;}

/* link  */
.foto1{background-image: url("../imagens/Jeffo_doing_a_slider.jpg"); background-repeat: no-repeat; background-size: cover;}
.foto2{background-image: url("../imagens/equipa.jpg"); background-repeat: no-repeat; background-size: cover;}
.foto3{background-image: url("../imagens/asa.jpg"); background-repeat: no-repeat; background-size: cover;}

.quem{  display:flex; flex-direction: column; position: relative;   margin-top: 0px; text-align: center; align-items: center;justify-content: center;}
.quem > div{ padding: 40px;}
.quem h2{  text-align: center; text-transform: uppercase}

.quemHome{  display:flex; flex-direction: column; position: relative;  padding: 100px 20px 50px; text-align: left; align-items: center;justify-content: center;}
.quemHome > div{ padding:  20px 0;}
.quemHome > div:nth-child(2){ width: 100%; padding: 20px 0; }
.quemHome > div img{ width: 100%; height: auto; display: block; padding: 10px;}
.quemHome h2{  text-align: left; text-transform: uppercase;font-size: 2.7em;}
.itensQuem{padding: 20px 0 0;}
.itensQuem li{padding: 20px 0; display: flex; flex-direction: row; align-items: center;  border-bottom: dashed thin #eee;}
.itensQuem li:last-child{ border-bottom: 0;}
.itensObj{ display: flex; flex-direction:row; flex-wrap:nowrap; margin-right:15px; font-size:2em; align-items:center; justify-content:center; font-weight:bold; color: #ccc; width:100px;}
.itensObj .fas{  font-size: 1.2em; margin: 10px; border: solid 4px  #ccc; padding: 15px; border-radius: 50%;}
.quemHome h3{   text-transform: uppercase;font-size: 1.32em;}
.itensQuem .ano{      font-weight: bold;font-size:2em; color: #ccc;}

.ancora{ position: fixed; bottom: 90px; right: 20px; width: 40px; border: solid 3px #fff; height: 40px; z-index: 99999;  display:none; text-align: center; background-color: #000; padding: 2px; border-radius: 20px }
.ancora .fas{color: #fff; font-size: 1.5em; padding: 1px;}

.whats{ position: fixed;z-index: 999999;  display: flex;  justify-content: center;  align-items: center; bottom:50%;right: 0px; padding:13px 10px;  border: #00c0ef solid thin; background-color: #00c0ef; color: #000;  border-radius: 10px 0 0 10px; overflow: hidden;box-sizing: border-box; cursor: pointer;}
.whats .fas{   color: #000; font-size: 1.72em;-webkit-animation: shakeTel 0.1s ease-in-out 0.1s 15 alternate;}
.whats p{ font-weight: bold; display: none; }
.whats:hover p{ display: block;  -webkit-animation: shakeTel 0.1s ease-in-out 0.1s infinite alternate; }

.pedido{ position: fixed;z-index: 9999; bottom:50%; margin-bottom: 70px; right: 0px; padding:13px 10px;  border: #00c0ef solid thin; background-color: #00c0ef; color: #000;  border-radius: 10px 0 0 10px; overflow: hidden;box-sizing: border-box; cursor: pointer;}
.pedido .fab{   color: #000; font-size: 1.72em;-webkit-animation: shakeTel 0.1s ease-in-out 0.1s 15 alternate;}
.pedido p{ font-weight: bold; display: none; }
.pedido:hover p{ display: block;  -webkit-animation: shakeTel 0.1s ease-in-out 0.1s infinite alternate; }

a.linkPedido:link{ position: relative; text-decoration:none; color:#1b0127; display: flex;  justify-content: center;  align-items: center;  }
a.linkPedido:visited{text-decoration:none; color:#1b0127;}
a.linkPedido:hover{text-decoration: none; color:#1b0127;}
a.linkPedido:active{text-decoration: none; color:#1b0127;}

a.linkBco:link{ position: relative; text-decoration:none; color:#fff; display: flex;  justify-content: center;  align-items: center;  }
a.linkBco:visited{text-decoration:none; color:#fff;}
a.linkBco:hover{text-decoration: none; color:#00c0ef;}
a.linkBco:active{text-decoration: none; color:#fff;}

a.telRoda:link{ position: relative; text-decoration:none; color:#fff; font-size: 1.2em; font-weight: bold; display: flex;  justify-content: center;  align-items: center;  }
a.telRoda:visited{text-decoration:none; color:#fff;}
a.telRoda:hover{text-decoration: none; color:#00c0ef;}
a.telRoda:active{text-decoration: none; color:#fff;}

.simu{}
.bgAsa{ background-image:url("../imagens/fundoAsa.png"); background-repeat:no-repeat; background-position:left top;}

.quemInterna{  display:flex; flex-direction: column; position: relative;    padding: 60px 20px; text-align: center; align-items: center;justify-content: center;}
.quemInterna > div{ width: 100%; padding: 20px 20px;}
.quemInterna > div img{ width: 100%; height: auto;}
.quemInterna h2{  text-align: center; text-transform: uppercase}
.quemInterna p{  margin: 10px 0px;  text-align: justify }

footer{ background-color: #111;   color: #eee; padding-top: 40px; }
footer ul{display: flex; flex-direction: row;  text-align: center;flex-wrap:wrap;       padding:10px 30px 30px;}
footer .fab{ font-size: 1.52em;}
.direitos{ font-size: 12px; text-align: center; padding:10px 20px;}


#regForm { 	position: relative;   background-color: #ffffff;   margin: 10px auto;   padding: 40px 20px;   width: 92%;   }
.ligthBox input[type="text"] {   padding:2px 10px;   width: 100%;   font-size: 17px;   border: 1px solid #aaaaaa; }
.ligthBox textarea {   padding:15px 10px;   width: 100%;   font-size: 17px;   border: 1px solid #aaaaaa; }
.ligthBox input[type="email"]{   padding:2px 10px;   width: 100%;   font-size: 17px;   border: 1px solid #aaaaaa; }

.ligthBox input.invalid {   background-color: #ffdddd; }
.tab {   display: none;  width: 100%;   }
.tab .formTab {  position: relative;  min-width: 260px; width: 100%;}	
.tab .far {   font-size: 2em; position: absolute; right: 10px; top: 20px; cursor: pointer;}
.ligthBox button {  background-color: #04AA6D;   color: #ffffff;   border: none;   padding: 10px 20px;   font-size: 17px;    cursor: pointer; }
.ligthBox button:hover {   opacity: 0.8; }
#prevBtn {   background-color: #bbbbbb; }
.step {   height: 15px;   width: 15px;   margin: 0 2px;   background-color: #bbbbbb;   border: none;   border-radius: 50%;   display: inline-block;   opacity: 0.5; }
.step.active {   opacity: 1; }
.step.finish {   background-color: #04AA6D; }

.ligthBox{ position: absolute; z-index: 999999; top: 0; left: 0; width: 100%; min-height: 100%; background-color: rgba(0,0,0,0.90);  display: none; align-items: flex-start; justify-content: center; }
.formMenuLat label{  color: #777; }
.ligthBox h2{ text-align: center; }
.linhaForm{ margin:0 0px; padding: 0px 0px;}
.formPedido{ position: static;   margin-top: 50px;  padding: 0px 20px; text-align: left; width: 100%;min-width: 260px;  max-width: 920px;}
.formPedido input[type=text]{  width: 100%; margin:2px 0;}
.formPedido textarea{    margin: 2px 0;}
.formPedido input[type=radiogroup]{     margin: 0; padding: 0;}
.formPedido label{    margin: 0; padding: 0;}
.titEquip{ font-size: 2em; color: #00c0ef;}
span{color: #00ccff;}

/* link */  
a.linkSaiba:link{ position: relative; text-decoration:none; color:#1b0127; }
a.linkSaiba:visited{text-decoration:none; color:#1b0127;}
a.linkSaiba:hover{text-decoration: none; color:#00c0ef;}
a.linkSaiba:active{text-decoration: none; color:#1b0127;}

a.linkPadrao:link{ position: relative; text-decoration:none; color:#fff;   font-weight: bold;padding:10px 20px; top: 30px; border-radius: 0px  }
a.linkPadrao:visited{text-decoration:none; color:#fff;}
a.linkPadrao:hover{text-decoration: none; color:#010421;}
a.linkPadrao:active{text-decoration: none; color:#fff;}
  
a.linkAzul:link{ position: relative; text-decoration:none; color:#00c0ef;      }
a.linkAzul:visited{text-decoration:none; color:#00c0ef;}
a.linkAzul:hover{text-decoration: none; color:#000;}
a.linkAzul:active{text-decoration: none; color:#00c0ef;}

a.linkNegativo:link{ position: relative; text-decoration:none; color:#fff; border:  solid #fff 2px; padding: 0px; font-weight: bold; }
a.linkNegativo:visited{text-decoration:none; color:#fff;}
a.linkNegativo:hover{text-decoration: none; color:#010421;}
a.linkNegativo:active{text-decoration: none; color:#fff;}

a.linkNormal:link{ position: relative; text-decoration:none; color:#00c0ef;   font-weight: bold; }
a.linkNormal:visited{text-decoration:none; color:#00c0ef;}
a.linkNormal:hover{text-decoration: none; color:#000;}
a.linkNormal:active{text-decoration: none; color:#00c0ef;}

 
a.btAcess:link{ position: relative;  color:#fff; background-color: #1b0127 ; padding:30px 20px; float: right;bottom: 0px; font-weight: bold;   }
a.btAcess:visited{text-decoration:none; color:#1b0127;}
a.btAcess:hover{text-decoration: none; color:#fff;   }
a.btAcess:active{text-decoration: none; color:#fff;}


a.btAmarelo:link{ position: relative; text-decoration:none; color:#fff; background-color: #111; padding: 20px; top: 20px; font-weight: bold; }
a.btAmarelo:visited{text-decoration:none; color:#fff;}
a.btAmarelo:hover{text-decoration: none; color:#1b0127; background-color: #00ccff;}
a.btAmarelo:active{text-decoration: none; color:#fff;}
 

a.btQuad:link{ position: relative;  color:#fff; background-color: #111 ; padding: 20px; top: 30px; font-weight: bold;   }
a.btQuad:visited{text-decoration:none; color:#1b0127;}
a.btQuad:hover{text-decoration: none; color:#00c0ef; background-color: #00ccff ; }
a.btQuad:active{text-decoration: none; color:#fff;}

.fotosInterna{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center;  padding: 50px 20px;}
.fotosInterna li{ width: 31%; min-width:360px;  margin: 1%   }

.fotosInterna li img{ width: 100%; height: auto; display: block}
.fotosInterna li .fas{ font-size: 3em;color: #fff; }
.fotosInterna li h2{  padding:20px;color: #fff;}

 

.fotosHome{ display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 0px; overflow-x:hidden;}
.fotosHome li{ width: 50%; display:flex; flex-direction:column; align-items:center; justify-content:center;background-color:#111;  text-align:center; margin:0; }
.fotosHome li:hover{background-color: #00c0ef; }

.fotosHome li img{ width: 100%; height: auto; display: block}
.fotosHome li .fas{ font-size: 3em;color: #fff; }
.fotosHome li h2{  padding:20px;color: #fff; font-size: 1.4em; }

.alinhaCorBg{ background-color: #f8f8f8;  padding:90px 0px; }
.lista-home{ display: flex; flex-direction: row; align-items: center; justify-content: center;}
.lista-home div > div{ padding:30px 20px;}
.lista-home > div:nth-child(1){ width: 30%; text-align: right;}
.lista-home > div:nth-child(2){ width: 40%; text-align: center;}
.lista-home > div:nth-child(3){ width: 30%; text-align: left;}
.lista-home div img{ width: 100%; height: auto;}
.alinhaListaHome  { padding:0px 20px 60px;}
.alinhaListaHome p {  color: #999; }
.alinhaListaHome h2 {  text-align: center;text-transform: uppercase; }
.alinhaListaHome > p {   max-width: 1000px; margin: auto;  text-align: center }


.produtosHome{  background-color: #fff; padding: 80px 20px; }
.produtosHome ul{ display: flex; flex-direction: row;}
.produtosHome li{  width: 21%; margin: 2%;}
.produtosHome img{  width: 100%; height: auto;}
.produtosHome h2{ text-align: center;text-transform: uppercase; max-width: 500px; margin: auto}
.alinhaBt {  text-align: left; margin: 20px;}


.prodFotosInterna{}
.prodFotosInterna img{  width: 100%; height: auto; display: block}
.prodFotosInterna { display: flex; flex-direction: row; flex-wrap: wrap;}
.prodFotosInterna li{  width: 20%; margin: 0%;}


.respiroHome{ display: flex; flex-direction: column; margin: 0px 0 0px;    }
.respiroHome > div:nth-child(1){ background-image: url("../imagens/image00008.jpeg"); background-repeat: no-repeat; background-size: cover; background-position: 
 center center;}
.respiroHome > div{ width: 100%; padding:0 80px;min-height: 600px; background-color: #010421;display: flex; flex-direction: column;  align-items: center; justify-content: center; color: #ffff;}
.respiroHome h2{ color: #ffff; margin: 0}

.perguntas{ padding: 80px 20px; color: #000}
.perguntas ul{}
.perguntas ul li{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #f9f9f9; margin: 25px 0; padding: 15px; cursor: pointer;}
.perguntas ul li:hover{background-color: #00c0ef; }
.perguntas h2{  text-align: center }
.perguntas h3{ font-size: 1.2em; font-weight: 500;  }
.perguntas p{ display: none;}
.maisPerg{ position: relative; float: right;}
.perguntas .fas{font-size: 2em;}

.midias li{padding:0 10px;}
.midias .fab{font-size: 1.32em;}

.alinhaCto{ display:flex; flex-direction:column; align-items: center; margin-bottom: 0px; }
.alinhaCto > div{  width: 100%; padding:0 20px;}
.infoCto {  padding: 20px 0;  }
.infoCto p{ margin: 15px 0;display:flex; flex-direction:row;  justify-content: flex-start;align-items: center; border: solid #eee thin;padding: 10px ; }
.infoCto .fas, .infoCto .far{ font-size: 1.72em;  margin: 10px 10px 10px 0px; }
a.fone:link{  text-decoration:none;   padding: 0px 0; top: 20px; font-weight: bold;color:#00ccff;  font-size: 1.4em;}
a.fone:visited{text-decoration:none; color:#00ccff;}
a.fone:hover{text-decoration: none; color:#111;  }
a.fone:active{text-decoration: none; color:#00ccff;}

.contato h1{  padding: 0; margin: 0; font-size: 2.4em}

.contato{ padding: 60px 0 0px;}
.contato select{ background-color: #00ccff; border: 0; padding: 10px; }

.fundoForm{  position: relative; margin-top: 0px;  }
.fundoForm h2{   color: #fff; }

.fundoForm input{ width: 100%; margin: 10px 0; padding: 8px;}
.fundoForm textarea{ width: 100%; margin: 10px 0; padding: 8px;}

a.btSimu:link{  text-decoration:none;   padding: 20px; margin: 20px;   font-weight: bold;color:#000; background-color:#00ccff; font-size: 1.50em; text-align: center;}
a.btSimu:visited{text-decoration:none; color:#000;}
a.btSimu:hover{text-decoration: none; color:#fff;  }
a.btSimu:active{text-decoration: none; color:#000;}

.formMenuLat input{ width: 100%; margin: 0px 0; padding: 8px;}
.formMenuLat textarea{ width: 100%; margin: 0px 0; padding: 8px;}
.formMenuLat input[type=submit]{ background-color: greenyellow; cursor: pointer;}

a.btPedido:link{ text-decoration:none; background-color: greenyellow; cursor: pointer; color: #000; width: 90%; margin:0 auto ; padding: 10px; font-size: 18px !important; text-align: center; font-weight: bold;}
a.btPedido:visited{text-decoration:none; color:#000;}
a.btPedido:hover{text-decoration: none; color:#666 !important;  }
a.btPedido:active{text-decoration: none; color:#000;}

.opc{ background-color: #e8e8e8; color: #fff; padding: 50px 20px;background-image: url("../imagens/fundo.jpg"); background-size: cover; background-position: center;}
.opc h2{  text-align: center;color: #fff;font-size: 3.0em;}
.opc ul{  display: flex; flex-direction: row; flex-wrap:  wrap; max-width: 1000px; margin: auto; justify-content:  center; }
.opc ul li{  width: 98%; text-align: center; padding: 5px 0; font-size: 1.0em; }
 


.menuLateral{ width: 28%; margin:0 1%; background-color:#e8e8e8; color: #111; padding: 40px 20px;}
.menuLateral input{ width: 100%; margin: 10px 0; padding: 8px;}
.menuLateral textarea{ width: 100%; margin: 10px 0; padding: 8px;}
.produtos{display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; padding: 40px 0; }

.prodInfoInterna{  width: 70%;display: flex; flex-direction: column; align-items: center;}
.prodInfoInterna > div{ width: 50%; padding:  30px;}
.prodInfoInterna img{  width: 100%; height: auto; display: block;  }
.prodInfoInterna h1{   font-weight: 300; padding: 0 }
.listaInfoProd { width: 100%; padding:  30px;}
.menuSupProd{ background-color:#222; color: #fff;}
.menuSupProd ul{ display: flex; flex-direction: row; padding: 20px; }
.menuSupProd ul li{padding:0 20px; }
.servInfo{background-color: #fff;padding:50px 20px 40px; margin: 0px 0;}
.alinhaServ{ display: flex; flex-wrap: wrap; flex-direction: column; padding:20px 0px 30px; align-items: center; overflow: hidden;}
.alinhaServ li{ width: 96%; margin:20px 2%; background-color: #f7f7f7; padding:60px 2%;shadow:1px 1px 8px 0px rgba(0,0,0,0.9);transform: skew(-5deg);}
.alinhaServ li:nth-child(even){ margin:20px 2%;}
.alinhaServ h3{ margin-bottom: 15px; font-size: 1.4em; line-height: 100%;}
.alinhaServ .fas{  font-size: 1.3em;  margin:10px 15px 0px; }
.servInfo h2{ text-align: center;}
.servInfo h1{ text-align: center; font-size: 3.4em;}

a.linkVer:link{  text-decoration:none;  display: flex; align-items: center;  padding:0px;  color:#00ccff;  font-size: 1.2em;  }
a.linkVer:visited{text-decoration:none; color:#00ccff;}
a.linkVer:hover{text-decoration: none; color:#111;  }
a.linkVer:active{text-decoration: none; color:#00ccff;}

.confirm{background-color: #fff;padding:50px 20px 40px; margin: 0px 0; text-align: center;}
.confirm img{  width: 100%; max-width: 370px; height: auto; display: block;margin: auto;  }


.fundoContatoHome{  padding: 30px 0px 50px;}
.contatoHome{ display: flex; flex-direction: column;}
.contatoHome li{ width: 100%;  display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align:left}
.contatoHome li p:nth-child(1){ font-weight: bold;}
.contatoHome li .fas, .contatoHome li .far{ font-size: 2em; margin:20px 20px 20px 0;}

.lojaHome{ padding: 100px 20px 150px; text-align: center; background-color: #fff;}
 
.prodInternaAcess{ position: relative; max-width: 1260px; margin: auto;display: flex; flex-direction: row;justify-content: center;flex-wrap: wrap;   z-index: 9999; padding: 20px 0 0; box-sizing: border-box;   }
.prodInternaAcess li{  width: 42%; margin:15px 3%;  color: #fff; min-height: 250px; display: flex; align-items: flex-end; justify-content: center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-1deg);}

.prodInternaAcess li:nth-child(1){ background-image:url("../imagens/acessorios/capa-maxima.jpg");  background-size: cover;background-position: center center}
.prodInternaAcess li:nth-child(2){ background-image:url("../imagens/acessorios/mosquetao-de-aco-rotor.jpg");  background-size: cover;background-position: center center}
.prodInternaAcess li:nth-child(3){ background-image:url("../imagens/acessorios/paraquedas-reserva.jpg"); background-position: center center}
.prodInternaAcess li:nth-child(4){background-image: url("../imagens/mochila.jpg"); background-size: cover; background-position: center}
.prodInternaAcess li:nth-child(5){background-image: url("../imagens/cordas-e-roldanas-rotor.jpg"); background-size: cover; background-position: center}
.prodInternaAcess li:nth-child(6){background-image: url("../imagens/acessorios/Paraquedas-de-arrasto.jpg"); background-size: cover; background-position: center}
.prodInternaAcess li:nth-child(7){background-image: url("../imagens/acessorios/capacete.jpg"); background-size: cover; background-position: center}
.prodInternaAcess li:nth-child(8){background-image: url("../imagens/acessorios/digifly.jpg"); background-size: cover; background-position: center}
.prodInternaAcess li:nth-child(9){background-image: url("../imagens/acessorios/lycra-asa-delta.jpg"); background-size: cover; background-position: center}
.prodInternaAcess h3{ background-color:rgba(0,0,0,0.85);font-size: 1.1em; font-weight: 400;color:#fff;  width: 100%; text-align: center; line-height: 100%; padding:15px 10px;box-sizing: border-box; text-transform: uppercase;transition:  0.5s; height: 80px;     display: flex; flex-direction: column; align-items: center; justify-content: center; }
.prodInternaAcess li:hover h3{  padding: 15px 5px;  box-sizing: border-box;  height: 100%;}
.prodInternaAcess li:hover{  cursor: pointer;}
.prodInternaAcess a{ width: 100%; height: 100%; }


.prodInterna{ position: relative; max-width: 1260px; margin: auto;display: flex; flex-direction: row;justify-content: space-around;flex-wrap: wrap;   z-index: 9999; padding: 20px 0 0; box-sizing: border-box;   }
.prodInterna li{  width: 46%; margin:15px 2%;  color: #fff; min-height: 300px; display: flex; align-items: flex-end; justify-content: center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-5deg);}
.prodInterna li:nth-child(1){ background-image:url("../imagens/havana-s/hav.jpg"); background-size: cover; background-position: center center}
.prodInterna li:nth-child(2){ background-image:url("../imagens/shadow/shad.jpg");  background-size: cover;background-position: center center}
.prodInterna li:nth-child(3){ background-image:url("../imagens/vulto/vulto.jpg");  background-size: cover;background-position: center center}
.prodInterna li:nth-child(4){background-image: url("../imagens/breezy/bree.jpg"); background-size: cover; background-position: center}
.prodInterna li:nth-child(5){background-image: url("../imagens/cocoon/cocoon.jpg"); background-size: cover; background-position: center}
.prodInterna li:nth-child(6){background-image: url("../imagens/perneira/perneira.jpg"); background-size: cover; background-position: center}

.alinhaTxt{ text-align: center;}
.prodInterna h3{ background-color:rgba(0,0,0,0.70);font-size: 1.4em; font-weight: 400;color:#fff;  width: 100%; text-align: center; line-height: 100%; padding:15px 5px;box-sizing: border-box; text-transform: uppercase;transition:  0.5s; height: 80px;     display: flex; flex-direction: column; align-items: center; justify-content: center; }
.prodInterna li:hover h3{  padding: 15px 5px;  box-sizing: border-box;  height: 100%;}
.prodInterna li:hover{  cursor: pointer;}

.prodInterna a{ width: 100%; height: 100%; }

.acessoriosInt{		display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.acessoriosInt li > div{ width:100%; max-width: 1260px; margin:0% auto; padding:70px 20px; display:flex; flex-direction:row; align-items:center; transition: .5s ease;}
.acessoriosInt > li:nth-child(even){ width:100%; background-color: #fff;   }
.acessoriosInt > li:nth-child(odd){ width:100%; background-color: #f4f4f4;   }
.acessoriosInt li div a div >  img{ width: 100%; height:auto; display: block; max-width: 200px; margin: 20px; }
.centroAcess h3{text-align: center !important;}
.acessoriosInt h3{		font-size: 2.3em; margin-bottom: 20px; text-align: center;}
.boxAcessCentro{display: flex; flex-direction: row; align-items: center; background-color: #fff; width: 100%;}
.boxAcessCentro img{ width: 100%; height: auto; max-width: 100px !important;}

.acessoriosInt .boxAcessorios{		display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap;}

.boxUnico{  display: flex; flex-direction: column;  align-items: center; margin: 10px;   background-color:#fff; transition: .5s ease;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1);}
.boxUnico a img{ width: 100%; height: auto; display: block; max-width: 250px; }
.boxUnicoTxt{  width: 100%; padding: 20px;}

.itensMiniProd{  display: flex; flex-direction: row;  justify-content: center; flex-wrap: wrap}
.itensMiniProd li{ display: flex; flex-direction: row;  align-items: center; justify-content: flex-start; margin-bottom: 0px; width: 48%;margin: 1%;background-color:#fff;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1);}
.itensMiniProd li img{ width: 100%; height:auto; display: block; max-width: 100px; margin: 0px;  }

.acessoriosInterna{		display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.acessoriosInterna > li div{ width:100%; max-width: 1260px; margin:0% auto; padding:20px; display:flex; flex-direction:row; align-items:center; background-color:#fff; transition: .5s ease;}
.acessoriosInterna > li:nth-child(even){  background-color: #f4f4f4;   }
.acessoriosInterna > li:hover .acessoriosInterna li{ width: 29%; margin: 0%; }
.acessoriosInterna > li img{ width: 100%; height:auto; display: block; max-width: 300px; margin: 0px; }
.acessoriosInterna .boxAcess{ padding:30px 40px }
.acessoriosInterna h3{		font-size: 2.3em; margin-bottom: 20px; text-align: center;}
 
.acessInt > li{ 	width:100%;padding: 60px 0 80px; }
.acessInt{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  }
.acessInt .boxAcessorios ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.acessInt .boxAcessorios > ul li{display: flex; flex-direction: row; align-items: center; width: 98%; margin:10px 1%; background-color:#fff; transition: .5s ease;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1); }
.acessInt .fotoAcess img{ width: 100%; height:auto; display: block; }
.acessInt .fotoAcess { width: 28%; padding: 10px;}
.acessInt .boxAcessorios ul li p { width: 75%;padding: 10px;}
.bgFundo{ width: 100%;  background-color: #f4f4f4;   }
.bgBranco{ width: 100%;  background-color: #fff;   }
.revBg{padding: 50px 20px; margin-top: 30px;}
.acessInterna{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center }
.acessInterna li{  position: relative; width: 50%; min-height: 400px; display: flex; flex-direction:column; margin: 0% ; padding:0 0px 0px; background-color:rgba(255,255,255,0.70);   align-items: center; justify-content: center;   color:#fff; transform: skew(0deg);}
.acessInterna li:hover{ background-color:rgba(0,204,255,0.80);  color: #fff; }
.acessInterna li:nth-child(2){ background-image: url("../imagens/capa.jpg"); background-size: cover; background-position: center;   }
.acessInterna li:nth-child(4){ background-image: url("../imagens/mochila.jpg"); background-size: cover; background-position: center;   }
.acessInterna li:nth-child(3){ background-image: url("../imagens/engate.jpg"); background-size: cover; background-position: right;   }
.acessInterna li:nth-child(5){   background-image: url("../imagens/paraquedas.jpg"); background-size: cover; background-position: right; }
.acessInterna li:nth-child(1){ background-image: url("../imagens/paraquedas.jpg"); background-size: cover; background-position: right;   }
.acessInterna li:nth-child(6){   background-image: url("../imagens/engate.jpg"); background-size: cover; background-position: right; }
.acessInterna li:nth-child(7){   background-image: url("../imagens/paraquedas.jpg"); background-size: cover; background-position: right; }

.acess h2{  text-align: center }
.acessInterna div{  width: 100%;   }
.acessInterna h3{  padding: 10px 20px ; font-size: 1.45em;color:rgba(0,204,255,0.90);color: #fff; text-align: center; background-color: #000;width: 100%; }
.acessInterna p{  padding: 0px 20px 0px 20px; }
.acessInterna li img{  width: 100%; height: auto; display: block;}
.acessInterna a:link{  text-decoration:none;   padding:0 20px; margin: 20px; font-weight: bold;color:#00ccff; background-color:#010421;  font-size: 1.0em;transform: skew(-10deg);}
.acessInterna a:visited{text-decoration:none; color:#00ccff;}
.acessInterna a:hover{text-decoration: none; color:#fff;  }
.acessInterna a:active{text-decoration: none; color:#00ccff;}
.fundoBox{  position: absolute;  top: 0%;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 1;  transition: .5s ease; background-color: rgba(0,0,0,0.60);display: flex; flex-direction: column; justify-content: center; align-items: center;}
.acessInterna div:nth-child(2){ z-index: 9;   }
.acessInterna li:hover .fundoBox{height: 100%; top: 0%;background-color: rgba(0,0,0,0.10);}
.acessInterna li:hover .fundoBox h3{background-color:#000;  color: #fff;}

.fundoBox .fas{  font-size: 2em; margin: 20px; transition: .5s ease;}
.acessInterna li:hover .fas{font-size: 3em;}

.prodHome{ display: flex; flex-direction: row; }
.prodHome li{ width: 33.333%;margin:0%; min-height: 280px; background-color: #f8f8f8;  display: flex; align-items: flex-end;justify-content: center;text-align: center; }
.prodHome li:nth-child(1){background-image: url("../imagens/image00023.jpeg"); background-size: cover; background-position: center}
.prodHome li:nth-child(2){background-image: url("../imagens/image00012.jpeg"); background-size: cover; background-position: center}
.prodHome li:nth-child(3){background-image: url("../imagens/rotor-bnr.jpg"); background-size: cover; background-position: center}
.prodHome li:nth-child(4){background-image: url("../imagens/image00018.jpeg"); background-size: cover; background-position: center}
.prodHome li:nth-child(5){background-image: url("../imagens/image00022.jpeg"); background-size: cover; background-position: center}
.prodHome li:nth-child(6){background-image: url("../imagens/image00017.jpeg"); background-size: cover; background-position: center}
.prodHome h3{ position: relative; width: 100%;    background-color:rgba(0,204,255,0.70);padding: 10px; font-size: 1.6em; color: #f8f8f8;}
.prodHome li:hover h3{ height: 100%; display: flex; align-items: center; justify-content: center;  }
.prodHome li:hover { }


.interna{ padding: 50px 20px 80px }
.interna  h2{ text-align: center; font-size: 4em; }
.formMenuLat{padding: 0px 20px;}

@keyframes gradient-animation {   0%{background-position: right top;}   50%{ background-position: left bottom;}   100%{background-position: right top;} }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
margin-top: 20px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoProd{display: flex; flex-direction: column; align-items: center; padding: 30px 20px 60px;}
.videoProd > div{ width: 100%; padding: 20px;}
.boxVideo{}

.alinhaLado{ display: flex; flex-direction: column; align-items: center;}
 
 .new{    background-color: #eee;padding: 80px 0px 60px; margin: 0; }
.newLinha{display: flex; flex-direction: column;     } 
.newLinha img{ width: 100%;        height: auto; display: block;}
 .newLinha > div{   padding: 20px 0px; margin:20px 2%;  background-color: #fff; transform: skew(0deg);} 
.new h2{    text-align: center;font-size: 3em; }
.new h3{    font-size: 1.7em;line-height: 110%; margin: 10px 0 20px;}
 .newLinha .txtBox{   padding: 20px 30px 40px;  } 

/* Style the form */


.whats-float {position: fixed; transform:translate(155px,0px); bottom:25px; right:0; width:200px; overflow: hidden; background-color: #25d366; color: #FFF;     border-radius: 14px 0 0 14px; z-index: 999999; transition: all 0.5s ease-in-out; vertical-align: middle; }
.whats-float a span {     color: white;     font-size: 16px;     padding-top: 8px;     padding-bottom: 10px;     position: absolute;     line-height: 16px;     font-weight: bolder; }
.whats-float i {font-size: 30px;color: white;line-height: 30px;padding: 10px;transform:rotate(0deg);transition: all 0.5s ease-in-out;    text-align:center;}
.whats-float:hover {    color: #FFFFFF;    transform:translate(0px,0px);}
.whats-float:hover i  {    transform:rotate(360deg);}
.parceiros{padding: 90px 20px;}
.paddingAcess{    padding: 30px 20px 60px;  }			

.idioma{ position: relative; top: 10px;  }
.idioma a:link{  text-decoration:none;    margin:  5px;   }
.idioma a:visited{text-decoration:none; color:#00ccff;}
.idioma a:hover{text-decoration: none; color:#111;  }
.idioma a:active{text-decoration: none; color:#00ccff;}

.loginTopo{ min-height: 50px; width: 100%; background-color: #000;}
.alinhaLoginTopo{ display: flex; flex-direction: row;justify-content: flex-end; align-items: center;background-color: #000;  }
.loginTopo input{ margin: 10px 5px; padding: 2px 5px;background-color: #222; color: #fff; border:0}
.loginTopo input[type=submit]{ background-color: #25d366; cursor: pointer; border: 0;margin: 5px 5px; color: #000;padding: 2px 5px;}
.loginTopo label{ color: #eee;}
.ocultaMenu{display: none}
.alinhaLadoLog{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center;padding: 2px 10px;}
a.linkLog:link{  background-color: #ccc; color: #000;  width: 20px; height: 20px; padding: 5px; border-radius: 50%; display: flex; justify-content: center; align-items: center;  font-weight: bold; }
a.linkLog:visited{text-decoration:none; color:#00ccff;}
a.linkLog:hover{text-decoration: none; color:#111;  }
a.linkLog:active{text-decoration: none; color:#00ccff;}

header{position: absolute;width: 96%;   top: 60px ; z-index: 999; }
 
.alinhaCores{ display: flex; flex-direction: row; flex-wrap: wrap; background-color: #eee; padding: 20px 20px 10px; margin: 20px 0;}
.alinhaCores > div{margin-right: 20px; margin-bottom: 10px;}

.topnav {
 
 

}

.topnav a {
  float: left;
  display: block; background-color: black;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;margin: 0 5px;font-weight: bolder; 
}

.ativo {
  background-color: #fff !important;
  color: black !important;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;   font-weight: bolder;  
  border: none;
  outline: none;
  color: white; background-color: black;
  padding: 14px 16px;
 
  margin: 0 5px;
}

.dropdown-content {
  display: none;
  position: absolute;
  color: black;  

  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 26px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #fff;
  color: black;
}

.dropdown-content a:hover {
  background-color: white;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 720px) {
  .topnav a, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 98%;
    text-align: left;
  }
}
/* min-width & max-width ( entre 767px e 950px )  TABLET*/ 
@media screen  and (min-width:720px) and (max-width:1024px){
* { font-size: 16px;  	}
  .quem{   flex-direction: row; }	
.svgFundo div { width: 100%; }	
.respiroHome{flex-direction: row; margin: 0px 0 0px;    }	
.respiroHome > div{ width: 50%; padding: 80px;min-height: 600px;  }	
.fotosHome li{ width: 25%;  }
.quem-box > article{ width:30.3333%;margin:-75px 1.5% 0;  }	
.quem-box{  flex-direction: row;   }
.contatoHome{ display: flex; flex-direction: row;}
.contatoHome li{ width: 33%;    flex-direction: row; align-items: center; justify-content: center}
.prodInterna li{  width: 31%; margin:0 1%;  color: #fff; min-height: 300px; display: flex; align-items: flex-end; justify-content: center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-10deg);}	
.revendedores li{  width: 48%; margin: 1% 2% 1% 0%; border: solid thin #e3e3e3; padding: 15px;}	
header { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }	
.containerHamburger{display: none;}

.topnav a {   font-size: 15px;   padding: 14px 10px;
}	
	
}

/* min-width ( acima de 900px ) */  
@media screen and (min-width: 1024px) {	 
	
 header > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

	
 .quem{   flex-direction: row; }	
.svgFundo div { width: 50%; }	
.respiroHome{flex-direction: row; margin: 0px 0 0px;    }	
.respiroHome > div{ width: 50%; padding: 80px;min-height: 600px;  }	
.fotosHome li{ width: 16.6666%;  }	
.quem-box > article{ width:30.3333%;margin:-75px 1.5% 0;  }	
.quem-box{  flex-direction: row;   }
.contatoHome{ display: flex; flex-direction: row;}
.contatoHome li{ width: 33%;    flex-direction: row; align-items: center; justify-content: center}
.alinhaRodape{   flex-direction: row; }	
.prodInterna li{  width: 14.666%; margin:0 1%;  color: #fff; min-height: 300px; display: flex; align-items: flex-end; justify-content: center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-10deg);}	
	
.acess{    padding: 0px 0px 0px;  }		
.acessInterna li{  position: relative; width: 21.5%; min-height: 400px; display: flex; flex-direction:column; margin: 1.5% ; padding:0 0px 0px; background-color:rgba(255,255,255,0.9);   align-items: center; justify-content: center;   color:#fff; transition:  0.5s;box-shadow:1px 6px 25px -6px #999;  transform: skew(-0deg);}	
.acess h2{    font-size: 3em;  }		
	
.catProd li{  width: 16%; margin: 2% 1.5%;  color: #fff; min-height: 400px; display: flex; align-items: center; justify-content: center;transition:  0.5s;box-shadow:1px 6px 25px -6px #999; background-size: cover;transform: skew(-10deg); overflow: hidden}	
.quemInterna{  display:flex; flex-direction: row; position: relative;    padding: 60px 0px; text-align: center; align-items: center;justify-content: center;}
.alinhaServ{   flex-direction: row; padding:40px 0px 0px; align-items: center;}	
.alinhaServ li:nth-child(even){ margin-top: -60px;}
.alinhaCto{  flex-direction:row; align-items: center; margin-bottom: 40px; }
.alinhaCto > div{  width: 50%; padding: 20px;}	
.resp li{  width: 50%; margin: 0%;   min-height: 400px;  background-size: cover; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5%; }	
.resp ul li:nth-child(3){ background-color: #fff; order: 4;background-image:url("../imagens/equipahome.jpg"); }
.resp ul li:nth-child(4){  background-color: #fff;order: 3; }
.catProdHome li{  width:23%; margin: 1%;  color: #fff; min-height: 320px; display: flex; align-items: center; justify-content: center;transform: skew(-5deg); transition:  0.5s;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.2);}	
.catProdHome{  flex-direction: row;      }
.alinhaProd{  flex-direction: row; align-items: center; justify-content: center;    padding:0px 30px 60px;}
.alinhaProd > div:nth-child(1){ width: 50%;   padding: 3%;}
.alinhaProd > div:nth-child(2){ width: 50%; padding:0px 20px;}
.newLinha{ flex-direction: row;     } 
.newLinha > div{ width: 50%; padding: 0px 0; transform: skew(-4deg);  } 
  
.videoProd{ flex-direction: row; align-items: center; padding: 60px 20px 100px;}
.videoProd > div{ width: 50%; padding: 20px;}
 
.itens li{  flex-direction: row;     width: 48%;  margin:8px 1%;  align-items: center;justify-content: flex-start;}
.itensProd{  padding: 80px 0px;}
.carcte{  flex-direction: row;  padding: 0px 0px;   text-align: left; min-height: 600px;}
#regForm { 	    margin: 10px auto;   padding: 40px;   width: 70%;   }
.carcte > div:nth-child(2) {  width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 80px 0 0;  }
.carcte > div:nth-child(1) {  width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	
 
.servInfo{background-color: #fff;padding:50px 20px 50px; margin: 0px 0;}	
a.fone:link{   padding: 20px; top: 20px; color:#00ccff;  font-size: 1.50em;}
.contato h1{  padding: 0; margin: 0; font-size: 3.4em}
.carcte ul li{  width:46%; margin:0 2%;}
.carcte div h2{ font-size: 2.5em; }	

	
.menuPrincipal{display: flex;}
.containerHamburger{display: none;}
.logo img{width: 100%; height: auto; display: block; max-width: 250px; }

.opc ul li{  width: 48%; text-align: center; padding: 10px 0; font-size: 1.5em}
.alinhaEscolas{ flex-direction: row;}	
.alinhaEscolas > div{width: 50%;}
.fundoDown{ flex-direction: row;   }

.acessInt .boxAcessorios > ul li{  width: 48%; margin: 1%; }
.prodInternaAcess li{  width: 18%; margin:15px 1%;  min-height: 250px; align-items: flex-end; justify-content: center;transform: skew(-5deg);}
.boxUnico{   flex-direction: row;  }
.boxUnicoTxt{  width: 80%; padding: 20px;}
.alinhaProdBox > article{ width: 100%;flex-direction:row; align-items: center; margin: 30px 0;  }
.alinhaProdBox .fotoBox{ width: 35%; }
.alinhaProdBox .txtBox{ width: 65%; padding: 20px 40px;}	
.quemHome{   flex-direction: row;    padding: 100px 20px 50px; text-align: left; align-items: center;justify-content: center;}
.quemHome > div:nth-child(2){ width: 60%; padding: 20px; }	
.infoHome ul{  flex-direction: row;}
.infoHome ul li{ align-items: center; width: 31%; margin: 1%; padding: 30px;  }
.acessHome > div{ flex-direction: row; justify-content: space-around ; align-items: center; padding: 40px 20px;}
.resp3 li{  width: 46%;      flex-direction: column; align-items: center; justify-content: center; padding: 5%;   transform: skew(5deg); transition:  0.5s; }	
.acessHome{ padding: 90px 0;transform: skew(-5deg);    }
.acessHome > div{     flex-direction: row; justify-content: space-around ; align-items: center; padding: 40px 20px;}
.alinhaBanner p{ font-size:5em; line-height: 100%; }
.quemHome > div img{ width: 100%; height: auto; display: block; padding: 40px;}
.bgAsa{ background-image:url("../imagens/fundoAsa.png"), url("../imagens/fundoAsa-direita.png"); background-repeat:no-repeat; background-position:left top, right top ;}
.acessInt .fotoAcess { width: 20%; padding: 10px;}
.acessInternaProd ul{flex-direction: column; align-items: center; justify-content: center; }	
.acessInternaProd ul li{ width: 86%; margin:10px 2%;box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1);}
.containerFoto {   position: relative;   width: 100%;  max-width: 100px; }
.infoContainer{padding:5px 30px;}	
.alinhaContainerLado{display: flex; flex-direction: row; align-items: center; background-color: #fff;}
a.linkSimu:link{ position: relative; text-decoration:none; font-weight: bold; font-size: 30px;color:#000; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center }	
.download {   margin:40px; max-width: 200px;}
.carcte  h3{font-size: 1.3em; }
.quemInterna p{  margin: 10px 20px;   }
.alinhaServ h3{ margin-bottom: 15px; font-size: 1.7em; line-height: 100%;}	
.alinhaFormHome{ display: flex; flex-direction: row;}	
.txtRev{ padding: 20px 20px; }
.alinhaLado{   flex-direction: row; align-items: center;}
.revendedores li{  width: 31%; margin: 1% 2% 1% 0%; border: solid thin #e3e3e3; padding: 15px;}	
.quemInterna > div{ width: 50%; padding: 20px 20px;}	
.ocultaMenu{display: block}	
.idioma{ position: relative; top: 4px;  }	
.topnav a { transform: skew(-10deg); }
.dropdown .dropbtn { transform: skew(-10deg); }
.alinhaServ li{ width: 46%; min-width: 250px; margin:20px 2%; background-color: #f7f7f7; padding:60px 2%;shadow:1px 1px 8px 0px rgba(0,0,0,0.9);transform: skew(-5deg);}	
 }


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 60px 0px 20px;

}
.sidenav p {
  padding: 0 20px 0;color: #ccc; 
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 0px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#mySidenav h2{ color: #00c0ef; position: relative; text-align: center; padding:0 20px;} 

 

.alinhaBread{ background-color: #eee;}
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
   
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #00c0ef;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}