@font-face {
    font-family: 'Calibri';
    src: url('calibri/Calibri.eot');
    src: url('calibri/Calibri.eot?#iefix') format('embedded-opentype'),
    url('calibri/Calibri.svg#Locaweb-Icons') format('svg'),
    url('calibri/Calibri.ttf') format('truetype');
    src: url('calibri/Calibri.woff2') format('woff2'),
    url('calibri/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    margin: 0;
    padding: 0;
    font-family: Calibri;
}

a{
    text-decoration: none;
}

.header{
    background: #a60069;
    box-shadow: 0px 0px 6px #666;
    width: 100%;
    padding: 10px 0px;
    display: table;
}
.header img{
    margin-left: 15px;
    width: 200px;
}

.header_menor{
    background: #fff;
    width: 100%;
    height: 55px;
}

.menu3-v2{
    margin-top: 35px;
}
.menu3-v2,
.sub-menu {
    list-style: none;
    width: auto;
    float: right;
    border: none;
}

.logo{
    width: 30%;
    float: left;
}

.menu3-v2 a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.menu3-v2 li {
    position: relative;
}

.menu3-v2 > li {
    float: left;
}

.menu3-v2 ul{
    background-color: #a60069;
}

.menu3-v2 > li:hover {
    background: #a60069;
}

.menu3-v2 li:hover > .sub-menu {
    display: block;
}

.sub-menu {
    display: none;
    position: absolute;
    min-width: 150px;
}

.sub-menu li:hover {
    background: #a60069;
}

.sub-menu .sub-menu {
    top: 0;
    left: 100%;
}


.menu{
    width: 100%;
    margin:  0 auto;
    background: rgb(255,255,255);

}

.menu2{
    width: 100%;
    margin:  0 auto;
    border-bottom: 1px solid #a60069;
    height: 55px;
    background: rgba(255,255,255,0.6);
}

/*==========================================================
Menu
==========================================================*/
.slimmenu2{
    list-style: none;
    float: right;
    width: 68%;
    margin-right: 2%;
    height: 40px;
    padding-top: 25px;
}

.slimmenu2 li{
    display: inline;
    height: 25px;
    line-height: 25px;
    position: relative;
    float: right;
    font-weight: bold;
}

.slimmenu2 li a{
    color: #a60069;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    display: block;
}

.slimmenu2 li a:hover{
    text-shadow:0px 0px 1px #a60069;
}

.slimmenu2 li:hover{
    background: #fff;
}

.slimmenu2 li ul{
    position: absolute;
    display: none;
    padding-left: 30px;
    margin-top: 11px;
}

.slimmenu2 li:hover ul, .menu2 li.over ul{
    display: block;
}

.slimmenu2 li ul li{
    display: block;
    width: 176px;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    margin-left: -30px;
    text-align: left;
}



.itens{
    width: 100%;
    margin: 0 auto;
}

.logo{
    width: auto;
    float: left;
    padding: 0 10px;
}

.logo img{
    height: 120px;
    margin-top: 5px;
}

.clientes img{
    float: right;
    height:45px;
    margin-top: 5px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: transparent;
}

.cliente img{
    width: 30%;
    float: left;
    border-radius: 30px;
    margin-right: 30px;
}



.clientes img:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.02);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: transparent;
}

nav ul{
    list-style: none;
    float: right;
}

nav ul li{
    margin-top: 2px;
    float: left;
    padding: 14px 15px;
    color: #a60069;
    font-size: 1.2em;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: transparent;
}

nav ul li:hover{
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
    color: #fff;
    border-radius: 6px;
    border-bottom: none;
}

.chamado{
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 50px;
    float: left;
}

.chamado p{
    color: #f8b425;
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 10px;
}

.chamado li{
    list-style: none;
    color: #000;
    font-size: 1.5em;
    width: 80%;
}

.link{
    color: #fff;
    font-size: 1.2em;
    padding-bottom: 10px;
    background: #a60069;
    width: 300px;
    padding: 15px;
    border-radius: 5px;
    margin-top: 50px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.link:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.02);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

.link a{
    color: #fff;
}

.espaco{
    width: 100%;
    height: 70px;
    clear: both;
}

.window{
    display:none;
    width:300px;
    height:320px;
    position:relative;
    background: #a60069;
    z-index:9900;
    float: right;
    border-radius: 5px;
}


.window2{
    width:40%;
    height:300px;
    background: #a60069;
    border-radius: 5px;
    display: table;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
}
.windowCentro{
    width:40%;
    height:300px;
    background: #a60069;
    border-radius: 5px;
    display: table;
    margin-left:30%;
    margin-right: 5%;
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
}

.restrito{
    width: 40%;
    height: 40px;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 5%;
    margin-right: 5%;
    height:300px;
}

.restrito img{
    width: 55%;
    float: right;
    padding-top: 20px;
}

.window3{
    width:90%;
    height:auto;
    background: #a60069;
    border-radius: 5px;
    display: table;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 50px;
    margin-bottom: 80px;
    float: left;
}

.window2 h2, .window3 h2, .windowCentro h2{
    color: #fff;
    padding: 15px 0 0 15px;
    float: left;
}


.fechar{
    display:block;
    text-align:right;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    float: right;
    text-align: center;
    margin-top: -20px;
    margin-right: -20px;
    background:#a60069;;
}

.cem{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
}

.cinquenta{
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
    float: left;
    display: table;
    height: auto;
    margin-top: 10px;
    padding: 0;
}

.vinte{
    width: 10%;
    height: 40px;
    background: #a60069;
    float: left;
    box-shadow: 1px 1px 3px #a60069;
}

.vinte img{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 6px;
}

.oitenta{
    width: 90%;
    height: 40px;
    background: #a60069;
    float: left;
    box-shadow: 1px 1px 3px #a60069;
}

.cem2{
    width: 100%;
    height: 40px;
    background: #a60069;
    float: left;
    box-shadow: 1px 1px 3px #a60069;
}

.cem3{
    width: 200px;
    height: 40px;
    background: #a60069;
    box-shadow: 1px 1px 3px #a60069;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    clear: both;
}

.input{
    border: none;
    width: 100%;
    height: 40px;
    padding-left: 6px;
    font-size: 1.3em;
    background: transparent;
    color: #eaeaea;
}

.linha{
    width: 100%;
    height:0px;
    clear: both;
}
.linha3{
    width: 100%;
    height:80px;
    clear: both;
}

.entrar{
    width: 100%;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.acesso{
    width: 150px;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.acesso2{
    width: 23%;
    height: 40px;
    margin-left:1% ;
    margin-right:1% ;
    background: #a60069;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.acesso3{
    width: 100%;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.acesso4{
    width: 100%;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.acesso5{
    width: 40%;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.acesso6{
    width: 30%;
    height: 40px;
    margin-left:1% ;
    margin-right:1% ;
    background: #a60069;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.5em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.entrar:hover, .acesso:hover,.acesso2:hover,.acesso3:hover,.acesso4:hover,.acesso5:hover,.acesso6:hover,.btnEscolhaUniod:hover{
    -webkit-transform: scale(1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.04);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

.cem p{
    font-size: 0.9em;
    color: #eaeaea;
    text-align: center;
    padding-top: 8px;
}

.cem li, .cinquenta li{
    font-size: 0.9em;
    color: #eaeaea;
    text-align: left;
    list-style: none;
}

.line{
    width: 80%;
    margin: 0 auto;
    background: #ccc;
    height: 1px;
}

.cad{
    background: #f681a6;
    margin-top: 20px;
}

.central{
    width: 90%;
    margin: 0 auto;
    height: 100%;
    display: table;
}

.central h1{
    margin-top: 30px;
    text-align: center;
    color: #a60069;
    font-size: 2em;
}

.bloco{
    width: 25%;
    float: left;
    margin-top: 40px;
    margin-bottom: 50px;
}

.central span{
    color: #a60069;
    font-weight: bold;
}

.border{
    width: 15%;
    height: 3px;
    border-radius: 3px;
    background: #f681a6;
    margin: 0 auto;
}

.bloco img{
    width: 40px;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
}

.bloco p{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #f8b425;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
}

.bloco li{
    list-style: none;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    color: #666;
    font-size: 1.1em;
}

#planos{
    clear: both;
    background: url('../images/back.jpg');
    display: table;
    width: 100%;
    background-size: cover;
}

.caixa{
    width: 100%;
    height: auto;
    min-height: 250px;
    background: #fff;
    border-radius: 15px 0 15px 15px;
    margin-bottom: 50px;
    clear: both;
    display: table;
    padding-bottom: 20px;
}

.maior{
    width: 75%;
    float: left;
}

.maiorz{
    width: 75%;
    float: left;
    height: 10px;
}

.maior2{
    width: 75%;
    float: left;
}

.maior2 h1{
    text-align: left;
}

.menor{
    width: 25%;
    float: left;
    background: #fff;
    margin-top: 50px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    line-height: 40px;
    color: #a60069;
    border-bottom: 1px solid #eaeaea;
}

.menorz{
    width: 25%;
    float: left;
    background: #fff;
    border-radius: 15px 15px 0 0;
    text-align: center;
    line-height: 40px;
    color: #a60069;
    border-bottom: 1px solid #eaeaea;
}

.mini{
    width: 25%;
    float: left;
}

/*======== 15/08/2018 ===========*/
.menorz2{
    width: 50%;
    float: left;
    background: #fff;
    border-radius: 15px 15px 0 0;
    text-align: center;
    line-height: 40px;
    color: #a60069;
    border-bottom: 1px solid #eaeaea;
}
.mini2{
    width: 50%;
    float: left;
}
/*=====================================*/
.terco{
    width: 33%;
    height: auto;
    float: left;
    border-right: 1px solid #eaeaea;
    margin-top: 20px;
}

.metade{
    width: 55%;
    margin-right: 3%;
    float: left;
    font-size: 1.3em;
    padding: 6px;
    color: #a60069;
    padding-top: 30px;
}

.metade2{
    width: 38%;
    float: left;
    font-size: 1.3em;
    padding: 6px;
    color: #a60069;
}

.metade2 p{
    color: #ccc;
    font-size: 1em;
    text-align:left !important;
}

.metade2 h3{
    color: #666;
    font-size: 0.6em;
}

.metade2 li{
    color: #f8b425;
    font-size: 1.6em;
    list-style: none;
}

.contratar{
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    background: #a60069;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #a60069;
}

.contratar2{
    width: 100%;
    background: #a60069;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #a60069;
}

.contratar4{
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    background: #a60069;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #a60069;
}


.contratar5{
    width: 200px;
    background: #a60069;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: right;
    border: none;
    font-size:1em ;
    cursor: pointer;
}

.contratar6{
    padding: 8px 10px;
    background: #a60069;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    float: left;
    border-radius: 3px;
    margin-top: 10px;
}


.mais{
    width: 70%;
    margin-right: 15%;
    margin-left: 15%;
    background: #f8b425;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #e19c0b;
}

.mais2{
    width: 100%;
    background: #f8b425;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #e19c0b;
}


a .contratar, a .mais, a .contratar2, a .mais2{
    color: #fff;
}

.terco h2{
    text-align: center;
    color: #666;
    font-size: 0.9em;
    font-weight: 100;
}



.terco li{
    list-style: none;
    text-align: center;
    color: #ccc;
}

.plano{
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    display: table;
    padding-bottom: 20px;
}

#dentistas{
    width: 100%;
    height: auto;
    display: table;
    /* box-shadow: 0px 0px 6px #666;*/
    /*background: url('../images/dent.jpg');*/
    background-size: cover;

}


.dentista{
    width: 30%;
    float: left;
}

.dentista img{
    width: 80%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

.busca{
    width: 100%;
    margin-top: 60px;
}

.busca p{
    text-align: right;
    margin-right: 10%;
    font-size: 1.5em;
    color: #666;
    padding:  0 40px;
    text-shadow: 1px 1px 1px #000;
}

.busca li{
    text-align: right;
    margin-right: 10%;
    font-size: 1.5em;
    color: #f8b425;;
    list-style: none;
    font-weight: bold;
}

.vantag{
    width: 65%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 90px;
    margin-bottom: 80px;
}

.vantag img{
    float: left;
    margin-right: 8px;
}

.vantag h2{
    padding-left: 8px;
    text-align: left;
    color: #f8b425;;
    width: 100%;
    margin-top: -8px;
    font-size: 1.3em;
}

.vantag li{
    list-style: none;
    color: #666;
}


.vantage{
    width: 30%;
    float: left;
    margin-top: 50px;
}

.vantage img{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.encontre{
    width: 200px;
    height: 45px;
    background: #a60069;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 1.2em;
    display: block;
    float: right;
    margin-bottom: 80px;
    margin-top: 20px;
    margin-right: 80px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    cursor: pointer;
}

.encontre:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.02);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

.busca iframe{
    border: none;
}

#perguntas{
    width: 100%;
    height: auto;
    min-width: 250px;
    display: table;
    background: #eaeaea;
}

#perguntas h1{
    text-align: center;
}

.question{
    width: 100%;
    float: left;
    min-height: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}

.question img{
    width: 43px;
    float: left;
    margin-right: 10px;
}

#perguntas .question p{
    color: #a60069;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    text-align: left;
}

#perguntas .question li,#perguntas .question li span,#perguntas .question li p{
    list-style: none;
    text-align: justify;
    font-weight:normal ;
    color: #666;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.perguntas{
    width: 200px;
    height: 40px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background: #a60069;
    text-align: center;
    line-height: 40px;
    margin-top: 40px;
    border-radius: 8px;
    color: #fff;
    font-size: 1.1em;
    box-shadow: 1px 1px 3px #a60069;
    margin-bottom: 50px;
}

.quarto{
    width: 30%;
    margin-left: 1.6%; /*2%*/
    margin-right: 1.6%; /*2%*/
    float: left;
    display: table;
    margin-bottom: 30px;
    height: 130px;
}

.quarto p{
    color: #a60069;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    margin-bottom: 20px;
}
.quarto p a{
    color: #a60069;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    margin-bottom: 20px;
}
.quarto p a:hover{
    text-decoration:underline ;
}

.quarto img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.quarto .iconeLojaProt{
    width: 140px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


.quarto li{
    list-style: none;
    color: #666;
    text-align: center;
    line-height: 20px;
}

.quarto li a{
    color: #666;

}

.quarto li a:hover{
    text-decoration: underline;
}

.quarto h2{
    font-size: 1.6em;
    text-align: center;
    color: #f8b425;;
}

footer{
    width: 100%;
    background: #a60069;
    height: auto;
    display: table;
}

footer p{
    text-align: center;
    color: #fff;
    padding-top: 10px;
}

footer li{
    list-style: none;
    background: #000;
    color: #fff;
    width: 120px;
    text-align: center;
    float: right;
    margin-right: 10%;
    margin-top: -50px;
}
footer li .numAns{
    display: table;
    width: 98%;
    border: 2px solid #fff;
}

footer img{
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.submenu{
    width: 100%;
    height: 50px;
    margin-top: 5px;
    background: #f8b425;
    position: fixed;
    z-index: 9999;
}

.submenu, .submenu2{
    width: 100%;
    height: 50px;
    background: #f8b425;
    z-index: 888;
}
.submenu2{
    margin-bottom:30px ;
}

.submenu ul, .submenu2 ul {
    padding:0px;
    margin:0px;
    list-style:none;
    line-height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.submenu ul li, .submenu2 ul li{
    width: 19.8%;
    float: left;
    text-align: center;
}

.comborda{
    border-right: 1px solid #eaeaea;
}

.submenu ul li .semborda, .submenu2 ul li .semborda{
    border-right: none;
}

.submenu a, .submenu2 a{
    color: #fff;
}

.submenu ul li a, .submenu2 ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.submenu ul li:hover, .submenu2 ul li:hover{
    text-shadow: 1px 1px 2px #666;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #f6c45a;
}

#contrato{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 20px;
}

.middle{
    width: 50%;
    height: auto;
    float: left;
    display: table;
}


.familia{
    width: 100%;
}

.familia img{
    width: 80%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 1px 1px 4px #666;
}

.middle p{
    color: #f8b425;;
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 20px;
    padding-bottom: 20px;
}

.middle li{
    list-style: none;
    padding-left: 50px;
    margin-bottom: 10px;
    margin-right: 40px;
}

.middle li img{
    float: left;
    margin-right: 8px;
}

.img_plan{
    width: 35%;
    float: left;
}

.dados{
    width: 65%;
    float: left;
    height:auto;
    min-height: 180px;
}

.img_plan img{
    width: 90%;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.valores{
    width: 100%;
    float: left;
    padding:0px;
}

.valores p{
    color: #ccc;
    font-weight: 100;
    font-size: 0.8em;
    padding: 0px 0;
    text-align: left;
}

.valores2{
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding: 25px 0;
}

.valores2 p{
    color: #ccc;
    font-weight: 100;
    font-size: 0.8em;
    padding: 0px 0;
    text-align: center;
}
.valoresDadosCartao{
    width:40% ;
    margin-left: auto;
    margin-right: auto;
}

.valores span{
    font-size: 1.2em;
}

.valores h2{
    padding: 0px 0;
    text-align: left;
    font-size: 2em;
    color: #a60069;
    float: left;
}

.valores h3{
    text-align: left;
    font-size: 2.1em;
    padding: 5px 0;
    color: #666;
}

.valores h3 span{
    color: #f8b425;
    float: left;
}

.valores h2 span{
    margin-left: -15px;
}

.cont {
    margin: 0 auto;
    background: #f8b425;
    display: table;
    /*clear: both;*/
    padding: 0px 8px;
    text-align: center;
    margin-right: 5%;
    line-height: 40px;
    border-radius: 5px;
    border: none;
    font-size: 1.2em;
    /*margin-bottom: 30px;*/
    color: #fff;
    width: 180px;
    height: 40px;
    float: left;
    cursor: pointer;
    margin-left: 30px;
    box-shadow: 1px 1px 3px #e19c0b;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.cont:hover{
    -webkit-transform: scale(1.01);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.01);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.01);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #dc9809;
}
.cxLieConcordo{
    width: 100%;
    float: left;
    text-align: left;
    display:table;
    margin-bottom: 15px;
}
.linkTermoAceite{
    color: #a60069 ;
    font-weight: bold;
    font-size: 1.2em;
}
.linkTermoAceite:hover{
    text-decoration: underline;

}
.checkLiConcordo{
    width: 12px;
    height: 12px;
}
.mrgMb{
    display: none;
}
a .cont{
    color: #fff;
}

.plan{
    width: 100%;
    height: auto;
    display: table;
}

.ipt{
    height: 25px;
    width: 40px;
}

.valores h2 span{
    float: right;
    margin-left: 0px;
}

#resultado{
    width: auto;
    margin-right: 0;
    padding-right: 0;
}

#carencia{
    width: 100%;
    height: auto;
    display: table;
    background: #f8b425 url('../images/sorriso.jpg');
    background-size: cover;
}

