*{
    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 !important; 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 320px 50px 0; position:relative; }
.clear{ clear:both; }
.txtVerde{ color:#0044b3; text-align: center; font-weight: 800; font-size: 25px; margin-bottom: 25px;}
.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:#009cf8; }
.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: invert(35%) sepia(83%) saturate(1345%) hue-rotate(177deg) brightness(106%) contrast(107%);}
.slick-next{ background-image:url(../images/icon-seta-dir.png); right:calc(50% - 260px); filter: invert(35%) sepia(83%) saturate(1345%) hue-rotate(177deg) brightness(106%) contrast(107%);}
.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:60px 0 0 45px; padding:0; }
#header ul a li{ list-style:none; padding:4px 20px 3px; }
#header ul a li a{ color:black; text-align: center; font-size:21px; font-weight:300; padding-left:35px; position:relative; top: 2px}
#header ul a li .info{ margin: auto; font-weight: 400;}

#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; }

#banner-1{background-image: url('../images/banners/banner-1.jpg?v=2');background-size: cover;}
#banner-2{background-image: url('../images/banners/banner-2.jpg?v=2');background-size: cover;}
#banner-3{background-image: url('../images/banners/banner-3.jpg?v=2');background-size: cover;}
#banners{ width:100%; height:300px; position:relative; z-index:5; }
#banners .banner{
    width:100%;
    height:300px;
    background-position: 90%;
    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 170px;
    background-color:#009cf8;
    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:#fff; 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:#0044b3; 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:#fff;
    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:#0044b3;
}
#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:#0044b3;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    text-align:left;
    margin-top:20px;
    color:#fff;
}
.boxTelefone p{ font-size:21px; font-weight:600; color:#fff; margin-bottom: 0; }
.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:14px; font-weight:400; position: absolute; top: 115px;}
#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{ text-align:center; float:left; list-style:none; width: 19.2%; padding: 20px 5px; border: 1px solid blue; border-radius: 15px; margin: 5px 3px; height: 240px; position: relative; display:flex;}
#porque ul li.li-item-app{height: 300px;}
#porque ul li:last-of-type{ text-align:center; }
#porque ul li:nth-of-type(4){ text-align:center; }
#porque ul li img{ height: 50px; margin: 25px auto 0; }
#porque ul li.li-item-app img{ margin: 0px auto 0; }
#porque ul li.li-item-app{display: flex;}
#porque .item-app{margin: auto !important;}
#porque .item-app p{position: initial !important; margin-top:15px;}

#planos{ background-color:white; letter-spacing:-1px; }
#planos p {font-weight: 400; padding-right: 25px; color: #6f7e87; margin: 0 0 5px 0;}
#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; display: none;}
#bt-whats img{ width:120%; }
.header-tel { background-color: #ffaa23; border-radius: 20px; }
.header-tel .info{
    color: black;
}
.header-whats {background-color: #00914a; border-radius: 20px;  }
.img-whats { height: 20px !important;top: 2px !important; }


@media screen and (max-width: 650px){
    #banner-1{background-image: url('../images/banners/banner-mobile-1.png?v=2');background-size: cover;}
    #banner-2{background-image: url('../images/banners/banner-mobile-2.png?v=2');background-size: cover;}
    #banner-3{background-image: url('../images/banners/banner-mobile-3.png?v=2');background-size: cover;}
    #banners .banner{
        background-position: calc(50%) center;
        background-size: cover;
    }
}
#banner-rodape h2{
    display: none;
}

