*{
    box-sizing:border-box;
    font-family:"Heebo";
    font-weight:100;
    font-style:normal;
    line-height:1.46875;
}
body{ background:#fff; color:#3f5465; margin:0; padding:0; overflow:hidden auto; }
#body{ overflow:hidden; }
.scala{ transform:scale(0.8); transform-origin:left top; }
form,h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; padding:0; }
h1{ width:100%; text-align:left; font-weight:1000; font-size:25px; margin-bottom:40px; line-height:32px; }
p{ margin:5px 0; }
a{ cursor:pointer; text-decoration:none; color:#3f5465; }
.mobile{ display:none !important; }
.desktop{ display:block !important; }
.content{ width:1100px; margin:0 auto; position:relative; }
.padding-content{ width:1100px; margin:0 auto; padding:35px 360px 50px 0; position:relative; }
.clear{ clear:both; }
.txtVerde{ color:#364B57; }
.bt-flutuante{ position:fixed; bottom:20px; left:20px; z-index:1000; }
.bt-flutuante.scala{ transform-origin:bottom left; }

.slick-dotted.slick-slider{ margin-bottom:0; }
.slick-dots{ bottom:0; }
.slick-dots li{ margin:0; }
.slick-dots li button::before{ font-size:25px; }
.slick-dots li.slick-active button::before{ color:#0a1a2b; }
.slick-prev, .slick-next{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    width:50px;
    height:50px;
    z-index:999;
}
.slick-prev{ background-image:url(../images/icon-seta-esq.png); left:calc(50% - 650px); filter: brightness(0) saturate(100%) invert(85%) sepia(21%) saturate(6635%) hue-rotate(339deg) brightness(102%) contrast(102%);}
.slick-next{ background-image:url(../images/icon-seta-dir.png); right:calc(50% - 260px); filter: brightness(0) saturate(100%) invert(85%) sepia(21%) saturate(6635%) hue-rotate(339deg) brightness(102%) contrast(102%); }
.slick-prev::before, .slick-next::before{ display:none; }
.escala{ transform:scale(0.75); transform-origin:top center; }

#header { position:relative; height:160px; }
#header .logo{ margin:20px 0 0 0; display:block; float:left; }
#header .logo-ituran{ margin:30px 0 0 0; display:block; float:right; }
/*#header ul{ margin:80px 0 0 45px; padding:0; float:right; }
#header ul li{ list-style:none; margin:0; padding:0 0 0 35px; float:left; }
#header ul li a{ color:#6F7E87; text-align:left; font-size:23px; font-weight:800; padding-left:25px; position:relative; }
#header ul li a img{ display:block; position:absolute; top:2px; left:-7px; height:auto; }*/
#header ul{ margin:80px 0 0 45px; padding:0; float:right; }
#header ul li{ list-style:none; margin:0; padding:0 35px 0 0; float:left; }
#header ul li a{ color:#6F7E87; text-align: center; font-size:21px; font-weight:300; padding-left:46px; position:relative; top: 2px}
#header ul li a img{ display:block; position:absolute; top:1px; left:15px; height:auto; }

#footer{ position:relative; height:200px; }
#footer.padding-content{ padding:0 335px 0 0; }
#footer .logo{ margin-top:30px; display:block; float:left; width:125px; }
#footer p{ padding:80px 0 0 30px; display:block; float:left; width:calc(100% - 277px); color:#6F7E87; text-align:left; font-size:13px; font-weight:400; line-height:14px; }
#footer .logo-ituran{ margin-top:60px; display:block; float:right; width:135px; }

#banners{ width:100%; height:300px; position:relative; z-index:5; }
#banners .banner{
    width:100%;
    height:300px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    position:relative;
}
#banners .banner p{
    display:block;
    width:max-content;
    padding:10px 15px;
    color:#fff;
    font-size:28px;
    line-height:33px;
    border-radius:20px;
    position:absolute;
    top:45px;
    left:calc(50% - 525px);
    font-weight:600;
    background-color:#FFAA23;
}
#banners .slick-dots{ bottom:-30px; }

#banner-rodape{
    width:100%;
    height:300px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    position:relative;
}
#banner-rodape p{
    display:block;
    width:max-content;
    color:#fff;
    font-size:33px;
    position:absolute;
    top:130px;
    left:calc(50% - 200px);
    font-weight:800;
}

