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


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


  }

  @media (max-width:1200px) {
    header#fixo { display:none !important; }
    header#desktop { display:none !important; }
    header#mobile { display:block !important; }

    #setor1 { height: auto; }
    #FormFull { position: relative; }
    #FormFull .center button { font-size: 1.2em; }
    #FormFull .center h3 { flex: inherit; width: 100%;text-align: center;
      margin: 0 0 8px; }
    #FormFull .center h3 br { display: none }
    #setor1 .left { font-size: 60%; position: relative; top: inherit; margin: 110px 5% 60px; transform: inherit; left: inherit; }
    #setor1 .left h2 br { display: none }

    footer ul li.end h4 {     font-size: 3em; }

  }


  @media (max-width:1100px) {


  }

  @media (max-width:850px) {
    #setor2 ul { margin: 0; }
    #setor2 ul li { width: 100% !important; text-align: center }
    #setor2 ul li:last-child { margin: 2em 0 10%;  }
    #setor2 ul li img { max-width: 100% !important; float: inherit }
      
    #setor3 {font-size: 70%;}
    #setor3 div { width: 65%; padding: 0 0 0 160px; }

    #setor4 h2 { font-size: 2em; }
    #setor5 h2 { font-size: 1.5em; }

    footer ul.funcionalidades li { width: 33.333%; height: 140px; }


  }
  @media (max-width:600px) {
    #setor3 {display: block; overflow: hidden;}
    #setor3 ul {  width: 100%; height: auto;}
    #setor3 div {position: relative; width: 100%; padding: 10% 10% 420px 10%;  box-sizing: border-box; top: inherit; transform: translate(0);}
    #setor3 ul li img.hand { left: 75%; transform: translate(-50%,0); width: 230px; top: inherit;  bottom: 0;}
    #setor3 div a {margin: 0 15px 10px 0; clear: both;}
    #modals .box { width: 100%; height: 100%; left: 0; top: 0; transform: translate(0,0); border-radius: 0; }
    #modals .box .close { top: 0; right: 0; border-radius: 0 0 0 14px ;  }
    #modals .box form { width: 90%; margin: 0 5%;  }

    #setor1 .left { font-size: 55%; }
    #FormFull .center h3 { font-size: 1.4em; }
    #setor2 { font-size: 75%; }

    footer ul.funcionalidades { display: none }

    footer ul li { width: 100% !important; margin: 5% 0 !important; }
    footer ul li.end div { float: left;  padding: 0; }
    footer ul li div { padding: 5% 5% 0 0; }

    #setor5 { font-size: 80%; }

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



  }
  @media (max-width:420px) {
    #setor3 ul li img.hand { width: 50%; }
  
    header#mobile .left h1 img { width: 102px; margin: 5px 0 0;  }

    #setor5 ul { display: none; }
    #setor5 h2 { padding: 3em 0 0;}

  }
/* ---------------- MOBILE  ---------------- */