@charset "utf-8";
/* CSS Document */

/************************************************************************************
                                    RESPONSIVO
*************************************************************************************/
        @media (max-width:1370px) {

          #setor4 .left { width: 50%; height: auto; background-position: right center; }
          #setor4 .left .box { height: auto; position: relative; float: left; background: rgba(255, 212, 0, 0.93); width: 100%; padding: 10%; }

          footer .links .last-links .left a { margin: 1.5em 0.8em;}

          .fixed-boxHeader-titulo { width: 32%; }
          .calender { background-image: none !important  } 
          .fixed-boxHeader { margin: 0 7px; }

          .calender { background-image: none !important  } 
          header ul.small li input.calender { background-image: url(../img/calender.png) !important;}

          #InternaSetor1 .content .menu li { font-size: 1.1em; }

          .LandingEstudantes #LandingsViop .content ul li.double { height: 605px; }



        }
        @media (max-width:1320px) {

          header#desktop .top .left .menir { padding: 16px 9px 15px; }
          header#desktop .top .left .menir .sub-menu .top p { padding: 0 9px; }

          #estados.activeted { height: 190px; }
          #estados ul li a { padding: 10px }
          #estados .box h3 {padding: 33px 0 0 0; font-size: 2.9em;}
    
          #header-fixed .bottom h1 { margin: 0 1% 0 0; font-size: 14px !important;}
          .boxHeader-h2 { font-size: 14px !important;color: #fff;font-weight: bold; height: auto;}
          .boxHeader-h2-Estadual{ color:#001862; font-size: 14px !important; font-weight: bold; height: auto;}
          .boxHeader-titulo { margin-left: 0; width: 35%; }
          .boxHeader-h1-titulo { font-size: 14px !important; }
          .boxHeader-Interestadual{ padding: 12px 15px; }
          .boxHeader-Intermunicipal{ padding: 12px 15px; margin-left: 5px;}
          .arrowBig-boxHeader { margin-left: 20px; background-position: -694px -209px;}
        }

        @media (max-width:1170px) {
          .aviso-fretamento{bottom: 18%;}

          header#desktop { display:none !important; }
          header#mobile { display:block !important; }

          /*ALTERAÇÕES HEADER TEMPORÁRIO COM BOTÕES*/
          #header-fixed .bottom h1 { margin: 0 1% 0 0; }
          .boxHeader-h1-titulo { font-size: 14px !important; }
          .boxHeader-h2 { font-size: 12px !important;}
          .boxHeader-h2-Estadual{ font-size: 12px !important; }
          .boxHeader-Interestadual{ padding: 12px 15px; width: 200px;}
          /*------------------------*/

          #setor1 ul.banner-bottom li { background-repeat: no-repeat !important; background-size: 171% !important; }
          
          #setor1 ul.banner-bottom {margin: -35px 0 0 0}

          #setor5 .right .box { background-position: bottom left } 

          footer .links .last-links .right { float: left; clear: both; }
          footer .links .bottom .right { float: left; clear: both; margin: 6px 0 0 0;}

          
          footer .links .last-links .left a:first-child { /*margin: 1.0em 0.8em*/ margin-left: 0.5em; margin-right: 1.0em; }
          footer .links .last-links .right {  margin: 0 0 0 0.8em; zoom: 0.8; }

          header ul.small li input.calender { background-image: none !important }

          #InternaSetor1.contato .mapaBrasil { display: none; }
          #InternaSetor1.contato .BoxWhite {margin: 1em 0 0 0;}
        
          #estados .box { width: 40% }
          #estados.activeted { height: 220px; }

          header#desktopLandings { background: #3587da; position: relative; }
          .LandingEstudantes header#desktopLandings { background: #f9de40 }

          #LandingsViop .content .right .box input { width: 100%;}


        .LandingFretamento header#desktopLandings { position: absolute; background: transparent; }
        .LandingFretamento #LandingsViop .carousel-cell h2 { display: none}


        .LandingFretamento #LandingsViop .carousel-cell img.mobile-small { display: none !important; }


        .LandingKids header#desktopLandings { position: absolute; background: transparent; }

        }

        @media (max-width:980px) {
          .layout-texto h1 {font-size: 2.6em;}
          .layout-mt{margin: 45px 0 0 0;}
          .layout-texto p.texto, .layout-texto div.texto {font-size: .9rem !important;}

          p.aviso-fretamento{bottom: 22%;}

          header#mobile .top .right a:hover p { display: none; } 
          header#mobile .bottom h1 { width: 100%; margin: 0 auto; text-align: center; }
          header#mobile .bottom form { width: 100%; }

          h2 { font-size: 2.6em !important }
          .LandingFretamento #LandingsViop .second p {font-size: .9rem !important;}
          #setor2 .top .right { float: left; clear: both; padding-top: 20px; zoom:.8;  }
  
          #setor3 #video .box { font-size: 0.7em !important; }
          #setor3 #video .box h3 { line-height: 1.5; margin: 1em 10%; }

          #setor4 .left { width: 100%; height: auto; background-position: right center; }
          #setor4 .left .box { height: auto; position: relative; float: left; background: rgba(255, 212, 0, 0.93); width: 100%; padding: 10%; }
          #setor4 .right { width: 100%; height: auto; position: relative; background:#115CA0; float: left }

          #noticias-lista .content li { width: 47%; }

          footer .midle li.logo { width: 40%;}
          footer .midle li.right { width: 60%;}
        
          footer .links .list-links li { width: 100%; }
          footer .links .list-links li p { width: auto; padding: 0 3.5em 1.2em 0; }


           header#mobile .bottom ul { margin: 5% 0 0 0; }

           #InternaSetor1 .content .right { display: none }
           #InternaSetor1 .content .left { width: 100%; font-size: 0.8em }
           #InternaSetor1 .top .left p { font-size: 1.3em; }

           .LandingValeOnlineInterna #InternaSetor1 .content .right { display: none }
           .LandingValeOnlineInterna #InternaSetor1 .content .left { width: 100%; font-size: 0.8em }
           .LandingValeOnlineInterna #InternaSetor1 .top .left p { font-size: 1.3em; }
          
           #InternaSetor1 form.menuMobile { display: block; }

           #InternaSetor1.contato .boxContato a { width: 46%; margin:0 4% 4% 0; }

          #busca-box form label button { top: inherit; bottom: -60px; margin: 0}

          
          #LandingsViop .second p { font-size: 1.3em; }
          #LandingsViop .second p br { display: none; }

          #LandingsViop .content p { font-size: 1.3em; }
          #LandingsViop .content h3 { font-size: 2.0em; }

          #LandingsViop .content .right .box { background:#FFF }

          .LandingEstudantes #LandingsViop .content ul li { width: 47%; height: 270px }
          .LandingEstudantes #LandingsViop .content ul li.double { height: 557px; }
        
          .LandingFretamento #LandingsViop .content ul li.frota .spots { top: 10px }
         .LandingFretamento #LandingsViop .content ul li.frota .spots i { zoom:1 !important; }

         .LandingFretamento #LandingsViop .content ul li.box-white { width: 100%; height: auto; margin: 3% 0 0; padding: 4% 5%; min-height: unset; }
         .LandingFretamento #LandingsViop .content p { padding: 0 }

          .owl-pagination { display: block !important; zoom: .6 !important; }
          .customNavigation { display: none }

          .boxHeader-h2 { font-size: 12px!important; }
          .boxHeader-h2-Estadual{ font-size: 12px !important; }
          .boxHeader-Interestadual{ padding: 8px !important; font-size: 10px !important; width: 28% !important;}
          .boxHeader-Intermunicipal{ padding: 8px !important; margin-left: 10px !important; font-size: 10px !important; width: 25% !important;}
          .arrowBig-boxHeader { margin-left: 10px; background-position: -694px -209px;}
          /*header#mobile .row { width: 90%; }*/
          header#header-fixed .bottom h1{ font-size: 12px !important; width: 22%; }
          .fixed-boxHeader{ margin:0 5px; }

          .titulo_secao{ font-size: 1.6rem; }

          .dados-contatos{ grid-template-columns: unset; margin-top: 10px; row-gap: 15px; }
        }

        @media (max-width:850px) {

          header#desktopLandings .midle .right .box { display: none }

          #LandingsViop .content ul li { width: 50%;}
          #LandingsViop .content ul li i { zoom:0.7; margin: 0 0 0 -69px }
        }

        @media (max-width:800px) {
          .absolute-video > iframe{
            width: calc(100vw) !important;
            left: calc(-5% - 4px) !important;
          }
          .midle.footer-ajuste .row{
            flex-direction: column;
            margin-bottom: 15px;
          }
          .video-layout .second.half{
            width: 100% !important;
            height: auto !important;
          }
          .absolute-video{
            min-height: 300px;
            max-height: 300px;
          }
          .absolute-video a {
            min-height: 300px;
            min-width: 100vw;
            left: calc(-5% - 2px);
          }
          .video-layout > .container {flex-direction: column;}
          .layout-5-icones li {min-width: 160px;max-width: 200px;}
          .layout-5-icones {gap: 15px;}

           #setor5 .left { width: 100%;  margin: 0 0 5% 0 }
           #setor5 .right { width: 100%; }
           #setor5 .box button { padding: 0 2em; float: left !important; font-size: 1.3em }

          footer .marcas li { width: 33.3%; height: 100px; }

          footer .midle li.logo { width: 100%;}
          footer .midle li.right { width: 100%; font-size: 0.9em }

          #setor3 #video .box { padding: 10.6em 0 10.3em 0; }

          .fix-header { display: none !important; }

          #busca-box { font-size: 0.6em; }
          #busca-box .close { margin: 0 -30px 0 0;}
          #busca-box form label button {  bottom: -37px; }
          #busca-box form label input {height: 89px;padding-left: 80px;}

          #estados .box { width: 100% }
          #estados ul { width: 100% }
          
          #estados .box h3 { padding: 13px 0 0 0; font-size: 2.0em; }
          #estados .box p { font-size: 1.2em; clear: both; }

           #LandingsViop .content .left { width: 100%;  margin: 0 0 5% 0 }
           #LandingsViop .content img.left { width: 100%;  margin: 0; }
           #LandingsViop .content .right { width: 100%; }
           #LandingsViop .content .box { height: auto; margin: 4% 0 0 }
           #LandingsViop .content .box button { padding: 0 2em; float: left !important; font-size: 1.3em }

           .LandingEstudantes #LandingsViop .content .all { width: 100%; padding:0 0 7.5%; }

          .LandingKids #LandingsViop .content ul li { width: 100%; margin: 0 0 3.5% 0; font-size: 0.85em }

          .layout-texto h1, .layout-texto h2, .layout-texto h3 {margin-bottom: 20px;}
        }

        @media (max-width:700px) {
          .text-flex > div{width: 100%;}
          #LandingsViop .second h2{margin: 35px 0 25px 0;}

          .text-flex{flex-direction: column !important;}
          .text-flex p{width: 100% !important;}
          .text-flex figure{
            width: 80% !important;
            max-width: 350px;
          }

          p.aviso-fretamento{
            width: 80%;
            bottom: -10px;
            white-space: unset;
            font-size: .8rem;
            text-align: center;
          }
          
           header ul.big { width: 50% }
           header ul.small { width: 35%; }
           header ul.smaller { width: 27.5%; }

          #setor2 .content a.box { width: 50% !important }

          header ul.small li input.calender { background-image: url(../img/calender.png) !important; }

          #InternaSetor1.contato .BoxWhite { width: 100%; padding: 10%; }
          #InternaSetor1.contato .BoxWhite form  { width: 100% }
          #InternaSetor1.contato .BoxWhite form label { width: 100% }
          #InternaSetor1.contato .BoxWhite form label select { width: 100% }
          #InternaSetor1.contato .BoxWhite form .resultado { width: 100%; }

          #LandingsViop .menu-landins-center { padding: 0 0 5%; }
          #LandingsViop .menu-landins-center ul { display: none !important }

          .LandingFretamento #LandingsViop .carousel-cell img.mobile { display: none !important }
          .LandingFretamento #LandingsViop .carousel-cell img.mobile-small { display: block !important; }

          .LandingKids #LandingsViop .menu-landins-center { padding:0; }
        }

        @media (max-width:650px) {

          .LandingEstudantes #LandingsViop .content ul li { width: 100%; padding: 4% 7.5% 4%; margin: 3% 0 0; height: auto }
          .LandingEstudantes #LandingsViop .content ul li.double { height: auto; }
          .LandingEstudantes #LandingsViop .content p { font-size: 1.1em }

          .LandingFretamento #LandingsViop .second.half { width: 100%; height: auto; }
          .LandingFretamento #LandingsViop .second.half.video { height: 370px; }

          .LandingFretamento #LandingsViop .content ul li.frota { width: 100%; margin: 3% 0 0;  }

          .second.half.mobile{ height: 370px !important; }
        }

        @media (max-width:600px) {

          #noticias-lista .content li { width: 100%; font-size: 1.2em; margin: 0 0 1.5em 0; padding: 1.5em }
          #noticias-lista .content li h3 { width: 100% }


          footer .links .list-links { display: none; }
          footer .links {padding: 0}
          footer .links .last-links { margin: 0 }

          footer .links .last-links .left a { margin: 1.0em 0.8em }

          footer .links .bottom { font-size: 0.9em; }
  
          #BreadCamps { padding: 19px 0 16px; font-size: 1.1em; }
          #BreadCamps i { margin: 0 15px 0 0 }

          #InternaSetor1.contato .boxContato a { width: 100%; margin:0 0 4% 0; height: auto; font-size: 0.8em }
          #InternaSetor1.contato .boxContato a i { display: none;}
          #InternaSetor1.contato .boxContato a h3 { margin: 5% 10% 3%; }
          #InternaSetor1.contato .boxContato a p { margin: 0 10% 6% }

          #estados.activeted { height: 245px; }
    
          #estados ul li { font-size: 0.9em; margin: 0 10px 10px 0 }
          #estados ul li a {padding: 7px}
          #estados .box h3 { font-size: 1.8em; }

          header#desktopLandings .midle .right { display: none }

          header#desktopLandings .midle h1 a { margin: 20px 0; }
          header#desktopLandings .midle { height: 95px; }

          .LandingKids header#desktopLandings .midle h1 { left: 0; margin:0; zoom: 0.7; } 

          .smoth.btn.click4.btnLandingFretamento.botao-mobile{ display: block !important; }
          .logo-adjust-mobile{ transform: scale(0.65) translate(-85px, -5px); }

        }
        @media (max-width:500px) {
            header#mobile .right {  }
            header#mobile .right a.roxo-facebook { display: none !important  }
            header#mobile .right a.experimental { font-size:0.85em; padding: 0.8em 1.2em 0.7em; margin: -2px 0 0 0 }

           #setor1 ul.banner-bottom li { height: 75px !important; }

           #setor1 ul.banner-bottom {margin: -20px 0 0 0 !important }

  
          #setor4 .right img.banner-pague-menos { width: 100% }
          #setor4 .right img.banner-kids { width: 100% }

          footer .midle { padding: 3% 0 10% 0; }

          #InternaSetor1 .top { padding: 5% 0 10%; }


          #busca-box form label { margin: 26% 0; font-size: .8em;}
          #busca-box form label input { height: 79px; padding-left: 67px; }
          #busca-box form label button { bottom: -29px; }


          #LandingsViop .second p { font-size: 1.1em; }
          #LandingsViop .content p { font-size: 1.1em; }

          
          #LandingsViop .content ul li { width: 100%;}
  
          #LandingsViop .content h3 { font-size: 1.6em; padding: 5% 0; text-align: center }

          #LandingsViop .content .box { font-size: 0.8em }
          #LandingsViop .content .box h4 { font-size: 2.0em; }


           .LandingEstudantes #LandingsViop .content .all p { text-align: center }


         .LandingFretamento #LandingsViop .content ul li.box-white { padding: 8% 10% }


        }
        @media (max-width:480px) {

           header#mobile { zoom:0.65;  }
           header#mobile .left h1 img {    margin: 12px 0 0 93px;}
           header#mobile .right { margin: 0; }

           header#mobile .right a.experimental { font-size:0.9em; margin: -2px 0 0 0 }


          #setor2 .content a.box { width: 100% !important; height: 100px; margin-bottom: 1em; font-size: 70% !important }
          #setor2 .content a.box li h3 { padding: 2.9em 0 0;  }

          #setor2 .content:last-child p { font-size: 1.1em; }
          #setor2 .content:last-child a { float: left; font-size: 1.1em; clear: both; margin: 5px 0 10px; }


          #setor3 #video .box { font-size: 0.55em !important; }


          footer .marcas li { zoom:.6; }


          .LandingKids header#desktopLandings .midle h1 { zoom: 0.55; } 


        }

/************************************************************************************
                                    RESPONSIVO END
*************************************************************************************/