@media (max-width:1200px){

    #banners .banner{
        background-position: center;
    }

    .escala{ transform:scale(0.85); }
    .content{ width:95%; }
    #bt-cotar-agora{ display:block; bottom:80px; }
    #bt-whats{ right:11px; display: block}
    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 35px 0 0; margin: 10px 0;}
    #header ul li a{ font-size:17px; padding-left:30px; font-weight: 600;}
    #header ul li a img{ margin-top: 25px; height:17px !important; left: 0px;}
    #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:30px auto 0 !important; padding-top:10px; height:555px; }

    #banners{ height:250px; }
    #banners .banner{ height:250px; }
    #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(50%) center; background-size: cover; display: flex;}
    #banner-rodape p{ font-size:14px; line-height:17px; top:120px; left:auto; border-radius:15px; right:15px; }

    #banner-rodape h2{font-size: 18px; display: block;margin: auto auto 5px auto;background-color: #0044b3;color: white;padding: 5px 15px;border-radius: 15px;
    }

    #porque .carrossel{ width:270px; margin:0 auto; height:auto; }
    #porque .carrossel div{ width:270px; height: 205px; }
    #porque .slick-prev, #porque .slick-next{ top: 100px; }
    #porque .slick-prev{ left:-50px; }
    #porque .slick-next{ right:-50px; }
    #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: invert(35%) sepia(83%) saturate(1345%) hue-rotate(177deg) brightness(106%) contrast(107%);    }
    #planos .slick-next{ right:-25px; filter: invert(35%) sepia(83%) saturate(1345%) hue-rotate(177deg) brightness(106%) contrast(107%);    }

    #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; }
}

@media screen and (max-width: 430px){
    #banners{ height:210px; }
    #banners .banner{ height:210px; }
    #banners .banner p{ font-size:14px; line-height:17px; top:20px; left:calc((50% - 320px) + 145px); border-radius:15px; }
}

@media screen and (min-width: 900px) and (max-width: 1200px){
    #banner-rodape{height: 250px;}
}

.outros-servicos h2{
    font-weight: 600;
    font-size: 26px;
    margin: 30px 0 30px;
    text-align: center;
}

.outros-servicos .servico-item{
    padding: 30px;
    width: 100%;
    height:100%;
    border-radius: 15px;
}

.outros-servicos .col-6{
    padding: 0;
}

.outros-servicos .servico-item p{
    width: 55%;
    font-size: 12px;
    font-weight: 500;
}

.outros-servicos .item{
    padding: 10px;
    height:100%;
    border-radius: 15px;
}

.outros-servicos .servico-item h3{
    font-weight: 900;
    font-size: 17px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media screen and (max-width: 1200px){

    .outros-servicos .servico-item#servico-2{
        margin-left: 0px;
        margin-top: 15px;
    }

    #footer .imagem, #footer .texto {
        display: flex;
    }

    #footer .texto p{
        margin: auto;
    }

    #footer img{
        margin: auto;
    }
    .bt-whats-app{
        display: none;
    }
    
    .outros-servicos .servico-item{
        height: auto;
    }
}

.coberturas h3{
    color: #0044b3;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    margin: 15px 0;
}

.coberturas p{
    color: #0044b3;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
}

.coberturas img { 
    height: 50px;
}

.vantagens ul li{
    background-color: #f0efef;
    border: none !important;
}

.coberturas-box{
    padding: 3px !important;
}

.coberturas-box-interno {
    border: 1px solid blue;
    border-radius: 15px;
    padding: 15px;
    height: 210px;
    display: flex;
}

.coberturas-box-interno-item {
    margin: auto;
}

.centro-automotivo { 
    display: flex;
}

.centro-automotivo .esq{
    width: 30%;
    letter-spacing: 0px;
    font-size: 13px;
}

.centro-automotivo .dir{
    width: 70%; border-radius: 15px;
}

@media screen and (max-width: 1200px) {
    .centro-automotivo { 
        display: block;
    }
    
    .centro-automotivo .esq{
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    
    .centro-automotivo .dir{
        width: 100%;
        border-radius: 15px;
        height: 200px;
    }
    .logo-porto { 
        display: none;
    }
    .contato{
        float: right !important;
        margin: 0 !important;
    }

    #porque ul li{height: 200px;}

}