.scroll-off {overflow: hidden !important;}
/* ################### MODALS - DESKTOP ################### */

/* ---------------- MODALS - (BEGIN) ---------------- */

#modals { width: 100%; height: 100%; position: fixed; top: 0; right: 0; padding: 0; overflow: auto; display: block; float: left; z-index: 9999999999; transition:.3s; transition-timing-function: cubic-bezier(0.09, 1.15, 0.54, 1.03)}
#modals.off { width: 0 !important }
#modals .row { width: 80%; margin: 0 10%; }

#modals #box2.box { top: 10%; transform: translate(-50%,0); margin: 0 0 10%;  }
#modals #box2.box.large {width: 800px; }

#modals #box2.box form { width: 100%; margin: 0; }
#modals #box2.box .cnpj .input-icon{ width: 50%; float: left; margin-bottom: 5px; }
#modals.visual #box2.box .cnpj .input-icon{ width: 50%; float: left; margin-bottom: -11px; }
#modals .form-group.has-error input{ padding-bottom: 13px; }
#modals.consulta .help-block { margin-left: 5px; }
#modals.consulta .login-form .help-block { margin-top: -10px; }
#modals .cnpj .help-block { position: absolute; bottom: 0; left: 1%; width: 98%; margin-left: 1%; border-radius: 0;  margin: 0; padding: 0.7% 0; }

#modals .box { width: 520px; margin: 0; z-index: 8; background: #FFF; float: left; transition: .3s; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 14px; z-index: 2; padding: 80px 0; border: 3px solid #EDF4F6; box-sizing: border-box; }
#modals .box .close { font-size: 1.6em; font-weight: 700; position: absolute; z-index: 3; top:-24px; right: -24px; cursor: pointer; color: #FFF; background:#006188; padding: 12px 0 0; text-align: center; box-sizing: border-box; width: 45px; height: 45px; border: 2px solid #EDF4F6; border-radius: 50px;  transition:.3s; }
#modals .box .close:hover { background:#0b83b3 }

#modals .box .top { width: 100%; }
#modals .box .top h3 { width: 100%; text-align: center; color: #00668F; font-size: 1.63rem; font-weight: 700; float: left; margin: 0 0 30px; font-family: Montserrat, sans-serif;  }

#modals .box form { width: 80%; float: left; margin: 0 10%;  }
#modals .box form label { width: 100%; float: left; position: relative}
#modals .box form label input { width: 100%; box-sizing: border-box; font-family: Montserrat, sans-serif; padding: 0 60px 0 60px; height: 58px; float: left; background:#FFF; border: 3px solid #EDF4F6; margin: 0 0 13px; color: #00668F !important; font-size: 0.9rem; font-weight: 700; border-radius: 4px }
#modals .box form label.success input { border: 3px solid #b6eab8; }
#modals .box form label.erro input { border: 3px solid #fcc0c0; }
#modals .box form label input::placeholder { color: #00668F; font-weight: 700; }
#modals.visual .box form label.form-group input { margin-bottom: 0px; }

#modals .box form label img { width: 24px; position: absolute; top: 3px; left: 20px;  }
#modals .box form label img.user { top: 10px; }
#modals .box form label img.email { top: 18px; }
#modals .box form label img.senha { top: 14px; }

#modals .box form label div.olho { position: absolute; width: 24px; height: 24px; right: 20px; top: 16px; z-index: 100; cursor: pointer;}
#modals .box form label div.olho:hover { opacity: 0.8;}
#modals .box form label div.on-eye { background-image: url('../../images/new_layout/icons/visibility_on.svg') }
#modals .box form label div.off-eye { background-image: url('../../images/new_layout/icons/visibility_off.svg') }


#modals .box form .btn { float: left; font-size: 0.81rem; font-family: Montserrat, sans-serif; position: relative; left: 50%; transform: translate(-50%)}
#modals .box form .forgot { color:#2DA1D2; font-weight: 400; margin: 30px 0 0; font-size: 0.814rem; text-align: center; width: 100%; float: left; text-decoration: underline; cursor: pointer }
#modals .box form .forgot:hover { text-decoration: none; }

#modals .box form p { color:#666; font-weight: 400; margin: 0 0 20px; font-size: 0.85rem; text-align: center; width: 100%; float: left; cursor: pointer }
#modals .box form p .forgot { font-size: 1.0em; float: none; margin: 0 }

#modals .box .content { width: 100%; height: 350px; display: block; overflow: auto;  float: left; font-size: 1.1em; line-height: 1.5; padding: 0 20px 0 0; box-sizing: border-box; }
#modals .box .content h4 { float:left; clear:both; margin:0 0 20px; font-size: 1.4em; font-weight: 700 }
#modals .box .content p { float:left; clear:both; margin:0 0 20px; font-weight: 400 }
#modals .box .content p b { font-size: 1.2em; font-weight: 700 }