.esquerda{
    text-align: center;
    margin: 40px 0;
    font-size: 1.2em;
    color: #666;
}

.carencia{
    width: 70%;
    margin:  0 auto;
}

.central p{
    text-align: center;
}

.carencia h3{
    text-align: center;
    font-size: 1.3em;
    color: #fff;
}

.tamCxCarencia-4 {
    width: 23%;
    height: 130px;
    margin-top: 50px;
    margin-left: 1%;
    margin-right: 1%;
}
.tamCxCarencia-3 {
    width: 30%;
    height: 130px;
    margin-top: 50px;
    margin-left: 1%;
    margin-right: 1%;
}
.tamCxCarencia-2 {
    width: 30%;
    margin-top: 50px;
    height: 130px;
    margin-left: 10%;
    margin-right: 10%;
}
.tamCxCarencia-1 {
    width: 30%;
    height: 130px;
    margin-top: 50px;
    margin-left: 35%;
    margin-right: 35%;
}

.cxCarencia{
    display: table;
    border-radius: 10px;
    padding: 10px 0;
    float: left;
    background: rgba(255,255,255,0.6);
    margin-bottom: 50px;
    box-shadow: 3px 3px 6px #666;
}

.cxCarencia h1{
    font-size: 3em;
    margin-top:0px !important;
}
.cxCarencia h2{
    font-size: 1.4em;
    margin-top:0px;
    text-align:center;
    color:#a60069;
}

.cxCarencia p{
    color: #a60069;
    margin-bottom: 30px;
}

.cxCarencia li{
    padding: 0 15px;
    list-style: none;
    color: #666;
    text-align: center;
}
.dep{
    float: left;
    margin-left: 60px;
    width: 40px;
    height: 25px;
}

#especialidades{
    width: 100%;
    height: auto;
    display: table;
    padding: 30px 0;
    background: #fff;
}
.alturaOcupaTela{
    min-height: 85%;
}
#numero_estabelecimento-error{
    font-size: 1em;
    width: 100%;
    color:red;
}

#especialidades2{
    width: 100%;
    height: auto;
    display: table;
    padding: 40px 0;
    background: #eaeaea;
}


#esp{
    width: 100%;
    height: auto;
    display: table;
    padding: 40px 0;
}

/* ====================== bkp =========================
.terco2{
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    float: left;
    margin-top: 60px;
    padding-bottom: 50px;
}

.terco2 p{
    color: #666;
    width: 100%;
    padding-bottom: 10px;
    letter-spacing:2px ;
    text-align: center;
    margin-top:20px ;
}
.terco2 .fa-check-square-o{
    width: 100%;
    color: #f8b425;
    font-size: 2.5em;
    display: block;
    text-align: center;
}

.terco2 p a{
    color: #666;
}

.terco2 p a:hover{
    text-decoration: underline;
}

.terco2 p img{
    margin-right: 8px;
    width: 50px;
}
*/
.terco2{
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 130px;
}
.terco2 .fa-check-square-o{
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    color: #f8b425;
    font-size: 2em;
    margin-bottom: 10px;
}
.terco2 p{
    color:#fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}
.terco2 .vinho{
    color:#a60069;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}
.terco2 .vinho img{
    width: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
#contratar{
    width: 100%;
    height: auto;
    display: table;
    padding: 40px 0;
    background: #fff;
}

.terco p{
    text-align: center;
    font-size: 2em;
    padding: 10px 0px;
    color: #a60069;
}

.ban{
    width: 100%;
    margin-top: 60px;

}

.ban img{
    width: 150px;
    float: left;
    margin-right: 8px;
    margin-top: -6px;
}

.ban2{
    width: 100%;
    margin-top: 10px;
}

.ban2 img{
    width: 150px;
    float: left;
    margin-right: 8px;
    margin-top: -6px;
}

#como{
    background: #f8b425;
    width: 100%;
    height: auto;
    display: table;
    margin-top: 40px;
    line-height: 0;
}

#como ul{
    list-style: none;
}

#como ul li{
    float: left;
    width: 16.6%;
    color: #666;
    padding: 24px 0px;
    font-size: 1.2em;
    text-align: center;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

#como ul li:hover{
    background: #e9c20c;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 3px #fff;
}

#como ul li a{
    color: #fff;
}

#como ul li img{
    width: 15px;
    margin-right: 5px;
}

.opcao{
    width: 100%;
    height: auto;
    display: table;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.opcao:hover{
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.05);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.opcao img{
    width: 25%;
    margin-right: 8%;
    margin-left: 5%;
    float: left;
}

.texto{
    width: 55%;
    float: left;
}

.texto p{
    padding-top: 50px;
    text-align: left;
    color: #a60069;
    font-size: 2em;
    padding-bottom: 10px;
}

.texto li{
    list-style: none;
    color: #666;
    font-size: 1.2em;
}

.lin{
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 1px 1px 3px #666;
    margin-top: 70px;
}

.cinza{
    width: 100%;
    height: auto;
    display: table;
    background: #f0f0f0;
    box-shadow: 0px 0px 6px #ccc;
}

.janela{
    display:none;
    width:45%;
    height:500px;
    position:absolute;
    left:0;
    top:0;
    background:#FFF;
    z-index:99999;
    padding:10px;
    border-radius:10px;
}

.jan{
    display:none;
    width:45%;
    height:500px;
    position:absolute;
    left:0;
    top:0;
    background:#FFF;
    z-index:99999;
    padding:10px;
    border-radius:10px;
}

.interior{
    width: 100%;
    height: 350px;
    overflow-y: scroll;
}
.formaPagto-img{
    margin-top: 30px;
}
.informativo-formapagto{
    float: left;
    width: 75%;
    font-size: 1.7em;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 80px;
    word-spacing: 10px;
    color: #666;
}

.janela h4{
    color: #a60069;
    font-size: 1.5em;
    padding: 12px 10px;
}

.janela li{
    color: #a60069;;
    list-style: none;
    padding-top: 20px;
    margin-left: 15px;
}

.li{
    width: 20px;
    height: 20px;
    border: 1px solid #a60069;;
    margin-right: 6px;
    float: left;
}

.interior p{
    padding: 10px 10px;
    color: #666;
    text-align: left;
}

.salvar{
    width: 150px;
    height: 35px;
    background:#eaeaea;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    line-height: 35px;
    text-align: center;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.btn:hover{
    -webkit-transform: scale(1.01);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.01);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.01);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

#masc{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:99998;
    background-color:#000;
}

.sucesso{
    width: 70%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px green;
    color: green;
    text-align: center;
    padding: 30px;
    background: #f3fbf6;
    font-size: 2em;
    margin-top: 50px;
    border-radius: 6px;
}
.sucesso2{
    width: 85%;
    margin-left: 3%;
    box-shadow: 0px 0px 6px green;
    color: green;
    text-align: center;
    padding: 15px 0px;
    background: #f3fbf6;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
}

.sucesso3{
    text-align: center;
    font-size: 1.3em;
}

.sucesso3 p{
    font-size: 1.5em;
}

.erro{
    width: 70%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px red;
    color: red;
    text-align: center;
    padding: 30px;
    background: #fbdddb;
    font-size: 1.5em;
    margin-top: 50px;
    border-radius: 6px;
}
.erro2{
    width: 85%;
    margin-left: 3%;
    box-shadow: 0px 0px 6px green;
    color: green;
    text-align: center;
    padding: 15px 0px;
    background: #f3fbf6;
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
}
.alerta{
    width: 70%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px orange;
    color: orange;
    text-align: center;
    padding: 30px;
    background: #f2ffce;
    font-size: 2em;
    margin-top: 50px;
    border-radius: 6px;
}
.alerta li, .erroModal li, .erro li{
    font-size: 0.6em;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 15px;
}

table{
    width: 95%;
    margin: 20px auto;
    border-collapse: collapse;
}

table tr td{
    border: 1px solid #ccc;
    height: 30px;
    padding: 8px;
    font-size: 0.8em !important;
}

.title{
    text-align: center;
    font-weight: bold;
    background: #eaeaea;
}

