/**
* Este arquivo cuida de todos os modal do site (formulários) 
*/

.iziModal-overlay { z-index:10000!important; background-color: rgba(0,0,0,.9)!important;}
.iziModal-form {width:75%;margin:0 auto;margin-top:5rem;}
#contato-modal .iziModal-header {background:#ff564a;}
#contato-modal, #abertura-modal, #migracao-modal, #trabalhe-modal {z-index:10001!important;}
#contato-modal .iziModal-form .form-control:focus {border-color:#E54236;box-shadow: 0 0 9px 0 rgb(255,86,74);}
#contato-modal .btn-contato {border:0;color:#fff;outline:none;background:#ff564a;}
#contato-modal .btn-contato:hover {background:#E54236;}

#abertura-modal .iziModal-header {background:#E2574C;}
#abertura-modal .btn-abertura {background:#E2574C;border:0;color:#fff;outline:none;}
#abertura-modal .btn-abertura:hover {background:#31A18D;}
#abertura-modal .btn-abertura:focus #abertura-modal .btn-abertura:active {box-shadow:0 0 0;border:0;}
#abertura-modal .iziModal-form .form-control:focus {border-color:#E54236;box-shadow: 0 0 9px 0 #E2574C;}

#migracao-modal .iziModal-header {background:#E2574C; }
#migracao-modal .btn-migracao { background: #E2574C; color:#fff; }
#migracao-modal .btn-migracao:hover { background: #E54236; }
#migracao-modal .iziModal-form .form-control:focus { box-shadow: 0 0 9px 0 rgb(229, 66, 54);border:1px solid #e54236; }

#trabalhe-modal {background:linear-gradient(to top, #ccc 0%, #fff 15%, #ccc 100%);}
#trabalhe-modal .iziModal-header {background:#E2574C;}
#trabalhe-modal .btn-trab-anexo, #trabalhe-modal .btn-trab-form {color:#fff;width:100%;margin-top:5rem;}
#trabalhe-modal .btn-trab-anexo {background:#ff564a;margin-top:0;}
#trabalhe-modal .btn-trab-form {background:#E2574C;}
#trabalhe-modal .btn-trab-form:hover {background:#E54236;}
#trabalhe-modal .btn-trab-anexo:hover {background:#E54236;}
#trabalhe-modal #trabalhe-geral {padding:5rem 10rem 0;}
#trabalhe-modal #trabalhe-anexo, #trabalhe-modal #trabalhe-form {display:none;}
#trabalhe-modal .section {display:none;opacity:0;}
#trabalhe-modal .section.active {
    display:block;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity:1;
}
#trabalhe-modal .section-head {padding:20px 0;margin-left:0;margin-right:0;}
#trabalhe-modal h4, #trabalhe-modal h3 {font-size:2rem;font-family:"Alwyn-MediumOblique";margin:0;}
#trabalhe-modal .fileinput {margin:2rem 0 4rem;}
#trabalhe-modal .idioma-loop,
#trabalhe-modal .escolaridade-loop,
#trabalhe-modal .experiencia-loop,
#trabalhe-modal #pretensoes-content,
#trabalhe-modal #escolaridade-grau {border-bottom:1px solid #ccc; margin-left:0px; margin-right:0px;margin-bottom: 15px;}
#trabalhe-modal #pretensoes-content {padding-bottom:15px;}

/* Css Popup */
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:99999;
    background-color:#000;
    display:none;
  }
    
  #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:440px;
    height:200px;
    display:none;
    z-index:9999999;
    padding:20px;
  }

  #boxes #dialog2 {
    width: 740px;
    margin-top: -150px;
    /*height: 400px;
    padding: 16px;
    background-color: #ffffff;*/
  }

  #boxes #dialog2 p{
    color: #000;
    text-align: left;
    font-family: Calibri;
    font-size: 20px;
  }
  
  #boxes #dialog3 {
    width: 633px;
    height: 526px;
    padding: 16px;
    background-color: #ffffff;
  }

#boxes #dialog {
width: 630px;
    height: auto;
    padding: 16px;
    background-color: #ffffff;
    margin-top: 80px;
}
  
  #boxes #dialog1 {
    width:375px; 
    height:203px;
  }
  
  .close{display:block; text-align:right; margin-bottom: 1rem;}

  /* fim Css Popup */

@media all and (max-width:767px) {
    #trabalhe-modal #trabalhe-geral {padding:5rem 0 0;}
}

@media all and (max-width:600px) {
    #boxes {display: none;}

}