#modals .box .content.terms-cont {  overflow: hidden; padding: 0  }

#modals #box5.box { width: 90%; top: 10%; transform: translate(-50%,0); margin-bottom: 5%; }
#modals #box5 .row { width: 90%; margin: 0 5%; }
#modals #box5 .plus{ width: 100%; margin: 0 0; }

#modals #box5.box .content { height: auto }
#modals #box5.box .deluxe { width: 100%; height: auto; display: block; overflow: auto; float: left; font-size: 1.1em; line-height: 1.5; padding: 0 20px 0 0; box-sizing: border-box; }
#modals #black5.black { width: calc(100% - 17px); }
#modals .box a.btn-social-media {
    float:left;left:50%;
    transform: translate(-50%);
    position: relative;
    border: 3px solid #EDF4F6;
    color: #00668F;
    font-family: Montserrat, sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 1em 2em;
    border-radius: 50px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2em center;
    padding-left: 4em;
    transition: .3s;
    clear: both;
}
#modals .box a.btn-social-media.google {
    background-image: url(../../images/new_layout/icons/google.svg);
}
#modals .box a.btn-social-media.facebook {
    background-image: url(../../images/new_layout/icons/facebook.svg);
    margin-top: 20px;
}
#modals .box a.btn-social-media:hover {
    border-color: #00668F;
}

.hidden-dev {
    display: none;
}

.modal-img { 
    width: 100%; height: 100%; 
    position: fixed; top: 0; left: 0; z-index: 1000000;
    display: none;
    margin: 0; padding: 0;
}

.modal-img.open { 
    display: block;
}

.modal-img .bg-modal {
    width: 100%; height: 100%; 
    position: fixed; top: 0px; right: 0px;
    background: #000000cc;
    display: flex; align-items: center; justify-content: center;
}

.modal-img .closebtn {
    position: absolute; top: 10px; right: 10px;
}

.modal-img .closebtn img{
    width: 45px;
}

.modal-img a.img {
    width: auto;
    display: contents;
}

.modal-img .desktop {
    display: block;
}

.modal-img .mobile {
    display: none;
}


/* 
    ################### MODALS - RESPONSIVO - (BEGIN)################### 
*/

@media (max-width: 1000px) {
    .modal-img .desktop {
        display: none;
    }

    .modal-img .mobile {
        display: block !important;
        max-width: 95%;
    }
}

@media (max-width:600px) {
    #modals #box5.box { width: 100%; height: 100%; position: fixed; top: 0; transform: translate(0,0); margin-bottom: 0; padding: 0; }
    #modals #box5.box .content {overflow: hidden; padding: 45px 0 0; height: 100%; position: fixed; background:#FFF }
    #modals #box5.box .content iframe { height: 100%; }
    #modals #box5 .row { width: 100%; margin: 0; }  
}

@media (max-width:900px) {
    #modals #box2.box.large {width: 520px; }
    #modals #box2.box .cnpj .input-icon{ width: 100%; }   
}

/* query para ipad e notebooks */
@media (max-height: 900px) and (min-width: 1024px) {
    #modals .box {
        top: 5%;
        transform: translate(-50%, 0);
        margin: 5% 0;
    }
}

/* query para ipad x */
@media (max-height: 900px) and (min-width: 812px) {
    #modals .box {
        top: 5%;
        transform: translate(-50%, 0);
        margin: 5% 0;
    }
}

@media (max-width:600px) {
    #modals .box .close { top: 10px;right: 10px}
    #modals .box { width: 100% !important; min-height: 100%; left: 0 !important; top: 0 !important; transform: translate(0,0) !important; border-radius: 0; margin: 0 !important; }
    #modals #box5.box { width: 100% }

    #modals .box form { width: 90%; margin: 0 5%;  }

}

/* 
    ################### MODALS - RESPONSIVO - (END)################### 
*/

#modals .on.flex { display: flex }
#modals .on { display: block }
#modals .off { display: none !important}
#modals .black { width:100%; height: 100%; background: black; position: fixed; opacity: 0.6; top: 0; left: 0; z-index: 1;  }
#modals .black.excep {width: calc(100% - 16px);}