table tr td img{
    width: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

table tr td img:hover{
    -webkit-transform: scale(1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.03);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.bold{
    font-weight: bold;
}
.formPagar{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.formPagar label{
    font-size: 1.2em;
    color: #666;
}
.formPagar select{
    height: 30px;
    border: 1px solid #ccc;
    padding-left: 3px;
    border-radius: 5px;
    font-size: 1.2em;
    color:#666;
}
.pagar ,.formPagar .pagarinput{
    width: 200px;
    height: 40px;
    background: #a60069;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin: 0 auto;
    display: block;
    margin-bottom: 100px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    cursor: pointer;
    border-radius: 5px;
    line-height: 40px;
}

.pagar,.finalizar{
    width: 200px;
    height: 40px;
    background: #a60069;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin: 0 auto;
    display: block;
    margin-bottom: 80px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    cursor: pointer;
    border-radius: 5px;
    line-height: 40px;
}

.pagar,.finalizar:hover{
    -webkit-transform: scale(1.01);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.01);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.01);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

.cinq{
    width: 45%;
    float: left;
    height:auto;
    display: table;
    margin-top: 10px;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.tudo{
    width: 107%;
    float: left;
    height:auto;
    display: table;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.cinq p{
    color: #a60069;
    text-align: left;
    font-size: 1.2em;
    padding-bottom: 4px;
}

.cinq li, .tudo li{
    list-style: none;
    padding-left: 2px;
    width: 80%;
}

.total h2{
    color: #666;
    font-weight: 100;
}
.total .t1{
	font-size:1.2em;
	color:#666;
	font-weight:300;
	text-align:left;
}

.carteirinha{
    width: 400px;
    height: 270px;
    margin: 80px auto;
    border: 2px solid #ccc;
    border-radius: 25px;
    background: url('../images/uniodonto.jpg');
}

.carteirinha img{
    width: 70%;
    margin: 0 auto;
    display: block;
    padding-top: 8px;
}

.carteirinha p{
    text-align: left;
    padding: 0 5px;
    font-size: 1em;
}

.carteirinha li{
    list-style: none;
    padding: 0 5px;
    font-size: 0.8em;
    padding-bottom: 5px;
}

.an{
    background: #000;
    width: 100px;
    color: #fff;
    padding: 3px 0;
    font-size: 0.8em;
    margin-top: 8px;
}

.inst{
    color: #a60069;
    margin-top: -5px;
    margin-bottom: 7px;
    font-weight: bold;
}

.tb{
    width: 80%;
    height: 40px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #666;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1.2em;
    float: left;
}
.tbAuto{
    width: 15%;
    height: 40px;
    float: left;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #666;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1.2em;
}
.tbAuto2{
    width: 15%;
    height: 40px;
    background: transparent;
    color: transparent;
    border: transparent;
    float: left;
    border-radius: 6px;
    box-shadow:none;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1.2em;
}
.tb100{
    width: 100%;
    height: 40px;
    border-radius: 6px;
    padding-left: 6px;
    font-size: 1.2em;
    float: left;
    border-width: 2px;
    border-style: solid;
    border-color: #cecece;
}
.tbfile{
    width: 30%;
    height: 30px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #666;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1em;
    float: left;
}
.tb_area{
    width: 80%;
    min-height: 150px;
    max-height: 400px;
    min-width: 80%;
    max-width: 80%;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #666;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1.2em;
    float: left;
}

.dependente{
    width: 100%;
    height: 40px;
    display: table;
    margin-top: 40px;
    margin-bottom: 25px;
}

.log{
    height: 450px;
    display: table;
    width: 100%;
    clear: both;
}

.log h3{
    list-style: none;
    color: #ccc;
    font-weight: 100;
    font-size: 1em;
}

.dependente p{
    text-align: left;
    line-height: 29px;
    color: #a60069;;
}

.ponta{
    height: 1px;
    width: 50%;
    background: #fff;
    box-shadow: 0px 0px 2px #666;
    clear: both;
}

.check{
    width: 50%;
    height: auto;
    display: table;
    margin: 80px auto;
    box-shadow: 0px 0px 6px green;
    color: green;
    font-size: 1.4em;
    padding-bottom: 40px;
}

.check img{
    height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
}

.check li{
    list-style: none;
    font-size: 0.7em;
    text-align: center;
    margin-top: 15px;
}

.perfil{
    width: 30%;
    float: left;
}
.perfil img{
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.principal{
    width: 70%;
    float: left;
    display: table;
    padding-bottom: 80px;
}

#perfil{
    width: 100%;
    height: 80%;
    display: table;
    border-bottom: 2px solid #ccc;
}

.principal li{
    list-style: none;
    color: #666;
    padding-left: 5px;
}

.importante{
    width: 70%;
    margin: 0 auto;
    padding: 40px;
    height: auto;
    display: table;
}

.importante img{
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6px;
}

.cancelar {
    width: 200px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #a60069;;
    margin-top: 50px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}

.interesse{
    width: 100%;
    padding-top: 15px;
    text-align: center;
    color: #a60069;
    font-size: 0.9em;
    padding-bottom: 40px;
    display: table;
    height: auto;
}

.interesse h5{
    font-size: 2em;
}

.interesse li{
    list-style: none;
    color: #666;
    font-size: 1.2em;
}

input.error, textarea.error{
    background: #ffd8cc;
    border: 2px solid red;
}


#divdesaparecer{
    width: 70%;
    height: auto;
    display: table;
    padding: 20px;
    color: red;
    font-size: 1.2em;
    box-shadow: 0px 0px 6px #d14233;
    background: #f3e2e0;
    margin-left: 20px;
    margin-top: 20px;
    float: right;
    text-align: center;
    border-radius: 12px;
}
#divdesaparecer2{
    display: table;
    background: none;
    border: none;

}



#divdesaparecer img{
    width: 60px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.ajustaInvalido{
    margin-left: 25%;
    margin-right: 5%;
}
#divdesaparecer2 img{
    width: 30px;
    float: left;

}
#divdesaparecer2{
    width: 85%;
    height: auto;
    display: table;
    padding: 10px;
    margin:0;
    color: red;
    font-size: 1.2em;
    box-shadow: 0px 0px 6px #d14233;
    background: #f3e2e0;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    text-align: center;
    border-radius: 12px;
}

.load{
    width: 100%;
    height: 100%;
    display: table;
    margin-bottom: 3%;
    text-align: center;
}
.load2{
    width: 100%;
    /* height: 100%; */
    display: table;
    margin-top: 10%;
    margin-bottom: 10%;
    text-align: center;
}
.load span,.load2 span{
    font-size: 1.5em !important;
}


.cem h2{
    font-weight: 100;
    margin-bottom: -50px;
    font-size: 1em;
}

.botoes{
    width: auto;
    height: 30px;
    margin-top: 30px;
    display: table;
}

.botoes a{
    color: #fff;
}

