@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCP.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf) format('truetype');
  }
.fl {
    float: left;
}
.fr {
    float: right;
}
.fn {
    float: none;
}
.full-max {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
}
body,
span,
p,
form,
img,
a,
input,
select,
textarea,
html,
figure,
header,
footer,
article,
section,
iframe {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
figure {
    display: flex;
}
ul,
ol,
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.titulo1,
.titulo2,
.titulo3,
.titulo4 {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: normal;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
}
input,
textarea {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}
.spaceAfterCP,
.spaceBeforeCP {
    width: 100%;
    float: left;
}
a,
a:hover {
    color: #c00812;
    text-decoration: none;
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format("truetype");
}
#headerBlock {
    width: 100%;
    position: fixed;
    z-index: 999;
}
#headerBlock small {
    display: table;
    font-size: 15px;
    color: #999;
}
/*
.topo {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0 20px 4px;
    background-color: #404040;
    border-top-color: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.topo h2 {
    float: left;
    color: #ffffff;
    margin: 27px 0 0 22px;
    font-size: 30px;
}
.topo h2 small {
    padding-top: 3px;
    font-size: 17px !important;
}
@media only screen and (max-width: 1023px) {
    .topo h2 {
        display: none;
    }
}
.logo {
    float: left;
    display: block;
    background-size: contain;
    width: 123px;
    height: 76px;
    margin-top: 6px;
    background-image: url(../../images/logo-fixo.png);
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 1023px) {
    .logo {
        height: 50px;
        width: 100px;
    }
}
.bg-logo {
    border-radius: 4px;
    display: inline-block;
    float: left;
}
*/
.topo {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 0 20px 4px;
    background-color: #ffffff;
    border-bottom-color: #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.topo .full-max{
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topo .full-max .topo-right{
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    align-items: center;
    justify-content: space-between;
}
.topo h2 {
    float: left;
    color: #ffffff;
    margin: 27px 0 0 22px;
    font-size: 30px;
}
.topo h2 small {
    padding-top: 3px;
    font-size: 17px !important;
}
@media only screen and (max-width: 1023px) {
    .topo h2 {
        display: none;
    }
}
.topo .acesso-restrito a{
    padding: 5px 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b37a80;
}
.topo .acesso-restrito a i{
    font-size: 16px;
    margin-right: 8px;
}
.topo .redes-topo{
    margin-left: 15px;
    align-items: center;
}
.topo .redes-topo a{
    float: left;
    margin-left: 5px;
}
.topo .redes-topo a i{
    color: #000;
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-right: 0;
    border-width: 1.5px !important;
    border-style: solid;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    transition: 0.25s all ease-out;
    -moz-transition: 0.25s all ease-out;
    -webkit-transition: 0.25s all ease-out;
    -ms-transition: 0.25s all ease-out;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
}
.topo .redes-topo a:hover i{
    color: #b37a80;
}
.logo {
    display: block;
    background-size: contain;
    width: 70px;
    height: 70px;
    background-image: url(../../images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 1023px) {
    .logo {
        height: 50px;
        width: 100px;
    }
}
.bg-logo {
    border-radius: 4px;
    display: inline-block;
    float: left;
}
.telefone {
    position: relative;
    float: right;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 18px;
    padding-left: 25px;
    font-size: 15px;
    color: #444;
    border-left-color: #999999;
    border-left-width: 1px;
    border-left-style: dotted;
    min-height: 64px;
}
.telefone span {
    display: flex;
    flex-flow: column;
}
.telefone a {
    cursor: default;
}
.telefone i {
    padding-right: 17px;
    font-size: 24px;
    color: #6299ce;
}
@media only screen and (max-width: 1024px) {
    .telefone {
        display: none;
    }
}
.acessar-site {
    float: right;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 18px;
    padding: 0 25px;
    font-size: 16px;
    color: #444;
    min-height: 64px;
    color: #ffffff;
}
.acessar-site:hover,
.acessar-site a:hover{
    color: #ffffff;
}
.acessar-site i {
    padding-right: 10px;
    font-size: 21px;
    color: #ffffff;
}
@media only screen and (max-width: 1024px) {
    .acessar-site {
        display: none;
    }
}
.feLoggedIn {
    float: right;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 12px 20px 0 0;
    min-height: 64px;
    color: #ffffff;
}
.feLoggedIn span {
    display: flex;
    justify-content: center;
    flex-flow: column;
    font-size: 14px;
}
.feLoggedIn small {
    font-size: 12px;
}
.feLoggedIn a {
    float: left;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    color: #ffffff;
}
.feLoggedIn .bt-sair {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    margin: 0 25px 0 20px;
    background-color: #ff4949;
    cursor: pointer;
}
.feLoggedIn .bt-sair:after {
    content: "";
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 2px;
    height: 12px;
    background-color: #fff;
    margin: -6px 0 0 -1px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.feLoggedIn .bt-sair:before {
    content: "";
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 2px;
    height: 12px;
    background-color: #fff;
    margin: -6px 0 0 -1px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} /*.feLoggedIn input[type=submit]{position:relative;padding:0;width:100%;height:100%;background:none !important}*/
.feLoggedIn input[type="submit"] {
    width: 70px;
    height: 30px;
    padding: 0;
    background: #cc0000;
    font-size: 13px;
    margin-left: 20px;
}
@media only screen and (max-width: 1023px) {
    .feLoggedIn {
        display: none;
    }
}
.info-lateral {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .info-lateral {
        text-align: center;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        width: 90%;
        padding: 20px;
        transition: 0.3s all ease-out;
        -moz-transition: 0.3s all ease-out;
        -webkit-transition: 0.3s all ease-out;
        -ms-transition: 0.3s all ease-out;
        background-color: #c00812;
        position: absolute;
        top: 90px;
        right: -110%;
        z-index: 1001;
        border-color: #ffffff;
        border-width: 1px;
        border-style: solid;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    }
    .info-lateral.on {
        right: 5%;
    }
    .info-lateral a {
        color: #ffffff;
    }
    .info-lateral .acessar-site {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 0;
        border-left: none;
        min-height: auto;
    }
    .info-lateral .feLoggedIn {
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        flex-flow: column;
    }
    .info-lateral .feLoggedIn .bt-sair {
        width: 130px;
        margin-right: 0;
        padding: 4px 0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        margin: 10px 0 0;
    }
    .info-lateral .feLoggedIn a,
    .info-lateral .feLoggedIn small {
        font-size: 15px !important;
        font-weight: normal !important;
        color: #ffffff !important;
    }
    .info-lateral .email-lateral {
        font-size: 15px;
    }
    .info-lateral .telefone-lateral {
        float: left;
        width: 100%;
        font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: #ffffff;
        padding: 5px 0 15px;
        border-bottom-color: #a80710;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .info-lateral .email-lateral {
        float: left;
        width: 100%;
        font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
        font-size: 15px;
        padding: 12px 0;
        border-bottom-color: #a80710;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
}
.ico-fone-responsivo {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .ico-fone-responsivo {
        display: block;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        width: 5px;
        height: 5px;
        float: right;
        position: relative;
        transition: 0.3s all ease-out;
        -moz-transition: 0.3s all ease-out;
        -webkit-transition: 0.3s all ease-out;
        -ms-transition: 0.3s all ease-out;
        margin: 45px 10px 0 0;
        background-color: #444444;
    }
    .ico-fone-responsivo:before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        position: absolute;
        top: -8px;
        left: 0;
        z-index: 0;
        background-color: #444444;
    }
    .ico-fone-responsivo:after {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        position: absolute;
        bottom: -8px;
        left: 0;
        z-index: 0;
        background-color: #444444;
    }
    .ico-fone-responsivo.on {
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }
    .ico-fone-responsivo.on,
    .ico-fone-responsivo.on:after,
    .ico-fone-responsivo.on:before {
        background-color: #c00812;
    }
}
@font-face {
    font-family: "icomoon";
    src: url("../../fontes/icomoon.ttf?2cgk3b") format("truetype"), url("../../fontes/icomoon.woff?2cgk3b") format("woff"), url("../../fontes/icomoon.svg?2cgk3b#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.logo-2020a:before {
    content: "\e907";
}
.logo-2020-b:before {
    content: "\e916";
}
.data-hora1:before {
    content: "\e963";
}
.data-hora2:before {
    content: "\e964";
}
.data-hora3:before {
    content: "\e9a3";
}
.escudo:before {
    content: "\e9a4";
}
.cama:before {
    content: "\e9a5";
}
.banheiro:before {
    content: "\e9a6";
}
.carro:before {
    content: "\e9a7";
}
.chat1:before {
    content: "\e9a8";
}
.checklist:before {
    content: "\e9a9";
}
.empresa1:before {
    content: "\e9aa";
}
.metragem:before {
    content: "\e9ab";
}
.share1:before {
    content: "\e9ac";
}
.share2:before {
    content: "\e9ad";
}
.icon-camera1:before {
    content: "\e998";
}
.icon-camera2:before {
    content: "\e999";
}
.icon-camera3:before {
    content: "\e99a";
}
.icon-camera4:before {
    content: "\e99b";
}
.qr-code1:before {
    content: "\e99c";
}
.qr-code2:before {
    content: "\e99d";
}
.qr-code3:before {
    content: "\e99e";
}
.touch:before {
    content: "\e99f";
}
.touch2:before {
    content: "\e9a0";
}
.lab03:before {
    content: "\e9a1";
}
.radiactive:before {
    content: "\e9a2";
}
.icon-lupa3:before {
    content: "\e995";
}
.icon-bag:before {
    content: "\e996";
}
.icon-user6:before {
    content: "\e997";
}
.icon-cupom:before {
    content: "\e98c";
}
.icon-phone05:before {
    content: "\e98d";
}
.fast-delivery:before {
    content: "\e98e";
}
.icon-lab01:before {
    content: "\e98f";
}
.icon-lab02:before {
    content: "\e990";
}
.icon-cadeado02:before {
    content: "\e991";
}
.icon-mail03:before {
    content: "\e992";
}
.icon-map:before {
    content: "\e993";
}
.icon-user05:before {
    content: "\e994";
}
.icon-dash:before {
    content: "\e984";
}
.icon-gear2:before {
    content: "\e985";
}
.icon-logout:before {
    content: "\e986";
}
.icon-user4:before {
    content: "\e98a";
}
.icon-clip:before {
    content: "\e98b";
}
.sino-1:before {
    content: "\e979";
}
.sino-2:before {
    content: "\e97a";
}
.alerta-1:before {
    content: "\e97b";
}
.alerta-2:before {
    content: "\e97c";
}
.livro:before {
    content: "\e97d";
}
.sair:before {
    content: "\e97e";
}
.key:before {
    content: "\e97f";
}
.key-2:before {
    content: "\e980";
}
.pasta:before {
    content: "\e981";
}
.stats:before {
    content: "\e982";
}
.aleatorio:before {
    content: "\e983";
}
.short:before {
    content: "\e974";
}
.filtro-1:before {
    content: "\e975";
}
.filtro-2:before {
    content: "\e976";
}
.star-1:before {
    content: "\e977";
}
.star-2:before {
    content: "\e978";
}
.icon-seta-dupla:before {
    content: "\e902";
}
.icon-delivery-2:before {
    content: "\e918";
}
.icon-delivery-1:before {
    content: "\e91b";
}
.icon-bateria-2:before {
    content: "\e924";
}
.icon-bateria-1:before {
    content: "\e925";
}
.icon-menu-8:before {
    content: "\e95f";
}
.icon-menu-7:before {
    content: "\e960";
}
.icon-menu-6:before {
    content: "\e961";
}
.icon-menu-5:before {
    content: "\e962";
}
.icon-menu-2:before {
    content: "\e965";
}
.icon-menu-1:before {
    content: "\e966";
}
.icon-lista2:before {
    content: "\e939";
}
.icon-mouse-01:before {
    content: "\e94e";
}
.icon-mouse-02:before {
    content: "\e94f";
}
.icon-seta08-u:before {
    content: "\e970";
}
.icon-seta08-d:before {
    content: "\e971";
}
.icon-seta08-l:before {
    content: "\e96e";
}
.icon-seta08-r:before {
    content: "\e96f";
}
.icon-seta01-r:before {
    content: "\e950";
}
.icon-seta01-l:before {
    content: "\e951";
}
.icon-seta02-d:before {
    content: "\e952";
}
.icon-seta02-r:before {
    content: "\e953";
}
.icon-seta02-l:before {
    content: "\e954";
}
.icon-seta03-d:before {
    content: "\e955";
}
.icon-seta04-d:before {
    content: "\e956";
}
.icon-seta05-d:before {
    content: "\e957";
}
.icon-seta06-r:before {
    content: "\e958";
}
.icon-seta06-l:before {
    content: "\e959";
}
.icon-seta07-r:before {
    content: "\e95a";
}
.icon-seta07-l:before {
    content: "\e95b";
}
.icon-plus-01:before {
    content: "\e95c";
}
.icon-menos1:before {
    content: "\e967";
}
.icon-menos2:before {
    content: "\e969";
}
.icon-mais1:before {
    content: "\e968";
}
.icon-mais2:before {
    content: "\e96a";
}
.icon-plus-02:before {
    content: "\e95d";
}
.icon-plus-03:before {
    content: "\e95e";
}
.icon-check04:before {
    content: "\e926";
}
.icon-check:before {
    content: "\e94b";
}
.icon-check02:before {
    content: "\e94c";
}
.icon-check03:before {
    content: "\e94d";
}
.icon-close:before {
    content: "\e947";
}
.icon-close02:before {
    content: "\e949";
}
.icon-empresa2:before {
    content: "\e91a";
}
.icon-empresa:before {
    content: "\e927";
}
.icon-rote:before {
    content: "\e943";
}
.icon-heart:before {
    content: "\e944";
}
.icon-link:before {
    content: "\e945";
}
.icon-responsive:before {
    content: "\e946";
}
.icon-gear:before {
    content: "\e989";
}
.icon-seta2:before {
    content: "\e911";
}
.icon-delivery:before {
    content: "\e90f";
}
.icon-store:before {
    content: "\e910";
}
.icon-trash:before {
    content: "\e900";
}
.icon-cart1:before {
    content: "\e901";
}
.icon-olho:before {
    content: "\e903";
}
.icon-atualizar:before {
    content: "\e904";
}
.icon-cadeado:before {
    content: "\e905";
}
.icon-instagram-02:before {
    content: "\e94a";
}
.icon-whatsapp:before {
    content: "\e906";
}
.icon-in:before {
    content: "\e908";
}
.icon-facebook:before {
    content: "\e909";
}
.icon-twitter:before {
    content: "\e90a";
}
.icon-youtube:before {
    content: "\e90b";
}
.icon-youtube2:before {
    content: "\e92e";
}
.icon-pinterest:before {
    content: "\e90c";
}
.icon-rss:before {
    content: "\e90d";
}
.icon-blog:before {
    content: "\e90e";
}
.icon-skype:before {
    content: "\e919";
}
.icon-users:before {
    content: "\e915";
}
.icon-user3:before {
    content: "\e988";
}
.icon-user:before {
    content: "\e91c";
}
.icon-user2:before {
    content: "\e91d";
}
.icon-help:before {
    content: "\e91e";
}
.icon-info:before {
    content: "\e91f";
}
.icon-send:before {
    content: "\e920";
}
.icon-pin4:before {
    content: "\e930";
}
.icon-pin2:before {
    content: "\e938";
}
.icon-pin:before {
    content: "\e928";
}
.icon-pin3:before {
    content: "\e929";
}
.icon-text:before {
    content: "\e92a";
}
.icon-text2:before {
    content: "\e92b";
}
.icon-clock:before {
    content: "\e931";
}
.icon-clock2:before {
    content: "\e932";
}
.icon-data:before {
    content: "\e933";
}
.icon-data2:before {
    content: "\e934";
}
.icon-download:before {
    content: "\e935";
}
.icon-lupa:before {
    content: "\e936";
}
.icon-lupa2:before {
    content: "\e937";
}
.icon-chat:before {
    content: "\e93a";
}
.icon-chat3:before {
    content: "\e93c";
}
.icon-chat4:before {
    content: "\e93d";
}
.icon-chat5:before {
    content: "\e93e";
}
.icon-seta:before {
    content: "\e940";
}
.icon-news:before {
    content: "\e93f";
}
.icon-arroba:before {
    content: "\e922";
}
.icon-mail4:before {
    content: "\e987";
}
.icon-email:before {
    content: "\e921";
}
.icon-mail2:before {
    content: "\e923";
}
.icon-phone24h:before {
    content: "\e917";
}
.icon-phone24h2:before {
    content: "\e942";
}
.icon-call01:before {
    content: "\e913";
}
.icon-call03:before {
    content: "\e914";
}
.icon-call02:before {
    content: "\e912";
}
.icon-call:before {
    content: "\e948";
}
.icon-cel:before {
    content: "\e93b";
}
.icon-phone:before {
    content: "\e92c";
}
.icon-phone2:before {
    content: "\e92d";
}
.icon-phone07:before {
    content: "\e941";
}
.icon-phone4:before {
    content: "\e92f";
}
.icon-phone03:before {
    content: "\e972";
}
.icon-home1:before {
    content: "\e96b";
}
.icon-home2:before {
    content: "\e96c";
}
.icon-home3:before {
    content: "\e96d";
}
@media only screen and (max-width: 1023px) {
    .botao-menu {
        position: relative;
        display: block;
        float: left;
        width: 35px;
        height: 21px;
        cursor: pointer;
        margin: 21px 10px 10px 0;
        padding: 0 15px 0 0;
        z-index: 5;
    }
    .botao-menu:before {
        width: 35px;
        height: 5px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        display: block;
        transition: 0.3s all ease-out;
        -moz-transition: 0.3s all ease-out;
        -webkit-transition: 0.3s all ease-out;
        -ms-transition: 0.3s all ease-out;
        background: #b37a80;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        content: "";
    }
    .botao-menu:after {
        width: 35px;
        height: 5px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        display: block;
        transition: 0.3s all ease-out;
        -moz-transition: 0.3s all ease-out;
        -webkit-transition: 0.3s all ease-out;
        -ms-transition: 0.3s all ease-out;
        background: #b37a80;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        content: "";
    }
    .botao-menu b {
        width: 35px;
        height: 5px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        display: block;
        transition: 0.3s all ease-out;
        -moz-transition: 0.3s all ease-out;
        -webkit-transition: 0.3s all ease-out;
        -ms-transition: 0.3s all ease-out;
        background: #b37a80;
        position: absolute;
        top: 8px;
        left: 0;
        z-index: 0;
    }
    .botao-menu.on:before {
        transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        top: 9px;
        background: #f10a17;
    }
    .botao-menu.on:after {
        transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        background: #f10a17;
        top: 9px;
    }
    .botao-menu.on b {
        background: transparent;
        transform: translate(35px);
        -moz-transform: translate(35px);
        -webkit-transform: translate(35px);
        -ms-transform: translate(35px);
    }
}
@media only screen and (max-width: 601px) {
    h1 {
        font-size: 23px;
    }
    h2 {
        font-size: 20px;
    }
    .acoes span {
        display: none;
    }
    .acoes .edit-cliente {
        margin-left: 10px;
    }
    .lista-hospedes .nome {
        overflow: hidden;
        width: 51%;
    }
    .lista-hospedes .nome h4 {
        overflow: hidden;
        width: 70%;
    }
    .box-motivo-salvo {
        display: flex;
        flex-flow: wrap;
    }
    .box-motivo-salvo h3 {
        width: 100%;
    }
    .cpf-listacadastro {
        float: left;
        margin: 35px 0 0px;
    }
    .motivo-salvo-l {
        width: 100%;
        order: 2;
        padding: 0;
        border-right: none;
    }
    .motivo-salvo-l a {
        margin-top: 20px;
    }
    .motivo-salvo-r {
        width: 100%;
        padding: 0 0 25px;
        order: 1;
        border-bottom: 1px dotted #aaa;
    }
    .motivo-salvo-r h6 {
        margin-bottom: 0;
        border-bottom: none;
    }
    .cnt-sistema p.bloco-2 {
        width: 100%;
        padding: 0 !important;
    }
    .cnt-sistema p.bloco-3 {
        width: 100%;
        padding: 0 !important;
    }
    #footerBlock a {
        margin: 0 auto 0;
        float: none;
    }
    .lista-cadastro .motivo-salvo-l {
        width: 100%;
    }
    .lista-cadastro .motivo-salvo-r {
        width: 100%;
    }
    .conteudo-arquivos {
        overflow: scroll;
    }
    .conteudo-arquivos .colunas-arquivos,
    .conteudo-arquivos .lista-arquivos {
        width: 745px;
    }
    .img-loading {
        font-size: 19px;
    }
}
@media only screen and (max-width: 481px) {
    .info-cliente .cpf-config {
        display: none;
    }
    .info-ocorrencia-r small {
        display: none;
    }
    .info-ocorrencia-r h6 {
        font-size: 13px;
    }
}
.cnt-contato {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.cnt-contato ::-webkit-input-placeholder {
    color: #666;
}
.cnt-contato ::-moz-placeholder {
    color: #666;
}
.cnt-contato :-ms-input-placeholder {
    color: #666;
}
.cnt-contato input:-moz-placeholder {
    color: #666;
}
@media (max-width: 1023px) {
    .cnt-contato {
        flex-wrap: wrap;
    }
}
.cnt-contato .formulario {
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media (max-width: 1023px) {
    .cnt-contato .formulario {
        max-width: 600px;
        margin: 0 auto 0;
    }
}
.cnt-contato .formulario p {
    position: relative;
    margin-bottom: 15px;
}
.cnt-contato .contato-form {
    width: 65%;
}
@media (max-width: 1279px) {
    .cnt-contato .contato-form {
        width: 55%;
    }
}
@media (max-width: 1023px) {
    .cnt-contato .contato-form {
        width: 100%;
    }
}
.cnt-contato .localizacao {
    width: 30%;
    margin-top: 170px;
}
@media (max-width: 1279px) {
    .cnt-contato .localizacao {
        width: 40%;
    }
}
@media (max-width: 1023px) {
    .cnt-contato .localizacao {
        width: 100%;
        margin-top: 60px;
    }
}
.cnt-contato .localizacao h3 {
    font-size: 40px;
}
.cnt-contato .localizacao li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 60px;
    margin-bottom: 15px;
    padding-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: none;
    color: #333333;
}
.cnt-contato .localizacao li a {
    color: #000000;
    word-break: break-all;
}
@media (max-width: 1023px) {
    .cnt-contato .localizacao li {
        width: 50%;
        margin: 0 auto 0;
        text-align: center;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .cnt-contato .localizacao li {
        width: 100%;
    }
}
.cnt-contato .localizacao li strong {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 3px;
}
@media (max-width: 480px) {
    .cnt-contato .localizacao li strong {
        font-size: 13px;
    }
}
.cnt-contato .localizacao .telefone {
    position: relative;
}
.cnt-contato .localizacao .telefone:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: "\e92d";
    color: #c00812;
    font-family: "icomoon";
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px / 2);
    left: 0;
    z-index: 0;
}
.cnt-contato .localizacao .telefone:before {
    width: 45px;
    height: 45px;
    border-color: #c00812;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
.cnt-contato .localizacao .whatsapp {
    position: relative;
}
.cnt-contato .localizacao .whatsapp:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: "\e906";
    color: #c00812;
    font-family: "icomoon";
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px / 2);
    left: 0;
    z-index: 0;
}
.cnt-contato .localizacao .whatsapp:before {
    width: 45px;
    height: 45px;
    border-color: #c00812;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
.cnt-contato .localizacao .email-contato {
    position: relative;
}
.cnt-contato .localizacao .email-contato:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: "\e921";
    color: #c00812;
    font-family: "icomoon";
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px / 2);
    left: 0;
    z-index: 0;
}
.cnt-contato .localizacao .email-contato:before {
    width: 45px;
    height: 45px;
    border-color: #c00812;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
.cnt-contato .localizacao .endereco {
    position: relative;
}
.cnt-contato .localizacao .endereco:before {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    content: "\e928";
    color: #c00812;
    font-family: "icomoon";
    font-size: 26px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: calc(50% - 20px / 2);
    left: 0;
    z-index: 0;
}
.cnt-contato .localizacao .endereco:before {
    width: 45px;
    height: 45px;
    border-color: #c00812;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
@media (max-width: 1023px) {
    .cnt-contato .localizacao .telefone:before,
    .cnt-contato .localizacao .whatsapp:before,
    .cnt-contato .localizacao .email-contato:before,
    .cnt-contato .localizacao .endereco:before {
        position: relative;
        left: auto;
        margin: 0 auto 5px;
    }
}
.cnt-contato .localizacao ul {
    padding-top: 0;
    text-align: left;
    margin-top: 40px;
}
@media (max-width: 1023px) {
    .cnt-contato .localizacao ul {
        display: flex;
        flex-wrap: wrap;
    }
}
.cnt-contato .redes {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.cnt-contato .redes span {
    display: flex;
}
@media (max-width: 1023px) {
    .cnt-contato .redes span {
        margin: 0 auto 0;
    }
}
.cnt-contato .redes strong {
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;
}
@media (max-width: 1023px) {
    .cnt-contato .redes strong {
        text-align: center;
    }
}
.cnt-contato .redes i {
    margin-right: 10px;
}
@media (max-width: 1023px) {
    .cnt-contato .redes i {
        margin: 0 5px;
    }
}
.cnt-contato [type="submit"] {
    float: left;
}
@media (max-width: 1023px) {
    .cnt-contato [type="submit"] {
        float: none;
        margin: 0 auto 0;
    }
}
[type="text"],
[type="password"],
[type="email"],
[type="number"],
[type="date"] {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    border-color: #cecebf;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    font-size: 14px;
    color: #333;
    height: 50px;
    padding: 10px 35px 10px 10px;
}
[type="submit"] {
    width: 250px;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    background-color: #c00812;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
    border: none;
}
select {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    border-color: #cecebf;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    font-size: 14px;
    color: #333;
    height: 50px;
    padding: 10px;
}
@media (max-width: 1023px) {
    select {
        -webkit-appearance: none;
        background-image: url("../../images/padrao/bg-select.png") !important;
        background-repeat: no-repeat !important;
        background-position: center right !important;
    }
}
textarea {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    border-color: #cecebf;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    font-size: 14px;
    color: #333;
    height: 100px;
    padding: 10px;
    resize: none;
}
.formID {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: -1;
}
.botao-form {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    background-color: #c00812 !important;
    color: #ffffff !important;
    width: 140px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    transition: 0.3s all ease-out !important;
    -moz-transition: 0.3s all ease-out !important;
    -webkit-transition: 0.3s all ease-out !important;
    -ms-transition: 0.3s all ease-out !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}
.botao-form:after {
    content: "\e920" !important;
    font-family: "icomoon" !important;
    font-size: 18px !important;
    color: #000000 !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    z-index: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    transition: 0.3s all ease-out !important;
    -moz-transition: 0.3s all ease-out !important;
    -webkit-transition: 0.3s all ease-out !important;
    -ms-transition: 0.3s all ease-out !important;
}
.botao-form:hover {
    cursor: pointer !important;
    background-color: #99060e !important;
    color: #ffffff !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
    padding-left: 70px !important;
}
.botao-form:hover:after {
    color: #000000 !important;
    right: 95px !important;
}
@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg);
    }
    50% {
        transform: scale(0.8) rotate(-90deg);
    }
    100% {
        transform: scale(1) rotate(-90deg);
    }
}
@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
    50% {
        -webkit-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
}
@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg);
    }
    50% {
        -moz-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -moz-transform: scale(1) rotate(-90deg);
    }
}
@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg);
    }
    50% {
        -ms-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -ms-transform: scale(1) rotate(-90deg);
    }
}
.botao-form:before {
    content: "Enviar";
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    z-index: 0;
    line-height: 18px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.botao-form:hover:before {
    position: absolute;
    top: calc(50% - 9px);
    left: 45px;
    z-index: 0;
}
.botao-form [type="submit"] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px;
}
.botao-form [type="submit"]:hover {
    cursor: pointer;
}
.botao-enviar-cad {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #0059b2;
    color: #ffffff;
    height: 50px;
    padding: 0 75px 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    margin: 20px auto 0;
}
.botao-enviar-cad:after {
    content: "\e955";
    font-family: "icomoon";
    font-size: 35px;
    color: #ffffff;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #003f7f;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
}
.botao-enviar-cad:hover {
    cursor: pointer;
    background-color: #0059b2;
    color: #ffffff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
.botao-enviar-cad:hover:after {
    animation: botao 0.2s linear;
    -webkit-animation: botao 0.2s linear;
    -moz-animation: botao 0.2s linear;
    -ms-animation: botao 0.2s linear;
    color: #ffffff;
    background-color: #003f7f;
}
@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg);
    }
    50% {
        transform: scale(0.8) rotate(-90deg);
    }
    100% {
        transform: scale(1) rotate(-90deg);
    }
}
@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
    50% {
        -webkit-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
}
@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg);
    }
    50% {
        -moz-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -moz-transform: scale(1) rotate(-90deg);
    }
}
@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg);
    }
    50% {
        -ms-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -ms-transform: scale(1) rotate(-90deg);
    }
}
.botao-enviar-cad [type="submit"] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px;
}
.botao-enviar-cad [type="submit"]:hover {
    cursor: pointer;
}
.botao-cadastro {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #59b200;
    color: #ffffff;
    height: 50px;
    padding: 0 75px 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    width: 155px;
    margin: 0 auto 0;
    font-size: 15px;
}
.botao-cadastro:after {
    content: "\e955";
    font-family: "icomoon";
    font-size: 35px;
    color: #ffffff;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #407f00;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
}
.botao-cadastro:hover {
    cursor: pointer;
    background-color: #0059b2;
    color: #ffffff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
.botao-cadastro:hover:after {
    animation: botao 0.2s linear;
    -webkit-animation: botao 0.2s linear;
    -moz-animation: botao 0.2s linear;
    -ms-animation: botao 0.2s linear;
    color: #ffffff;
    background-color: #003f7f;
}
@keyframes botao {
    0% {
        transform: scale(1) rotate(-90deg);
    }
    50% {
        transform: scale(0.8) rotate(-90deg);
    }
    100% {
        transform: scale(1) rotate(-90deg);
    }
}
@-webkit-keyframes botao {
    0% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
    50% {
        -webkit-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(-90deg);
    }
}
@-moz-keyframes botao {
    0% {
        -moz-transform: scale(1) rotate(-90deg);
    }
    50% {
        -moz-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -moz-transform: scale(1) rotate(-90deg);
    }
}
@-ms-keyframes botao {
    0% {
        -ms-transform: scale(1) rotate(-90deg);
    }
    50% {
        -ms-transform: scale(0.8) rotate(-90deg);
    }
    100% {
        -ms-transform: scale(1) rotate(-90deg);
    }
}
@media (max-width: 480px) {
    .botao-cadastro {
        width: 218px;
        padding: 0 50px 0 15px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
}
.botao-cadastro [type="submit"] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-indent: -9999px;
}
.botao-cadastro [type="submit"]:hover {
    cursor: pointer;
}
.obrigado {
    width: 100%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f5f5f5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}
.obrigado big {
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    color: #c00812;
    font-size: 22px;
    padding-bottom: 10px;
}
.obrigado b {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    padding-bottom: 5px;
}
.obrigado a {
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    display: block;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    padding: 5px 10px;
    background-color: #c00812;
    color: #ffffff;
    margin-top: 30px;
    font-size: 12px;
}
.obrigado a:hover {
    background-color: #8f060d;
}
.formulario {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.formulario ::-webkit-input-placeholder {
    color: #666;
}
.formulario ::-moz-placeholder {
    color: #666;
}
.formulario :-ms-input-placeholder {
    color: #666;
}
.formulario input:-moz-placeholder {
    color: #666;
}
.formulario p {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.formulario p > label {
    width: 100%;
    padding-bottom: 15px;
    position: absolute;
    top: -100000px;
    left: 0;
    z-index: 0;
}
.formulario .msg-obrigatorio {
    padding: 0 0 15px 0;
    display: block;
    font-size: 13px;
    width: 100%;
}
.formulario .msg-obrigatorio em {
    color: #ff0000;
}
.formulario .outros-estados {
    font-weight: 700;
    font-size: 20px;
}
.formulario .b2 {
    width: 49%;
}
@media (max-width: 768px) {
    .formulario .b2 {
        width: 100%;
    }
}
.formulario .b3 {
    width: 32%;
}
@media (max-width: 768px) {
    .formulario .b3 {
        width: 100%;
    }
}
.formulario .file-input {
    width: 49%;
    position: relative;
}
@media (max-width: 768px) {
    .formulario .file-input {
        width: 100%;
    }
}
.formulario .file-input:before {
    display: block;
    content: "\e970";
    font-family: "icomoon";
    font-size: 10px;
    line-height: 1;
    color: #333333;
    position: absolute;
    bottom: 13px;
    right: 10px;
    z-index: 0;
    border-color: #333333;
    border-width: 2px;
    border-style: solid;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    padding: 2px;
}
.formulario .file-input span {
    font-weight: 700;
    font-size: 15px;
}
.formulario .file-input [type="file"] {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #cecebf;
    border-width: 1px;
    border-style: solid;
    background-color: #f2f2f2;
    font-size: 14px;
    color: #333;
    padding: 10px 35px 10px 10px;
}
.formulario .file-input [type="file"]:hover {
    cursor: pointer;
}
input[name="nome"],
input[name="cpf"],
input[name="email"],
input[name="telefone"] {
    border-right-color: #d80000 !important;
    border-right-width: 5px !important;
    border-right-style: solid !important;
}
input.valid[name="nome"],
input.valid[name="cpf"],
input.valid[name="email"],
input.valid[name="telefone"] {
    border-right-color: #468c00 !important;
    border-right-width: 5px !important;
    border-right-style: solid !important;
}
label.error {
    position: absolute;
    top: 18px;
    right: 15px;
    z-index: 0;
    width: 16px;
    height: 16px;
    transform: scale(0.5);
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    text-align: center;
    background-color: #d80000;
    color: #fff;
}
label.error:after {
    content: "";
    font-family: serif;
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
}
label.error:before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background-color: #d80000;
    position: absolute;
    top: calc(50% - 30px);
    right: -21px;
    z-index: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-animation: scale-up-center 1s ease-out infinite forwards;
    animation: scale-up-center 1s ease-out infinite forwards;
}
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
        filter: alpha(opacity=0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
        filter: alpha(opacity=0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
.valid {
    border-color: #468c00 !important;
    border-width: 1px !important;
    border-style: solid !important;
}
.mapa {
    width: 100%;
    float: left;
    position: relative;
}
.mapa form {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 400px;
    padding: 10px;
    background-color: #eee;
}
@media (max-width: 480px) {
    .mapa form {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        float: left;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -webkit-box-shadow: 0 0 0 0;
        -ms-box-shadow: 0 0 0 0;
        padding: 15px;
        background: none;
    }
}
.mapa input[type="text"] {
    width: 57%;
    margin: 0 3% 0 0;
}
.mapa input[type="submit"] {
    width: 40%;
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0059b2;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    cursor: pointer;
    border: none;
    position: static;
    text-indent: unset;
    top: auto;
    left: auto;
}
.mapa input[type="submit"]:hover {
    background-color: #77050b;
    color: #ffffff;
}
.mapa iframe {
    width: 100%;
    float: left;
}
.scrolloff {
    pointer-events: none;
}
.form-ancora {
    margin-top: -70px;
    float: left;
}
.swing {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.bl1 {
    width: 7.33%;
}
@media (max-width: 1023px) {
    .bl1 {
        width: 15.66%;
    }
}
.bl2 {
    width: 15.7%;
}
@media (max-width: 1023px) {
    .bl2 {
        width: 31.7%;
    }
}
.bl3 {
    width: 24.1%;
}
@media (max-width: 768px) {
    .bl3 {
        width: 100%;
    }
}
.bl4 {
    width: 32.6%;
}
@media (max-width: 768px) {
    .bl4 {
        width: 100%;
    }
}
.bl5 {
    width: 41%;
}
@media (max-width: 768px) {
    .bl5 {
        width: 100%;
    }
}
.bl6 {
    width: 49.5%;
}
@media (max-width: 768px) {
    .bl6 {
        width: 100%;
    }
}
.bl7 {
    width: 57.9%;
}
@media (max-width: 768px) {
    .bl7 {
        width: 100%;
    }
}
.bl8 {
    width: 66.3%;
}
@media (max-width: 768px) {
    .bl8 {
        width: 100%;
    }
}
.bl9 {
    width: 74.7%;
}
@media (max-width: 768px) {
    .bl9 {
        width: 100%;
    }
}
.bl10 {
    width: 83.1%;
}
@media (max-width: 768px) {
    .bl10 {
        width: 100%;
    }
}
.bl11 {
    width: 91.6%;
}
@media (max-width: 768px) {
    .bl11 {
        width: 100%;
    }
}
.bl12 {
    width: 100%;
}
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    backface-visibility: hidden;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.remodal-overlay.remodal-is-opening {
    animation: overlay-opening 0.3s forwards;
    -webkit-animation: overlay-opening 0.3s forwards;
    -moz-animation: overlay-opening 0.3s forwards;
    -ms-animation: overlay-opening 0.3s forwards;
}
.remodal-overlay.remodal-is-closing {
    animation: overlay-closing 0.3s forwards;
    -webkit-animation: overlay-closing 0.3s forwards;
    -moz-animation: overlay-closing 0.3s forwards;
    -ms-animation: overlay-closing 0.3s forwards;
}
.remodal-wrapper {
    display: none;
    text-align: center;
    backface-visibility: hidden;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0;
}
.remodal {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    box-shadow: 0 0 13px #000000;
    -moz-box-shadow: 0 0 13px #000000;
    -webkit-box-shadow: 0 0 13px #000000;
    -ms-box-shadow: 0 0 13px #000000;
    max-width: 660px;
    color: #c00812;
    background-color: #eee;
    margin: 80px 0 10px 0;
    padding: 35px;
    text-align: left;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    border-color: #ffffff;
    border-width: 10px;
    border-style: solid;
    position: relative;
    display: none;
    text-size-adjust: 100%;
}
@media only screen and (max-width: 768px) {
    .remodal {
        padding: 30px 15px;
        margin-top: 0;
        height: 95vh;
        overflow: scroll;
    }
}
.remodal:focus {
    outline: 0 !important;
}
.remodal.remodal-is-opening {
    animation: remodal-opening 0.3s forwards;
    -webkit-animation: remodal-opening 0.3s forwards;
    -moz-animation: remodal-opening 0.3s forwards;
    -ms-animation: remodal-opening 0.3s forwards;
}
.remodal.remodal-is-closing {
    animation: remodal-closing 0.3s forwards;
    -webkit-animation: remodal-closing 0.3s forwards;
    -moz-animation: remodal-closing 0.3s forwards;
    -ms-animation: remodal-closing 0.3s forwards;
}
.remodal h3 {
    color: #c00812;
    font-size: 30px;
    font-weight: 700;
}
.remodal h3 em {
    font-style: normal;
}
@media only screen and (max-width: 768px) {
    .remodal h3 {
        text-align: center;
        font-size: 20px;
    }
}
.remodal span {
    color: #202020;
    font-size: 14px;
    display: block;
}
.remodal p {
    color: #333333;
    font-size: 16px;
}
.remodal .formulario .b2 {
    float: left;
    width: 49%;
    position: relative;
}
.remodal .formulario .b2:nth-of-type(2) {
    float: right !important;
}
@media only screen and (max-width: 768px) {
    .remodal .formulario .b2 {
        width: 100%;
    }
}
.remodal .formulario textarea {
    height: 94px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    padding: 10px 155px 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0;
}
.remodal .formulario textarea::placeholder {
    color: #000000;
}
.remodal .formulario input,
.remodal .formulario select {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    color: #000000;
    border: 0;
}
.remodal .formulario input::placeholder,
.remodal .formulario select::placeholder {
    color: #000000;
}
.remodal .formulario #plano {
    display: none;
}
.remodal .formulario .bt-enviar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 0;
    width: 143px;
    height: 83px;
    background-color: #c00812;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 18px;
    color: #ffffff;
    text-shadow: 0 1px 2px #000000;
    flex-direction: column;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    text-align: center;
    border: 0;
    box-shadow: none !important;
}
@media only screen and (max-width: 768px) {
    .remodal .formulario .bt-enviar {
        width: 100%;
        position: relative;
        top: 15px;
        right: 0;
        height: 63px;
        margin-top: 5px;
    }
}
.remodal .formulario .bt-enviar:hover {
    background-color: #c00812;
    color: #ffffff !important;
    opacity: 0.8;
    filter: alpha(opacity=0.8);
}
.remodal .formulario .bt-enviar i {
    font-size: 25px;
    margin-bottom: 5px;
}
.remodal .formulario .bt-enviar [type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: none;
}
.remodal .formulario .bt-enviar [type="submit"]:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}
.remodal .msg-obrigatorio {
    color: #333333;
    font-size: 14px;
}
.remodal input,
.remodal select,
.remodal textarea {
    color: #000000 !important;
    background-color: #ffffff;
}
.remodal input::placeholder,
.remodal select::placeholder,
.remodal textarea::placeholder {
    color: #000000 !important;
}
.remodal-close {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 0;
    width: auto;
    height: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-size: 25px;
    display: block;
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    outline: none;
    cursor: pointer;
    color: #000000;
    background-color: transparent;
    font-family: "icomoon";
    border: 0;
}
.remodal-close:before {
    content: "\e947";
}
.remodal-close:hover,
.remodal-close:focus {
    opacity: 1;
    filter: alpha(opacity=1);
}
@keyframes remodal-opening {
    from {
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        transform: none;
        opacity: 1;
    }
}
@keyframes remodal-closing {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.95);
        opacity: 0;
    }
}
@keyframes overlay-opening {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes overlay-closing {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.lt-ie9 .remodal-overlay {
    background-color: #2b2e38;
}
.lt-ie9 .remodal {
    width: 700px;
}
html.remodal-is-locked {
    overflow: hidden;
    touch-action: none;
}
[data-remodal-id] {
    display: none;
}
.remodal-is-initialized {
    display: inline-block;
    outline: 0 !important;
}
.video-modal {
    position: relative;
    padding-top: 25px;
    padding-bottom: 52.5%;
    width: 100%;
    height: 0;
}
.video-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
h1 {
    /*
    float: left;
    width: 100%;
    font-size: 33px;
    color: #233258;
    margin-bottom: 21px;
    */
    color: #89374e;
    width: fit-content;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Raleway';
    word-wrap: break-word;
    word-break: break-word;
    margin-bottom: 15px;
}
h1:after {
    /*
    content: "";
    display: block;
    margin-top: 6px;
    width: 110px;
    height: 5px;
    background-color: #6299ce;
    */
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ba6775;
    margin-top: 10px;
    margin-bottom: 10px;
}
h2 {
    font-family: 'Raleway';
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1;
}
h3 {
    color: #b37a80;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}
h4 {
    color: #333333;
    font-size: 16px;
}
a,
a:hover {
    color: #233258;
    text-decoration: none;
}
input[type="text"],
input[type="password"],
select,
textarea {
    box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.2) inset;
}
input[name="cpf-cliente"] {
    background-color: #efffbf;
}
label.label-floatlabel {
    padding-top: 2px;
}
label.error {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: 43px;
    right: 25px;
    z-index: 2;
    text-indent: 9999px;
}
label.error:after {
    display: none;
}
input[type="submit"] {
    display: table;
    text-transform: uppercase;
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    width: 250px;
    font-size: 18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    margin: 0 auto;
    color: #ffffff;
    padding: 15px 0 12px;
    background-color: #233258;
    float: none;
    border: none;
    cursor: pointer;
}
body {
    line-height: 1.4;
    font-size: 18px;
    color: #333333;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    min-height: 100%;
}
#mainBlock {
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 145px 20px 20px 20px;
    box-shadow: 0 200px 70px -10px #eee inset;
    -moz-box-shadow: 0 200px 70px -10px #eee inset;
    -webkit-box-shadow: 0 200px 70px -10px #eee inset;
    -ms-box-shadow: 0 200px 70px -10px #eee inset;
    min-height: 100vh;
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 1023px) {
    #mainBlock {
        padding: 105px 20px 85px;
    }
}
#footerBlock {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 15px;
    background-color: #eee;
    font-size: 13px;
    color: #666;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
}
#footerBlock a {
    float: right;
    color: #666;
}
@media only screen and (max-width: 1023px) {
    #footerBlock {
        width: 100%;
    }
}
.sistema {
    width: 100%;
    max-width: 1200px;
}
.mensagem {
    position: fixed;
    top: 150px;
    right: 15px;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
    display: none;
    padding: 7px 15px;
    border-radius: 6px;
}
.mensagem.msg-erro {
    background: #c30;
}
.mensagem.msg-sucesso {
    background: #093;
}
.ul-paginate {
    clear: both;
    display: table;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 5px;
    margin: 10px auto 10px;
    background-color: #f3f3f3;
}
.ul-paginate a,
.ul-paginate span {
    display: block;
    float: left;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 15px;
    margin: 0 3px;
    padding: 0 4px;
    height: 26px;
    line-height: 26px;
    color: #333333;
    min-width: 18px;
    text-decoration: none;
}
.ul-paginate a:hover,
.ul-paginate span:hover {
    color: #000000;
    background-color: #cccccc;
}
.ul-paginate span {
    color: #ffffff;
    background-color: #999999;
    cursor: default;
}
.bt-anterior i,
.bt-proximo i,
.apn_next i,
.bt-prev i {
    display: none;
}
.bt-anterior a i,
.bt-proximo a i,
.apn_next i,
.bt-prev i {
    display: table;
    margin: 4px auto;
    border-top-color: transparent;
    border-top-width: 9px;
    border-top-style: solid;
    border-bottom-color: transparent;
    border-bottom-width: 9px;
    border-bottom-style: solid;
}
.bt-anterior i,
.bt-prev i {
    border-right: 14px solid;
}
.bt-proximo i,
.apn_next i {
    border-left: 14px solid;
    border-right: 0;
}
.menu {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #b37a80;
    padding: 141px 26px 0;
    width: 243px;
    height: 100vh;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}
