* {margin: 0; padding: 0}
p {font-family: 'Roboto', sans-serif;font-size: 18px; font-weight: 400;}
body {background-color: rgb(252,252,255); scroll-behavior: smooth;}
header {position: fixed; width: 100%; top: 0px; padding-top: 0px; margin-top: 0; background-color: rgb(255, 255, 255); box-shadow: 1px 1px #ebebeb; z-index: 10}
section#inicio { background:url(img/fancybg.png), radial-gradient(100.9% 272.04% at 100% 0%, rgb(0,10,30) 0%, rgb(0,15,50) 47.75%, rgb(0,20,70) 94.24%);}
header svg { float: left; padding: 10px; margin-left: 3%}
nav {float: right; margin-right: 80px; z-index: 5}
nav ul li {display: inline-block; width: 110px; text-align: center; padding-top:  14px; padding-bottom: 12px}
nav ul li.licon {display: none}
nav ul li a {text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 2em; color: rgb(0,20,50)}
#lateral {position: fixed;z-index: 1 ;right: 0; padding-top: calc(50vh - 110px); overflow: hidden}
#lateralleft {position: fixed;z-index: 0;left: 0; padding-top: calc(50vh - 110px)}
section.full {width: 100%; min-height: calc(100vh); height: auto; display: flex}
section.cftv {background-image: url(img/cftv.jpg); background-attachment: scroll; position: relative; z-index: -10}
.meio {align-self: center; text-align: left; margin: 0px auto; color: rgb(0,26,80); width: 1100px;}
.daesquerda {padding: 1.5em 0;}
figure {text-align: center; color: rgb(0,20,50)}
figure img {padding-right: 2%}
.splash {font-size: 2em; font-weight: 400}
.redes {background-color:  rgb(240, 240, 240); padding: 7em 0;}
.meiosplash {align-self: center; text-align: left; margin: 0px auto; color: white; width: 1100px;}
.psplash {font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.5em; font-style: normal;}
#chamacam a { text-decoration: underline; color:white; text-align: center; margin: 0 auto;}
#chamacam {background-color: #3e3e3e; width: 100%; display: flex; align-content: center; text-align: center}
.baixo {position: absolute ; bottom: 20px; left: calc(50% - 34px)}
#serv {display: flex; width: 100%; position: relative;background-color: rgb(29, 33, 64)}
.divisao { border: 0; border-top: 0px solid rgb(23, 35, 35);} 
.foot {max-width: 1100px; display: flex; align-self: center; text-align: center; margin: 0 auto; padding: 40px 0}
.cem {width: 100%; text-align: center; background-color: #1d2140; display: flex}
.centralizado {max-width: 1100px; display: flex; align-self: center; text-align: center; margin: 0 auto; padding: 0 0 50px 0}
#cidades {display: flex; align-items: center; background-color: rgb(23, 23, 38); color: rgb(23,23,38)}
#cidades div {margin: 0 auto; padding: 10px 5px; }
#cidades a {color: rgb(23,23,38); text-decoration: none}
.verde {background: url(img/correct-symbol.svg) no-repeat center left ; color: white ; max-width: 350px}
.half { background-color: #baf2e3;}
.half div {padding: 6em 0 7em 0;}
.trinta {position: relative; float: left; align-content: center; text-align: center; color: white; padding: 10px 50px}
.trinta img {height: 30px; width: auto; padding: 10px 0}
.clt {position: relative; margin: 0 auto; max-width: 800px}
.fotos {padding: 60px; }
.fotos img {padding: 0px; margin: 3px; transition: 0.2s}
.fotos img:hover {transform: scale(1.1)}
.fotoini {background-color: rgba(255, 255, 255, 0.9); padding: 50px 70px; box-shadow: 1px 1px 35px #3b3b3b; width: 50%}
.rodape {align-self: center; text-align: center; margin: 0 auto; color: rgb(223, 223, 229); background-color: rgb(23,23,38); padding: 0 0 38px 0;}
.rodape p {font-weight: 200; font-size: 0.96em}
.esquerda {align-self: center; text-align: left; margin: 0 auto; color: rgb(0,26,80)}
.esquerda h1 {line-height: 2em}
ul.itens li.main {font-family: 'Roboto', sans-serif; font-size: 1.1em; padding-bottom: 15px; font-weight: bold}
.inner { text-indent: 25px; list-style: none; font-size: 18px; font-weight: 400}
.inner li {background: url(img/flexa.svg) no-repeat center left}
.meio h1 {font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom: 10px; font-size: 1.6em}
.meio h2 {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px}
.meio a {font-family: 'Roboto, sans-serif'}
.why { font-size: 1.2em; padding-bottom: 15px; font-weight: bold; list-style: none}
.why a {text-decoration: none; color: rgb(0,20,50)}
.esquerda p.conf {font-weight: 300; font-style: italic}
.idioma {padding: 0; margin: 0}
#choose a#br {position: absolute; margin: 20px -55px}
#choose a#us {position: absolute; margin: 20px -30px}
#nochoose {position: absolute; right: 12px}
nav li:hover {background-color: rgb(234, 247, 255)}
#hh2 h2 {display: none}
#vaitrem {color: rgba(87, 119, 203, 0.01)}
.dropbtn {display: none;}
.clique {text-decoration: none; color: white ; background-color: rgb(47, 175, 255); padding: 2px 6px; border-radius: 10px}
.whatsapp, .telegram, .facebook {padding: 12px 0;}
.whatsapp a {text-decoration: none; color: white; background-color: rgb(37,211,102); padding: 6px; border-radius: 18px}
.telegram a {text-decoration: none; color: white; padding: 6px; border-radius: 18px; background-color: rgb(44,163,214)}
.facebook a {text-decoration: none; color: white; padding: 6px; border-radius: 18px; background-color: rgb(58,90,153)}
@media (max-width:1600px){
body { font-size: normal;}
    h3 {padding: 1% 0}ul.itens li.main {font-size: 1em}.inner {font-size: normal} .meio {width: 65%}
}
/*Customização de animações*/
.bounceInRight {animation-delay: 0.3s}
.bounceInUp{animation-delay: 0.6s}
/*Fim de Customização*/
@media only screen and (max-width:1200px){
.clientes {width: 20vw}
.dropbtn {display: block; border: 1px solid #5179e5; padding: 4px; background-color: white; color: #5179e5;}
.show {display:block}
nav ul{display: none; position: absolute; text-align: center; width: 100vw; top:58px; left: calc(-100vw + 131px)} 
nav ul li {border-bottom: 1px solid #dddddd; background-color: rgb(252,252,255); padding-top: 10px; width: 100vw;}
nav ul li a {display: block; color: rgb(0,20,50); font-weight: 400; width: 100%; }
nav {float: right; position: relative; width: auto; line-height: 1.0; margin-right: 80px; padding-top: 7px;}
/* {font-size: 1rem}*/
.esquerda {margin: 15%}
#nochoose {position: absolute; top: -14px;}
.menu {margin-right: 0px; width: 180px; height: 100%; z-index: 500; display: none; margin-top: 50px;} 
.menu li {text-align: center; width:100vw; position: relative}
.menu a {display: block;}
nav ul li {top: 10px}
#lateral, #lateralleft {display: none}
.inner {text-indent: 0px ; font-size: 16px}
.inner li {background: initial}
}
@media only screen and (max-width:800px){
.fotos img {padding: 4px; margin: 3px; width: 38%; }
nav ul {top: 38px}
.baixo {bottom: -20px}
.splash {font-size: 1.8em}
.meiosplash { width: 96%;}
.psplash {font-size: 1.2em}
.meio {width: 90%; padding-top: 30px}
.foot, .centralizado {flex-direction: column}
.trinta {width: 300px; margin: 0 auto; padding: 30px}
.clientes {width: 42vw ; max-width: 250px}
header svg {display: none}
#hh2 h2 {display: inline; position: absolute; font-family: 'Roboto', sans-serif; top: 10px; left: 10px; font-size: 18px}
#hh2 h2 {color: rgb(0,20,50)}
#hh2 span {color: rgb(111, 111, 111)}
}