.cad_bot{
    background: #a60069;
    width: 120px;
    height: 30px;
    float: left;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.cad_bot:hover, .outros:hover, .enviar:hover{
    -webkit-transform: scale(1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.03);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.textarea{
    width: 80%;
    max-width: 80%;
    height: 300px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #666;
    margin-bottom: 10px;
    border: none;
    padding-left: 6px;
    font-size: 1.2em;
}

.filipeta{
    width: 100%;
    height: auto;
    display: table;
}

.filipeta img{
    width: 100%;
}

.tiny{
    width: 100%;
    max-width: 100%;
    height: 300px;
}

.middle2{
    width: 20%;
    height: auto;
    float: left;
    display: table;
    margin-top: -120px;
    background: #f0f0f0;
    border-radius: 30px;
    box-shadow: 3px 3px 6px #ccc;
    padding: 30px 0;
    margin-bottom: 80px;
}

.middle3{
    width: 65%;
    margin-left: 5%;
    float: left;
    margin-top: 0;
    padding-top: 0;
}

.middle2 h1{
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 8px;
}

.middle2 img{
    width: 50%;
    margin-right: 25%;
    margin-left: 25%;
}

.middle2 p{
    text-align: center;
    font-size: 1em;
}

.escolha{
    margin-top: -150px;
}

.escolha h5{
    font-size: 1.5em;
    color:  #e9c20c;
    margin-bottom: -10px;
}

.escolha li{
    list-style: none;
    font-size: 1em;
    color: #666;
}

.outros{
    width: 250px;
    height: 35px;
    background: #a60069;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    margin-top: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.outros a{
    color: #fff;
}

.dependentes{
    width: 30%;
    padding: 30px;
    height: auto;
    display: table;
    background: #eaeaea;
    border-radius: 20px;
    box-shadow: 3px 3px 6px #666;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.dependentes p{
    font-size: 1.2em;
}

.qtde{
    width: 60px;
    height: 30px;
    font-size: 1.5em;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
    margin-top: 12px;
}

.enviar{
    background: #a60069;
    width: 120px;
    height: 35px;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    color: #fff;
    font-size: 1.2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border: none;
    cursor: pointer;
}


input#control-nav {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.especial{
    display: none;
}

.caixa_plano{
    display: none;
}

.caixa_plano2{
    display: table;
    background: #fff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

/*.dados_plano{
    width: 100%;
    padding-top: 30px;
}*/

.dados_plano p{
    width: 80%;
    margin: 0 auto;
    color: #a60069;
    font-size: 2em;
}

.dados_plano li{
    width: 80%;
    margin: 0 auto;
    list-style: none;
    color: #ccc;
    text-align: center;
    font-weight: 100;
}

.dados_plano li span{
    font-size: 1.2em;
}

.carencias{
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    float: left;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #f0f0f0;
    border-radius: 15px;
    padding: 12px 0;
}

.carencias h2{
    font-weight: 100;
    font-size: 1.1em;
}

.btn_meio{
    width: 46%;
    display: table;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
}

.btn_meio2{
    width: 46%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}


.meio{
    width: 50%;
    float: left;
}

.meio_total{
    margin-top: -70px;
    width: 100%;
    display: table;
}

.bemMenor{
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
}

.plan{
    width: 40%;
    float: left;
    background: #f0f0f0;
    display: table;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 3px 3px 6px #ccc;
    font-size: 1.2em;
    color: #666;
}

.plan2 h2{
    text-align: center;
    color: #a60069;
}

.plan p{
    font-size: 1.3em;
    text-align: left;
}

.plan li{
    list-style: none;
    text-align: left;
}

.imagem_plano{
    width: 45%;
    float: left;
}

.imagem_plano2{
    width: 90%;
    display:table;
}

.imagem_plano img{
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    box-shadow: 3px 3px 6px #666;
    margin-bottom: 8px;
}

.imagem_plano2 img{
    width: 45%;
    border-radius: 15px;
    box-shadow: 3px 3px 6px #666;
    margin-bottom: 8px;
    float: left;
}

.imagem_plano p{
    text-align: center;
    font-size: 1.2em;
    color: #a60069;
    padding: 0 5%;
    padding-bottom: 12px;
}

.imagem_plano li{
    list-style: none;
    padding: 0 3%;
    color: #666;
    font-style: italic;
}

.imagem_plano2 li{
    list-style: none;
    padding: 0 3%;
    color: #666;
    font-style: italic;
    float: left;
    width: 40%;
    margin-top: 20px;
    text-align: center;
}

.imagem_plano li span, .imagem_plano2 li span{
    font-size: 1.3em;
}

.plan2{
    width: 45%;
    float: right;
    text-align: center;
    margin-top: 50px;
    display: table;
    text-align: left;
}
.plan2 .aviso{
    width: 95%;
    border: 2px solid #ffcd00;
    background: #fffdfb;
    border-radius: 8px;
    padding: 0px 2%;
    margin-top: 30px;
    text-align:justify;

}
.plan2 .aviso li{
    color: #ffcd00;
    font-size: 1.2em;
    line-height: 30px;
}

.plan3{
    width: 95%;
    float: right;
    text-align: center;
    margin-top: 50px;
    display: table;

}
.pdg1{
    padding: 0px 2%;
}
.separaPlanosPreço {
    width: 100%;
    height: 1px;
    background: #fff;
    box-shadow: 1px 1px 3px #666;
    clear: both
}
.plan2 p, .plan3 p{
    color: #666;
    font-size: 1.5em;
    text-align: left;
    padding-bottom: 8px;
}

.plan2 li, .plan3 li{
    color: #666;
    list-style: none;
    font-style: italic;
    padding: 10px 0;
}

.plan2 .btn_meio{
    float: right;
    margin-top: 15px;
}

.pesquisar{
    width: 370px;
    float: right;
    height: 35px;
    margin-bottom: 30px;
}

.pesquisar p{
    float: left;
    margin-left: 5%;
}

.search{
    width: 250px;
    height: 30px;
    border: 1px solid #a60069;
    border-radius: 5px 0px 0px 5px;
    padding-left: 8px;
}

.lupa{
    width: 30px;
    height: 32px;
    background: #a60069 url('../singular/imgs/lupa.png');
    border: 1px solid #a60069;
    background-repeat:no-repeat;
    padding: 2px 3px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    border-radius: 0px 5px 5px 0px;
}

.lupa:hover{
    cursor: pointer;
    background: #fff url('../singular/imgs/lupa-h.png');
    background-repeat:no-repeat;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.btn_dp{
    width: 30%;
    display: block;
    margin-left: 30%;
    margin-right: 38%;
    height: 45px;
    font-size: 1.2em;
    background: #a60069;
    color: #fff;
    border:none;
    border-radius: 5px;
    cursor:pointer;
}
.btn_dpa{
    width: 30%;
    display: block;
    margin-left: 30%;
    margin-right: 38%;
    padding: 13px 0px;
    font-size: 1.2em;
    background: #a60069;
    color: #fff;
    border:none;
    border-radius: 5px;
    text-align: center;
}

span .valores{
    font-size: 5em;
    color: red
}
.esq-senha{ color: #f0f0f0;
}

.formularioDoc > div {
    padding: 20px 0;
}
.formularioDoc label {
    display: inline-block;
    cursor: pointer;
    color: #a60069;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1.1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}
.formularioDoc label:hover {
    background: rgba(159, 35, 72, 0.1);
}
.formularioDoc label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid #a60069; /*borda do checkbox*/
}

.formularioDoc .checkbox label:before {
    border-radius: 3px;
}
.formularioDoc .checkbox input[type="checkbox"] {
    display: none;
}
.formularioDoc .checkbox input[type="checkbox"]:checked + label:before {
    display: none;
}
.formularioDoc .checkbox input[type="checkbox"]:checked + label {
    background: #a60069; /*cor de fundo ao selecionar*/
    color: #fff;
    padding: 5px 25px;
    margin-bottom: 10px;
}
.checkbox h2{
    margin-left: 3%;
    color: #a60069;
}

.checkbox{
    width: 40%;
    float: left;
    margin-left: 5%;
    margin-right: 5%
}

.formularioDoc .checkbox2 label:before {
    border-radius: 3px;
}
.formularioDoc .checkbox2 input[type="checkbox"] {
    display: none;
}
.formularioDoc .checkbox2 input[type="checkbox"]:checked + label:before {
    display: none;
}
.formularioDoc .checkbox2 input[type="checkbox"]:checked + label {
    background: #a60069; /*cor de fundo ao selecionar*/
    color: #fff;
    padding: 5px 25px;
    margin-bottom: 10px;
}
.checkbox2 h2{
    margin-left: 3%;
    color: #a60069;
}

.checkbox2{
    margin-top: -5%;
    width: auto;
    margin-left: 2.5%;
    margin-right: 5%
}


.log table{
    width: 100%;
}
.btnInformaCodigo{
    float: right;
    margin-right:20%;
    background: #a60069;
    color:#fff;
    border: none;
    font-size: 1.1em;
    padding: 5px;
    border-radius: 5px;
}
.separaDocs{
    width: 100%;
    min-height: 300px;
    margin-bottom: 50px;
    text-align: center;
}
.seguraDoc{
    width: 20%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    background: #eaeaea;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: table;
    color: #a60069;
    float: left;
    text-align: center;
    margin-top: 30px;
    min-height: 100px;
}
.seguraDoc img{
    width: 90%;
    height: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px ;
}
.seguraDoc b{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.seguraDoc span{
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    color: #a60069;
}
.separaDocs h2{
    color: #a60069;
}

.ok{
    width: 32px;
    background: #a60069;
    border: none;
    height: 42px;
    margin-left: -15px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
    cursor: pointer;
    z-index: 300;
    position: relative;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.ok:hover{
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    background: #a60069;
}

.tbl{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.tb_tbl{
    border: none;
    height: 40px;
    width: 95%;
    font-size: 1.6em;
    padding-left: 10px;
}
.AltFone{
    font-weight: lighter;
    cursor: pointer;
    margin-left: 3%;
    font-size: 0.8em;
}
.AltFone a {
    color:#666;
}
.AltFone a:hover{
    text-decoration: underline;
}
.VisuBoletos{
    margin-left: 15px;
    color: #666;
    font-size: 1.2em;
    float: left;
}
.VisuBoletos:hover{
    text-decoration: underline;
}
.setaBoleto{
    float: left;
}
.selecionaVendedor{
    width: 50%;
    display: table;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 1.2em;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 25%;
    margin-right: 25%;
}
.radio{
    width: 100%;
    display: table;
}
.formulario{
    text-align: center;
}
.formulario .radio label {
    display: inline-block;
    cursor: pointer;
    color: #a60069;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1.3em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.formulario .radio label:hover{
    background: rgba(255, 65, 54, 0.1); }
.formulario .radio label:before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 3px solid #a60069; }
.formulario input[type="radio"] {
    display: none; }
.formulario input[type="radio"]:checked + label:before {
    display: none; }
.formulario input[type="radio"]:checked + label {
    padding: 8px 23px;
    background: #a60069;
    border-radius: 2px;
    font-size: 1.2em;
    color: #fff; }
#DIV1{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.seguraBoletoInfo{
    width: 40%;
    display: table;
    background: #ccc;
    float: left;
    color:#666;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    margin-top: 30px;
    margin-left: 5%;
    margin-right: 5%;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;

}
.seguraBoletoInfo:hover{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.cxBoleto{
    width: 100%;
    display:table;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #fff;
    border:1px solid #ccc;
    border-radius:20px;
    box-shadow: 2px 2px 4px #666;
    margin-top: 60px;
}
.cxBoleto img{
    width: 25%;
    margin-left: 4%;
    float: left;
    margin-top: 30px;
}
.cxBoleto .pBoleto1{
    font-size: 1.4em;
    color:#a60069;
    text-align: left;
}
.cxBoleto p{
    font-size: 1.2em;
    color:#666;
    text-align: justify;
    width: 65%;
    float: left;
    margin-left: 1.5%;
}

.login{
    width: 300px;
    height: 40px;
    background: #a60069;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 60px;
    margin-bottom: 120px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    cursor: pointer;
}

a .login{
    color: #fff;
    font-size: 1.2em;
}

.login:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.02);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.arrepender{
    width: 100%;
    height: auto;
    display: table;
    padding: 30px 0px;
}

.arrepender h3{
    font-size: 1.8em;
}
.arrepender img{
    width: 40%;
    float: left;
    margin-right: 30px;
    box-shadow: 0px 0px 6px #ccc;
    border-radius: 8px;
}

.arrepender h5{
    font-size: 1.2em;
    font-weight: 100;
}
.arrepender h5 .sucesso-arrependimento{
     background: #cddec8;
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 51%;
     margin-top: 30px;
     float: left;
     border: 2px solid green;
     padding: 1%;
     border-radius: 10px;
     color: green;
     text-align: center;
 }
.arrepender h5 .sucesso-arrependimento span{
    color: green;
}
.arrepender h5 .alerta-arrependimento{
    background: #ffffdc;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 51%;
    margin-top: 30px;
    float: left;
    border: 2px solid #ffb308;
    padding: 1%;
    border-radius: 10px;
    color: #ffb308;
    text-align: center;
}
.arrepender h5 .alerta-arrependimento span{
    color: #ffb308;
}

.arrepender h5 .erro-arrependimento{
    background: #ffd3de;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 51%;
    margin-top: 30px;
    float: left;
    border: 2px solid red;
    padding: 1%;
    border-radius: 10px;
    color: red;
    text-align: center;
}
.arrepender h5 .erro-arrependimento span{
    color: red;
}


.arrepender .someLoaderArrependimento{
    position: relative;
    display: table;
}
.arrepender .someLoaderArrependimento .fa-spinner{
    font-size: 5em;
    display: block;
    width: 85px;
    margin-left: auto;
    margin-right: auto;
}


.cxTipoEstorno{
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    min-height: 40px;
    display: table;
}
.cxTipoEstorno a{
    font-size: 1.4em;
    color: #fff;
    width: 150px;
    height: 30px;
    text-align: center;
    background: #a60069;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #666;
    display: block;
}
.cxTipoEstorno .estornoS{
    font-size: 1.4em;
    color: #fff;
    width: 150px;
    height: 30px;
    text-align: center;
    background: #a60069;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #666;
    display: block;
    border: none;
    cursor: pointer;
}
.cxTipoEstorno .a1{
    float: left;
}
.cxTipoEstorno .a2{
    float: right;
}
.pag{
    width: 80%;
    margin:  0 auto;
    height: 25px;
}

.pag a{
    color: #666;
    background: #eaeaea;
    border-radius: 8px;
    margin-right: 3px;
    padding: 2px 6px;
    font-size: 13px;
}

.pag a:hover{
    background: #ccc;
}
.gamb1{
    width: 80%;
    margin-left: auto;
    margin-right:auto ;
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #a60069;
    font-weight: lighter;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 6px;
    position: absolute;
    z-index: 1;
    bottom: 0%;
    left: -380%;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltipLink{
    color: #fff;
    text-decoration: underline;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.cxPaginacao{
    width: 120px;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.ant_seta{
    float: left;
    width: auto;
    color: #666;
    font-size: 2em;
}
.prox_seta{
    width: auto;
    float: right;
    color: #666;
    font-size: 2em;
}
.btnHabilitado{
    color:#a60069;
}
.cxPaginacao a img{
    width: 30px;
    height: auto;
    cursor: pointer;
}
.aguardeCheckbox{
    width: 30px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;

}
.central .aguardeSucesso{
    color:#3eb800 !important;
    font-size: 1.3em;
    width: 60% !important;
    display: table;
    margin-left: 10%;
    text-align:left !important;

}
.central .aguardeFalha{
    color:#ff2714 !important;
    font-size: 1.3em;
    width: 60% !important;
    display: table;
    margin-left: 10%;
    text-align:left !important;

}
.loadAguarde{
    float:right ;
    width:100px;
    margin-bottom: 30px;
}

.central .aguardeNeutro{
    color:#666 !important;
    font-size: 1.3em;
    width: 60% !important;
    display: table;
    margin-left: 10%;
    text-align:left !important;


}
.cx-info-aguarde{
    width: 55%;
    display: table;
    padding-left: 10%;
    margin-left: auto;
    margin-right: auto;
}
.checkVencimentoBoleto{
    display: none;
}
.central .spanAviso{
    font-size: 0.7em;
    width: 100%;
    clear: both;
    color: red;
    margin-top: -40px;
}
.box{
    display: none;
    margin-top: 20px;
}
.ajusteMargimBottom{
    margin-bottom: 40px;
}

.sg-botoes-aguarde{
    margin: 0;
    padding: 0;
    width: 80%;
    margin-left: 13%;
    display: block;
    height: 60px;
    margin-top:50px;
}

.paraEsquerda{
    float: left;
}
.paraDireita{
    float: right;
    margin-top: -40px;
}
.spanPreview{
    width: 100%;
    font-size: 0.8em;
    float: left;
    color: red;
    text-decoration: underline;
}
.quebra{
    width: 100%;
    clear: both;
}
.nomeUniodLogo{
    text-align: left;
    color: #fff;
    width: auto;
    display: table;
    margin-left: 15px;
}
.clearEspacado{
    width: 100%;
    height: 150px;
    clear: both;
}
.disable{
    color: #777;
}
.able{
    color:#000 !important;
}

.radialtimer {
    width:1px;
    height: 100px;
    position: relative;
    margin-top: 20px;
    display:block;
    margin-left: 33%;
    margin-bottom: 30px;
}
.radialtimer .n {
    position: absolute;
    width: 84px;
    height: 84px;
    background: white;
    border-radius: 50%;
    text-align: center;
    line-height: 84px;
    font-size: 30px;
    color: #888;
    border: 10px solid #a60069;
}
.radialtimer .slice {
    position: absolute;
    width: 100px;
    height: 100px;
    clip: rect(0px, 100px, 100px, 50px);
}
.radialtimer .slice.nc {
    clip: rect(auto, auto, auto, auto);
}
.radialtimer .slice .q {
    position: absolute;
    width: 85px;
    height: 85px;
    border: 8px transparent solid;
    border-radius: 50%;
    clip: rect(0px, 50px, 50px, 0px);
    z-index: 2;
}
.radialtimer .slice .pie {
    position: absolute;
    width: 85px;
    height: 85px;
    clip: rect(0px, 50px, 100px, 0px);
    border-radius: 50%;
    transition: all 1s linear;
    z-index: 1;
}
.vend{
    width: 30%;
    float: left;
    border-right: 1px solid #ccc;
}
.vend p{
    margin-bootom:30px;
}

.vend img{
    width: 70%;
    margin-left: 15%;

}

.logar{
    width:100px;
    height: 26px;
    background: #a60069;
    box-shadow: 1px 1px 3px #a60069;
    border: none;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 10px;

}

.sing{
    width: 100%;
    height: 30px;
    float:left ;
    margin-bottom: 10px;
    margin-left: 0px
}

.login12 {
    width: 70%;
    margin: 0 auto;
    margin-top: 100px;
    border: 1px solid #ccc;
    display: table;
    border-radius: 10px;
    margin-bottom: 150px;
    padding: 30px 0;
    box-shadow: 0px 0px 10px #ccc;
    background: #f0f0f0;
    text-align: left;
}

.vai{
    float: left;
    text-align: right;
    margin-top: 30px;
}
.quebra{
    width: 100%;
    clear: both;
}
.nomeUniodLogo{
    text-align: left;
    color: #a60069;
    padding-right: 10px
}
.ADisable{
    pointer-events: none;
    cursor: default;
}
/*==================================================== VERSÃO 2.0 ======================================================*/
/*============= SINGULAR > GERAL ===============*/
.linha30-v2{
    width: 100%;
    height:30px;
    clear: both;
}
.linha90-v2{
    width: 100%;
    height:90px;
    clear: both;
}
.linha10-v2{
    width: 100%;
    height:15px;
    clear: both;
}
.icon3-v2{
    font-size: 3em;
}
.padding-top-50-v2{
    padding-top: 50px;
}
.padding-top-70-v2{
    padding-top: 70px;
}
.titulo-page-v2{
    margin-top: -40px;
    width: auto;
    display: table;
    float: left;
    height: auto;
    min-height: 40px;
}
.titulo-page-v2 h4{
    font-size: 1.5em;
    width: 100%;
    word-spacing: 4px;
    font-family:Calibri;
    color: #a60069;
}
.titulo-page-v2 h4 a{
    color:#fff;
}
.bordaA{
    width: 100px;
    height: 4px;
    background: #a60069;
    float: left;
}
.bordaB{
    width: 60px;
    height: 4px;
    background: #e796b0;
    float: left;
    margin-bottom: 30px;
}
.containerTooglesv2{
    width: 100%;
    height: auto;
    display: table;
    min-height: 300px;
    margin-bottom: 100px;
}
.central .inputFiltrov2{
    width: auto;
    height: auto;
    display: table;
    text-align: center;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    margin-left: 5px;
    border: none;
    float: left;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 4px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.central .ancoraFiltrov2{
    width: 80%;
    height: auto;
    display: table;
    text-align: center;
    font-size: 1em;
    color: #fff;
    font-weight: normal !important;
    text-decoration: none;
    margin-left: 5px;
    border: none;
    float: left;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.central .inputFiltrov2:hover,.central .ancoraFiltrov2:hover, .central .spanFiltroCheckboxv2:hover {
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.1);
}
.inputAzul-v2{
    background: #5caaff !important;
}
.inputVerde-v2{
    background: #32a715 !important;
}
.inputAmarelo-v2{
    background: #ffc609 !important;
}
.inputVermelho-v2{
    background: #f24633 !important;
}
.inputCinza-v2{
    background: #747474 !important;
}

.circuloVerde-v2{
    color: #32a715 !important;
}
.circuloAmarelo-v2{
    color: #ffc609 !important;
}
.circuloVermelho-v2{
    color: #f24633 !important;
}


.separaToogle-v2{
    width: 100%;
    display: table;
    margin-bottom: 15px;
}
/* -------------- style checbox filtros boleto/cartao -------------------*/
.central .inputFiltroCheckboxv2{
    float: left;
}
#boleto,#cartao,#alfa,#dataOrder{
    visibility: hidden;
    width:0px ;
}
.central .spanFiltroCheckboxv2{
    float: left;
    margin-left: 15px;
    font-size: 1.4em;
    color:#666;
    margin-top: 8px;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.central .caixaOrdenacao .spanFiltroCheckboxv2{
    float: right;
    font-size: 1.4em;
    color:#666;
    margin-top: 0px;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}



.central #boleto:checked + .checkBoleto,
.central #cartao:checked + .checkCartao,
.central #alfa:checked + .checkAlfa,
.central #dataOrder:checked + .checkData
{
    color:#5caaff !important;
}
.caixaOrdenacao{
    float:right;
    margin-right: 5px;
}
.caixaOrdenacao p{
    color: #666;
    font-size: 1.1em;
    float: left;
}

.toogleTitulo-v2{
    width: 95.3%;
    padding: 5px 2.5%;
    display: table;
    font-size: 1.2em;
    float: left;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
}

.toogleTitulo-v2 .spanDadoPagto-toogle{
    font-size: 0.7em;
    color: #fff;
    font-weight: lighter;
    margin-left: 20px;
}
.escondeToogle-v2{
    display: none;
}

.toogleConteudo-v2-001{
    width:100%;
    height:0;
    border-radius: 0px 0px 6px 6px;
    transition:all 0.4s linear;
}
#toggle001:checked ~ .toogleConteudo-v2-001{height:300px; }
.toogleConteudo-v2-001 p{  display: none; }
#toggle001:checked ~ .toogleConteudo-v2-001 p{   display: block !important;}
#toggle001:checked ~ .toogleConteudo-v2-001 .escondeToogle-v2{display: block !important;}

.toogleConteudo-v2-001{
    width:100%;
    height:0;
    border-radius: 0px 0px 6px 6px;
    transition:all 0.4s linear;
}

.toogleConteudo-v2-001 p {
    display: none;
}
#toggle001:checked ~ .toogleConteudo-v2-001 p {
    display: block;
!important;
}
#toggle001:checked ~ .toogleConteudo-v2-001 .escondeToogle-v2 {
    display: block !important;
}

.toogleConteudo-v2-001 .tabela-ass-v2-001 {
    margin: 0;
    width: 100%;
    display: table;
    border: none;
    float: left;
}
.toogleConteudo-v2-001 .tabela-ass-v2-001 .tabela-ass-titulo-v2-001 {
    font-weight: bold;
}
.toogleConteudo-v2-001 .tabela-ass-v2-001 td {
    height: 15px;
    padding: 5px 10px;
    border: none;
    font-size: 1.2em;
}
.tabMenu{
    cursor: pointer;
    background: #fff;
    height: 25px;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    color: #5caaff;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 5px;
    transition: background .25s linear;
}

.tabMenu:hover, .TabMenu-radio-v2:checked + .tabMenu{
    background: #5caaff;
    color: #fff;
}

.marginTop160-v2{
    margin-top: 160px;
}
.btn-verMais-v2{
    float: right;
    background: #5caaff;
    color: #fff;
    width: auto;
    padding: 5px 10px;
    display: table;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 4px;
}

.ancoraTable-v2{
    font-size: 1em;
    color: #5caaff;
    font-weight: bold;

}
.grid-v2{
    display: table;
    float: left;
    margin-bottom: 10px;
}
.grid-v2 p{
    text-align: left;
    font-size: 1.2em;
}
.grid-v2 .tamanhoFonte-01{
    font-size: 1em !important;
}
.grid-v2 p span{
    color: #aeaeae;
}
.divisoria{
    color:#5caaff;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #5caaff;
}
.divisoria-uniod{
    color:#a60069;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #a60069;
}
.m100{
    width: 100%;
}
.m50 {
    width: 50%;
}
.mAuto{
    width: auto;
}

.pagination,
.pagination li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pagination li { background-color: #eaeaea;list-style: none }

.pagination a {
    padding-top: 1px;
    text-decoration:none;
    border: 1px solid #a60069;
    border-left-width: 0;
    min-width:30px;
    min-height:30px;
    color:#a60069;
    font-weight: bold;
    box-shadow: inset 0px 1px 0px 0px #a60069;
}

.pagination li:not([class*="current"]) a:hover {
    background-color: #a60069;
    color:#fff;
    border-top-color: #a60069;
    border-bottom-color: #a60069;
}

.borda-esquerda-v2{
    border-radius: 6px 0px 0px 6px;
    background-color: #a60069;
    color: #fff;
}
a.borda-esquerda-v2 {
    color: #fff;
 }

.borda-direita-v2{
    border-radius: 0px 6px 6px 0px;
    background-color: #a60069;
    color: #fff;
}

a.borda-direita-v2{
    color: #fff;
}
.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active {
    box-shadow: 0px 0px 10px 1px #a60069;
    border-left-width:1px;
}

.pagination li:first-of-type a {
    border-left-width: 1px;
}

.pagination li:first-of-type span,
.pagination li:last-of-type span,
.pagination li:nth-of-type(2) span,
.pagination li:nth-last-of-type(2) span {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.pagination li:first-child a::before,
.pagination li:last-child a::after,
.pagination li:nth-of-type(2) a::before,
.pagination li:nth-last-of-type(2) a::after {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.ajustaIconeFW-2v{
    float: right !important;
    margin-left: 5px !important;
    color: #fff !important;
    text-decoration: none !important;
}
.ajustaIconeFWCinza-2v{
    float: right !important;
    margin-left: 5px !important;
    color: #ccc !important;
    text-decoration: none !important;
}



/*-------------------- transações geradas ----------------------------------*/
#toggle001:checked ~ .toogleConteudo-v2-001{
    height:300px;
}
.toogleConteudo-v2-001 p{
    display: none;
}
#toggle1001:checked ~ .toogleConteudo-v2-001 p {
    display: block !important;
}
#toggle001:checked ~ .toogleConteudo-v2-001 .escondeToogle-v2 {
    display: block !important;
}

/* ================ modal cobrança/estorno =============*/
.modal-v2 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;
    z-index: 9999;
}
.modal-v2 h2{
    margin-bottom: 10px;
}

.modal__bg-v2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: -10;
}

.modal-state-v2 {
    display: none;
}

.modal-state-v2:checked + .modal-v2 {
    opacity: 1;
    visibility: visible;
}

.modal-state-v2:checked + .modal-v2 .modal__inner-v2 {
    top: 0;
}

.modal__inner-v2 {
    transition: top .25s ease;
    /*position: absolute;*/
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: auto;
    display: table;
    margin-top: 20vh;
}

.modal__close-v2 {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modal__close-v2:after,
.modal__close-v2:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modal__close-v2:hover:after,
.modal__close-v2:hover:before {
    background: #aaa;
}

.modal__close-v2:before {
    transform: rotate(-45deg);
}

.input-modal-2v{
    width: 100%;
    height: 30px;
    font-size: 1.2em;
    padding-left: 5px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.modal-v2 .modalSpan{
    color: #f24633;
    margin-top:20px;
    cursor: pointer;
}
.modal-v2 .modalSpan:hover{
    text-decoration:underline ;
}

.modal-regrasEstorno-v2{
}
.modal-regrasEstorno-v2 li{
    color: #f24633;
    font-weight: bold;
    line-height: 20px;
    word-spacing: 5px;
}

.formCobranca-v2{
    width: 100%;
    height: auto;
    display: table;
    margin-top: 30px;
}

.formCobranca-v2 .inputCobranca2-v2,.formCobranca-v2 .inputCobranca-v2{
    border: 1px solid #ccc;
    height: 25px;
    font-size: 1.2em;
    width: 100px;
    border-radius: 4px;
    padding-left: 7px;
}
.formCobranca-v2 .input-modal-cobranca-2v{
    width: auto;
    height: auto;
    display: table;
    padding: 8px 10px;
    border-radius: 5px;
    border: none;
    float: right;
    margin-right: 1%;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.formCobranca-v2 .input-modal-contrato-l-2v{
    width: auto;
    height: auto;
    display: table;
    padding: 8px 10px;
    border-radius: 5px;
    border: none;
    float: left;
    margin-right: 1%;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.formCobranca-v2 .input-modal-voltar-2v{
    width: auto;
    height: auto;
    display: table;
    padding: 8px 10px;
    border-radius: 5px;
    border: none;
    float: left;
    font-weight: normal;
    margin-right: 1%;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.formCobranca-v2 .input-modal-contrato-r-2v{
    width: auto;
    height: auto;
    display: table;
    padding: 8px 10px;
    border-radius: 5px;
    border: none;
    float: right;
    margin-right: 1%;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}

.formCobranca-v2 .textarea-estorno-v2{
    width: 100%;
    height: 95px;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 1em;
    color:#666;
}

.formCobranca-v2 label.error{
    font-size: 0.8em;
    color:red ;
}
.formCobranca-v2 input.error, textarea.error{
    background: #ffd8cc;
    border: 1px solid red !important;
}

.formCobranca-v2 .inputEstorno80-modal-v2{
    font-size: 0.9em;
    font-weight: bold;
    width:100%;
    border: none;
    color: #777;
}
.formCobranca-v2 .inputEstorno70-modal-v2{
    font-size: 0.9em;
    font-weight: bold;
    width: 97%;
    border: none;
    color: #777;
}
.formCobranca-v2 .inputEstorno60-modal-v2{
    width: 198px;
    font-size: 0.9em;
    font-weight: bold;
    color: #777;
    border: none;
}
.formCobranca-v2 .mostraContornoInput{
    border: 1px solid #ccc;
    border-radius: 7px;
    height: 30px;
}
.formCobranca-v2 .infoTitular-v2{
    font-size: 1.3em;
    font-weight: bold;
}

.sl-plano {
    width: 43%;
    height: auto;
    display: table;
    float: left;
    margin: 0px 2.5% 10px 2.5%;
    background: #eaeaea;
    padding: 10px 1%;
    border-radius:5px;
    cursor: pointer;
}
.sl-plano p{
    font-size: 0.8em;
}
    /* checked effect */
.effect__check input[type="radio"] {
    position: absolute;
    display:none;
}
.effect__check input[type="radio"]:checked + .sl-plano {
    background-color: rgba(92, 170, 255, 1);
    color: #eaeaea;
}


.modal-v2 .modalAlerta-confirmacao-v2{
    width:100% ;
    color: #f24633;
    font-size: 1.4em;
    font-weight: bold;
}
.modal-v2 .modalTexto-confirmacao-v2{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    font-size:1.2em;
    text-align: left;
    word-spacing: 4px;
}
.formConfirmacao-modal-v2{
    width: 60%;
    margin: 0 auto;
    display: table;
}

.formConfirmacao-modal-v2 .inputFiltrov2{
    width: 40%;
    height: 30px;
    display: table;
    text-align: center;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    margin-left: 30%;
    margin-right: 30%;
    border: none;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 4px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}
.formConfirmacao-modal-v2 .ancoraFiltrov2{
    width: 40%;
    height: auto;
    display: table;
    text-align: center;
    font-size: 1em;
    color: #fff;
    padding-top:5px ;
    padding-bottom: 6px;
    text-decoration: none;
    border: none;
    margin-left: 30%;
    margin-right: 30%;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}

.formConfirmacao-modal-v2 .ancoraFiltro1v2{
    width: 30%;
    height: auto;
    display: table;
    text-align: center;
    font-size: 1em;
    color: #fff;
    padding-top:5px ;
    padding-bottom: 6px;
    text-decoration: none;
    border: none;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 500ms;
    transform: scale(1);
}

.modal-v2 .erroModal{
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px red;
    color: red;
    text-align: center;
    padding: 30px;
    background: #fbdddb;
    font-size: 1.7em;
    border-radius: 6px;
}
.modal-v2 .erroModal .erroEstorno-v2,.modal-v2 .sucessoModal .sucessoEstorno-v2{
    font-size: 0.5em !important;
}
.modal-v2 .sucessoModal{
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px #32a715;
    color: #32a715;
    text-align: center;
    padding: 30px;
    background: #aeffc4;
    font-size: 1.7em;
    border-radius: 6px;
}
.CorDeFundo1-v2{
    background: #eaeaea;
}
.CorDeFundo2-v2{
    background: #dbdbdb;
}
.destacaAutorizada{
    color:#32a715;
    font-weight: bold;
}
.destacaEstornada{
    color:#f24633;
    font-weight: bold;
}
.toogleConteudo-v2-001 .tabela-ass-v2-001 .divisoria-v2{
    height: 1px !important;
    background: #ccc !important;
    padding: 0 !important;
}
.destacaGrupoParc{
    background: rgb(233, 233, 233);
}
.sg-botoes-aguarde{
    width: 350px;
    display: block;
    height: 60px;
    margin-top:50px;
}
/*=============modal consulta CPF====================*/

.modalAlertaCpf {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;
    z-index: 9999;
}

.modalAlertaCpf__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;

}

.modalAlertaCpf-state {
    display: none;
}

.modalAlertaCpf-state:checked + .modalAlertaCpf {
    opacity: 1;
    visibility: visible;
}

.modalAlertaCpf-state:checked + .modalAlertaCpf .modalAlertaCpf__inner {
    top: 0;
}

.modalAlertaCpf__inner {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 30%;
    z-index: 9999;
}

.modalAlertaCpf__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modalAlertaCpf__close:after,
.modalAlertaCpf__close:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modalAlertaCpf__close:hover:after,
.modalAlertaCpf__close:hover:before {
    background: #aaa;
}

.modalAlertaCpf__close:before {
    transform: rotate(-45deg);
}



/*=============modal consulta data de nascimento ====================*/

.modalAlertaDn {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;
}

.modalAlertaDn__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modalAlertaDn-state {
    display: none;
}

.modalAlertaDn-state:checked + .modalAlertaDn {
    opacity: 1;
    visibility: visible;
}

.modalAlertaDn-state:checked + .modalAlertaDn .modalAlertaDn__inner {
    top: 0;
}

.modalAlertaDn__inner {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 30%;
}

.modalAlertaDn__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modalAlertaDn__close:after,
.modalAlertaDn__close:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modalAlertaDn__close:hover:after,
.modalAlertaDn__close:hover:before {
    background: #aaa;
}

.modalAlertaDn__close:before {
    transform: rotate(-45deg);
}



.ajustaIconImg-v2{
    width: 100%;
    margin-bottom: 8px;
}

/*================================== IndexV2.0 ==========================================*/
/*=-=-=-=-=-=-=-=-=-=-=--=- MODAL DE LOGIN INDEX =--=-=-=-=-=-=-=-=-===-==-=-=-=-=--=-=-=*/
.caixaLogin-v2 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;

}
.caixaLogin__bg-v2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.escondeCheckbox-v2 {
    display: none;
}

.escondeCheckbox-v2:checked + .caixaLogin-v2 {
    opacity: 1;
    visibility: visible;
}

.escondeCheckbox-v2:checked + .caixaLogin-v2 .caixaLogin__inner-v2 {
    /*top: 0;*/
}

.caixaLogin__inner-v2 {
    transition: top .90s ease;
    /*position: absolute;*/

    right: 0;
    top:5%;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-top: 50px;
    overflow: auto;
    background: #fff;
    width: 550px;
    display: table;
    height: auto;
    border: 3px solid #a60069;
}
.aumentaFormulario-v2{
    width: 50% !important;
}

.caixaLogin__inner-v2 .login-top-v2{
    position: relative;
    z-index: 11;
    background-color: #FFF;
    padding: 10px 45px;
}
.caixaLogin__inner-v2 .login-top-v2 .form60{
    width: 60%;
    margin: 0 auto;
}
.caixaLogin__inner-v2 .login-top-v2 .form100{
    width: 100%;
    margin: 0 auto;
}
.caixaLogin__inner-v2 .login-top-v2 h1 {
    font-family: 'Calibri';
    font-weight: normal;
    font-size: 40px;
    color: #a60069;
    letter-spacing: -1.7px;
}
.login-input-v2{
    width: 100%;
    margin: 15px 0px;
    font-size: 1.2em;
    float: left;
    padding: 6px 10px;
    border: none;
    border-bottom: 2px solid #a60069;
    color: #666;
}
.realocarInput-v2{
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
}
.login-input-v2:focus,.realocarInput-v2:focus{
    outline: none;
}

.caixaLogin__inner-v2 input[type="submit"]{
    width: 100%;
    border: none;
    background: #a60069;
    color: #FFF;
    font-weight: 700;
    padding: 12px 47px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all;
}
.caixaLogin__inner-v2 .login-bottom-v2{
    z-index: 10;
    position: relative;
    padding: 20px;
    width: 93%;
    display: table;
    background-color: #a60069;
}
.caixaLogin__inner-v2 .login-bottom-v2 a{
    color: #fff;
    font-family: 'Calibri';
    font-size: 13px;
    text-decoration: none;
}
.caixaLogin__inner-v2 .login-bottom-v2 a:hover{
    text-decoration: underline;
}




.caixaLogin__inner-v2 .login-bottom-v2 form  .btnRecuperaSenha{
    width: 160px;
    display: block;
    padding:  0px;
    border-radius: 0px;
    margin-left: 35%;
    margin-right:  auto;
    float:  left;
}
.caixaLogin__inner-v2 .login-bottom-v2 form  .ajustaSetinha{
    float: left;
    color:  #fff;
}


.fa-spinner{
    color: #a60069;
    font-size: 5em;
    margin-bottom: 20px;
}


.logAguarde{
    color: #666;
    font-size: 1.2em;
    font-weight:bold ;

}

.grifa1-v2{
    width: 130px;
    height: 3px;
    background: #f8b425;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.grifa2-v2{
    width: 75px;
    height: 3px;
    background: #a60069;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 50px;
}
.erroV2{
    width: 100%;
    background: #ffe8d8;
    border: 2px solid red;
    color: red;
    font-size: 1.2em;
    padding: 30px 0px;
    margin-bottom: 40px;
    text-align: center !important;

}
.sucessoV2{
    width: 100%;
    background: #d1ffd6;
    border: 2px solid green;
    color: green;
    font-size: 1.2em;
    text-align: center !important;
    padding: 30px 0px;
    margin-bottom: 20px;
}

.tentarNovamente-v2{
    color: #a60069;
    font-size: 1.2em;
    cursor: pointer;
}
.tentarNovamente-v2:hover{
    text-decoration: underline;
}



.index-banner-v2{
    width: 100%;
    height:400px ;
    margin-bottom: 30px;
    background: transparent;
    border-bottom: 1px solid #ccc;
    box-shadow: 2px 2px 4px #999;
}
.index-banner-v2 img{
    width: 100%;
    height:100% ;
}
.destaqueBanner-v2{
    width: 40%;
    position: absolute;
    min-height: 200px;
    margin-left: 10%;
    margin-top: 30px;
    background: rgba(255,255,255,0.5);
    border-radius: 15px;
    padding: 15px;
}
.destaqueBanner-v2 .subtituloBanner-v2{
    font-size: 1.2em;
    color: #a60069;
    margin-top: 10px;
    width: 65%;
    font-weight:bold ;
    text-shadow: 1px 1px 1px #666;

}
.destaqueBanner-v2 .tituloBanner-v2{
    font-size: 2.2em;
    font-weight: 400;
    color: #f8b425;
    width: 100%;
    text-shadow: 1px 1px 1px #666;
}
.destaqueBanner-v2 .destacaBannerPlano-v2 {
    width: 120px;
    height: 90px;
    margin-top: 30px;
    background: #a60069;
    float: left;
    padding: 15px 15px;
    border-radius: 5px;
    margin-left: 50px;
    display: table;
}

.destaqueBanner-v2 .destacaBannerPlano-v2 .tituloPlano-v2 {
    color: #efbe1b;
    font-size: 0.75em;
    font-weight: bold;
}
.destaqueBanner-v2 .destacaBannerPlano-v2 .preçoPlano-v2{
    font-size: 1.2em;
    color: #fff;
    margin-top: 20px;
    text-align: right ;
}
.destaqueBanner-v2 .destacaBannerPlano-v2 .mensaisPlano-v2{
    text-align: right;
    color: #fff;
    font-size: 0.8em;
}

.destaqueBanner-v3{
    width: 40%;
    position: absolute;
    min-height: 200px;
    margin-left: 10%;
    margin-top: 30px;
    background: rgba(255,255,255,0.5);
    border-radius: 15px;
    padding: 15px;
}
.destaqueBanner-v3 .subtituloBanner-v2{
    font-size: 1.2em;
    color: #a60069;
    margin-top: 10px;
    width: 65%;
    font-weight:bold ;
    text-shadow: 1px 1px 1px #666;

}
.destaqueBanner-v3 .tituloBanner-v2{
    font-size: 2.2em;
    font-weight: 400;
    color: #f8b425;
    width: 100%;
    text-shadow: 1px 1px 1px #666;
}
.destaqueBanner-v3 .destacaBannerPlano-v2 {
    width: 160px;
    height: 90px;
    margin-top: 30px;
    background: #a60069;
    float: left;
    padding: 15px 15px;
    border-radius: 5px;
    margin-left: 50px;
    display: table;
}

.destaqueBanner-v3 .destacaBannerPlano-v2 .tituloPlano-v2 {
    color: #efbe1b;
    font-size: 0.75em;
    font-weight: bold;
}
.destaqueBanner-v3 .destacaBannerPlano-v2 .preçoPlano-v2{
    font-size: 1.2em;
    color: #fff;
    margin-top: 20px;
    text-align: right ;
}
.destaqueBanner-v3 .destacaBannerPlano-v2 .mensaisPlano-v2{
    text-align: right;
    color: #fff;
    font-size: 0.8em;
}


.bloco-img-v2{
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.titulo-plano-v2{
    width: 100%;
    font-weight: 300;
    color: #a60069;
    font-size: 1.9em;
    margin-top: 10px;
}
.subtitulo-v2{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.3em;
    color: #a60069;
}

.sub-subtitulo-v2{
    width: 100%;
    margin-bottom: 20px;
    font-size: 1em;
    color: #a60069;
}
.listagem-v2{
    color:#666;
    font-size: 1.2em;
    margin-bottom: 30px;
}
.valor-plano-v2{
    font-size: 1.9em;
    font-weight: 400;
    color: #a60069;
}
.container-index-blocos-v2{
    width: 100%;
    float: left;
    display: table;
    padding-bottom: 30px;
    background: #fff;
}
.container-index-blocos-v2-8{
    width: 100%;
    float: left;
    display: table;
    background: #fff;
}

.container-prop-v2{
    width: 25%;
    background: #fff;
    float: right;
    display: table;
}

/*=-=-=-=-=-=-=-=--=-=-=- 4 aba =-=-==-=-=-=--=-=-*/
.index-bloco-planos20-v2{
    width: 19.8%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

/*=-=-=-=-=-=-=-=-=-= 3 ABA =-=-=-=-=-=-=-=-=-==-=--=*/
.index-bloco-planos24-v2{
    width: 24.8%;
    margin-left: 4.16%;
    margin-right: 4.16%;
}

/*=-=-=-=-=-=-=-=-=-= 2 ABA =-=-=-=-=-=-=-=-=-==-=--=*/
.index-bloco-planos25-v2{
    width: 24.8%;
    margin-left: 12.5%;
    margin-right: 12.5%;
}

/*=-=-=-=-=-=-=-=-=-= 1 ABA =-=-=-=-=-=-=-=-=-==-=--=*/
.index-bloco-planos30-v2{
    width: 29.8%;
    float: left;
    margin-left: 35%;
    margin-right: 35%;
    display: table;
    height: 480px;
    text-align: center;
}

/*==========novo aba planos===================*/

.bloco-plano{
    height: 330px;
    display: table;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    float: left;
    margin-bottom: 30px;
    cursor: pointer;
}


.title-plano{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 1.3em;
    background: #eaeaea;
    padding-top: 5px;
    color: #a60069;
}
.bloco-plano h1,.bloco-plano p, .bloco-plano-8 h1,.bloco-plano-8 p{
    width: 100%;
    text-align: center;
}
.bloco-plano h1,.bloco-plano-8 h1{
   line-height: 50px;
    color: #a60069;
}
.bloco-plano p, .bloco-plano-8 p{
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
}
.btnVermais{
    width: 80%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top:10px ;
    padding-bottom: 10px;
    font-size: 1.3em;
    color: #a60069;
    border: 1px solid #a60069;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    transition-timing-function: ease-out;
    transition-duration: 200ms;
    margin-bottom: 30px;
}
.btnVermais:hover,.bloco-plano:hover .btnVermais{
    background: #a60069;
    color: #fff;
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}
.title-plano i{
    width: 100%;
    clear: both;
    display: table;
    font-weight: lighter;
    font-size: 0.5em;
    margin-bottom: 10px;
    line-height: 0.6em;
}
.iconePlan{
    width: 40px;
}
/*========================================*/

.index-bloco-prop-v2{
    width: 98.5%;
    float: left;
    min-height: 480px;
    display: table;
    text-align: center;
}
.video23-v2{
    width: 98%;
    float: right;
    height: 200px;
    margin-top: 30px;
}
.qrcode23-v2{
    width: 60%;
    height: auto;
}
.titulo-lojaMob23-v2{
    width: 100%;
    color: #a60069;
    font-size: 1.2em;
    font-weight: bold;
}
.linkLoja-mobile23-v2{
    width: 28%;
    margin-left: 11%;
    margin-right: 11%;
    float: left;
}


.btn-bloco-planos-v2{
    width: 45%;
    margin-left: 27.5%;
    margin-right: 27.5%;
    background: #a60069;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

a .btn-bloco-planos-v2{
    font-size: 1.2em;
    color: gold;
}
.bordaProp-v2 {
    border-left: 2px solid #ccc;
}
.index-vantagem-v2{
    width: 100%;
    min-height: 300px;
    display: table;
    text-align: center;
}
.index-vantagem-v2 h1{
    width: 100%;
    padding-top: 50px;
    text-align: center;
    color: #a60069;
    font-size: 2em;
    text-shadow: 1px 1px 1px #666;
}
.index-vantagem-v2 h1 span{
    color: #a60069;
    font-weight: bold;
}
.index-vantagem-v2 .titulo-vantagem-v2{
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px 1px #666;
    margin-bottom: 30px;
}
.iconDif{
    width: 80px;
}
.bloco-vantagem-v2{
     width: 18%;
     float: left;
     min-height: 230px;
     display: table;
     padding:2% 3%;
     margin-left: 0.5%;
     margin-right: 0.5%;
     margin-bottom: 30px;
     background: #a60069;
     border-radius: 10px;
     box-shadow: 0px 0px 5px #666;
}

.bloco-vantagem20-v2{
    width: 22%;
    float: left;
    height: 230px;
    display: table;
    padding: 1%;
    overflow: hidden;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 30px;
    background: #a60069;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}
.bloco-vantagem23-v2{
    width: 17%;
    float: left;
    height: 230px;
    padding:2% 3%;
    overflow: hidden;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
    background: #a60069;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}

.bloco-vantagem30-v2{
    width: 22%;
    float: left;
    height: 230px;
    padding:1%;
    overflow: hidden;
    margin-left: 4.6%;
    margin-right: 4.6%;
    margin-bottom: 30px;
    background: #a60069;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}

.bloco-vantagem36-v2{
    width: 23%;
    float: left;
    height: 230px;
    padding:1%;
    overflow: hidden;
    margin-left: 12.5%;
    margin-right: 12.5%;
    margin-bottom: 30px;
    background: #a60069;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}
.bloco-vantagem28-v2{
    width: 28%;
    float: left;
    height: 230px;
    padding:1%;
    overflow: hidden;
    margin-left: 35%;
    margin-right: 35%;
    margin-bottom: 30px;
    background: #a60069;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}


.iconeNumerico{
    width: 20px;
    padding: 20px 30px;
    border: 5px solid #a60069;
    text-align: center;
    font-size: 1.6em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    font-weight: bold;
    color: #a60069;
}
.p-diferenciaisTitle-v2{
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 5px;
    margin-bottom: 15px;
}
.p-diferenciais-v2{
    color: #fff;
    font-size: 1.2em;
    font-weight: lighter;
}
.menuModalLog-v2{
    width: 100%;
    display: table;
}
.menuModalLog-v2 .passBola-v2, .menuModalLog-v2 input[type="submit"]{
    color: #fff;
    display: table;
    padding: 3px 9px;
    border-radius: 50%;
    background: #ccc;
    float: left;

}
.menuModalLog-v2 .passBolaSelected-v2,.menuModalLog-v2 input[type="submit"]{
    color: #fff;
    display: table;
    padding: 3px 9px;
    border-radius: 50%;
    float: left;
    background:#a60069;
    width: auto;
}
.menuModalLog-v2 .tracoPass-v2{
    width: 30%;
    height: 5px;
    background:#ccc;
    margin-top: 10px;
    float: left;
}
.menuModalLog-v2 .tracoPassSelected-v2{
    width: 30%;
    height: 5px;
    background:#a60069;
    margin-top: 10px;
    float: left;
}
.tenteNovamenteInput-v2{
    background:none;
    color:#a60069;

}
.centraliza-menuModal-v2{
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.quarto .fa-phone-square, .quarto .fa-question-circle{
    font-size: 1.4em;
}
.margin-left30{
    margin-left: 30%;
}
.dados-contato li{
    list-style: none;
}
.SemMTop{
    margin-top: 0px !important;
}
.cx-rdSociais{
    width: 100%;
    text-align: center;
    letter-spacing: 5px;
}
.cx-rdSociais a{
    color: #a60069;
    font-size: 2em;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}
.cx-rdSociais a:hover{
    -webkit-transform: scale(1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1.2);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-= PERGUNTAS FREQUENTES/ DESTAQUE VIDEO =-=-=-==-=-=-=-=-=-=-=-=-=*/
.cx-perguntas-v2{
    width: 25%;
    min-height: 300px;
    display: table;
    float: left;
    margin-left: 3%;
}
.cx-perguntas-v2 h2{
    width: 100%;
    color: #a60069;
    font-weight: 500;
    margin-bottom: 20px;
}
.cx-perguntas-v2 p{
    width: 95%;
    font-size: 1em;
    color: #666;
    margin-top: 10px;
    margin-bottom:10px ;
}
.cx-perguntas-v2 .cx-pergunta-saibaMais-v2{
    color: #a60069;
    font-size: 1.2em;
    font-weight: 500;
    padding: 5px;
    border-radius: 3px;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 300ms;
    transition-timing-function: ease-out;
    transition-duration: 300ms;
}
.cx-perguntas-v2 .cx-pergunta-saibaMais-v2:hover{
    color: #fff;
    background: #a60069;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 300ms;
    transition-timing-function: ease-out;
    transition-duration: 300ms;
}
.cx-perguntas-v2 .cx-pergunta-fc{
    color: #a60069;
    margin: 0;
    margin-top: 7px;
    font-weight: 500;
    font-size: 1.2em;
}
.cx-perguntas-v2 .cx-pergunta-pDefault{
    margin: 0;
}
.cx-destaqueVideo-v2{
    float: right;
    width: 63%;
    padding:2.5% 1%;
    display: table;
    min-height: 300px;
    margin-right: 3%;
    border: 2px solid #ccc;
}
.cx-destaqueVideo-v2 p{
    width:20%;
    font-size: 1.4em;
    color: #666;
    float: left;
    margin-top: 50px;
    min-height: 230px;
}

.destaqueVideo-v2{
    width: 78%;
    height: 300px;
    float: right;
}
/* =-=-=-=-=-=-=-=-=-=-=-=- efeito paralax =-=-=-==-=-=-=-=-===-=*/

.parallax-container {

    height: 400px;
    width: 100%;
    background-size:cover ;
}
.parallax-container2{
    height: 480px;
    width: 100%;
    background-size:cover ;
    clear: both;
    padding-bottom: 30px;
}
.parallax-container3{
    height: 400px;
    width: 100%;
    background-size:cover ;
    margin-bottom: 30px;
}
.cfb{
    width: 100%;
    display: table;
    background: #fff;
    padding-bottom: 2%;
    padding-top: 30px;
    height: calc(300px - 80px);
}

.cfb2{
    width: 100%;
    display: table;
    background: #fff;
    height: calc(300px - 80px);
}

.formLogVendedor{
    width: 50%;
    float: left;
    margin-left: 13%;
}
.formLogVendedor p{
    text-align: left;
    font-size: 1em;
    width: 100%;
}
.inputLogVendedor{
    width: 80%;
    height: 26px;
    font-size: 1.1em;
    border-radius: 5px;
}
.ativarRotacaoDeTela{
    display:none;
}
.ilustraCodYoutubbe{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.fontMini{
    font-size: 1em;

}
.central .load .loaderMaior{
    color:#a60069;
    font-size:100px !important;
    width: 100% !important;
    clear: both !important;
    text-align: center;
}
.logout{
    height: 30%;
}
.inputOrdenar{
    float: right;
    margin-top: 8px;
    height: 30px;
    border-radius: 5px;
    font-size: 1.1em;
    color: #666;
}
td .Icone12em {
    font-size: 2em;
    text-align: center;
    width: 100%;
    color: #666;
}
.textoCinza{
    color:#666;
}
/*======================== tabela cliente transações ====================*/
table .nTable tr td{
    border: none;
}
.nTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    height: 400px;
    display: table;
    background-color: transparent;
    text-align: center  ;
}

.nTable th,
.nTable td {
    padding: 0.75rem;
    vertical-align: top;
    border: none;
    border-top: 1px solid #dee2e6;
    text-align: center;

}

.nTable thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.nTable tbody + tbody {
    border-top: 2px solid #dee2e6;
}

table .nTable {
    background-color: #fff;
    border: none;
}
.nTable-responsive {
    display: block;
    width: 100%;
    margin-bottom: 120px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.preVisualizarArquivo{
    font-size: 0.8em;
    color: red;
    margin-top: -10px;
    padding: 0px;
}

.nTable tr td a .tableIcon{
    color: #000;
    font-size:1.7em;
    text-align: center;
}
.nTable tr td a .tableIcon:hover{
    color: #5caaff;
}
.btnImpBol{
    background: none;
    font-size: 1.2em;
    color: #000a28;
    cursor: pointer;
    border: none;
}
.btnImpBol:hover{
    background: none;
    text-decoration: underline;
    font-weight: bold;
}
/*============ formatação escolha sua uniodonto =============*/
.fundoEscolhaUniod{
    width: 100%;
    height: 100%;
    background: url('../images/fundoEscolhaUniod.jpg') no-repeat;
    background-size:cover ;
}
.formEscolhaUniod{
    width: 100%;
    height: auto;
    display: table;
}
.modalEscolhaUniod__inner {
    transition: top .25s ease;
    position: absolute;
    top: -10%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    padding: 1em 2em;
    height: 50%;
}

.formEscolhaUniod h3{
    color:#a60069;
    margin-bottom: 30px;
}
.formEscolhaUniod li{
    list-style: none;
    color:#666;
}
.formEscolhaUniod p{
    margin-bottom: 30px;
    color: #666;
    font-size: 1.2em;
}
.formEscolhaUniod label select{
    width: 70%;
    margin-right: 30%;
    height: 30px;
    font-size: 1.2em;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 30px;
    padding-left: 10px;
}
.formEscolhaUniod label select:focus{
    border: 2px solid #a60069;
    text-align: center;
}
.btnEscolhaUniod{
    width: 40%;
    height: 40px;
    background: #a60069;
    clear: both;
    box-shadow: 1px 1px 3px #a60069;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

/*========================= formatação nova modal termo de uso ==========================================*/

.modal-termoDeUso {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background: rgba(0,0,0, .9);
    transition: opacity .25s ease;
}

.modal__bg-termoDeUso {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modal-state-termoDeUso {
    display: none;
}

.modal-state-termoDeUso:checked + .modal-termoDeUso {
    opacity: 1;
    visibility: visible;
}

.modal-state-termoDeUso:checked + .modal-termoDeUso .modal__inner-termoDeUso {
    top: 0;
}

.modal__inner-termoDeUso {
    transition: top .25s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;
    height: 500px;
    padding: 1em 2em;
}

.modal__close-termoDeUso {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modal__close-termoDeUso:after,
.modal__close-termoDeUso:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #ccc;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
}

.modal__close-termoDeUso:hover:after,
.modal__close-termoDeUso:hover:before {
    background: #aaa;
}

.modal__close-termoDeUso:before {
    transform: rotate(-45deg);
}
.modal__inner-termoDeUso h4{
    font-size: 1.5em;
    font-weight: bold;
    color: #a60069;
}

.modal__inner-termoDeUso p{
    font-size: 1.4em;
    color:#666;
}
.modal__inner-termoDeUso li{
    color: #a60069;;
    list-style: none;
    padding-top: 20px;
    margin-left: 15px;
}
.modal__inner-termoDeUso img{
    margin-bottom: 50px;
}

.termoDeUso-cartao-informativo{
    float: left;
    width: 25%;
    margin-top:30px;
}
.termoDeUso-boleto-informativo{
    float: left;
    width: 40%;
    margin-top:15%;
}
.termoDeUso-trecho-info-cartao{
    float: left;
    width: 75%;
    height: auto;
    margin-top: 10%;
    font-size: 1.5em;
    padding: 70px 0px;
    color: #666;
    text-align: center;
}
.termoDeUso-trecho-info-boleto{
    float: left;
    width: 60%;
    height: auto;
    margin-top: 10%;
    font-size: 1.5em;
    padding: 70px 0px;
    color: #666;
    text-align: center;
}
.btn-informativo-termoDeUso{
    background: #c9c9c9;
    display: block;
    font-size: 1.2em;
    height: 40px;
    padding: 0px 50px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    border:none;
    cursor: pointer;

}

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

    .modalAlertaDn__inner {
        width: 90%;
        height: 35%;
        box-sizing: border-box;
    }

    .modalAlertaCpf__inner {
        width: 90%;
        height: 35%;
        box-sizing: border-box;
    }
    .modal__inner-termoDeUso {
        width: 90%;
        height: 500px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 930px) {

    .caixaLogin__inner-v2 {
        width: 90%;
        display: table;
        height: auto;
        box-sizing: border-box;
    }
}
.MBLess{
    margin-bottom: 50px;
}
/*Classes adicionadas por joao*/
@font-face {
    font-family: 'SquareFont';
    src: url('fonts/Square.eot');
    src: url('fonts/SquareFont.otf');

}
#div-esquerda{
    position:absolute;
    height: 100%;
    background: url('../singular/imgs/predios.jpg');
    background-size: cover;
    width: 65%;
}

#div-direita{
    position:absolute;
    height: 100%;
    background-color: #fff;
    right: 0%;
    width: 35%;
}

#area-risco{
    position: absolute;
    width: 100%;
    color: #a60069;
    margin: 0;
    top: 15%;
}

#area-risco h1{
    font-size: 2.5em;
    text-align: center;
    font-family: "Calibri";
    font-weight: lighter;
    margin: 0;
}

#area-risco img{
    display: block;
    margin: 0 auto;
}

#singular-login{
	position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 5%;
    width: 90%;
    padding-bottom: 40px;
    top: 32%;
	background: url('../singular/imgs/fundo-login.png') center no-repeat;
	background-size: cover;
}

#vendedor-login{
	position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 5%;
    width: 90%;
    padding-bottom: 40px;
    top: 32%;
	background: url('../singular/imgs/vendedor.jpg') center no-repeat;
	background-size: cover;
}


#vendedor-login p{
    font-family: Calibri;
    font-weight: bolder;
    padding-left: 1.5%;
    margin: 0;
    font-size: 2em;
    color: #a60069;
}

#singular-login p{
    font-family: Calibri;
    font-weight: bolder;
    padding-left: 1.5%;
    margin: 0;
    font-size: 2em;
    color: #a60069;
}

.login-texto{
    width: 90%;
    margin: 0 5%;
    min-height: 20px;
    font-family: Calibri;
    color: #a60069;
    font-size: 1.2em;
}

.login-input{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    height: 25px;
	padding-left: 15px;
}

#botao{
    height: 40px;
    font-weight: bolder;
    font-size: 2em;
    color: white;
    background-color: #a60069;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    width: 90%;
    margin: 5% 5% 0;
}

.login-input{
    width: 90%;
    margin: 0 5%;
    border: 1px solid #cecece;
}
.login-input:hover{
    border: 1px solid #a60069;
}

#cabecalho{
    position: absolute;
    top: 0%;
    height: 150px;
    background-color: #a60069;
    width: 100%;

}
#cabecalho p{
    font-family: SquareFont;
    color: #fff;
    font-size: 3em;
    text-align: center;
    line-height: 150px;
}

#cabecalho img{
    float: left;
    height: 100%;
    padding: 10px 0 0 15px;
}

#div-graficos{
    width: 100%;
}

#div-graficos img{
    position: absolute;
    width: 80%;
    margin-left: 10%;
    bottom: 5%;
}

#rodape{
    position: absolute;
    bottom: 0%;
    height: 150px;
    background-color: #a60069;
    width: 100%;
}

.min{
    font-size: 12px;
    width: 35px;
}

#rodape img{
    position: absolute;
    height: 80%;
    bottom: 5%;
    right: 22%;
}
#rodape p{
    font-family: "Calibri";
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 150px;
    margin-left: -15%;
}

.logo-spo{
    width: auto;
    float: left;
    padding: 0 10px;
}
.logo-spo p{
    color: #fff;
}

.logo-spo p{
    position: absolute;
    left: 480px;
    top: 70px;
}

.logo-spo img{
    height: 100px;
    margin-top: 5px;
}

#spo{
    position: absolute;
    font-family: SquareFont;
    color: #fff;
    font-size: 2.5em;
    text-align: center;
    top: 30%;
    left: 20%;
}
.slimmenu li{
    color: #fff;
}

.slimmenu{
    position: absolute;
    top: 30px;
    right: 1%;
}
.menu-conteiner-maior{
    height: 300px
}
#aguarde{
    color: #a60069;
    font-size: 3em;
}
.central h4{
    font-size: 1.5em;
    width: 100%;
    word-spacing: 4px;
    font-family:Calibri;
    color: #a60069;
}
.central h4 a{
    color:#a60069;
}

#botao:hover{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 2s;
    -webkit-animation-duration: 0.5s;
}
.singularlogo{
    color: white;
}
.cxTut{
    width: 90%;
    height: auto;
    display: table;
    margin: 0 auto;
    padding: 0;
}
.tutorial{
    height: 100px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.tutorial h1{
    font-family: Calibri;
    width: 50%;
    float: left;
    color: #fff;
    font-size: 2em;
    padding-top:15px;
    padding-left: 10px;
    padding-bottom:15px;
}


.tutorial p{
    font-family: Calibri;
    color: white;
    font-size: 1.5em;
    padding-top:15px;
}


#tut1{
    background: #a34560;
    display: table;
    height: auto;
}
#tut2{
    background: #a20031;
    display: table;
    height: auto;
}