.menu a {
    float: left;
    width: 100%;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    margin-bottom: 17px;
    font-size: 18px;
    color: #fff;
}
.menu a:hover {
    color: #5f4043;
}
.menu h5 {
    float: left;
    width: 100%;
    font-weight: 700;
    padding-top: 23px;
    margin: 20px 0 14px;
    font-size: 19px;
    color: #5f4043;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-top-style: dotted;
}
.menu .usuario-logado {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    background: none !important;
}
.menu .usuario-logado span {
    display: none;
}
.menu .usuario-logado div[align="center"] {
    padding-top: 0;
}
.menu .usuario-logado input[type="submit"] {
    text-align: left;
    width: 100%;
    padding: 0;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    background: none;
    text-transform: none;
}
.menu .usuario-logado input[type="submit"]:hover {
    color: #6299ce;
    background: none !important;
}
@media only screen and (max-width: 1023px) {
    .menu {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0;
        transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        z-index: -1;
        overflow: scroll;
    }
    .menu.on {
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
}
.mensagem-vazio {
    text-align: center;
    width: 100%;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: #666666;
    padding: 80px 0 30px;
}
.conteudo-arquivos {
    width: 100%;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    position: relative;
}
.conteudo-arquivos.conteudo-revistas{
    display: flex;
    justify-content: center;
}
.conteudo-arquivos.conteudo-videos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.conteudo-arquivos b {
    display: none;
    line-height: 1;
    font-size: 11px;
    color: #233258;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos b {
        display: block;
    }
}
.conteudo-arquivos h3 {
    font-size: 28px;
    padding: 30px 0 10px;
}
.arquivos-gerais h3 {
    padding-top: 0 !important;
}
.conteudo-arquivos .col1 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 110px;
    padding-left: 0;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .col1 {
        text-align: center;
        width: 100%;
        padding: 6px 0;
        border-bottom-color: #ccc;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
    }
}
.conteudo-arquivos .col1 strong {
    font-weight: 700;
    font-size: 13px;
    color: #ec3425;
}
.conteudo-arquivos .col2 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 20px;
    width: calc(100% - 346px);
    font-size: 15px;
    display: flex;
    align-items: center;
}
.conteudo-arquivos .col2 i {
    font-size: 11px;
    color: #9a9a9a;
    font-style: normal;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .col2 {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        justify-content: center;
        flex-flow: column;
        border-bottom-color: #ccc;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
    }
}
.conteudo-arquivos .col2 span {
    font-size: 16px;
}
.conteudo-arquivos .col3 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100px;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .col3 {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        border-top-color: #ccc;
        border-top-width: 1px;
        border-top-style: dotted;
    }
}
.conteudo-arquivos .col3 span {
    font-size: 16px;
}
.conteudo-arquivos .col3 a {
    color: #ffffff;
    background: #042c51;
    padding: 6px 0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.conteudo-arquivos .col4 {
    text-align: center;
    width: 235px;
}
.conteudo-arquivos .col4 a {
    font-size: 10px;
    background-color: #376072;
    color: #ffffff;
    padding: 5px 8px;
    margin-left: 4px;
    border-radius: 4px;
}
.conteudo-arquivos .col4 a i {
    margin-right: 4px;
}
.conteudo-arquivos .col4 .ver-imagens {
    display: flex;
    font-size: 13px;
    color: #eb3325;
    flex-flow: column;
}
.conteudo-arquivos .col4 .ver-imagens i {
    font-size: 42px;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .col4 {
        width: 100%;
        padding: 10px 0;
        border-top-color: #ccc;
        border-top-width: 1px;
        border-top-style: dotted;
    }
}
.conteudo-arquivos .lista-arquivos {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dotted #adadad;
    padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos {
        margin: 15px 0;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        border-color: #ccc;
        border-width: 1px;
        border-style: solid;
    }
}
.conteudo-arquivos .lista-arquivos .nome-arquivo {
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
    padding: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
}
.conteudo-arquivos .arquivos-imagem {
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: auto;
    flex-wrap: wrap;
    padding: 8px;
    margin: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
    float: left;
}
.conteudo-arquivos .arquivos-imagem img{
    max-height: 200px;
}
.conteudo-arquivos .lista-arquivos.bloco-video {
    width: 49%;
}
@media only screen and (max-width: 1024px) {
    .conteudo-arquivos .lista-arquivos.bloco-video {
        width: 100%;
    }
}
.conteudo-arquivos .lista-arquivos.bloco-video .nome-arquivo {
    justify-content: center;
}
.conteudo-arquivos .lista-arquivos .nome-arquivo.sel {
    background-color: #fcfcfc;
    border: none;
}
.conteudo-arquivos .lista-arquivos .nome-arquivo .lista-arquivos-status {
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin-top: 13px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    background-color: #f3f3f3;
    flex-flow: column;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos .nome-arquivo .lista-arquivos-status {
        margin: 8px 0 10px;
    }
}
.conteudo-arquivos .lista-arquivos .nome-arquivo .lista-arquivos-status h3 {
    margin: 0;
    font-size: 18px;
    padding: 0 0 8px;
    color: #215778;
}
.conteudo-arquivos .lista-arquivos .nome-arquivo .lista-arquivos-status p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    margin: 2px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 6px 6px 4px;
    background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos .nome-arquivo {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 10px;
        flex-flow: column;
    }
}
.conteudo-arquivos .lista-arquivos button {
    width: 26px;
    height: 26px;
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    margin: 6px 0 0;
    background-color: #f0f0e1;
    background-image: url("../../images/bg-menu.png");
    background-repeat: center center;
    background-position: no-repeat;
    border: none;
    cursor: pointer;
}
.conteudo-arquivos .lista-arquivos button.ativo {
    transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -webkit-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    background-color: #dfdfd0;
    transform: rotate(90deg);
}
.conteudo-arquivos .lista-arquivos button:hover {
    background-color: #dfdfd0;
}
.conteudo-arquivos .lista-arquivos .aktiv-arquivo,
.conteudo-arquivos .lista-arquivos .download-arquivo {
    float: right;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 4px;
    font-size: 18px;
    transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 18px;
    min-height: 36px;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos .aktiv-arquivo,
    .conteudo-arquivos .lista-arquivos .download-arquivo {
        margin: 0 5px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        padding: 0 14px;
        color: #ffffff;
        background-color: #233258;
    }
}
.conteudo-arquivos .lista-arquivos .aktiv-arquivo i,
.conteudo-arquivos .lista-arquivos .download-arquivo i {
    float: left;
}
.conteudo-arquivos .lista-arquivos .aktiv-arquivo:hover,
.conteudo-arquivos .lista-arquivos .download-arquivo:hover {
    color: #233258;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos .aktiv-arquivo:hover,
    .conteudo-arquivos .lista-arquivos .download-arquivo:hover {
        color: #ffffff;
    }
}
.conteudo-arquivos .lista-arquivos .download-arquivo {
    border-left-color: #aaaaaa;
    border-left-width: 1px;
    border-left-style: solid;
}
@media only screen and (max-width: 768px) {
    .conteudo-arquivos .lista-arquivos .download-arquivo {
        border: none;
    }
}
.inicio-suporte h3 {
    font-size: 23px;
    padding: 10px 0 22px;
}
.colunas-arquivos {
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px !important;
    color: #535353;
    padding: 15px 0 9px;
    border-bottom-color: #535353;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.colunas-arquivos .col1,
.colunas-arquivos .col2 {
    font-size: 15px !important;
}
@media only screen and (max-width: 768px) {
    .colunas-arquivos {
        display: none;
    }
}
.mostrar-arquivos {
    font-family: "Montserrat", Tahoma, Arial, Helvetica, sans-serif;
    width: auto;
    font-size: 15px;
    color: #225778;
    padding: 21px 0 0;
    border: none;
    cursor: pointer;
    background: none;
    display: inline-block;
}
.editar-perfil,
.editar-senha {
    width: 100%;
}
.editar-perfil form,
.editar-senha form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.editar-perfil p,
.editar-senha p {
    float: left;
    padding-bottom: 20px;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .editar-perfil p,
    .editar-senha p {
        width: 100%;
    }
}
.editar-perfil p strong,
.editar-senha p strong {
    float: left;
    width: 100%;
    font-size: 13px;
    padding-bottom: 5px;
}
.editar-perfil p.submit-perfil,
.editar-senha p.submit-perfil {
    width: 100%;
    padding: 25px 0 0;
}
.editar-perfil h3,
.editar-senha h3 {
    float: left;
    width: 100%;
    padding: 25px 0 10px;
}
@media only screen and (max-width: 768px) {
    .editar-perfil h3,
    .editar-senha h3 {
        font-size: 22px;
    }
}
.editar-perfil .bloco-2 input,
.editar-senha .bloco-2 input,
.editar-perfil .bloco-2 select,
.editar-senha .bloco-2 select {
    width: 96%;
}
@media only screen and (max-width: 768px) {
    .editar-perfil .bloco-2 input,
    .editar-senha .bloco-2 input,
    .editar-perfil .bloco-2 select,
    .editar-senha .bloco-2 select {
        width: 100%;
    }
}
.editar-perfil .bloco-3 input,
.editar-senha .bloco-3 input,
.editar-perfil .bloco-3 select,
.editar-senha .bloco-3 select {
    width: 95%;
}
@media only screen and (max-width: 768px) {
    .editar-perfil .bloco-3 input,
    .editar-senha .bloco-3 input,
    .editar-perfil .bloco-3 select,
    .editar-senha .bloco-3 select {
        width: 100%;
    }
}
.editar-perfil .bloco-4 input,
.editar-senha .bloco-4 input,
.editar-perfil .bloco-4 select,
.editar-senha .bloco-4 select {
    width: 93%;
}
@media only screen and (max-width: 768px) {
    .editar-perfil .bloco-4 input,
    .editar-senha .bloco-4 input,
    .editar-perfil .bloco-4 select,
    .editar-senha .bloco-4 select {
        width: 100%;
    }
}
.editar-perfil .error,
.editar-senha .error {
    border-color: #ff0000;
    border-width: 1px;
    border-style: solid;
}
.msg-erro,
.msg-sucesso {
    text-align: center;
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    color: #ffffff;
    padding: 6px 0 5px;
    margin: 15px 0 28px;
    background-color: #38a049;
}
.msg-erro {
    background-color: #b12323;
}
.content-folha-caixa {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding-right: 10px;
}
.content-folha-caixa .box-historico,
.content-folha-caixa .box-cancelamentos {
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #d8d8d8;
    -moz-box-shadow: 0 0 10px #d8d8d8;
    -webkit-box-shadow: 0 0 10px #d8d8d8;
    -ms-box-shadow: 0 0 10px #d8d8d8;
}
@media only screen and (max-width: 1280px) {
    .content-folha-caixa .box-historico,
    .content-folha-caixa .box-cancelamentos {
        width: 100%;
        margin-bottom: 60px;
    }
}
.content-folha-caixa .box-historico h3,
.content-folha-caixa .box-cancelamentos h3 {
    font-weight: 700;
    font-size: 19px;
    padding: 8px 0 13px;
    color: #233258;
}
.content-folha-caixa .box-historico a,
.content-folha-caixa .box-cancelamentos a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    color: #ffffff;
    position: absolute;
    bottom: -35px;
    right: 0;
    z-index: 0;
    background-color: #52a947;
    cursor: pointer;
}
.content-folha-caixa .info-historico {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 5px;
    margin-top: 15px;
    border-top-color: #dedede;
    border-top-width: 1px;
    border-top-style: dotted;
}
.content-folha-caixa .info-historico strong {
    font-size: 13px;
    padding-bottom: 3px;
}
.content-folha-caixa .info-historico input {
    height: 38px;
    padding: 7px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
}
.content-folha-caixa .box-dados {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding: 10px;
    margin-top: 55px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #d8d8d8;
    -moz-box-shadow: 0 0 10px #d8d8d8;
    -webkit-box-shadow: 0 0 10px #d8d8d8;
    -ms-box-shadow: 0 0 10px #d8d8d8;
}
@media only screen and (max-width: 1280px) {
    .content-folha-caixa .box-dados {
        margin-top: 0;
    }
}
.content-folha-caixa .box-dados p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 7px 7px;
}
@media only screen and (max-width: 768px) {
    .content-folha-caixa .box-dados p {
        width: 100%;
    }
}
.content-folha-caixa .box-dados h3 {
    font-size: 21px;
    padding: 8px 0 13px;
    color: #233258;
}
.content-folha-caixa .box-dados input,
.content-folha-caixa .box-dados select {
    height: 42px;
    padding: 7px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
}
.content-folha-caixa .box-dados strong {
    font-size: 13px;
    padding: 2px 0 3px;
}
.content-folha-caixa .box-dados .total {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 1px 6px 7px;
    background-color: #eaeaea;
}
.content-folha-caixa .box-dados .total p {
    padding: 2px 4px 4px;
}
.content-folha-caixa .box-dados .total input,
.content-folha-caixa .box-dados .total select {
    margin-top: 2px;
}
.content-folha-caixa .box-envelope {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #d8d8d8;
    -moz-box-shadow: 0 0 10px #d8d8d8;
    -webkit-box-shadow: 0 0 10px #d8d8d8;
    -ms-box-shadow: 0 0 10px #d8d8d8;
}
@media only screen and (max-width: 1280px) {
    .content-folha-caixa .box-envelope {
        margin-top: 0;
    }
}
.content-folha-caixa .box-envelope h3 {
    width: 100%;
    font-weight: 700;
    font-size: 19px;
    padding: 8px 0 13px;
    color: #233258;
}
.content-folha-caixa .box-envelope p {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 7px 7px;
}
@media only screen and (max-width: 768px) {
    .content-folha-caixa .box-envelope p {
        width: 100%;
    }
}
.content-folha-caixa .box-envelope h3 {
    font-size: 21px;
    padding: 8px 0 13px;
    color: #233258;
}
.content-folha-caixa .box-envelope input {
    height: 38px;
    padding: 7px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
}
.content-folha-caixa .box-envelope strong {
    font-size: 13px;
    padding: 2px 0 3px;
}
.content-folha-caixa .box-envelope .total {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 2px 7px 7px;
    background-color: #eaeaea;
}
.content-folha-caixa .box-envelope .total strong {
    padding-top: 0;
}
.content-folha-caixa .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    background-color: #254b79;
}
.content-folha-caixa .title div {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 9px 0;
    color: #ffffff;
    border-right-color: #ffffff;
    border-right-width: 1px;
    border-right-style: solid;
}
.content-folha-caixa .title div:last-of-type {
    border: none;
}
.content-folha-caixa .lista-historico,
.content-folha-caixa .lista-cancelamentos {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.content-folha-caixa .lista-historico .item-historico,
.content-folha-caixa .lista-cancelamentos .item-historico,
.content-folha-caixa .lista-historico .item-cancelamento,
.content-folha-caixa .lista-cancelamentos .item-cancelamento {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-right: none;
}
.content-folha-caixa .lista-historico .item-historico input,
.content-folha-caixa .lista-cancelamentos .item-historico input,
.content-folha-caixa .lista-historico .item-cancelamento input,
.content-folha-caixa .lista-cancelamentos .item-cancelamento input {
    width: 100%;
    height: 38px;
    padding: 7px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border: none;
    border-right-color: #dedede;
    border-right-width: 1px;
    border-right-style: solid;
    box-shadow: none;
}
.content-folha-caixa .lista-historico .item-historico input.disabled,
.content-folha-caixa .lista-cancelamentos .item-historico input.disabled,
.content-folha-caixa .lista-historico .item-cancelamento input.disabled,
.content-folha-caixa .lista-cancelamentos .item-cancelamento input.disabled {
    background-color: #efefef;
    cursor: default;
}
.content-folha-caixa .gravar-folha,
.content-folha-caixa .gravar-envelope {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    color: #ffffff;
    margin: 25px auto 5px;
    width: 250px;
    height: 40px;
    background-color: #52a947;
    cursor: pointer;
}
.remodal h3 {
    font-size: 25px;
    margin-bottom: 13px;
}
.remodal strong {
    display: flex;
    font-size: 15px;
    padding-bottom: 12px;
    color: #333333;
}
.remodal p {
    display: inline-block;
}
.remodal input[type="submit"] {
    margin-top: 15px;
    width: 250px;
    height: 46px;
    padding-top: 12px !important;
    color: #ffffff !important;
}
.add-condomino {
    background: #089927;
    color: #ffffff;
    padding: 10px 15px 9px;
    border-radius: 4px;
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 16px;
}
.add-condomino:hover {
    color: #ffffff;
}
.add-condomino i {
    margin: 0 10px 1px 0;
}
@media only screen and (max-width: 768px) {
    .add-condomino {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        margin: 10px 0 0px;
        display: flex;
        box-sizing: border-box;
        justify-content: center;
    }
}

.bt-voltar{background: #233258;color:#ffffff;padding:7px 11px 6px;border-radius:4px;position:absolute;top:1px;right:0; font-size: 15px;}
.bt-voltar:hover{color: #ffffff}
.bt-voltar i{margin:0 4px 1px 0}
.editar-perfil form, .editar-senha form{display: flex; flex-wrap:wrap;justify-content: space-between;}
.editar-perfil .col1,.editar-senha .col1{width:7.33%;}
.editar-perfil .col2,.editar-senha .col2{width:15.7%;}
.editar-perfil .col3,.editar-senha .col3{width: 24.1%;}
.editar-perfil .col4,.editar-senha .col4{width: 32.6%;}
.editar-perfil .col5,.editar-senha .col5{width: 41%;}
.editar-perfil .col6,.editar-senha .col6{width: 49.5%;}
.editar-perfil .col7,.editar-senha .col7{width: 57.9%;}
.editar-perfil .col8,.editar-senha .col8{width: 66.3%;}
.editar-perfil .col9,.editar-senha .col9{width: 74.7%;}
.editar-perfil .col10,.editar-senha .col10{width: 83.1%;}
.editar-perfil .col11,.editar-senha .col11{width: 91.6%;}
.editar-perfil .col12,.editar-senha .col12{width: 100%}
@media only screen and (max-width:768px){
    .editar-perfil .col1,.editar-senha .col1{width:100%}
    .editar-perfil .col2,.editar-senha .col2{width: 100%}
    .editar-perfil .col3,.editar-senha .col3{width: 100%}
    .editar-perfil .col4,.editar-senha .col4{width: 100%}
    .editar-perfil .col5,.editar-senha .col5{width: 100%}
    .editar-perfil .col6,.editar-senha .col6{width: 100%}
    .editar-perfil .col7,.editar-senha .col7{width: 100%}
.editar-perfil .col8,.editar-senha .col8{width: 100%}
    .editar-perfil .col9,.editar-senha .col9{width: 100%}
    .editar-perfil .col10,.editar-senha .col10{width: 100%}
    .editar-perfil .col11,.editar-senha .col11{width: 100%}
}
.conteudo-arquivos .disabled, .conteudo-arquivos .disabled strong{color: #b3b3b3 !important}
.conteudo-arquivos .col4 a.bt-akt{background-color:#757575;}
.conteudo-arquivos .col4 a.bt-akt.desativado{background-color: #36a549;}
.lista-arquivos.arquivos-cliente{border-bottom:none;padding-bottom: 0;margin-bottom:0;font-size:15px}
.lista-arquivos.arquivos-cliente .col2{
    width: calc(100% - 100px) !important
}
.lista-arquivos.arquivos-cliente .col2 em{
    font-size: 18px;
    color: #333333;
    font-style: normal;
    padding: 0 6px 2px;
}
.lista-arquivos .item-arquivos{padding-top:5px; width:100%}
@media only screen and (max-width:768px){
    .lista-arquivos .item-arquivos{text-align: center;
        width: 100%;
        padding: 10px 0;
        justify-content: center;
        flex-flow: column;
    }
}

/*
.bt-manual{
    border: 3px solid #91add6;
    border-radius: 8px;
    margin: 20px 0 0;
    padding: 10px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6b90c7;
    transition: all linear .2s;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
}
.bt-manual img{
    margin-right: 10px;
}
.bt-manual:hover{
    color: #3765a9;
    border-color: #3765a9;
}
*/

.inicio-sistema h2{
    color: #11932E;
    font-weight: 700;
    font-size: 28px !important;
    padding: 30px 0 10px;
    border-top: 1px solid #11932E;
    margin-top: 50px;
}
.inicio-sistema .tabs{
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    box-sizing: border-box;
    margin-bottom: 50px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
.inicio-sistema .cnt-tabs{
    padding: 5px;
}
.inicio-sistema .cnt-tabs .big,
.inicio-sistema .cnt-tabs .small{
    font-family: 'Montserrat',Tahoma,Arial,Helvetica,sans-serif;
}
.inicio-sistema .tabs tr {
    display: flex;
}
.inicio-sistema .tabs tr td:nth-of-type(1) {
    width: 20%;
}
.inicio-sistema .tabs tr td:nth-of-type(2) {
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.inicio-sistema .bt-tabs{display:none}
.inicio-sistema .article-summary-text{
    margin: 0 auto 50px;
}
.inicio-sistema .article-summary-text .big{
    font-weight: 700;
    color: #042c51;
}
.inicio-sistema .article-summary-text .aviso {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    border: 2px solid #042c51;
    box-sizing: border-box;
    padding: 20px;
    font-family: 'Montserrat',Tahoma,Arial,Helvetica,sans-serif;
}
.inicio-sistema .article-summary-text .aviso .tt{
    font-size: 15px;
}
.inicio-sistema .article-summary-text .aviso .small {
    font-weight: 700;
    color: #042c51;
    margin-bottom: 6px;
}
.inicio-sistema h3 {
    color: #042c51;
    font-weight: 700;
    font-size: 21px !important;
}
.inicio-sistema h3,
.inicio-sistema h4 {
    margin: 0 auto;
    padding-top: 4px;
}

.box-apartamentos{
    width: 100%;
    position: relative;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-apartamentos .add-apartamento{
    position: absolute;
    top: -39px;
    left: 225px;
    background: #44b536;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}
.box-apartamentos .item-apartamento{
    width: 49%;
    border-radius: 4px;
    background: #f1f1f1;
    padding: 8px 40px 0 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
}
.box-apartamentos .item-apartamento p{
    width: 50%;
    padding-bottom: 12px;
    margin: 0 10px;
}
.box-apartamentos .item-apartamento input,
.box-apartamentos .item-apartamento select{
    height: 40px;
}
.box-apartamentos .item-apartamento a{
    position: absolute;
    top: 32px;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #ffffff;
    background: #dd0000;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 0 0 3px;
    box-sizing: border-box;
    cursor: pointer;
}

/* ========================================================================== */

.flip-book {
  position: relative;
  height: 100%;
}

.flip-book .view {
  text-align: center;
  height: 100%;
}

.flip-book .view .prev, .flip-book .view .next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}

.flip-book .view .prev {
  left: 20px;
}

.flip-book .view .next {
  right: 20px;
}


.flip-book .view .fnav a {
  font-size: 72pt;
  color: #666;
}

.flip-book .view .fnav a:hover {
  cursor: pointer;
  text-shadow: 0 0 7px #000;
}

.flip-book .view .fnav a:active {
  font-size: 70pt;
}

.flip-book .view .fnav .hidden {
  display: none;
}

.flip-book .view .fnav .active {
  color: #555;
}

.flip-book .view .fnav .disabled {
  color: #aaa;
}

.flip-book .view .fnav .disabled:hover {
  cursor: not-allowed;
  text-shadow: none;
}

.flip-book .view .loading-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flip-book .view .loading-progress.hidden {
  display: none;
}

.flip-book .loading-progress .progress {
  background-color: #555;
  background-image: none;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 30px;
  padding: 5px;
  box-shadow: 0px 0px 3px #000;
  margin-bottom: 10px;
}

.flip-book .loading-progress .progress::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-image: url('../images/light-loader.gif');
}

.flip-book .page-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.flip-book .page-loading.hidden {
  display: none;
}

.flip-book .page-loading::after {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-image: url('../images/light-loader.gif');
}

.flip-book .loading-progress .caption {
  background-color: #555;
  border: 1px solid #333;
  padding: 7px 10px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 10pt;
  border-radius: 5px;
  font-style: italic;
  color: #eee;
}

.flip-book .controls {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.flip-book .controls .fnavbar {
  margin: 0 auto;
  opacity: 0.3;
  transition: opacity 2s ease-in-out 3s;
}

.flip-book .controls .fnavbar:hover {
  opacity: 1;
  transition: opacity 1s ease;
}



.ctrl {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ctrl ul {
  margin: 0;
  padding: 0;
}
.ctrl .fnavbar {
  text-align: center;
  background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
  background-repeat: repeat-x;
  padding: 3px;
  overflow: visible;
  background-color: #3c3c3c;
}
.ctrl .fnavbar a {
  text-decoration: none;
  font-size: 14px;
}
.ctrl .fnavbar .fnav {
  font-size: 0;
  display: inline-block;
  text-align: left;
}
.ctrl .fnavbar .fnav li{
  font-size: 12pt;
  margin: 0;
  width: auto;
}
.ctrl .fnavbar .fnav .fnav-item {
  display: inline-block;
}
.ctrl .fnavbar .fnav .hidden {
  display: none;
}
.ctrl .fnavbar .fnav .fnav-item>a {
  padding: 10px;
  display: inline-block;
  color: #ccc;
}
.ctrl .fnavbar .fnav>.active>a {
  color: #fff;
}
.ctrl .fnavbar .fnav .fnav-item>a:hover {
  color: #fff;
  cursor: pointer;
}
.ctrl .fnavbar .fnav .fnav-item>a:active {
  text-shadow: 0 0 2px #fff;
}
.ctrl .fnavbar .fnav>.disabled>a {
  color: #888;
}
.ctrl .fnavbar .fnav>.disabled>a:hover {
  color: #888;
  cursor: not-allowed;
}
.ctrl .fnavbar .fnav>.active {
  background: #222;
}

.ctrl .fnavbar .fnav .dropdown, .ctrl .fnavbar .fnav .dropup {
  position: relative;
}
.ctrl .fnavbar .fnav .dropdown .menu {
  top: 100%;
  box-shadow: 3px 0 3px #222;
}
.ctrl .fnavbar .fnav .dropdown .caret {
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ccc;
}
.ctrl .fnavbar .fnav .dropup .menu {
  bottom: 100%;
  box-shadow: 3px 0 3px #222;
}
.ctrl .fnavbar .fnav .dropup .caret {
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ccc;
}
.ctrl .fnavbar .menu {
  position: absolute;
  border: 1px solid #444;
  background-color: #222;
  z-index: 10;
  min-width: 160px;
}
.ctrl .fnavbar .menu li {
  display: block;
  padding: 5px 10px;
}
.ctrl .fnavbar .menu .divider {
  height: 1px;
  background-color: #444;
  padding: 0;
  margin: 5px 0;
}
.ctrl .fnavbar .menu .active {
  background-color: #444;
}
.ctrl .fnavbar .menu li:hover {
  background-color: #333;
  cursor: pointer;
}
.ctrl .fnavbar .menu li a {
  color: #fff;
}
.ctrl .fnavbar .menu .disabled a {
  color: #aaa;
  cursor: not-allowed;
}

.ctrl .fnavbar .menu .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  text-align: center;
}

.ctrl .pages {
  padding: 0 10px;
  display: inline-block;
  font-size: 0;
}

.ctrl .pages .number, .ctrl .pages .amount {
  width: 50px;
  height: 20px;
  text-align: center;
  display: inline-block;
  font-size: 11pt;
  border: 0;
  color: #000;
  background-color: #ccc;
  font-weight: bold;
  border-radius: 0;
  margin: 0;
  padding: 2px;
}

.ctrl .pages .number {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ddd;
}

.ctrl .pages .amount {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* floating window */

.flip-book .float-wnd {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 5px 5px 0 0;
  background-color: #1a1a1a;
  width: 300px;
  z-index: 1;
  box-shadow: 3px 0 3px #222;
}

.flip-book .float-wnd.hidden {
  display: none;
}

.flip-book .float-wnd .header {
  border-radius: 4px 4px 0 0;
  background-color: #3c3c3c;
  background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
  background-repeat: repeat-x;
  padding: 7px 10px;
  border: 1px solid #444;
  border-bottom: none;
  color: #fff;
  font-weight: bold;
  cursor: move;
}

.flip-book .float-wnd .header .close {
  top: 5px;
  right: 8px;
  font-size: 14px;
  position: absolute;
  color: #ccc;
}

.flip-book .float-wnd .header .close:hover {
  color: #fff;
}
.flip-book .float-wnd .header .close:active {
  font-size: 12px;
  padding-top: 1px;
  padding-right: 1px;
}

.flip-book .float-wnd .body {
  border: 1px solid #444;
  border-top: none;
}

/* toc */

.ctrl .toc {
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.ctrl .toc a {
  text-decoration: none;
}

.ctrl .toc .hidden {
  display: none;
}

.ctrl .toc .toc-menu {
  padding: 5px 10px;
}

.ctrl .toc .toc-menu ul {
  list-style: none;
  padding: 0;
}
.ctrl .toc .toc-menu li {
  display: inline-block;
  padding-right: 5px;
}
.ctrl .toc .toc-menu a {
  color: #ccc;
  font-size: 14px;
}
.ctrl .toc .toc-menu a:hover {
  color: #fff;
}
.ctrl .toc .toc-menu a:active {
  text-shadow: 0 0 2px #fff;
}
.ctrl .toc .toc-menu .active a {
  color: #fff;
}


.ctrl .toc .toc-view {
  padding: 10px 0;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.ctrl .toc .toc-view::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.ctrl .toc .toc-view::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.ctrl .toc .toc-view::-webkit-scrollbar-thumb {
  background: #4a4a4a;
  border-radius: 2px;
}
.ctrl .toc .toc-view::-webkit-scrollbar-thumb:hover {
  background: #3a3a3a;
}
.ctrl .toc .toc-view::-webkit-scrollbar-thumb:active {
  background: #5a5a5a;
}
.ctrl .toc .toc-view::-webkit-scrollbar-track {
  background: #2a2a2a;
  border-left: 2px solid #1a1a1a;
  border-right: 2px solid #1a1a1a;
}

.ctrl .bookmarks .white-space, .ctrl .bookmarks .togle, .ctrl .bookmarks .togle i {
  width: 18px;
  height: 18px;
}

.ctrl .bookmarks .white-space {
  display: inline-block;
}

.ctrl .bookmarks li {
  width: 10000px;
}

.ctrl .bookmarks .item .area {
  padding: 2px 0;
}

.ctrl .bookmarks .level-0 .area {
  padding-left: 5px;
}
.ctrl .bookmarks .level-1 .area {
  padding-left: 10px;
}
.ctrl .bookmarks .level-2 .area {
  padding-left: 15px;
}
.ctrl .bookmarks .level-3 .area {
  padding-left: 20px;
}
.ctrl .bookmarks .level-4 .area {
  padding-left: 25px;
}

.ctrl .bookmarks .item .area:hover {
  background-color: #444;
}

.ctrl .bookmarks .item .area:active {
  background-color: #333;
}

.ctrl .bookmarks .item a {
  color: #fff;
  font-size: 14px;
}

.ctrl .bookmarks ul {
  list-style: none;
  padding: 0;
}

.ctrl .bookmarks .togle {
  display: inline-block;
  text-align: center;
  position: relative;
}

.ctrl .bookmarks .togle::before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0px solid #222;
  transition: border 0.2s;
}

.ctrl .bookmarks .togle:active::before {
  border: 12px solid #222;
  transition: border 0.05s;
}

.ctrl .bookmarks .togle i {
  transform: rotateZ(0deg);
  transition: transform 0.2s;
}

.ctrl .bookmarks .togle.minimized i {
  transform: rotateZ(90deg);
  transition: transform 0.2s;
}


.ctrl .thumbnails .item a {
  color: #fff;
  font-size: 14px;
}

.ctrl .thumbnails {
  padding: 10px 0;
  text-align: center;
}
.ctrl .thumbnails .thumbnail {
  height: 170px;
  margin-bottom: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ctrl .thumbnails .loading {
  position: relative;
}
.ctrl .thumbnails .loading::after {
  content: ' ';
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-image: url('../images/light-loader.gif');
}
.ctrl .thumbnails .item {
  display: inline-block;
  width: 128px;
  padding: 5px 5px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.ctrl .thumbnails .item:hover {
  border: 1px solid #555;
  background-color: #444;
}
.ctrl .thumbnails .heading {
  overflow: hidden;
  height: 20px;
}


.ctrl .search .result {
  padding: 7px 10px;
  cursor: pointer;
}

.ctrl .search .result:hover {
  background-color: #444;
}

.ctrl .search .results a {
  color: #fff;
  font-size: 14px;
}

.ctrl .search .query {
  padding: 0 10px;
  padding-bottom: 10px;
}

.ctrl .search .query input {
  width: 100%;
}

.ctrl .search .status {
  text-align: center;
  color: #ccc;
  font-size: 12px;
}

.internalLink{
    cursor: default !important;
}
.internalLink:hover{
    background: none !important;
    box-shadow: none !important;
}

/* ========================================================================== */

.principal-manual{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.plano-standard,
.plano-ouro{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    padding: 15px 0;
}

.principal-manual h2{
    font-weight: 100;
    color: #9c9c9c;
    font-size: 30px;
    position: relative;
    margin-bottom: 30px;
}

.principal-manual h2::after{
    content: '';
    width: 60%;
    height: 5px;
    background-color: #5d79ba;
    border-radius: 5px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.principal-manual h3{
    width: 100%;
    color: #08961f;
    font-size: 22px;
    margin-bottom: 15px;
}
.plano-standard section,
.plano-ouro section{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 22px;
    border: 1px solid #ccc;
    border-radius: 25px;
    box-shadow: 0 0 10px #ccc;

}

.container-article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.principal-manual article{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 15px;
    padding: 10px;
    transition: all ease-out 0.3s;
    box-sizing: border-box;
}

.principal-manual article:hover{
    box-shadow: 0 0 10px #ccc;
}

.principal-manual a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.principal-manual figure{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.principal-manual figure span{
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
    min-height: 42px;
}

.principal-manual img{
    width: 70px;
    height: 70px;
}

.principal-manual .servico-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    height: 50%;
}

.principal-manual h4{
    text-align: center;
    font-size: 15px;
}

/*Responsivo*/

@media only screen and (max-width: 1023px){

    .principal-manual{
        padding: 25px 15px;
    }

    .principal-manual article{
        width: 50%;
    }

}

@media only screen and (max-width: 768px){

    .principal-manual article{
        width: 100%;
    }

}

/* CUPONS ------------------------------------------------------------------- */

.content-cupons{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lista-cupons{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 32% !important;
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e9e9e9 !important;
    padding-bottom: 10px;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 3px #d7d7d7;
    border-radius: 8px;
}

@media only screen and (max-width: 1024px) {
    .lista-cupons{
        width: 48% !important;
    }
}

@media only screen and (max-width: 768px) {
    .lista-cupons{
        width: 100% !important;
    }
    .box-cupom .desconto-cupom b{
        display: none !important
    }
}

.box-cupom{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-cupom .texto-cupom{
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.5;
    width: 100%;
}
.box-cupom .texto-cupom i{
    font-size: 20px;
    margin-right: 15px;
    color: #2d457a;
}
.box-cupom .texto-cupom span{
    display: flex;
    flex-flow: column;
}
.box-cupom .texto-cupom span strong{
    font-weight: 700;
    font-size: 16px;
    color: #4062af;
}
.box-cupom .info-cupom{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    width: 100%;
    padding-top: 20px;
}
.box-cupom .info-cupom .codigo-cupom{
    color: #ffffff;
    background: #c77a63;
    height: 48px;
    padding: 0 15px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    font-size: 15px;
    width: 40%;
    border-radius: 4px;
}
.box-cupom .info-cupom b{
    color: #ffffff;
    font-size: 10px;
    display: flex !important;
    width: 100%;
    padding: 3px 0 3px;
    justify-content: center;
}
.box-cupom .desconto-cupom{
    min-height: 42px;
    min-width: 42px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-left: 8px;
    background: #e58029;
    color: #ffffff;
    font-weight: 700;
    border-bottom: 2px solid #b36421;
    padding: 3px 10px 0;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 0;
}
.box-cupom a{
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #bca8a1;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    width: 40%;
    border-radius: 4px;
}