*{outline: none;box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
input, select{font-family: 'Montserrat', sans-serif;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.container{display: block;width: 100%;float: left;}
.content{width: 90%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.content_dentro{width: 950px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.clear{clear: both;}

.degrade_rosa{background: #f36279;background: linear-gradient(270deg, #F56077 0%, #C20757 52%, #B41A83 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56077', endColorstr='#B41A83',GradientType=1 );}
.degrade_blue{background: #364397;background: -moz-linear-gradient(left, #364397 48%, #cb1841 100%);background: -webkit-linear-gradient(left, #364397 48%, #cb1841 100%);background: linear-gradient(to right, #364397 48%, #cb1841 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364397', endColorstr='#cb1841',GradientType=1 );}
.degrade_black_tranp{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.degrade_vermelho{background: #e1173f;background: linear-gradient(270deg, #962199 0%, #d51955 52%, #e1173f 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56077', endColorstr='#B41A83',GradientType=1 );}


/*
INDEX DESKTOP
 */

/* MINI HEADER */
.mini_header .content{flex-direction: row;justify-content: space-between;padding: 3px 0;}
.mini_header .left{display: flex;align-items: center;color: #fff;}
.mini_header .left .acess{display: flex;align-items: center;margin-right: 20px;border-right: 2px solid #C20757;padding-right: 20px;font-weight: 500;font-size: .75em;}
.mini_header .left .acess img{margin-right: 10px;}
.mini_header .left .form_enter{display: flex;align-items: center;}
.mini_header .left .form_enter label{margin-right: 10px;}
.mini_header .left .form_enter span{font-size: .8em;font-weight: 700;}
.mini_header .left .form_enter .index_input{height: 30px;border-radius: 35px;border: 5px solid #fff;text-align: center;font-weight: 500;color: #333;transition: all linear .1s;}
.mini_header .left .form_enter input.index_input:focus{height: 25px;}
.mini_header .left .form_enter label[for="is_login"] input{width: 55px;}
.mini_header .left .form_enter label[for="is_login_2"] input{width: 80px;}
.mini_header .left .form_enter label[for="is_login_3"] input{width: 30px;}
.mini_header .left .form_enter button{display: block;height: 30px;border-radius: 5px;color: #fff;font-weight: 700;background-color: #B41A83;border: none;}
.mini_header .left .form_enter button:hover{background-color: #ff0000;cursor: pointer;transition: background-color .2s ease-in-out;}
.mini_header .right{display: flex;align-items: center;color: rgba(255,255,255,.6);font-weight: 600;font-size: .65em;}
.mini_header .right img{margin-left: 10px;}

/* SLIDER HEADER */
.slide_menu{position: relative;height: 770px;z-index: -1;}
.slide_menu .slider{display: block;width: 100%;height: 770px;position: absolute;top: 0;left: 0;}
.slide_menu .slider img{max-height: 100%;z-index: -1;}
.slide_menu .menu_left{display: flex;position: absolute;top: 30px;left: 5%;flex-direction: column;width: 190px;}
.slide_menu .menu_left .logo{display: block;margin: 0 auto 30px auto;z-index: 99;}
.slide_menu .menu_left .open_account{height: 50px;display: flex;justify-content: space-between;padding: 0 10px;font-size: .675em;font-weight: 700;text-decoration: none;align-items: center;color: #fff;}
.slide_menu .menu_left .open_account.degrade_rosa:hover, .slide_menu .menu_left .open_account.degrade_blue:hover{background: #ff0000;}
.slide_menu .menu_left ul{display: flex;flex-direction: column;background-color: #fff;box-shadow: 0 3px 5px rgba(0,0,0,.2);}
.slide_menu .menu_left li{display: flex;height: 50px;align-items: center;font-size: .9em;font-weight: 500;padding: 0 10px;color: #666;line-height: 1.1em;border-bottom: 1px solid #eee;}
.slide_menu .menu_left li img{margin-right: 10px;width: 25px;}
.slide_menu .menu_left li:hover{cursor: pointer;}
.slide_menu .menu_left li:hover p{color: #ff0000;}

.slide_menu .menu_top{position: absolute;top: 0;right: 0;width: 100%;padding-right: 5%;}
.slide_menu .menu_top ul{display: flex;justify-content: flex-end;}
.slide_menu .menu_top li{height: 100px;padding: 0 20px;display: flex;align-items: center;font-weight: 800;font-size: .775em;cursor: pointer;color: rgba(255,255,255,.6);}
.slide_menu .menu_top li:hover{color: #fff;transition: color .3s ease-in-out;}
.slide_menu .menu_top li.active{color: #fff;}

/* CENTRO PAGE */
.main_centro{margin-top: -60px;z-index: 10;margin-bottom: 60px;}
.main_centro .title{display: flex;align-items: center;justify-content: center;color: #3c3c3c;width: 100%;height: 175px;background-color: #ebebeb;font-weight: 800;font-size: 1.3em;}
.main_centro .title:hover{background: #f36279;background: linear-gradient(270deg, #F56077 0%, #C20757 52%, #B41A83 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56077', endColorstr='#B41A83',GradientType=1 );color: #fff;cursor: pointer;}
.main_centro .title img{margin-left: 10px;}
.main_centro .boxes{display: grid;grid-gap: 30px;grid-template-columns: repeat(7, 1fr);padding: 0 60px;margin-top: -60px;}
.main_centro .box{display: flex;flex-direction: column;min-height: 240px;border-radius: 5px;justify-content: space-between;padding: 40px;background-color: #fff;box-shadow: 3px 5px 10px rgba(0,0,0,.2);}
.main_centro .box img{max-width: 80px;margin-bottom: 30px;}
.main_centro .box p{text-align: center;width: 100%;line-height: 1.2em;font-weight: 600;color: #222;font-size: .9em;align-self: center;}
.main_centro .box:hover{background: linear-gradient(180deg, #cc092f 0%, #b2207b 100%);transform: scale(1.03) translateY(-3px);transition: all .35s ease-in-out;cursor: pointer;}
.main_centro .box:hover p{color: #fff;}

.main_baixo{margin-bottom: 60px;}
.main_baixo header{text-align: center;color: #333;margin-bottom: 30px;}
.main_baixo header h1{font-size: 1.2em;font-weight: 700;margin-bottom: 40px;padding-bottom: 20px;position: relative;}
.main_baixo header h1::after{content: "";display: flex;width: 50px;height: 5px;background-color: #ff0000;position: absolute;bottom: -10px;left: 50%;margin-left: -25px;}
.main_baixo header p{line-height: 1.4em;font-weight: 500;}

.main_baixo .boxes{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 5px;width: 75%;}
.main_baixo .box{min-height: 250px;}
.main_baixo .box .full{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);display: flex;flex-direction: column;justify-content: flex-end;position: relative;z-index: 2;}
.main_baixo .box .full::after{content: "";display:block;width: 100%;height: 0;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.7);z-index: -1;}
.main_baixo .box .full:hover::after{height: 100%;transition: height .2s ease-in-out;cursor: pointer;}
.main_baixo .box .full p{color: #fff;font-weight: 600;font-size: .8em;margin-bottom: 10px;padding: 0 10px;}
.main_baixo .box .full h1{color: #fff;font-weight: 400;font-size: 1.55em;padding: 0 10px;margin-bottom: 20px;line-height: 1.2em;}
.main_baixo .box.box_1{background: url("../images/box_1.jpg") center center no-repeat;background-size: cover;}
.main_baixo .box.box_2{background: url("../images/box_2.jpg") center center no-repeat;background-size: cover;}
.main_baixo .box.box_3{background: url("../images/box_3.png") center center no-repeat;background-size: cover;}
.main_baixo .box.box_4{background: url("../images/box_4.jpg") center center no-repeat;background-size: cover;}
.main_baixo .box.box_5{background: url("../images/box_5.jpg") center center no-repeat;background-size: cover;}
.main_baixo .box.box_6{background: url("../images/box_6.jpg") center center no-repeat;background-size: cover;}

.main_footer{padding: 20px 0 30px 0;}
.main_footer .cima{display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.6);}
.main_footer .cima div:first-child{width: 15%;align-items: center;display: flex;}
.main_footer .cima div:nth-child(2){width: 70%;align-items: center;display: flex;}
.main_footer .cima div:last-child{width: 15%;align-items: center;display: flex;}
.main_footer .cima .center{color: rgba(255,255,255,.7);line-height: 1.4em;font-size: .8em;font-weight: 500;text-align: center;}
.main_footer .cima .right{display: flex;justify-content: flex-end;}
.main_footer .baixo{display: flex;justify-content: center;}
.main_footer .baixo li{margin-right: 15px;font-size: .7em;color: rgba(255,255,255,.7);padding-right: 15px;border-right: 1px solid rgba(255,255,255,.7);font-weight: 600;}
.main_footer .baixo li:hover{color: rgba(255,255,255,.9);transition: all .2s ease-in-out;cursor: pointer;}
.main_footer .baixo li:last-child{border-right: none;}

/**
 DENTRO
*/
.dentro_header{padding: 20px 0;margin-bottom: 60px;}
.dentro_header .content_dentro{flex-direction: row;justify-content: space-between;}
.dentro_header .left{display: flex;align-items: center;}
.dentro_header .left img{margin-right: 30px;}
.dentro_header .left .data_show{color: #fff;font-weight: 600;font-size: .8em;padding-top: 15px;}
.dentro_header .right a{color: #fff;text-decoration: none;font-weight: 600;font-size: .9em;}
.dentro_header .right a:hover{text-decoration: underline;}

.dentro_centro{margin-bottom: 60px;}
.dentro_centro .content_dentro{flex-direction: row;justify-content: space-between;align-items: flex-start;}
.dentro_centro .left{background-color: #fff;padding: 20px;}
.dentro_centro .title_dentro{margin-bottom: 30px;}
.dentro_centro .title_dentro h1{font-weight: 700;font-size: 1.5em;margin-bottom: 15px;color: #e1173f;}
.dentro_centro .title_dentro p.dados_acesso{display: flex;margin-bottom: 40px;color: #999;font-size: .8em;}
.dentro_centro .title_dentro p.dados_acesso span{margin-right: 15px;border-right: 1px solid #b7b6b5;padding-right: 15px;}
.dentro_centro .title_dentro p.dados_acesso span b{font-weight: 700;color: #666;}
.dentro_centro .title_dentro p.dados_acesso span:last-child{border-right: none;}
.dentro_centro .info_dentro{display:flex;align-items:center;background-color: #f9f9f9;padding: 20px;box-shadow: 0 1px 3px rgba(0,0,0,.2);line-height: 1.4em;font-size: .9em;}
.dentro_centro .info_dentro img{width: 50px;margin-right: 10px;}
.dentro_centro .info_dentro span b{font-weight: 600;color: #C20757;}
.dentro_centro .info_dentro span strong{font-weight: 600;}

.dentro_centro .right{width: 260px;margin-left: 40px;}

.box_form{padding: 20px;border: 1px solid #f1f1f1;border-bottom-color:#C20757;margin: 30px auto;width: 100%;display: flex;flex-direction: column;border-radius: 5px 5px 0 0;}
.box_form label{width: 100%;margin-bottom: 25px;display: flex;}
.box_form label span{width: 200px;display: flex;align-items: center;font-size: .8em;}
.box_form label span small{width: 20px;height: 20px;background-color: #b7b6b5;margin-right: 5px;border-radius: 50%;font-size: .9em;font-weight: 800;color: #000;line-height: 20px;text-align: center;}
.box_form .dentro_input{height: 40px;width: calc(100% - 205px);border: none;border-bottom: 1px solid #b7b6b5;font-weight: 500;color: #C20757;letter-spacing: .5px;}

.dentro_centro .buttons{display: flex;justify-content: flex-end;width: 100%;}
.dentro_centro .buttons .btn_dentro{height: 40px;padding: 0 40px;border: none;border-radius: 35px;font-weight: 800;font-size: 1.1em;color: #fff;background: #f36279;background: linear-gradient(270deg, #F56077 0%, #C20757 52%, #B41A83 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56077', endColorstr='#B41A83',GradientType=1 );cursor: pointer;min-width: 250px;}
.dentro_centro .buttons .btn_dentro:hover{background: #f36279;background: linear-gradient(270deg, #B41A83 0%, #C20757 52%, #F56077 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36279', endColorstr='#B41A83',GradientType=1 );transition: background .35s ease-in-out;}

.box_pos{display: flex;justify-content: space-between;align-items: center;}
.box_pos p{width: 30%;line-height: 1.4em;}
.box_pos p b{font-weight: 700;color: #C20757;}
.box_pos img{width: 130px;}
.box_pos .input{display: flex;align-items: center;}
.box_pos .input input{width: 50px;height: 40px;border-radius: 5px;border: 1px solid #b7b6b5;font-weight: 600;color: #C20757;text-align: center;font-size: 1.2em;}
.box_pos .input small{font-size: .8em;margin-left: 10px;}
.box_pos .input small b{font-weight: 700;color: #C20757;}

.box_qrcode{display: flex;flex-direction: column;align-items: center;}
.box_qrcode img{width: 300px;margin-bottom: 20px;border: 5px solid #C20757;}
.box_qrcode span{font-weight: 600;font-size: 1.1em;margin-bottom: 20px;}
.box_qrcode input{height: 40px;width: 300px;border: 1px solid #b7b6b5;font-weight: 700;color: #C20757;letter-spacing: .5px;padding: 0 10px;text-align: center;}

.box_tipo{display: flex;justify-content: space-between;padding: 0 100px;margin-bottom: 60px;}
.box_tipo span{width: 31%;height: 45px;border: 2px solid #C20757;text-align: center;line-height: 45px;border-radius: 35px;color: #C20757;font-weight: 600;cursor: pointer;}
.box_tipo span.active{background: #f36279;background: linear-gradient(270deg, #F56077 0%, #C20757 52%, #B41A83 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F56077', endColorstr='#B41A83',GradientType=1 );color: #fff;font-weight: 700;}

.box_ps4{display: flex;justify-content: space-between;padding: 0 150px;margin-bottom: 30px;}
.box_ps4 input{width: 25%;margin-right: 15px;height: 40px;border: none;border-bottom: 2px solid #b7b6b5;text-align: center;font-weight: 700;font-size: 1.8em;color: #C20757;}
.box_ps4 input:last-child{margin-right: 0;}

.box_teclado{display: flex;flex-wrap: wrap;padding: 0 130px;}
.box_teclado span{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;text-align: center;line-height: 40px;color: #000;font-weight: 700;margin: 0 10px 10px 0;border: 1px solid #b7b6b5;}
.box_teclado span:hover{background-color: #C20757;color: #fff;transition: all .35s ease-in-out;border-color: #B41A83;cursor: pointer;}
.box_teclado span:last-child{width: 90px;border-radius: 35px;}

.box_token_cel{display: block;}
.box_token_cel p{font-size: 1.1em;font-weight: 400;color: #999;line-height: 1.4em;padding: 0 80px;text-align: center;margin-bottom: 40px;}
.box_token_cel p b{font-weight: 600;color: #555;display: block;}

.box_token_cel .icon_ref{display: flex;justify-content: space-between;margin: 0 auto 40px auto;width: 400px;background-color: #f9f9f9;padding: 10px;border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.box_token_cel .icon_ref img{height: 100px;}
.box_token_cel .icon_ref p{display: flex;flex-direction: column;justify-content:center;width: calc(100% - 90px);font-size: .9em;align-content: center;padding: 0 10px;line-height: 1.4em;height: 100px;margin-bottom: 0;}
.box_token_cel .icon_ref p b{margin-top: 10px;}
.box_token_cel label{display: block;}
.box_token_cel label input{margin: 0 auto;width: 400px;display: block;text-align: center;font-weight: 700!important;}

.msg_final{padding: 10px;margin: 20px auto;line-height: 1.4em;font-weight: 400;color: #C20757;}
.icon_final{display: block;width: 120px;margin: 60px auto 40px auto;}


/**
LOADER
 */
.lds-roller {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 60px auto;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cc092f;
    margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
        background-color: #B41A83;
    }
    100% {
        transform: rotate(360deg);
        background-color: #000;
    }
}