#tut3{
    background: #ca5d7d;
    display: table;
    height: auto;
}
#tut4{
    background: #623441;
    display: table;
    height: auto;

}

#tut5{
    background: #a60069;
    display: table;
    height: auto;
}
#tut6{
    background: #ac4e69;
    display: table;
    height: auto;

}

#abcd{
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 5%;
    width: 90%;
    padding-bottom: 40px;
    top: 32%;
    background: url('../singular/imgs/arearestrita.png') center no-repeat;
    background-size: cover;
}


#abcd p{
    font-family: Calibri;
    font-weight: bolder;
    padding-left: 1.5%;
    margin: 0;
    font-size: 2em;
    color: #a60069;
}
.protocol{
    color: #a60069 !important;
    font-size: 1.4em !important;
    margin-bottom: 15px;
}
.protocol span{
    color: #a60069;
    text-decoration: underline;
}

.scroll-sl-plano{
    position:relative;
    width:100%;
    height:100%;
    overflow: auto;
}
#addQtdVidas {
    display: none;
}

/*==============15/08/2018 ===================*/
.hgt100{
    height: 100% !important;
}
/*==============20/08/2018 ===================*/
/*MODAL*/
.input-modal{
    background: none;
    background: transparent;
    border: 1px solid #a60069;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px;
    color:#a60069;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    border-radius: 3px;
}
.input-modal:hover{
    background: #a60069;
    color: #fff;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 2s;
    -webkit-animation-duration: 0.5s;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    display: table;
    width: 65%; /* Could be more or less, depending on screen size */
    z-index: 9999;
}