.formContato{
    position:absolute;
    z-index:1000;
    top:220px;
    right:calc((50% - 600px));
    width:335px;
}
#formContato{
    border-radius:20px;
    padding:20px 35px 80px;
    background-color:#364B57;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    text-align:center;
    position:relative;
}
#formContato p{ text-align:center; font-weight:400; font-size:17px; line-height:23px; color:#fff; padding:0; margin:0 0 15px 0; }
#formContato p strong{ color:#FFAA23; font-weight:1000; display:block; font-size:31px; line-height:35px;margin-bottom:25px; }
#formContato p small{ font-weight:400; display:block; font-size:97%; margin-top:20px; }
#formContato p:nth-of-type(2){ margin-bottom:5px; }
#formContato .campos{
    border:none;
    background-color:#fff;
    text-align:left;
    display:block;
    font-size:16px;
    border-radius:8px;
    padding:5px 10px;
    margin:10px 0 0;
    width:100%;
    font-weight:400;
    color:#425563;
}
#formContato .radio{ display:inline-block; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); padding:9px; border-radius:50%; margin:0 50px 0; position:relative; cursor:pointer; background-color:#fff; }
#formContato .radio.active{ border:4px solid #fff; background-color:#FFAA23; padding:6px; }
#formContato .radio .cRadio{ position:absolute; top:-30px; left:30px; visibility:hidden;}
#formContato .radio::before{ top:20px; text-align:center; font-weight:400; font-size:17px; line-height:30px; color:#fff; position:absolute; left:calc(50% - 60px); width:120px; }
#formContato .radio:first-of-type:before{ content:"WhatsApp"; }
#formContato .radio:last-of-type:before{ content:"Ligação"; }
#formContato .btEnviar{
    background-color:#fff;
    border-radius:15px 15px 15px 35px;
    width:68px;
    height:68px;
    padding:22px 0 0 6px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
    bottom:-50px;
    left:calc(50% - 34px);
    position:absolute;
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#formContato .btEnviar:after{
    content:'';
    position:absolute;
    display:block;
    width:1px;
    height:1px;
    top:50%;
    left:50%;
    opacity:0;
    background-color:#fff;
    border-radius:15px 15px 15px 35px;
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

#formContato .btEnviar::before{
    content:'Enviar';
    width:120px;
    text-align:center;
    font-weight:600;
    font-size:27px;
    position:absolute;
    left:calc(50% - 60px);
    color:#FFAA23;
    bottom:-43px;
    text-shadow:0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#formContato .btEnviar img{ height:24px; }
#formContato .btEnviar:hover:before{
    color:#fff;
    text-shadow:0 0 10px rgba(0, 0, 0, 0.9);
}
#formContato .btEnviar:hover:after{
    opacity:1;
    width:103%;
    height:103%;
    top:-2px;
    left:-1px;
    background-color:#FFAA23;
}
#formContato .btEnviar:hover img{
    filter:brightness(0) invert(1);
    z-index:1;
    position:relative;
}

