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

    @media (max-width:1370px) {
        .row { width: 90%; margin: 0 5%; }

        #setor6 ul li p { font-size: 1.6em }
        
        #setor1 h2 { font-size: 2.5em; }

        
    }

    @media (max-width:1200px) {

        #setor5 ul li { font-size: 90%; }
        #setor5 ul li h4 { font-size: 4.2em; }
        
        #setor6 ul li h5 { font-size: 3.2em; }

        #setor6 ul li { width: 50%; height: 132px; }
        
        
        #setor11 ul li div { margin: 0 0 0 5%; } 
        #setor11 ul li { height: 300px; }
        
        
        #setor9.afinidades .swiper-slide.carousel { width: 25% !important; }

        #blog-container-interna ul.relacionados { display: none }

    }


    @media (max-width:1100px) {

        header#desktop .right div p {    padding: 31px 13px 32px;}

        #highlights li { font-size: 80% }
        #highlights li p { line-height: 27px; }
        
        #blog-container .left { width: 100% }
        #blog-container .right { display: none }
        
                
        


        header#desktop { display:none !important; }
        header#mobile { display:block !important; font-size: 0.9em; }

        #setor9 .OnlyMobile { display: block !important }
        #setor9 .OnlyDesktop { display: none !important }
        #setor9 .OnlyDesktop.OnlyOne { display: block !important;     width: 100%; margin: 0   }
        #setor9 .OnlyDesktop.OnlyOne .swiper-slide { width: 100% !important; margin: 0 }

        
        
        #setor9 h4.Excep {  margin: 0 0 1.5em;}

        #setor1 { margin-top: 37px; }
        #setor1 .swiper-slide { margin: 64px 0 0; }     
        #setor1 h2 br { display: none  }

        #setor2 ul { padding: 0;  }
        #setor2 ul li { width: 50%; border: 0; margin: 5% 0 }
        
        #setor3 { margin: 5% 0 }
        #setor3 .top { font-size: 80%}
        
        #setor4 ul li { font-size: 80% }
        
        #setor6 ul li { font-size: 90%  }
        #setor6 ul li h5 { font-size: 2.8em; }

        #setor7 {padding: 6% 0; font-size: 90%;}
        #setor7 .top h2 {font-size: 2.1em;}
        #setor7 ul li { width: 100%; }
    
        footer ul.one { font-size: 85% }
        footer ul.two { font-size: 95% }
        
        #MenuSecundario ul { padding: 0; }
        #MenuSecundario ul li div h3 {display: none}
        #MenuSecundario ul li.active div h3 {display: block}
        #MenuSecundario ul li { width: 100% !important }
        #MenuSecundario ul li { display: none}
        #MenuSecundario ul li.active { display: block}

        #setor8 { font-size: 85%; }
        
        #setor9 { font-size: 93%; }
        
        form { width: 100%; margin: 0 }
        form span { width: 50%; }

        #topper { height: 140px; margin: 102px 0 0; }
        
        #setor7 ul li { width: 50%; height: 120px; }

        
        
        header#mobile .top .one { margin-top: 67px }
        header#mobile .top .one a { margin: 0px 0 10px 5% }
        header .top .one a p.big { margin: -6px 0 -2px 0; }
        
        #setor9.afinidades .swiper-slide.carousel { width: 33.333% !important; }

        #topper h2 { width: 90%; margin: 0 5%; }
        #breadcamp { width: 100%;  margin: 0 0 5%; }
        #blog-container-interna article { width: 100%; margin: 0; }
        
        
        
    }

    @media (max-width:850px) {
        #setorMapa { padding: 0 0 5%; }
        #setorMapa .left { width: 100%; }
        #setorMapa .right { width: 100%; }
        #setorMapa .right h4 { text-align: center }
        #setorMapa .right ul { text-align: center }

        #setor8.condicoes ul li { width: 100%; }



    }

    @media (max-width:750px) {
        
        #setor4 ul li { font-size: 70%; width: 50%; padding: 2.5% }
        #setor4 ul li h4 { font-size: 4em }

        #setor5 ul li { width: 100%; background-size: cover !important; }
        #setor5 ul li:hover { background-size: cover !important; }
        #setor5 ul li h4 { font-size: 3.2em; }
        #setor5 ul li p { font-size: 1.8em; }
        #setor5 ul li span a { padding: 7px 11px;}
        
        #setor6 ul { margin: 5% 0  }
        #setor6 ul li { width: 100%; text-align: center; margin: 0 0 5%; padding: 0; height: auto;  }
        #setor6 ul li:last-child { width: 100%; margin: 0  }
        #setor6 ul li div { margin: 20px 0 17px; }
        #setor6 ul li div a { float: none } 

        #setor7 .swiper-slide.carousel { margin: 1em 0 0em; }

        
        
        
        footer {padding: 0}
        footer ul.one li { display: none }

        footer ul.two li { width: 100%; padding: 20px 0 0 }
        footer ul.two li i { width: 100% }
        footer ul.two li p { text-align: center }
        footer ul.two li.excep { margin: 0; }
        footer ul.two li.excep i {width: 100%; margin: 0 0 7px }
        footer ul.two li.excep p { width: 100%; text-align: center }
        
        #setor8 h2 { width: 100%; margin: 0 0 2.5%; }
        #setor8 h2 br { display: none }
        #setor8 p { width: 100%; margin: 2.5% 0 2.5%;}
        
        #setor9 ul li { width: 100%; border-right:0; margin: 0 0 5%; }
        #setor9 ul li i { width: 25%; margin: 0 0 0 2.5%; }
        #setor9 ul li div { width: 65%; float: right}
        #setor9 ul li div h3 { text-align: left }
        #setor9 ul li div p { width: 100%; text-align: left; margin: 7px 0 0; }
        
        form { padding: 15px }
        form span { width: 100%; }
        form h3 { padding: 5px 0 15px; text-align: center }


        #setor11 .top h2 { font-size: 3.2em;}
        #setor11 ul li { width: 100%; margin: 0 0 5%; height: auto }
        #setor11 ul li i { text-align: center;}
        #setor11 p.more { margin: 5% 0 }
        
        
        #setor2 .top h2 { font-size: 2em; }
        #setor4 .top h2 { font-size: 2em; }
        #setor11 .top h2 { font-size: 2em; }
        #setor2 ul li div h3 { font-size: 1.5em; }
        #setor2 ul li div p { font-size: 1.2em; }
        #setor11 ul li div h3 { font-size: 1.5em; }
        #setor11 ul li div p { font-size: 1.2em; }
        
        
        #setor2 p.center { font-size: 1.3em; width: 90%; margin: 0 5% 10%; }
        
        
        #highlights li {  width: 100% !important; height: auto; padding: 10% }
        #highlights li.triple { padding: 10% }
        
        
        #setor8 .left { width: 100%; padding: 0 }
        #setor8 .right { width: 100%; text-align: center  }
        #setor8 .right img { width: 120px  }

        #setorCarreira { font-size: 1.8em; padding: 2.5% 0 5% 5% }
        #setor10 p.excep { font-size: 1.4em; padding: 0 5% 5% 5%;}
        
        
        
        #topper.blog { font-size: 80% }
        #blog-container { font-size: 80% }
        #blog-container-interna article p { font-size: 1.4em }
        
        #setorEndereco { width: 100% }
        #setorEndereco .row { width: 90%; margin: 0 5%; }
        #setorEndereco adress { font-size: 1.2em; }
        #setorEndereco adress a { float: left !important; clear: both; margin: 10px 0 0 32px; font-size: 12px; }
        
        
        #setor8.excep2 figure { width: 100% }
        #setor8.excep2 p { width: 100% }
        
        #setor2 p.center.special { width: 100%;}

        .cadastro_prestador .top p { width: 100%; margin: 1% 0 0; font-size: 1.3em; }
    
    
    
    }
    @media (max-width:600px) {

        #setor7 ul li { width: 100%; height: auto; }

        #setor9.afinidades .swiper-slide.carousel { width: 50% !important; }

        .cadastro_prestador ul.bread { margin: 20px 0 40px;zoom: .8;}
        .cadastro_prestador ul.bread li p { display: none; }
        .flex-box { margin: 26px 15px 20px 15px; }
        .flex-box .field { height: 40px; }
        label.flex-box.radix { margin: 26px 15px 0 15px; line-height: 1.4; font-size: 1.2em;}

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

        #setor1 h2 { font-size: 1.5em; }
        
        #setor2 { padding: 5% 0 0; }
        #setor2 ul li { width: 100% }
        #setor2 ul li i { width: 25%; margin: 0 0 0 2.5%; }
        #setor2 ul li div { width: 65%; float: right}
        #setor2 ul li div h3 { text-align: left }
        #setor2 ul li div p { width: 100%; text-align: left; margin: 7px 0 0; }

        #setor3 .top h2 { font-size: 3.2em; }

        #setor7 ul li i { width: 50% }
        #setor7 ul li div { width: 50%; margin: 7px 0 0 }
        #setor7 ul li i img { float: left; zoom: .7; }
        #setor7 ul li p { display: none}
        #setor7 ul li div a { float: right; font-size: 1.1em; padding: 7px 14px; }
        
        form { font-size: 90% }

        #setor11 .top h2 { font-size: 2.7em; margin: 10% 0; }
        #setor11 .top h2 br { display: none }
        
        #setor9.afinidades .swiper-slide.carousel { width: 100% !important; }

        
        
        #topper.blog { font-size: 60%; }
        article figure { height: 160px }
        article h3 { font-size: 3.5em }
        
        
        #setorMapa .right ul { width: 100% }
        
        
        #setorMapa .right h4 {margin: 6% 0 5%;font-size: 2.5em;}
        
        
    }
    @media (max-width:450px) {

        header#mobile .top .two.excepMobile p b { display: none }
        header#mobile .top .two.excepMobile img.password { display: none }
        
        header#mobile .top .two.excepMobile a.log { margin: 9px 2px 8px; padding: 5px 8px; }

    }