.icon h1 .input-modal{
    color:#a60069;
}
/* The Close Button */
.close,.close2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus,
.close2:hover,
.close2:focus{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal-content h1{
    font-size: 1.5em;
    font-weight: bold;
    color: #a60069;
}

.modal-content p{
    font-size: 1.4em;
    color:#666;
}
.modal-content img{
    margin-bottom: 50px;
}


.formInclusaoDep{
    width: 100%;
    display: table;
}
.cinq2{
    width: 50%;
    float: left;
    display: table;
    margin-bottom: 10px;
}
.cinq2 label{
    font-size: 1em;

}
.cinq2 .cqInput{
    width: 95%;
    height: 30px;
    font-size: 1.2em;
    border:1px solid #ccc;
    border-radius: 5px;
}
.btnIncDep{
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #a60069;
    color: #fff;
    height: 40px;
    border: none;
    font-size: 1.5em;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 3px #a60069;
    margin-top: 15px;
    margin-bottom: 15px;
}
.btnIncDep:hover{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 2s;
    -webkit-animation-duration: 0.5s;
}

table .nTable2 tr td{
    border: none;
}
.nTable2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    height: auto;
    display: table;
    background-color: transparent;
    text-align: center  ;
}

.nTable2 th,
.nTable2 td {
    padding: 0.75rem;
    vertical-align: top;
    border: none;
    border-top: 1px solid #dee2e6;
    text-align: center;

}

