*{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 2px;
}
body, html{
overflow-x: hidden;
height: 100%;
}
p{
font-size: 17px;
}
ul{
padding: 0;
margin: 0;
}
ul li{
list-style: none;
}
a:hover{
color: #1c3579;
text-decoration: none;
}
a{
transition: all .3s ease-out;
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
outline: none !important;
}
.header.fixed {
box-shadow: 0 2px 5px -2px rgb(0 0 0 / 10%);
animation: mations 1s ease;
transition: background-color .5s ease 0s,padding .5s ease 0s;
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
border-bottom: none;
}
.header{
background-color: #fff!important;
height: 108px;
display: flex;
align-items: center;
}
.navbar-header{
float: left;
margin: 0 30px 0 20px;
}
.logo img{
width: 165px;
}
.menu_header a{
color: #454955;
font-size: 24px;
line-height: 26px;
padding: 0 20px;
position: relative;
text-transform: uppercase;
font-weight: 900;
}
.menu_header a:hover{
color: #454955;
}
.navbar-nav{
margin-top: 18px;
}
.menu_header a::after{
content: "";
height: 4px;
width: 100%;
position: absolute;
left: 0;
top: -4px;
z-index: 203;
opacity: 0;
}
.menu_header a:hover::after{
opacity: 1;
}
.menu_header a::after{
height: 5px;
left: 10%;
top: 50%;
margin-top: 42px;
width: 80%;
background: #ebe50c;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
content: "";
position: absolute;
z-index: 203;
opacity: 0;
}
.dropdown-toggle::after{
border: none;
}
.menu_header .active a{
color: #454955;
}
.menu_header .active a::after{
height: 5px;
left: 10%;
top: 50%;
margin-top: 42px;
width: 80%;
background: #ebe50c;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
content: "";
position: absolute;
z-index: 203;
opacity: 1;
}
.dropdown-menu{
display: none;
background-color: #f2f2f2;
}
.dropdown-menu li{
}
.dropdown-menu li a {
color: #486a48;
padding: 10px 20px;
display: block;
border-bottom: 1px solid rgba(0,0,0,.05);
line-height: 25px;
}
.dropdown-menu li a::after{
content: none;
}
.dropdown-menu li:last-child a{
border: none;
}
.dropdown-menu li a:hover {
text-decoration: none;
background: rgba(0,0,0,.06);
color: #486a48;
}
.navbar-nav .dropdown-menu{
padding: 0;
}
.pll-parent-menu-item .dropdown-menu{
max-width: none;
width: auto;
}
.content_banner{
}
.content_banner h1{
}
.title_box{
font-family: 'Arvo', serif;
font-size: 50px;
color: #ebe50c;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 2px;
margin-bottom: 18px;
}
.content_banner p{
font-size: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 35px;
line-height: 33px;
}
.btn_down{
border: 2px solid #ebe50c;
background-color: transparent;
font-size: 18px;
color: #fff;
text-transform: uppercase;
padding: 15px 78px;
position: relative;
letter-spacing: 2px;
display: table;
}
.btn_down:hover{
color: #fff;
}
.btn_down::after{
content: '';
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/ico_down.png)no-repeat scroll center center transparent;
background-size: cover; width: 46px;
height: 46px;
position: absolute;
right: 5px;
top: 6px;
}
.bg_banner_home{
height: 632px;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
display: flex;
align-items: center;
background-size: cover;
}
.content_box p{
font-size: 24px;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 35px;
line-height: 33px;
}
.box_setores{
background-color: #454955;
padding: 110px 0;
}
.title_box span{
color: #fff;
}
.itens_atendidos{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.itens_atendidos li{
width: 50%;
padding: 17px;
}
.itens_atendidos li p{
background-color: #50545f;
height: 90px;
display: flex;
align-items: center;
margin-bottom: 0;
justify-content: center;
position: relative;
font-size: 18px;
}
.itens_atendidos li p::before{
content: ''; width: 52px;
height: 52px;
background-size: cover;
position: absolute;
left: 55px;
}
.moveleiro::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/moveleiro.png)no-repeat scroll center center transparent;
}
.alimenticio::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/alimenticio.png)no-repeat scroll center center transparent;
}
.metalurgico::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/metalurgico.png)no-repeat scroll center center transparent;
}
.agricola::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/agricola.png)no-repeat scroll center center transparent;
}
.link_mais::before{
content: '';
width: 90px;
height: 90px;
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icon_add.png)no-repeat scroll center center #50545f;
float: left;
margin-right: 15px;
}
.link_mais p{
background-color: transparent !important;
display: block !important; 
line-height: 20px;
padding-top: 16px;
}
.link_mais p a{
color: #ebe50c;
}
.link_mais p a:hover{
color: #ebe50c;
}
.content_box_front h2{
color: #454955;
font-family: 'Arvo', serif;
font-size: 50px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 2px;
margin-bottom: 18px;
}
.content_box_front p{
font-size: 18px;
color: #000;
}
.content_box_front .btn_right{
padding-left: 0;
padding-right: 0;
}
.btn_right{
border: 2px solid #454955;
background-color: transparent;
font-size: 18px;
color: #454955;
text-transform: uppercase;
padding: 15px 78px;
position: relative;
letter-spacing: 2px;
display: table;
}
.btn_right:hover{
color: #454955;
}
.btn_right::after{
content: '';
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/ico_right.JPG)no-repeat scroll center center transparent;
background-size: cover; width: 46px;
height: 46px;
position: absolute;
right: 5px;
top: 6px;
}
.content_box_front{
text-align: center;
text-align: center; min-height: 444px;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: -3px;
}
.img_frota{
position: absolute;
}
.img_frota.left{
right: 0;
}
.img_frota.right{
left: 0;
}
.box_frota{
border-bottom: 3px solid #ebe50b;
}
.box_areas_atendidas{
padding: 90px 0;
}
#svg-map path { fill:#ebe40b }
#svg-map text { fill:#454955; font-weight: 900; cursor:auto; font-size: 9px }
#svg-map a{ text-decoration:none }
#svg-map a:hover { cursor:auto; text-decoration:none }
#svg-map a:hover path{
fill: #f3ee47;
}
#svg-map .circle { fill:transparent }
#svg-map a:hover .circle { fill: transparent !important; cursor:auto }
.estado_sc path{
fill:#454854 !important;
}
.estado_sc text{
fill: #fff !important;
}
.estado_sp path{
fill:#888e9b !important;
}
.estado_sp text{
fill: #fff !important;
}
.legenda_mapa{
margin: 0;
padding: 0;
position: absolute;
bottom: 40px;
width: 260px;
left: 30px;
}
.legenda_mapa li{
list-style: none;
margin-bottom: 20px;
}
.legenda_mapa li::before{
width: 46px;
height: 46px;
content: '';
float: left;
border-radius: 50%;
margin-right: 15px;
}
.legenda_mapa li.matriz::before{
background-color: #454854;
}
.legenda_mapa li.filial::before{
background-color: #888e9b;
}
.legenda_mapa li.outros::before{
background-color: #ebe40b;
}
.legenda_mapa p{
color: #454955;
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 0px;
line-height: 22px;
}
.mapa{
float: right;
}
.mapa svg{
width: 700px;
height: auto;
}
.title_box.cinza{
color: #454955;
}
.content_areas_atendidas h3{
color: #454955;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 30px;
}
.content_areas_atendidas p{
color: #454955;
}
.mais_detalhes{
font-size: 18px;
margin-bottom: 45px;
}
.mais_detalhes a{
text-decoration: underline;
color: #454955;
} .navbar-toggler .icon-bar {
position: relative;
display: block;
width: 30px;
height: 2px;
transition: all .2s;
background-color: #ebe50c;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
left: 0;
}
.navbar-toggler .icon-bar:nth-of-type(1) {
transform: rotate(0)
}
.navbar-toggler .icon-bar:nth-of-type(2) {
opacity: 1;
filter: alpha(opacity=100);
margin: 6px 0 6px auto;
width: 20px
}
.navbar-toggler .icon-bar:nth-of-type(3) {
transform: rotate(0);
width: 25px;
margin-right: 0;
margin-left: auto
}
.navbar-toggler.active .icon-bar {
left: 10px
}
.navbar-toggler.active .icon-bar:nth-of-type(1) {
transform: rotate(45deg);
transform-origin: 10% 10%;
background-color: #fff;
}
.navbar-toggler.active .icon-bar:nth-of-type(2) {
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
}
.navbar-toggler.active .icon-bar:nth-of-type(3) {
transform: rotate(-45deg);
transform-origin: 10% 90%;
width: 30px;
background-color: #fff;
} .footer{
background-color: #454955;
padding-top: 90px;
}
.subtitle_2{
font-weight: 900;
font-size: 20px;
color: #ebe50c;
margin-bottom: 35px;
text-transform: uppercase;
font-family: 'Arvo', serif;
}
.email_footer{
font-size: 16px;
color: #fff;
}
.email_footer:hover{
color: #fff;
}
.telefone_footer{
font-size: 22px;
color: #fff;
}
.telefone_footer i{
color: #ebe50c;
font-size: 26px;
}
.email_footer i{
color: #ebe50c;
font-size: 25px;
}
.endereco_footer{
font-size: 16px;
color: #fff;
line-height: 28px;
}
.linha_footer{
height: 1px;
width: 100%;
background-color: #6a6d77;
margin-top: 90px;
}
.box_midias_footer p{
margin-bottom: 0;
color: #ebe50c;
font-family: 'Arvo', serif;
text-transform: uppercase;
font-weight: bold;
}
.copy{
color: #fff;
font-size: 16px;
margin-bottom: 0;
}
.box_midias_footer{
float: left;
display: flex;
align-items: center;
}
.ass{
float: right;
}
.midias_footer{
}
.midias_footer li{
margin-left: 12px;
}
.midias_footer li a{
border: 1px solid #fff;
color: #fff;
width: 38px;
height: 38px;
display: flex;
border-radius: 50%;
font-size: 22px;
align-content: center;
align-items: center;
justify-content: center;
}
.bottom_footer{
padding: 30px 0;
}
.link_mais p::before{
content: none !important;
}
.leganda_mobile{
display: none;
} .box_top_page{
background-color: #454955;
}
.titulo_pagina{
font-size: 84px;
text-transform: uppercase;
color: #ebe50c;
font-weight: 900;
font-family: 'Arvo', serif;
line-height: 86px;
position: relative;
z-index: 9;
}
.box_top_page img{
position: absolute;
top: 0;
left: 0;
}
.titulo_pagina.primeiro{
margin-bottom: 0;
text-align: right;
margin-left: 20px;
margin-right: 150px;
margin-top: 94px;
}
.titulo_pagina.segundo{
margin-bottom: 94px;
text-align: right;
}
.box_pagina{
}
.subtitulo_text mark{
line-height: 42px;
}
.box_pagina p{
font-size: 18px;
color: #000;
text-align: justify;
}
.pagina_sobrenos{
margin-top: 200px;
}
.pagina_sobrenos .text_1 p{
font-size: 24px;
font-weight: 400;
color: #454955;
text-align: center;
text-transform: uppercase;
margin-bottom: 70px;
}
.box_content_sobre p{
font-size: 18px;
text-transform: uppercase;
color: #000;
text-align: left;
}
.box_content_sobre h3{
font-size: 24px;
color: #454955;
text-transform: uppercase;
font-family: 'Arvo', serif;
font-weight: 900;
margin-bottom: 25px;
margin-top: 20px;
}
.mark, mark {
padding: 0.2em;
background-color: #ebe50c;
}
.marcado{
color: #454955 !important;
font-size: 24px;
text-transform: uppercase;
}
.box_center_sobrenos{
background-color: #ebe50c;
min-height: 400px;
display: flex;
align-content: center;
align-items: center;
margin-top: 90px;
margin-bottom: 150px;
}
.img_valores{
position: absolute;
max-width: 100%;
height: auto;
top: -200px;
}
.box_center_sobrenos .box_content_sobre{
}
.box_center_sobrenos .text-right p{
text-align: right !important;
}
.box_center_sobrenos .box_content_sobre p,
.box_bootom_sobrenos .box_content_sobre p{
text-transform: none;
}
.box_bootom_sobrenos{
margin-bottom: 60px;
}
.big_title{
color: #ebe50c;
font-size: 8em;
text-transform: uppercase;
font-weight: 900;
text-align: center;
font-family: 'Arvo', serif;
margin: 35px 0px;
}
.subtitulo_text p{
text-transform: uppercase !important;
color: #454955 !important;
font-size: 24px !important;
} .box_pagina_contato{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/bg_contato.jpg)no-repeat scroll center center transparent;
background-size: cover;
padding: 120px 0px;
}
.content_formulario h1{
font-family: 'Arvo', serif;
text-transform: uppercase;
color: #ebe50c;
font-weight: 900;
font-size: 50px;
margin-bottom: 30px;
}
.content_formulario p{
font-size: 24px;
color: #fff;
text-transform: uppercase;
margin-bottom: 30px;
}
.bg_title_atendimento{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icone_title_contato.png)no-repeat scroll left top transparent;
border-bottom: 1px solid #ebe50c; display: flex;
align-items: center;
padding-left: 122px;
padding-bottom: 35px;
margin-bottom: 30px;
}
.bg_title_atendimento h2{
color: #fff;
text-transform: uppercase;
line-height: 40px;
}
.box_content_atendimento_contato p{
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.bg_title_atendimento span{
color: #ebe50c;
font-weight: 900;
}
.contato_telefone p{
color: #ebe50c; 
font-weight: 900;
margin-bottom: 0;
line-height: 30px;
}
.contato_telefone h5{
font-size: 24px;
color: #fff;
margin-bottom: 8px;
text-transform: uppercase;
}
.input_contato,
.input_contato input{
font-size: 18px;
color: #fff;
border: 1px solid #6b7080;
padding: 13px 14px;
background-color: transparent;
width: 100%;
}
.input_contato::placeholder,
.input_contato input::placeholder
{
color: #fff;
}
.select_estado{
color: #fff;
border: 1px solid #6b7080;
background-color: transparent;
padding: 11px 10px;
}
.select_estado option{
color: #454955;
}
.text_contato{
color: #fff;
border: 1px solid #6b7080;
background-color: transparent;
width: 100%;
height: 100px;
padding: 13px 14px;
}
.text_contato::placeholder{
color: #fff;
}
input,
button,
textarea,
select{
outline: none !important;
}
.wpcf7-form p{
margin-bottom: 15px;
font-size: 18px;
text-transform: none;
}
.wpcf7-form p label{
width: 100%;
margin-bottom: 0;
text-align: left;
}
.wpcf7-form p label span{
width: 100%;
}
.wpcf7-spinner{
width:  auto !important;
margin-top: 10px;
}
.wpcf7-response-output{
color: #fff;
margin-top: 0px;
}
.wpcf7-form .form-inline p{
width: 50%;
}
.wpcf7-form .form-inline p:first-child{
padding-right: 15px;
}
.wpcf7-form .form-inline select{
width: 100%;
}
.check p{
color: #fff !important;
font-size: 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.check label{
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: flex-start;
margin-bottom: 0;
}
.check a{
color: #fff !important;
text-decoration: underline;
font-size: 14px;
margin: 0 3px;
}
.check input[type="checkbox"] {
width: 25px;
height: 25px;
margin-right: 15px;
}
.wpcf7-form .btn_right{
}
.btn_enviar{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/ico_right.JPG)no-repeat scroll right center transparent;
font-size: 18px;
text-transform: uppercase;
padding: 15px 54px;
position: relative;
letter-spacing: 2px;
display: table;
border: 2px solid #ffffff;
color: #fff;
background-size: 46px;
background-position: 172px center;
margin-top: 28px;
width: 228px;
text-align: left;
cursor: pointer;
}
.box_content_atendimento_contato{
padding-bottom: 124px;
} .box_top_page_frota{
background-color: #454955;
padding: 110px 0;
}
.box_top_page_frota .titulo_pagina{
font-size: 50px;    
margin-bottom: 18px;
}
.box_top_page_frota p{
font-size: 24px;
color: #fff;
text-transform: uppercase;
line-height: 34px;
}
.box_top_page_frota .itens_atendidos li p::before{
left: 38px;
}
.box_top_page_frota .itens_atendidos li p{
padding-left: 108px;
padding-right: 18px;
justify-content: flex-start;
line-height: 25px;
}
.frota::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icone_front.png)no-repeat scroll center center transparent;
}
.revisado::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icone_revisado.png)no-repeat scroll center center transparent;
}
.prazo::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icone_prazo.png)no-repeat scroll center center transparent;
}
.desempenho::before{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/icone_desempenho.png)no-repeat scroll center center transparent;
}
.box_galeria_fronta{
background: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/bg_03.jpg)repeat-y scroll center center transparent;
padding: 110px 0;
}
.itens_atendidos_front{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
margin: 0;
padding: 0;
}
.itens_atendidos_front li{
width: 46%;
margin: 17px;
background-color: #50545f;
height: 90px;
padding: 17px;
display: flex;
align-items: center;
}
.itens_atendidos_front li p {
line-height: 25px;
font-size: 18px;
margin-bottom: 0;
margin-left: 20px;
} .vehicle-detail-banner .car-slider-desc {
max-width: 180px;
margin: 0 auto;
}
.banner-slider .slider.slider-for {
max-width: 88%;
padding-right: 0;
}
.banner-slider .slider.slider-nav {
max-width: 12%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
width: 100%;
float: left;
}
.banner-slider .slider.slider-nav {
height: 610px;
overflow: hidden;
display: flex;
align-items: center;
}
.slider-banner-image {
height: 610px;
}
.banner-slider .slider.slider-nav {
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
max-width: 110px;
height: 110px;
margin: 0 auto;
border: 12px solid #fff;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
height: 100%;
width:100%;
object-fit: cover;
}
.slick-vertical .slick-slide{
margin: 7px 0;
cursor: pointer;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
border: 0;
outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
border: 12px solid #454955;
}
.slider-nav .slick-slide.slick-current span {
color: #454955;
}
.slider-nav .slick-slide {
text-align: center;
}
.slider-nav .slick-slide span {
font-size: 14px;
display: block;
padding: 5px 0 15px;
}
.slick-arrow {
width: 100%;
background-color: transparent;
border: 0;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
height: 25px;
position: absolute;
left: 0;
right: 0;
z-index: 99;
}
.slick-prev {
top: 20px;
}
.slick-next {
bottom: 20px;
}
.slick-prev.slick-arrow {
background-image: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/set_up.png);
cursor: pointer;
}
.slick-next.slick-arrow {
background-image: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/set_down.png);
cursor: pointer;
}  @media only screen and (min-width : 1200px) {
.container { max-width: 1335px; }
}
@media only screen and (min-width : 1650px) {
.container { max-width: 1430px; }
}
@media (max-width: 1649.98px){
.title_box{
font-size: 46px;
}
.btn_down{
padding-left: 50px;
}
.content_box_front .btn_right{
padding-right: 44px;
}
.telefone_footer{
font-size: 18px;
}
.titulo_pagina{
font-size: 66px;
line-height: 80px;
}
.big_title{
font-size: 7em;
}
.itens_atendidos_front li{
margin: 14px;
}
}
@media (max-width: 1199.98px){
.title_box {
font-size: 36px;
}
.btn_down {
padding-left: 18px;
padding-right: 64px;
}
.itens_atendidos li p::before{
position: relative;
margin-right: 12px;
left: auto;
}
.itens_atendidos li p{
font-size: 15px;
}
.link_mais p{
padding-top: 0;
}
.content_box_front h2{
font-size: 36px;
}
.mapa svg{
width: 100%;
}
.legenda_mapa li{
margin-bottom: 15px;
}
.legenda_mapa p{
font-size: 16px;
}
.telefone_footer{
font-size: 15px;
}
.titulo_pagina.primeiro{
margin-right: 100px;
}
.titulo_pagina {
font-size: 54px;
line-height: 70px;
}
.box_top_page img{
width: 70%;
}
.titulo_pagina.segundo{
margin-bottom: 55px;
}
.titulo_pagina.primeiro{
margin-top: 55px;
}
.big_title {
font-size: 5em;
}
.img_valores{
}
.check label{
display: block;
}
.check input{
margin-right: 5px !important;
}
.banner-slider .slider.slider-for{
max-width: 86%;
}
.banner-slider .slider.slider-nav {
max-width: 14%;
}
.box_galeria_fronta{
background-position: 70%;
}
.slick-initialized .slick-slide{
display: flex;
align-items: center;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img{
max-width: 100%;
width: 100%;
height: auto;
}
.box_galeria_fronta{
padding: 70px 0;
}
.itens_atendidos_front li p{
line-height: 22px;
font-size: 16px;
margin-left: 14px;
}
.itens_atendidos_front li{
margin: 5px 0px;
width: 49%;
height: auto;
}
}
@media (max-width: 991.98px){ .navbar-header {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.navbar-collapse {
position: fixed;
z-index: -999;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background-color: #454955;
padding: 10px 30px 60px;
display: none;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.navbar-nav.menu_header_mobile {
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
justify-content: center;
}
.menu_header_mobile {
text-align: center;
}
.menu_header_mobile li a {
color: #fff;
background: transparent;
font-size: 30px;
}
.navbar-nav.menu_header_mobile{
}
.menu_header .navbar-nav a{
font-size: 30px;
text-align: center;
}
.menu_header .navbar-nav{
width: 100%;
margin: 0;
text-align: center;
}
.menu_header .navbar-nav a:hover, 
.menu_header .navbar-nav .active a{
color: #fff;
border: none;
}
.menu_header .navbar-nav a{
color: #fff;
}
.js-collapse .navbar-collapse {
overflow-y: auto !important;
display: block;
z-index: 991;
padding-top: 70px;
margin-top: 0 !important;
}
.menu_header {
float: none;
display: flex;
align-items: center;
height: 100%;
flex-wrap: wrap;
justify-content: center;
}
.menu_header_mobile {
text-align: center;
}
.menu_header_mobile li {
margin-bottom: 15px;
}
.js-collapse .navbar-toggler {
position: fixed;
z-index: 995;
top: 15px;
right: 20px;
}
.menu_header li{
margin-bottom: 45px;
}
.menu_header .active a::after{
top: 0;
}
.menu_header a::after{
top: 0;
}
.box_setores{
padding: 50px 0;
}
.box_setores .content_box:first-child{
margin-bottom: 40px;
}
.mapa{
margin-top: 54px;
}
.title_dados_footer{
margin-top: 30px;
}
.titulo_pagina {
font-size: 36px;
line-height: 54px;
}
.titulo_pagina.segundo {
margin-bottom: 25px;
}
.titulo_pagina.primeiro {
margin-top: 25px;
}
.box_top_page img {
width: 60%;
}
.pagina_sobrenos {
margin-top: 128px;
}
.box_center_sobrenos{
margin-bottom: 60px;
min-height: 360px;
margin-top: 40px;
}
.img_valores{
top: auto;
}
.big_title {
font-size: 48px;
}
.bg_title_atendimento h2 {
color: #fff;
text-transform: uppercase;
line-height: 30px;
font-size: 18px;
}
.contato_telefone h5{
font-size: 18px;
}
.banner-slider .slider.slider-for{
max-width: 80%;
}
.banner-slider .slider.slider-nav{
max-width: 20%;
}
.itens_atendidos_front li{
flex-direction: column;
text-align: center;
justify-content: space-around;
}
.icone_fronta{
margin-bottom: 12px;
}
.itens_atendidos_front li p{
margin-left: 0;
}
}
@media (max-width: 767.98px){
.content_banner h1{
font-size: 36px;
}
.content_banner p {
font-size: 20px;
line-height: 28px;
}
.link_mais::before{
width: 64px;
height: 64px;
}
.img_frota{
max-width: 100%;
height: auto;
position: relative;
}
.box_frota{
border: none;
margin-top: 25px;
}
.box_frota{
}
.content_box_front{
min-height: 300px;
}
.copy{
margin-top: 12px;
}
.titulo_pagina {
font-size: 30px;
line-height: 40px;
}
.titulo_pagina.primeiro {
margin-right: 40px;
}
.box_top_page img {
width: 62%;
bottom: -55px;
top: auto;
}
.pagina_sobrenos {
margin-top: 80px;
}
.pagina_sobrenos .text_1{
margin-bottom: 30px;
}
.box_content_sobre{
margin-top: 20px;
}
.img_valores {
top: auto;
position: relative;
max-width: 100%;
height: auto;
}
.big_title {
font-size: 40px;
}
.box_pagina_contato{
background-position: 60% center;
}
.box_content_atendimento_contato{
padding-bottom: 0;
margin-top: 52px;
}
.content_formulario h1{
font-size: 35px;
margin-bottom: 18px;
}
.content_formulario p{
text-align: left;
font-size: 18px;
}
.banner-slider .slider.slider-for{
max-width: 100%;
float: none;
}
.banner-slider .slider.slider-nav{
max-width: 100%;
float: none;
height: auto;
margin-top: 17px;
}
.slick-initialized .slick-slide{
height: auto;
}
.slick-prev.slick-arrow{
background-image: url(//www.rodoestrela.com.br/wp-content/themes/rodoestrela/assets/img/set_up.png);
cursor: pointer;
width: 25px;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
height: 18px;
background-size: contain;
padding: 0;
top: 50%;
left: 0;
}
.slick-next.slick-arrow{
width: 25px;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
height: 18px;
background-size: contain;
padding: 0;
top: 50%;
right: 0;
left: auto;
}
.itens_atendidos_front{
margin-top: 25px;
}
.box_top_page_frota{
padding: 70px 0;
}
.itens_atendidos_front li p{
margin-left: 0;
}
}
@media (max-width: 575.98px){
.itens_atendidos{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}
.itens_atendidos li{
width: 100%;
}
.mais_detalhes{
font-size: 15px;
}
.btn_right{
width: 100%;
padding: 15px 54px;
}
.legenda_mapa{
margin: 0;
padding: 0;
position: relative; width: 260px; margin: 0 auto;
margin-top: 40px;
order: 2;
bottom: auto;
left: auto;
}
.mapa {
margin-top: 40px;
order: 1;
margin-bottom: 40px;
}
.leganda_desktop{
display: none;
}
.leganda_mobile{
display: block;
}
.box_midias_footer{
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
flex-direction: column;
}
.midias_footer {
margin-top: 8px;
}
.midias_footer li:first-child{
margin-left: 0;
}
.itens_atendidos_front li{
padding: 10px;
}
.itens_atendidos_front li p{
font-size: 14px;
line-height: 18px;
}
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background:#128c7e}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}