/* Estava no fim do outro style */
.nav_tabs{position: relative; left: 50%;transform: translate(-50%,0); float: left; margin: 0 0 5px 0; }
.nav_tabs ul{ list-style: none; display: flex;}
/* .nav_tabs ul li{ float: left; margin: 0 0 15px; } */
.nav_tabs ul li{ display: flex; vertical-align: center;  flex-direction: row;  margin: 0 0 15px; }
.nav_tabs ul li input { float: left; margin-top: 0; }
.tab_label{ display: block;  cursor: pointer; width: auto !important; font-size: 0.82rem; font-weight: 600; color: #8ab4c0; margin: -2px 0 0 7px; }
.nav_tabs .rd_tab:checked ~ label { color:#fff; border: none; color: #00668F !important; }
.tab-content{  background-color: #fff; position: relative; height: auto; width: 100%; }
.cnpj { float: left;  width: 100%; box-sizing: border-box; padding: 10px 10px 13px; margin: 0 0 20px; background: #edf4f6; border-radius: 10px; }  
#modals .box form .cnpj p { color: #00668f; font-weight: 600; font-size: 0.7rem; margin: 5px 0 12px; }
#modals .box form .cnpj label input { margin: 0 0 -2px 0;} 

/* ---------------- MODALS - (END) ---------------- */
#modals .btn { background: #FFF; padding: 1em 2em; color: #003950 !important; font-size: 1em; text-transform: uppercase; font-weight: 700; border-radius: 50px; cursor: pointer; transition: .3s;border: 0 }
#modals .btn.green { background: #006188; color: #FFF !important;   }
/*#modals .btn.white { background: #FFF; color: #006188 !important; border: 3px solid #EDF4F6;  left: 50%; } */
#modals .btn.white.return { background: #FFF; color: #006188 !important; border: 3px solid #EDF4F6; display: flex;  float: left; padding: 10px 20px; font-size: 0.63rem; font-family: Montserrat, sans-serif; margin-top: 20px; margin-left: 38%; }
/* ---------------- MODAL DESCONTO - (BEGIN)  ---------------- */
/* 

#modals #box-desconto { width: auto; background: url(../../images/new_layout/modal-desconto/bg.png); background-size: cover; padding: 10em 9em 6em; border: 0; position: relative; }
#modals #box-desconto .in img { float: left; }
#modals #box-desconto .in img.selo { margin: 40px 0 0; }
#modals #box-desconto .in h4 {float: left; color: #002A3B; font-size: 3.2em; font-weight: 900; margin: 0 41px;}
#modals #box-desconto .in .white { clear: both; width: 433px; float: left; position: relative; left: 50%;  transform: translate(-50%, 0); margin: 7% 0 0;}
#modals #box-desconto .in .white p#p1 {width: 100%; float: left; position: relative; height: 65px; border-radius: 50px; border: 0; font-size: 2.5em; font-weight: 900; box-sizing: border-box; padding: 19px 25px; color: #002A3B; background: #FFF;}
#modals #box-desconto .in .white button{ position: absolute; right: 0; height: 40px; border-radius: 50px; border: 0; background: url(../../images/new_layout/modal-desconto/copy.svg) no-repeat #00668F; background-position: 92% center; color: #FFF; font-size: 1.3em; font-weight: 900; letter-spacing: 1px; padding: 0 40px 0 15px; margin: 13px; cursor: pointer; transition: 1s;}
#modals #box-desconto .in .white button:hover{ opacity: .85;}
#modals #box-desconto .in .white button:active{ zoom:0.975; }
#modals #box-desconto .in small {clear: both;  float: left; width: 100%; color: #002A3B; font-size: 1.1em; font-weight: 500; margin:5% 0 0; text-align: center;}

@media (max-width:800px) {
    #modals #box-desconto {  width: 90%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    #modals #box-desconto .in img.selo { margin: 0; position: absolute;
    left: 50%; transform: translate(-50%); top: -40px; }
    #modals #box-desconto .in h4 { width: 80%; margin: 2% 10% 6%;               text-align: center; }
    #modals #box-desconto .in h4 br { display: none }
    #modals #box-desconto .in img { position: relative; left: 50%; transform: translate(-40%); }
}

@media (max-width:500px) {
    #modals #box-desconto .in .white { zoom: .8; }
    #modals #box-desconto .in h4 { font-size: 2.2em; }
    #modals #box-desconto .in img.dez { width: 150px; }
    #modals #box-desconto .in small br { display: none }
}

@media (max-width:400px) {
    #modals #box-desconto { padding: 10%; }
    #modals #box-desconto .in .white { zoom: .65; } 
}
*/
/* ---------------- MODAL DESCONTO - (END) ---------------- */

/* ---------------- MODAL promodal - (BEGIN) ---------------- */
/* 

#modals #box-promodal { width: 925px; height: 524px; background: transparent; border: 0; position: relative; padding: 0; }
#modals #box-promodal img { float: left; border-radius: 30px; box-shadow: 0 5px 30px #00000070; }
#modals #box-promodal .close { top: -14px; right: -14px;} 
#modals #box-promodal img.mobile { display: none }

@media (max-width:1000px) {
    #modals #box-promodal {  width: 90%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); }
}

@media (max-width:800px) {
    #modals #box-promodal { width: auto; }
    #modals #box-promodal img.desk { display: none }
    #modals #box-promodal img.mobile { display: block !important }
}

@media (max-width:480px) {
    #modals #box-promodal { width: 90% }

} */
/* ---------------- MODAL promodal - (END)  ---------------- */