.nTable2 thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.nTable2 tbody + tbody {
    border-top: 2px solid #dee2e6;
}

table .nTable2 {
    background-color: #fff;
    border: none;
}
.nTable2-responsive {
    display: block;
    width: 100%;
    margin-bottom: 120px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.btnEditDep{
    display: none;
}
.editDep{
    font-size: 1.8em;
    cursor: pointer;
}
.editDep:hover{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 2s;
    -webkit-animation-duration: 0.5s;
}
.editDep-blue{
    color:#5caaff;
}
.editDep-red{
    color:#f24633;
}
.alertaDep {
     width: 60%;
     margin-left: 20%;
     margin-right: 20%;
     float: left;
     height: auto;
     text-align: center;
     color: red;
     display: table;
     border: 1px solid red;
     font-size: 1.1em;
     background: #ffeaea;
     padding-top: 5px;
     padding-bottom: 5px;
     margin-bottom: 15px;
     font-weight: bold;
 }
.alertaDepSuccess {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    float: left;
    height: auto;
    text-align: center;
    color: green;
    display: table;
    border: 1px solid green;
    font-size: 1.1em;
    background: #e8ffec;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: bold;
}
.cxWhats{
    float: left;
    display: table;
    width: 100%;
    margin-top: 60px;
}
.cxWhats a{
    width: 200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.btnWhats{
    width: 200px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: #67c15e;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    padding: 8px 9px;
    text-decoration: none;
    border-radius:5px;
    margin-bottom: 30px;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 100ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 100ms;
    transition-timing-function: ease-out;
    transition-duration: 100ms;
}
.btnWhats:hover{
    background: #51a251;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 100ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 100ms;
    transition-timing-function: ease-out;
    transition-duration: 100ms;
}
.btnWhats span {
    color: #fff;!important;
    margin: 0;
}
.iconeWhats{
    float: left;
    width:30px;
    margin-left: 5px;
}

/*============ pos conversao ============*/

.cxPosConv{
    width: 100%;
    display: table;
    height: 100%;
}
.contPosConv{
    width: 50%;
    float: left;
    display: table;
}
.contPosConv h1{
    width:70%;
    color: #a60069;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    font-family: Calibri;
    font-size: 2.1em;
    margin-bottom: 30px;

}
.contPosConv h4{
    width:70%;
    font-size: 1.2em;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    color: #666;
    margin-bottom: 10px;
}
.contPosConv p{
    width: 70%;
    font-size: 1.2em;
    color: #666;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
.pt-perc-10{
    padding-top: 5%;
}
.imgPosConv{
    width: 80%;
    margin-left: 10%;
    margin-top: 5%;
}
.opPosConv{
    background: #a60069;
    color: #fff;
    box-shadow: 1px 1px 3px #a60069;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    float: left;
    display: table;
    font-size: 1.2em;
    margin-bottom: 10px;
    border:none;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 200ms;
    transform: scale(1);
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}
.opPosConv:hover{
    -webkit-transform: scale(1.02);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(1.02);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 200ms;
    transform: scale(1.02);
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}
.mr-PosConv-5{
}
.cxOp{
    width: 40%;
    margin-left: 15%;
    margin-right:auto;
    display: table;
}
.contPosConv-mobile{
    display: none;
    width:50%;
    margin-right: 25%;
    margin-left: 25%;
    margin-top: 5px;
}
.imgPosConvMob{
    width: 100%;

}
/*---------------- CONTRATOS --------------*/
.dadosContrato{
    width: 45%;
    margin-left: 2.5%;
    float: left ;
    background: #eaeaea;
    border-radius: 8px;
    padding: 20px 0px;
    cursor: pointer;
    margin-bottom: 30px;
	    min-height: 130px;
}

.dadosContrato p{
    text-align: left;
    font-size: 1.1em;
}
.cxBtnContrato{
    width: 90%;
    margin-left: 2.5%;
    display: table;
}
.tagContrato input[type="radio"] {
    position: absolute;
    display:none;
}
.tagContrato input[type="radio"]:checked + .dadosContrato {
    background-color: rgba(155, 0, 63, 0.90);
}
.tagContrato input[type="radio"]:checked + .dadosContrato p{
    color: rgba(255, 255, 255, 0.94);
}
.infoContratos{
    margin-top: 30px;
}

.btnContrato-l{
    width: auto;
    float: left;
    padding: 10px 10px;
    font-size: 1.2em;
    background: #a60069;
    color: #fff;
    border:none;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 250ms;
    transform: scale(1);
}

.btnContrato-l:hover{
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-in;
    -moz-transition-duration: 250ms;
    transform: scale(1.1);
}
.mr-l-contrato{
    margin-right: 20px;
}
.loadContrato{
    width: 100%;
    height: auto;
    display: table;
    text-align: center;
}
.sel-contratos{
    padding: 5px 10px;
    background: #a60069;
    color: #fff;
    float: left;
    border-radius: 3px;
}
.can-contratos{
    padding: 5px 10px;
    background: #a60069;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    float: left;
    margin-left: 10px;
    font-size: 1em;
}
/*------------- modal cancelamento ------------*/
.btn-modal-cancel{
    width: auto;
    font-size: 1.2em;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    margin-top: 10px;
}
.btn-modal-cs1{
    background: #a60069;
}
.btn-modal-cs2{
    background: #747474;
    cursor: pointer;
}

#smallAlert,#smallAlert2,.smallAlert{
    color: red;
    font-weight: bold;
    position: relative;
}

.consultarCns{
    background: none;
    border: none;
    color:#0A246A ;
    font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-bottom: 5px
}

.consultarCns2{
    background: none;
    border: none;
    color:#0A246A ;
    font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-bottom: 5px;
	margin-right:30px;
}
#invalidExt{
    color: red;
    font-size: 0.9em;
    font-weight: bold;
    margin-left: 5px;
}

/*---------- input anexos - titular ------------*/
.lbl-main{
    cursor: pointer;
    display: flex;
    color: #666;
    font-weight: normal;
    box-shadow: 1px 2px 3px #ccc;
    border-radius: 5px;
}
.central .lbl-nameDoc{
    font-weight: normal;
    color: #666;
}
.lbl-main:hover .lbl-nameDoc{
    color: #666;
}
.central .lbl-icon{
    font-size: 1.5em;
    color: #fff;
    background: #a60069;
    width: 50px;
    text-align: center;
    padding-top: 3px;
    border-radius: 5px 0px 0px 5px;
    float: left;
    cursor: pointer;
}
.lbl-container{
    vertical-align: top;
    flex-grow: 1;
    display: inline-block;
    font-size: 1.2em;
    float: left;
    cursor: pointer;
    padding: 3px 10px 4px 10px;
    border-radius: 0px 5px 5px 0px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.central .isset-file{
    float: right;
    color: #009900;
}

.inp-default{
    display: none;
}

.default-border{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.smallAlert{
    font-size: 0.8em;
    color: red;
    font-weight: bold;
}
.central .lbl-doc{
    text-align: left;
    font-size: 1.2em;
    color: #666;
    margin-top: 15px;
}

/*---------- input anexos - dependente ------------*/
.lbl-mainDp{
    cursor: pointer;
    display: flex;
    color: #666;
    font-weight: normal;
    border-radius: 5px;
    width:95%;
}
.lbl-nameDocDp{
    font-weight: normal;
    color: #000;
}
.lbl-mainDp:hover .lbl-nameDocDp{
    color: #000;
}
.lbl-iconDp{
    font-size: 1.1em;
    color: #fff;
    background: #a60069;
    width: 35px;
    text-align: center;
    padding-top: 9px;
    border-radius: 5px 0px 0px 5px;
    float: left;
    cursor: pointer;
}
.lbl-containerDp{
    vertical-align: top;
    flex-grow: 1;
    display: inline-block;
    font-size: 1.2em;
    float: left;
    cursor: pointer;
    padding: 3px 10px 4px 10px;
    border-radius: 0px 5px 5px 0px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.isset-fileDp{
    float: right;
    color: #009900;
}

.inp-defaultDp{
    display: none;
}

.default-border{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.modal-content .lbl-docDp{
     text-align: left;
     font-size: 1.1em;
     color: #000;
}


/*------ Vantagens pagamento recorrente ----*/
.box-destaque-recorrencia{
    width: 97%;
    display: flex;
}
.box-destaque-recorrencia .box-img-recorrencia{
    float: left;
    width: 350px;
}
.box-img-recorrencia img{
    width: 380px;
}
.box-destaque-recorrencia .box-txt-recorrencia{
    float: left;
    text-align: left;
    background: #eaeaea;
    border-radius: 15px;
    display: table;
    padding: 20px;
}
.box-txt-recorrencia h2{
    font-size: 1.5em;
    color: #a60069;
    margin-bottom: 20px;
}
.box-txt-recorrencia p{
    font-size: 1.2em;
    color: #666;
    margin-right: auto;
    text-align: left;
}
.seta-txt{
    content: "";
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-top: 10px solid transparent;
    border-right: 40px solid #eaeaea;
    border-bottom: 25px solid transparent;
    margin-top: 50px;
}

/*=-=-==-= 10022021 =-=-=-=-==*/
.btn-alterarSenha{
    width: 100%;
    border: none;
    background: #a60069;
    color: #FFF;
    font-weight: 700;
    padding: 12px 47px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all;
}
.alert-pass{
    width: 100%;
    text-align: center;
    color: #dc3545 ;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
}
.alert-passv{
    width: 100%;
    text-align: center;
    color: #28a745  ;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
}

/*---------- contrato aprovação -----------*/
.iframe-contrato{
    width: 100%;
    min-height: 700px;
    height: 700px;
}

/*=-=-=-=-=-=-=- form-proposta -=-=-=-=-=-=-=-=*/
.form-pa1{
    position: relative;
    width: 100%;
    display: table;
}

/*-=-=-=-=-=-=-=-=-=-= cadastro segundo cartao - cliente -=-=-=-=-=-== */

.cad-novo-cartao{
    text-align: left;
    float: right;
    font-weight: bold;
    color:#666;
}

.cl-tb-cartoes {
    border: none;
}

.cl-tb-cartoes tr th {
    text-align: left;
    background: #eaeaea;
    padding: 5px 3px;
}

.cl-tb-cartoes tr td {
    border: none;
    border-top: 1px solid #eaeaea;
}

.btn-ativar-cartao {
    background: none;
    font-size: 1.1em;
    border: none;
    cursor: pointer;
    text-align: center;
    width: 100%;
    float: right;
}

.div-cardInvalid{
    background: rgba(161, 0, 0, 0.1);
    color: #ba0000;
    font-size: 1em;
    text-align: center;
    border:1px solid #ba0000;
    width: 80%;
    padding: 5px 0px;
    font-weight: bold;
    margin-bottom: 25px;
    display: none;
}

.div-cardValid{
    background: rgba(0, 105, 0, 0.1);
    color: #006900;
    font-size: 1em;
    text-align: center;
    border:1px solid #006900;
    width: 80%;
    padding: 5px 0px;
    font-weight: bold;
    margin-bottom: 25px;
}

.w-100{
    width: 100% !important;
}

.mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}

.whatsappSingular{
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 10000000;
    background-color: rgba(4, 194, 4, 1);
    padding: 6px 7.5px !important;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
}

.whatsappSingular a {
    color: rgba(255, 255, 255, 1) !important;
}

.whatsappSingular:hover {
    background-color: rgba(5, 150, 4, 1);
    transition: 0.5s;
}