.boxTelefone{
    border-radius:20px;
    padding:10px 0 10px 35px;
    background-color:#364B57;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    text-align:left;
    margin-top:100px;
    color:#fff;
}
.boxTelefone p{ font-size:21px; font-weight:600; color:#fff; }
.boxTelefone p a strong{ font-size:21px; font-weight:600; color:#fff; }

/*#porque .carrossel div{ width:calc(100% / 3); display:block; float:left; min-height:275px; }
#porque .carrossel div img{ display:block; margin:0 auto; }
#porque .carrossel div p{ color:#6F7E87; text-align:center; font-size:17px; padding-top:20px; font-weight:300; }
#porque .carrossel div p strong{ display:block; font-weight:600; text-align:center; width:100%; padding:0; color:#6F7E87; font-size:20px; }*/

#porque p{ color:#364B57; font-size:17px; font-weight:200; }
#porque p strong{ font-weight:800; font-size:21px; color:#364B57; }
#porque p b{ font-weight:800; color:#364B57; }
#porque p small{ font-weight:400; color:#3D4A57; font-size:12px; padding-top:5px; display:block; }
#porque ul{ width:100%; display:block; padding:0; margin:0; }
#porque ul li{ float:left; list-style:none; width:auto; padding:0 15px; }
#porque ul li:last-of-type{ text-align:right; }
#porque ul li:nth-of-type(4){ text-align:center; }
#porque ul li img{ width:auto; }

#planos{ background-color:#f3f3f3; letter-spacing:-1px; }
#planos .carrossel div.boxes{ width:calc(70% / 4); display:block; float:left; padding:0; }
#planos .carrossel div.boxes h2{ color:#6F7E87; text-align:center; font-size:23px; font-weight:600; }
#planos .carrossel div.boxes img{ display:block; margin:0 auto; height:70px;}
#planos .carrossel div.boxes p{ font-size:16px; text-align:center; padding-top:10px; font-weight:400; letter-spacing: 1px; }

#assistencias.padding-content{ padding-bottom:35px; }
#assistencias div.box{ float:left; width:calc(100% / 5); }
#assistencias div.box img{ margin:0 auto; height:75px; display:block; }
#assistencias div.box p{ font-size:16px; text-align:center; padding-top:10px; font-weight:400; letter-spacing: 1px;}

#depoimentos{ background:#F3F3F3; }
#depoimentos .carrossel{ overflow:hidden; width:650px; height:230px; }
#depoimentos .carrossel div p{ width:max-content; display:block; margin:0 auto; color:#364B57; text-align:left; font-size:21px; font-weight:400; line-height:28px; position:relative; padding-top:15px; }
#depoimentos .carrossel div p strong{ font-weight:900; line-height:30px; }
#depoimentos .carrossel div p small{ display:block; padding-top:20px; font-size:17px; font-weight:400; text-transform:uppercase; }
#depoimentos .carrossel div p::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:-35px;
    background-image:url(../images/img-aspas.png);
    background-repeat:no-repeat;
    background-size:auto;
    background-position:top left;
    width:35px;
    height:32px;
}
#bt-cotar-agora{ display:none; position:fixed; bottom:5px; right:10px; width:65px; z-index:9999999; }
#bt-cotar-agora img{ width:100%; }
#bt-whats{ position:fixed; bottom:15px; right:calc((50% - 310px)); width:60px; z-index:9999999; }
#bt-whats img{ width:100%; }
.header-tel { background-color: #fdb701; border-radius: 20px; }
.header-whats {background-color: #25D366; border-radius: 20px; margin-left: 20px !important; }
.img-whats { height: 25px !important;top: 2px !important; }


@media (max-width:1200px){

    .escala{ transform:scale(0.85); }
    .content{ width:95%; }
    #bt-cotar-agora{ display:block; bottom:80px; }
    #bt-whats{ right:11px; }
    h1 br{ display:none; }
    h1{ text-align:center; }

    .padding-content{ width:95%; padding:50px 0; }
    #header{ height:auto; }
    #header .logo{ height:70px; margin:10px 0; }
    #header ul{ margin:27px 0 0 12px; }
    #header ul li{ float:none; padding:0 5px 0 0; }
    #header ul li a{ font-size:17px; padding-left:35px; font-weight: 600;}
    #header ul li a img{ height:17px !important; left: 10px;}
    #header .logo-ituran{ margin:15px 0 0; height:50px; }
    .header-whats { margin-left: 0px !important; margin-top: 2px !important;}
    .formContato{ position:relative !important; top:auto !important; right:auto !important; width:320px !important; margin:10px auto 0 !important; padding-top:20px; height:555px; }

    #banners{ height:190px; }
    #banners .banner{ height:190px; background-position:calc(50%) center; }
    #banners .banner p{ font-size:14px; line-height:17px; top:20px; left:calc((50% - 320px) + 145px); border-radius:15px; }

    #banner-rodape{ height:190px; background-position:calc(30%) center; }
    #banner-rodape p{ font-size:14px; line-height:17px; top:120px; left:auto; border-radius:15px; right:15px; }

    #porque .carrossel{ width:270px; margin:0 auto; height:auto; }
    #porque .carrossel div{ width:270px; height:85px; }
    #porque ul li img{ margin:0 auto; }
    #porque .slick-prev, #porque .slick-next{ top:50px; }
    #porque .slick-prev{ left:0; }
    #porque .slick-next{ right:0; }
    #porque p{ text-align:center; }
    #porque ul li{ width:100%; text-align:center !important; }

    #planos .carrossel{ width:300px; margin:0 auto; }
    #planos .carrossel div.boxes{ width:300px; margin:0; padding:0; height:auto; }
    #planos .carrossel div.boxes img{ float:none; }
    #planos .carrossel div.boxes p{ text-align:center; float:none; }
    #planos .carrossel div.boxes p img{ margin:0 auto 5px; }
    #planos .carrossel div.boxes small{ margin:0 auto; }
    #planos .carrossel div.boxes p small{ text-align:center !important; margin:0 auto 30px; }
    #planos .slick-prev, #planos .slick-next{ top:55px; }
    #planos .slick-prev{ left:-25px; filter:brightness(0) saturate(100%) invert(85%) sepia(21%) saturate(6635%) hue-rotate(339deg) brightness(102%) contrast(102%); }
    #planos .slick-next{ right:-25px; filter:brightness(0) saturate(100%) invert(85%) sepia(21%) saturate(6635%) hue-rotate(339deg) brightness(102%) contrast(102%); }

    #depoimentos .carrossel{ height:210px; width:95%; margin:0 auto; }
    #depoimentos .carrossel div p{ font-size:15px; line-height:20px; width:100%; padding-left:25px; }
    #depoimentos .carrossel div p strong{ line-height:20px; }
    #depoimentos .carrossel div p small{ font-size:13px; }
    #depoimentos .carrossel div p br{ display:none; }
    #depoimentos .carrossel div p::before{ top:3px; left:0; background-size:100% auto; width:26px; height:26px; }

    #assistencias div.box{ float:none; width:100% !important; }
    #assistencias p small{ text-align:center; width:100%; display:block; }

    #vantagens div.box{ float:none; width:80%; margin:0 auto 30px; }


    #footer{ height:auto; }
    #footer.padding-content{ padding:0 0 20px 0; }
    #footer .logo{ height:60px; width:auto; }
    #footer p{ padding:37px 0 0 15px; width:calc(100% - 80px); font-size:10px; line-height:13px; }
    #footer .logo-ituran{ margin-top:10px; height:60px; float:left; width:auto; }
    .slick-prev{ left: -10px; height: 30px; }
    .slick-next{ right: -10px; height: 30px; }
}