/* STYLE */
body { overflow-x: hidden; font-family: 'Ubuntu';background-color:#133B60;} 
.flex { display:-webkit-box; display:-ms-flexbox; display:flex; } 
.flex img { margin: 0 auto; } 
.fit { -o-object-fit: cover; object-fit: cover; margin:0 auto; } 
.sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } 
.sa { -ms-flex-pack: distribute; justify-content: space-around } 
.center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.full-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } 
.flex-auto { display: -webkit-box; display: -ms-flexbox; display: flex; } 
.flex-auto .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } 
strong { font-weight: bold; } 
.block { display:block; } 
.hide { display: none; } 
.xhide { display: none; } 
.menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 50px; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; } 
.menu ul li { list-style: none; position: relative; } 
.menu li a:hover { color: #38b9c6; } 
.menu .menu-principal { width: 100%; } 
.menu-principal-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; } 
.full-menu { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.full-menu *:not(.sub-menu) { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.show { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } 

.hide { display: none!important; } 

.xend { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } 
.xstart { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
.xcenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 

.yend { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } 
.ystart { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } 
.ycenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 

.custom-alert { background: #dbe9ff; margin: 30px 0px; padding: 20px; border-radius: 5px; } 
.custom-alert p { font-size: 16px; margin-bottom: 5px; margin-left: 20px; } 

/* # HEADER # */ 
#header { margin: 0; position: absolute; width: 100%; -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; } 
#header.fixed { margin: 0; position: fixed; width: 100%; height: 100px; background: #120a6bcc; top: -30px; z-index: 99; display: flex; align-items: center; } 
#header.fixed .header__logo img { height: 100px; } 
#header .btn:hover { color: white; } 
.page .header__logo img { position: absolute; height: 100px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } 
.header__logo img { position: absolute; height: 130px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } 
.header__button-box li { position: relative; list-style: none; } 
.header .btn.logout { background: #de5913; color:white } 
.header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; padding: 20px; } 
.mobile_menu { display:none; position: fixed; bottom: 0; margin-top: 0; /* Alterada cor de fundo para consistencia, utilizada a mesma cor para o footer, mobile menu e cta */
 background: #133B60; z-index: 9; width: 100%; padding:0; } 
 .page .header .logo { display: flex; } 
/* Inserido cursor no botão para alterar as informações do usuário */
.user-menu { cursor: pointer; } 
/* HOME */
.home_video_cta { /* Removido position para que o CTA não fique junto com o main, uma vez que o main esta com height de 100vh */
 /* position: absolute; bottom: 0; */
 width: 100%; /* Alterada cor de fundo para consistencia, utilizada a mesma cor para o footer, mobile menu e cta */
 background-color:#103A61;
padding: 20px 0; color: white; } 
.home_video_cta h4 { font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.home_video_cta .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.home_video_cta-btn a { background: #de5913; padding: 10px 20px; font-size: 18px; color: white; border-radius: 50px; } 
.main__text-box { position: absolute; top: 60%; } 
.sub-text { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 25px; } 
.reload_background { transition:.5s ease-in-out; flex-direction: column; z-index: 99; position: absolute; width: 100%; height: 90%; top: 0; display: none; align-items: center; justify-content: center; } 
.reload_background.activeReload { display:flex; } 
.reload_background h3 { font-size: 34px; font-family: 'Kodchasan'; font-weight: 900; color: white; } 
.reload_background .time { margin: 20px 0 0; } 
.reload_background img { height: 100px; margin: 30px; } 
.reload_background .buttons { display: flex; } 
.reload_background .buttons .btn_state:hover { background: #de5913!important; cursor: pointer; } 
.reload_background .buttons .btn_state { transition:.5s ease-in-out; background: #3b5998; padding: 15px 35px; margin: 10px 10px; border-radius: 25px; font-size: 18px; } 
.reload_background .buttons .btn_state.reload_stop { background: #4b4a4a; } 
.vjs-v7.vjs-ended video { display: flex!important; opacity: .15; } 
.vjs-v7:not(.vjs-ended) { opacity: 1; } 
/* # MODAL # */

.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } 
 
.modal.active { visibility: visible; opacity: 1; } 
.modal-content { background: white; width: 50%; font-size: 14px; } 

.close-modal { position: absolute; top: 50px; right: 60px; } 
.close-modal img { height: 26px; } 
.close-modal img:hover { opacity: .5; } 

#whats-modal { background-image: linear-gradient(to right bottom, rgba(25, 25, 25, 0.8), 60%, rgb(0, 0, 0))!important; } 
#whats-modal .whats_content { background: white; display: flex; justify-content: space-between; padding: 0; } 
#whats-modal .heading_whats { display: flex; flex-direction: column; align-items: flex-start; font-size: 24px; justify-content: center; color: #1b377d; padding: 60px; } 
#whats-modal .form_heading { font-size: 17px; margin-bottom: 10px; } 
#whats-modal .form_whats { display: flex; flex-direction: column; font-size: 15px; padding: 50px 50px; background: #1b377d; justify-content: center; color: white; width: 40%; } 
#whats-modal .form_whats input, #whats-modal .form_whats select { background: white; border: none; padding: 10px; color: black; margin-bottom: 10px; } 
#whats-modal .form_whats button { text-decoration: none; color: #eee; display: inline-block; background-color: #25d366; font-weight: bold; padding: 5px; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; font-size: 14px; text-transform: uppercase; transition: .5s ease-in-out; display: flex; align-items: center; justify-content: center; } 
#whats-modal .form_whats button i { text-decoration: none; font-size: 22px; margin-right: 10px; } 
#whats-modal .form_whats button:hover { background: #3c6adf; cursor: pointer; } 
#whats-modal .alert_text { font-size: 14px; color: #e4a60f; } 
#whats-modal .more_text { margin: 10px 0 20px; font-size: 17px; display: flex; flex-direction: column; } 
#whats-modal .more_text strong { font-size: 24px; } 

.video-animated {
    
    height: auto;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: -55%;
    position: fixed;
    transform: translateX(-50%) translateY(50%);
    width: auto;
    z-index: -1;
}


#login-modal.active { opacity: 1; visibility: visible; } 
#login-modal { top: 60px; background: none; position: absolute; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; width: auto; right: -125px; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } 
/* #login-modal input[type="submit"] { background: #ed5f09; width: 100%; color: white; margin: 20px 0 0; padding: 10px; border-radius: 50px; font-weight: 900; text-transform: uppercase; } */
/* #login-modal input, #register-modal input { margin: .5rem .5rem .5rem 0; border-radius: 1rem; padding: .5rem; font-family: "Ubuntu"; box-shadow: none; border: 1px solid #e6e6e6; padding: 10px; } */
#login-modal .modal-content { color: #111170; width: 100%; padding: 4rem; background: #fff; } 

.modals__body{padding-bottom: 30px !important;}
#register-modal { margin-left:25%; top:14%;  } 
#register-modal form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
#register-modal .modal-content { width: 20%; color: #ed5f09; padding: 20px; } 
#register-modal ul.lista-esportes { margin: 10px 0; } 
#register-modal ul.lista-esportes div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
#register-modal ul.lista-esportes div span { margin-right: 5px; height: 100%; margin-top: 7px; } 
#register-modal ul.lista-esportes li { margin-right: 5px; padding: 5px 10px; background: #f3590f; color: white; border-radius: 10px; margin-bottom: 5px; } 
#register-modal ul.lista-esportes li.primary { background: #120a6b; } 
#register-modal h3 { margin: 10px 5px 20px; } 
#register-modal .termos { color:black; margin: 40px 0 10px; } 
#register-modal .termos span { color: #cf5317; } 
#register-modal .modal-termos { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; overflow: hidden; opacity: 0; z-index: -1; } 
#register-modal .modal-termos .modal-content { width: 0; height: 0; } 
#register-modal .modal-termos.active { z-index: 9; opacity: 1; } 
#register-modal .modal-termos.active .modal-content { width: 90%; height: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
#register-modal .modal-termos .terms-text p { line-height: 32px!important; } 
#register-modal .modal-termos .terms-footer { text-align: center } 
#register-modal .modal-termos .terms-text { overflow-y: scroll; margin-bottom: 50px; color: #3e3e3e; font-family: 'Ubuntu'; line-height: 22px; font-size: 14px; } 
#register-modal .modal-termos .terms-footer #close-terms { background: #120a6b; padding: 10px 25px; border-radius: 50px; color: white; } 
#register-modal .modal-termos .terms-footer #close-terms:hover { background: #cac8c8; } 

#register-modal #criar-conta { background: #f3590f; border-radius: 50px; margin-top: 20px; color: white; font-weight: bold; text-transform: uppercase; } 
#register-modal .disabled { background: #a4a4a4; border: none; } 
/* validação */

.warning_form { background: rgba(255, 0, 0, 0.27058823529411763); } 

/* # VIDEOS # */

iframe { width: 100%; height: 290px; margin-bottom: 20px; } 
iframe:hover { cursor: pointer; } 
.video-item { padding: 10px; background: #f5f5f5; margin: 10px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } 
.video-item:hover { -webkit-box-shadow: 0px 0px 17px 1px #b1b1b1; box-shadow: 0px 0px 17px 1px #b1b1b1; margin-top: -10px; cursor: pointer; margin-bottom: 20px; } 
.video-item .heading h2 { font-family: 'Ubuntu'; margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #111170; } 

 /*player*/
.video-list .video-js { width: 100%; height: 150px; background-size: cover; -o-object-fit: cover; object-fit: cover; } 
/* .vjs-poster { background-size: cover; } */
.thumbnail img { height: 250px; width: 100%; -o-object-fit: cover; object-fit: cover; } 
.video-list h2 { font-size: 14px; padding: 10px 0; margin-bottom: 0; line-height: 20px; color: #133B60; font-weight:400;} 
.video-box { margin-bottom: 20px; padding: 0 3px; } 
.video-info { background: #f5f5f5; padding: 5px 10px 10px; height: auto; box-shadow: 5px 5px 15px #888888;border-radius: 10px; width:97.5%;} 
/* .single-video-box .vjs-poster { position: absolute; z-index: 1; top: 0; height: 100%; width: 100%; background: url(https://dev.zpixel.com.br/videolance/wp-content/uploads/2019/03/ctl-1.jpg); background-size: cover; background-position: center; opacity: 0; visibility: hidden; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } 
.vjs-ended .vjs-poster { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; visibility: visible; opacity: 1; } 
.vjs-has-started .vjs-poster { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } */

.video-lance { margin-top: 20px; } 
.related-videos .video-box a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; color: black; } 
.related-videos .video-box a:hover { text-decoration: none; } 
.related-videos .video-box { margin-bottom: 20px; padding: 0 3px; DISPLAY: flex; } 
.related-videos .video-box .thumbnail {height: 114px; margin-bottom: 0; overflow: hidden; } 
.related-videos .video-box .video-info { background: #f5f5f5; padding: 10px 10px 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } 
.related-videos .video-box:hover .video-info { background: #133B60; color:white; cursor: pointer; } 
.related-videos .video-box .video-info .play { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; } 
.playAhead { font-family: VideoJS; border: 3px solid #de5913; border-radius: 150px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #de5913; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.playAhead:before { content: "\f101"; } 
.video-box:hover .playAhead { border-color: white!important;color:#ffffff !important; cursor: pointer; } 
.single-video-box .videoDescription { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; } 
.single-video-box .videoDescription .views { font-size: 14px; color:#fff; } 
.single-video-box .videoDescription .col:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } 
.single-video-box .videoDescription .share a { padding: 15px 20px; margin-left: 10px; height: 50px; line-height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #3b5998; color: white; padding: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; } 
.single-video-box .videoDescription .share i { font-size: 18px; } 
.single-video-box .videoDescription .emoji a { display: flex; align-items: center; justify-content: center; flex: 1; height: auto; position: relative; margin: 0 5px; } 
.single-video-box .videoDescription img { height: 50px; padding: 8px; transition: .2s ease-in-out; margin: auto; width: 50px;} 
.single-video-box .videoDescription img:hover { padding: 2px; } 
.single-video-box .videoDescription .button-donwload a i {padding-right:5px; display:inline;}
.single-video-box .videoDescription .button-donwload img:hover { background: #3b5998; } 
.single-video-box .videoDescription .emoji { margin-left: 30px; display: flex; } 
.single-video-box .videoDescription .emoji .interact_count { position: absolute; right: 0; bottom: 0px; background: #0c0c0cc2; border-radius: 10px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: white; padding: 0; font-size: 12px; } 
.vjs-remaining-time-display { display: none; } 

/* # PAGINAS # */

.subheader { height: 160px; background-attachment: fixed; padding:30px; background-color: #0B3152;} 
.subheaderText {color: white}


/* minha-conta */

.minha-conta { margin: 50px 0; } 
.minha-conta .heading { font-size: 28px; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; margin-bottom: 0px; } 
.minha-conta .heading .user-name { font-size: 28px; color: #212073; text-transform: capitalize; font-weight: bold; } 
.minha-conta .heading .account_disclaimer { font-size: 16px; margin: 10px 0; color: #525252; font-weight: 400; } 

.minha-conta .user-photo { height: 240px; background-size: cover; width: 240px; background-position: center; border-radius: 270px; margin: 0 auto; border: 7px solid #dbe9ff; z-index: 3; position: relative; } 
.minha-conta .account-user-information { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: #1e1d6f; margin-top: -50px; width: 100%; padding: 20px 0 0; } 
.minha-conta .account-user-information ul { background: whitesmoke; padding: 90px 20px 20px; margin: -70px 0 0; } 
.minha-conta .account-user-information ul li { margin-bottom: 5px; font-size: 14px; padding: 5px; border-bottom: 1px solid #dedede; } 
.minha-conta .account-user-information ul li label { font-weight: bold; font-size: 16px; margin-right: 5px; } 
.minha-conta .account-user-information .edit-user-information { text-align: center; padding: 20px 0 0; } 
.minha-conta .account-user-information .edit-user-information a { margin: 0 } 

.content-videos { display: flex; flex-wrap: wrap; width: 100%; } 
.video-list { display: flex; flex-wrap: wrap; } 
.video-filter { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-transform: uppercase; font-size: 13px; } 
.open-filter { border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: center; color: white; font-size: 16px; background: #EA5C19; padding: 3px 20px; } 
.open-filter i {margin-left:10px;}
.open-filter:hover { color: #2c2c2c;; cursor: pointer; } 
.open-filter img { height: 29px; margin-left: 10px; } 
.filter_fields { display: none; margin-bottom: 20px; padding: 20px; background: whitesmoke; } 
.filter_fields .col { flex:1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px; } 
.filter_fields .col.hour { flex:2; } 
.filter_fields label { font-size: 18px; font-weight: 500; border-bottom: 1px solid #ed5f09; text-transform: uppercase; margin-bottom: 15px; color:#ed5f09; } 
.filter_fields select, .filter_fields input { width: 100%; height: 40px; background: #eaeaea; border: 1px solid #cacaca; padding: 10px; font-size: 14px; } 
.filter_fields .close_filter { display: none } 
.row_filter { display: -webkit-box; display: -ms-flexbox; display: flex; } 
.row_filter .col.submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ed5f09; border-radius: 50px; width: 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 5px 0; max-width: 40px; } 
.row_filter .submit img { height: 18px; -webkit-filter: invert(1); filter: invert(1); } 
.row_filter .col.submit:hover { background: #1e1d6f; cursor: pointer; } 
.hour_range { display: -webkit-box; display: -ms-flexbox; display: flex; } 
.hour_range .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; padding: 0 5px; } 
.hour_range .col h4 { margin-right: 10px; } 
.day_filter { width: 100%; } 
.day_filter ul { display: flex; flex-wrap: wrap; flex-direction: row; } 
.day_filter h3 { color: #39393a; font-size: 16px; font-weight: bold; padding: 10px 5px; margin: 5px 3px; width: fit-content; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } 
.day_filter span { color: black; } 
.title_heading { display: flex; align-items: center; font-size: 15px; } 
.title_heading span { color: #1d1d1d; } 
/* editar-informacoes */

.edit_password_btn { height: 30px; background: #de5913; width: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; font-size: 14px; margin-top: 10px; } 
.edit-account-user-information { width: 100%; margin: 30px 0; } 
#edit_user input { width: 100%; padding: 10px; margin: 10px 0px; border: 1px solid #cecece; font-size: 16px; } 
#edit_user h2 { font-size: 18px; margin-bottom: 15px; } 
#edit_user .user-photo { height: 100px; background-size: cover; width: 100px; background-position: center; border-radius: 0; margin: 0; border: 4px solid #dbe9ff; z-index: 3; position: relative; } 
#edit_user select { margin:0; padding: 10px; font-size: 16px; width: 100%; border: 1px solid #b5b5b5; background: #efefef; } 
#edit_user .esportes_usuario { margin: 0 } 
#edit_user .esportes_usuario input[type=checkbox]+label { padding-left:0 } 
#edit_user .btn--update { background-color: #ed5f09; color: #fff !important; font-family: 'Kodchasan' !important; font-size: 2rem !important; padding: 0.5rem !important; border-radius: 10px; width: 20rem !important; } 
#edit_user #img_perfil { opacity: 0; top: 0; height: 100%; margin: 0; } 
.account-content { padding: 0 10px } 


/* Paginação */
.onl-pagination { width: 100%; text-align: center; display: flex; align-content: center; justify-content: center; font-size: 22px;} 
.onl-pagination a:hover { background: #0B3152; text-decoration: none; } 
.onl-pagination a { background: #EA5C19; color: white; padding: 10px; transition: .2s ease-in-out; padding: 5px 10px; border-radius: 25px; margin: 2px;} 
.onl-pagination .current { background: #0B3152; color: white; padding: 15px; transition: .2s ease-in-out; padding: 5px 10px; border-radius: 25px;} 



/* # Sobreescrevendo SCSS # */

.btn:link, .btn:visited { display: inline-block; padding: 5px 40px; border-radius: 10rem; font-family: 'Kodchasan'; font-size: 14px; text-align: center; transition: all .2s; backface-visibility: none; } 
.btn--primary { background-color: white; color: #133B60; } 
#header .btn:hover { color: white; background: #133B60; } 
.video__thumb-box { margin-top: 5rem; } 
.video { height: auto; margin-bottom: 0px; padding-bottom: 50px !important; } 
.video .btn:hover { background: #fb721f; } 

.term-disabled { background-color: grey !important; } 
.term-disabled:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } 
#show-terms { color: #f65622; font-weight: bold; } 
#show-terms:hover { cursor: pointer; color: black; } 
#new_user select { color: #575757; background-color: #f5f5f5; } 
.video-alert { padding: 10px 20px; background: #f35454; margin: 15px; border-radius: 5px; color: white; font-size: 17px; } 
.modals__checkbox + .modals__checkbox-text::before { display: none!important; } 
.term-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; } 
#new_user input[type="checkbox"] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 10px; } 

#contact-modal { background-image: linear-gradient(to right bottom, rgba(25, 25, 25, 0.8), 60%, rgb(0, 0, 0))!important; } 
.contact_modal { height: 50%; width: 40%; background: white; position: relative; } 
.contact_modal .logo_onl { position: absolute; top: 0; z-index: 9; width: 100%; display: flex; align-items: center; justify-content: center; } 
.contact_modal .logo_onl img { height: 190px; } 


#comofunciona-web { display:block; } 
#comofunciona-mobile { display:none; }


.contact_modal .box_information { width: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 20px; color: white; } 

.contact_modal .box_form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 20px; } 

#contact-modal h3 { margin: 0; } 

.contact_modal .contact_image_information { flex: 1; height: 100%; background: url(https://videolance.com.br/wp-content/themes/onl/assets/images/bg_home.jpg); background-size: cover; display: flex; } 

.contact_modal_form { z-index: 99; } 

.contact_modal_form .head_information { display: flex; flex-direction: column; align-items: flex-end; text-align: right; font-size: 18px; line-height: 19px; font-weight: 200; color: #1b377d; position: relative; } 

.contact_modal_form .head_information .title { width: 100%; margin-bottom: 6px; font-size: 22px; color: #1b377d; font-weight: 700; } 
.contact_modal_form .head_information .whatsapp_link { bottom: -50px; right: -35px; z-index: 99; position: absolute; } 

.contact_modal .box_information .description { display: flex; flex-direction: column; font-size: 14px; } 

.contact_modal .box_information .title h3 { font-size: 30px; font-weight: initial; } 

.contact_modal .box_information .title h4 { font-size: 20px; font-weight: 700; } 

.contact_modal .box_information .description h5 { font-size: 20px; margin: 5px 0; font-weight: 700; } 



.botao-wpp { text-decoration: none; color: #eee; display: inline-block; background-color: #25d366; font-weight: bold; padding: 1rem 5.5rem; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; } 
 
 .botao-wpp:hover { background-color: #125575; color: white; text-decoration: none; } 
 
 .botao-wpp:focus { background-color: #207ba7; color: white; text-decoration: none; } 

 .onl_form .form-control input, .onl_form .form-control textarea { width: 100%; padding: 10px; border: none; background: #d4dfe7; } 

.onl_form .form-control { border: none; width: 100%; padding: 0; margin-bottom: 15px; } 

.onl_form input[type="submit"]:hover { background: #256daf; cursor: pointer; } 

.onl_form input[type="submit"] { border: none; width: 100%; box-sizing: border-box; display: flex; overflow: hidden; background: #e84f1d; padding: 10px; font-size: 14px; align-items: center; justify-content: center; color: white; text-transform: uppercase; font-weight: 300; transition: .5s ease-in-out; } 

/*termos e condições*/

.termo-text { font-size: 16px; margin-top: 20px; font-weight: 500; text-align: left; } 


/* Sobrepoe MAIN.css */

.btn--animated:link, .btn--animated:visited { padding-top: 10px; padding-bottom: 10px; font-family: 'Ubuntu'; font-size: 32px; font-weight: 300; color: #fff; } 
.footer__contact { padding: 10px 0; } 
.divLeftFooter {padding: 40px; color:white; font-size:20px;}
.divRightFooter {margin-top: 40px;}
.modals__field, .modals__label { font-size: 14px;font-weight:300; } 
.modals__label { font-size: 15px;font-weight:600; } 
.circleIconSocial {
    background-color: transparent;
    border:3px solid white;    
    height:50px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:50px;
    padding:8px;
    display:inline-block;
    margin:3px;
}
.lb_onl_footer{font-weight: 100;}
.btn_contact_footer{
    background-color: #EA5C19;
    height: 95px;
    width: 55%;
    right: 0px;
    position:absolute;
    font-size:2.4rem;
    color:white;
    border:none;
     border-top-left-radius: 60px;border-bottom-left-radius: 60px;
    margin-top: 3rem;
}

*:focus {
    outline: 0 !important;
}

button span {
    display: inline-block;
    vertical-align: middle;
}

.date {
    display: inline-block;
    margin-bottom: 5px;
    font-size:12px;
}

div.wpcf7 .ajax-loader,div.wpcf7-response-output, .wpcf7-display-none,div.wpcf7-mail-sent-ok { display:none!important } 

.header__logo-box { text-align: center; margin-top: 5px; left: 0; height:130px;} 

.col-12 .col-md-6 .title {color: white; margin-top:20px; margin-left: -40px; margin-right: 50px;}

#title-m{
    margin-left: -6%;
}

#img-footer {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    height: 130px;
}
/* MEDIA QUERIES */


@media only screen and (max-width : 1370px){
 .contact_modal { height: 80%; width: 60%; } 
 .btn_contact_footer{

    padding-left:8%;
}
#img-footer {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    height:130px;
}


 }
 
@media only screen and (max-width : 1200px) { 
    
    #img-footer {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    height:130px;
    }
 
} 


@media only screen and (max-width : 992px){
 .header__logo img { position: relative; height: 20vh; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-top: 25px; margin-left: 9% !important;} 
 
 
 .btn--primary {background-color:#133B60; color:#ffffff;}

 .btn_contact_footer{
    background-color: #fff;
    height: 90px;
    width: 100%;
    position:absolute;
    font-size:20px;
    color:#EA5C19;
    border:none;
    border-radius: 60px;
    margin-top: 0px;
    padding-left:5%;

}
#img-footer {
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    height: 130px;
}

#comofunciona-web { display:none; } 
#comofunciona-mobile { display:block; min-width: 300px;}

.btn--animated:link, .btn--animated:visited { padding-top: 10px; padding-bottom: 10px; font-family: 'Ubuntu'; font-size: 22px; font-weight: 300; color: #fff; } 

.single-video-box .videoDescription .button-donwload a { background: #de5913; padding: 15px 12px; margin-left: 0px; color: white; font-size: 14px; float:right; margin-top:10px; margin-bottom:10px; margin-right:0px;display:inline;} 

    
#title-m{right:90% !important;}
#title-m h2{color:#de5913;}

.video-animated {
    height: auto;
    min-width: 100%;
    min-height: 100%;
    left: 98% ;
    top: -60% ;
    position: fixed;
    transform: translateX(-50%) translateY(50%);
    width: auto;
    z-index: -1;
}

.col-12 .col-md-6 .title {right:90% !important;}
.heading-primary { font-family: 'Ubuntu'; font-size: 2.6rem; font-weight: 400; color: #fff; } 
.heading-secondary { font-size: 2.5rem !important;  }
 .filter_fields .col.hour { flex: 1 } 
 .xs-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } 
.main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.main__text-box { position: relative; top: -50px } 
.mobile_menu { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 99999 } 
.header-btns .header__button-box li a { display: none; } 
.logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.home_video_cta-btn { margin-top: 10px } 
.home_video_cta .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } 

 /* Header */
 .close-modal { position: absolute; top: 20px; right: 20px; -webkit-filter: invert(1); filter: invert(1); } 
#login-modal { top: 0; width: 100%; left: 0; right: 0; height: 100vh; position: fixed; } 
#login-modal .modal-content { color: #111170; width: 100%; padding: 4rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
#register-modal .modal-content { width: 100%; color: #ed5f09; padding: 30px; height: 100VH; } 
#loginform p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.modals { width: 100%; background: white; margin: 0; } 
.header-btns .modals .modals__social a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.header-btns .modals .modals__social a i { margin-right: 15px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; } 
.header-btns .modals .modals__invite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.header-btns .modals .modals__invite p { display: -webkit-box; display: -ms-flexbox; display: flex; } 
.header-btns .modals .modals__invite__link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 5px; color: #768ab7; } 

.page .header__logo img { height: 90px; margin-top: 170px; } 
.page .subheader { height: 220px; margin-bottom: 40px; } 
.page .header__logo-box { margin-top: 0; } 
#header.fixed { height: 90px; } 
#header.fixed .header__logo img { height: 80px; } 
 /* Mobile Menu */

.mobile_menu .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.mobile_menu .btn.btn-modal { padding: 10px 30px; margin: 0 5px; } 
.mobile_menu li { padding: 0; } 
.mobile_menu .btn { border-radius: 0; border-bottom: 1px solid whitesmoke; } 
.mobile_menu .btn.active { background: #133B60; color: white; font-weight: bold; } 
.mobile_menu .btn:hover { color: white; text-decoration: none; } 
.mobile_menu .container { width: 100%; max-width: 100%; padding: 0 } 
.mobile_menu i { font-size: 24px; color: #e4e4e4;; padding: 10px 0 0; } 
.mobile_menu .container.logged-in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 0; } 

/* Minha Conta */
/* .minha-conta .user-photo { height: 340px; } */
.minha-conta.global { margin: 0; } 
.minha-conta { margin: 0; } 
.minha-conta .account-content { margin-top: 10px; } 
.minha-conta .account-user-information { z-index: 99; display: none; background: #1e1d6f; width: 100%; padding: 20px 0 0; position: fixed; padding: 0; left: 0; margin: 0; top: 0; padding-top: 40px; height: 100%; } 
.minha-conta .account-user-information.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
.minha-conta .account-user-information ul { height: 100%; } 
.account.account-user-information { display: none!important; } 
.minha-conta .heading {margin-top:30px;}

.filter_fields { display: none; margin-bottom: 5px; padding: 40px; background: #133B60; position: fixed; top: 0; left: 0; height: 100%; z-index: 99; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; align-items: center; justify-content: center; } 
.filter_fields.ativo { display:flex!important; } 
.filter_fields .row_filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 80%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.filter_fields .close_filter { position: absolute; top: 0; right: 0; padding: 10px 25px; background: #133B60; color: #eaeaea; font-size: 18px; width: 100%; text-align: right; display: flex; align-items: flex-end; justify-content: flex-end; } 
.filter_fields .close_filter.ativo { display:-webkit-box; display:-ms-flexbox; display:flex; } 
.filter_fields .hour_range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } 
.filter_fields select, .filter_fields input { background: #eaeaea; border: 1px solid #cacaca; padding: 10px; font-size: 14px; height: 40px !important; width: 100%; } 
.filter_fields .hour_range .col, .filter_fields .col { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 5px; -ms-flex-preferred-size: auto; flex-basis: auto; padding: 0; margin: 0 0 20px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } 
.filter_fields .hour_range .col select { width: 100%;} 
.filter_fields .row_filter .hour { margin-bottom: 50px } 
.filter_fields label { font-size: 14px; font-weight: 500; border-bottom: 1px solid #ed5f09; text-transform: uppercase; margin-bottom: 15px; color: white; } 
.filter_fields .row_filter .col.submit a { background: #ed5f09; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; border-radius: 40px; width: 100%; height: 60px; margin-top: auto !important; } 
.row_filter .col.submit { width: 100%; height: auto; max-width: 100%; padding: 0; background: none; margin: 0; } 
.row_filter .col.submit:hover { background:none } 
.filter_fields .row_filter .col.submit a:hover { background: #212073; } 
.video-list .thumbnail img { height: 100%; } 
.hour_range .col h4 { margin-right: 10px; color: white; } 
.single-video-box .videoDescription { margin-bottom: 30px } 
.open-filter { width: 100%; justify-content: center; } 
#edit_user .btn--update { width: 100%!important } 

.onl-pagination { margin-bottom: 40px; } 

/* Form Contact modal */


#contact-modal { align-items: flex-start; } 
.contact_modal_form .head_information .whatsapp_link { margin: 10px; z-index: 99; bottom: inherit; right: inherit; position: relative; } 
.contact_modal .logo_onl { display:none; } 
.contact_modal .box_form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px 60px; } 
.contact_modal_form { z-index: 99; height: 70%; } 
.contact_modal .contact_image_information { flex: 1; height: 25%; background-size: inherit; display: flex; } 
.contact_modal .box_information { width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 40px 20px; color: white; align-items: center; } 
.contact_modal_form .head_information { padding: 40px 0; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 18px; line-height: 19px; font-weight: 200; color: #1b377d; position: relative; } 
.contact_modal { height: auto; width: 90%; background: white; position: relative; display: flex; } 

/* Footer */

#footer { padding-bottom: 10px; } 
#footer .row .col-12 .footer__navigation, #footer .row .col-12 .footer__contact { border-top: none; } 
#footer .row .col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
#footer .row { padding-bottom: 10px; } 

#whats-modal .whats_content { flex-direction: column; margin-top: 190px; } 

#whats-modal .close-modal { position: absolute; top: 30px; right: 40px; -webkit-filter: invert(1); filter: invert(1); z-index: 999; } 
.modal { overflow: scroll; padding-bottom: 40px; } 

.footer__logo-box { text-align: center; margin-top: 90px;} 
.footer__logo { width: 7rem; height: auto; margin: 0; margin-top: -40px; } 

 }

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

@media only screen and (max-width: 576px) {
    #register-modal { 
    margin-left:0; 
    top:0; 
    /*display:none !important; */
    /*width: 0 !important; */
        
    }
    .modals {
        height:100% !important;
    }
    .header{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .page .subheader { height: 320px; margin-bottom: 40px; } 
    .page .header__logo img {
     margin-top: -80px !important; 
    }
    #title-m{
        margin-left: -40px;
        margin-top: 150px !important;
    }
    #views1{
     width:100% !important;   
    }
    #share1{
        /*background:purple;*/
        margin-top:50px;
        margin-left: -100px;
    float:left;
     width:100% !important;   
    }

    .single-video-box .videoDescription img {
        margin-top: 0 !important;
    }
    .filter_fields .row_filter .col.submit a { background: #ed5f09; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; border-radius: 40px; width: 100%; height: 50px !important; margin-top: 140px !important; } 

#avatar{ 
    display:none;
}

#welcome{
        display:none;

}

.video-list h2 { font-size: 1.5em !important; padding: 10px 0; margin-bottom: 0; line-height: 20px;} 

.video-info .col h2 {font-size: 1.75em; }
.video-info .col h3 {font-size: 1.25em; color: gray;}
.video-info { padding-top:10px; } 


.reload_background.activeReload { display:none; } 


.single-video-box .videoDescription img { height: 50px; padding: 8px; transition: .2s ease-in-out; margin: auto; width: 50px; margin-top:50px; } 



}


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

@media only screen and (max-width: 295px){
 .mobile_menu .btn.btn-modal { padding: 5px 10px; margin: 0; } 
 }
/* 
.footer { clear: both; position: relative; bottom: 0; background-color: #133B60; } 
.footer__logo-box { text-align: center; } 
.footer__logo { width: 7rem; height: auto; margin: 3rem 0; } 
.footer__navigation { display: inline-block; padding-top: 1rem; border-top: 1px solid rgba(119, 119, 119, 0.6); } 
@media (max-width: 576px){
 .footer__navigation { display: block; } 
 }
.footer__list { padding-left: 3rem; padding-right: 3rem; padding-bottom: 1rem; list-style: none; border-bottom: 1px solid rgba(119, 119, 119, 0.6); } 
@media (max-width: 576px){
 .footer__list { padding-left: 0; padding-right: 0; text-align: center; } 
 }
.footer__item { font-family: "Kodchasan", sans-serif; } 
.footer__item:not(:last-child) { margin-right: 2rem; } 
.footer__link { font-size: 1.6rem; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.footer__link:link, .footer__link:visited { text-decoration: none; color: white; } 
.footer__link:hover, .footer__link:active { color: #ED5F09; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3); } 
.footer__copyright { padding: 2rem 0; font-family: "Kodchasan", sans-serif; text-align: center; color: white; opacity: 0.6; } 
@media (max-width: 576px){
 .footer__copyright { padding: 0; margin-bottom: 4rem; } 
 }
.footer__social-heading { padding-bottom: 1rem; font-family: "Kodchasan", sans-serif; font-size: 1.6rem; color: white; } 
.footer__social-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; } 
.footer__social-item { list-style: none; } 
.footer__social-link { font-size: 3rem; color: white; opacity: 0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.footer__social-link:hover, .footer__social-link:visited { color: white; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 1; } 
.footer__social-link i { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.footer__social-link i:hover { color: white; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 1; } 
.footer__contact { display: inline-block; padding: 1rem 3rem; border-top: 1px solid rgba(119, 119, 119, 0.6); font-family: "Kodchasan", sans-serif; border-bottom: 1px solid rgba(119, 119, 119, 0.6); font-size: 1.6rem; color: white; } 
.footer__modal__jumbo-bg { background: -webkit-linear-gradient(left, rgba(72, 82, 168, 0.6), rgba(72, 82, 168, 0.6)), url("../images/contact-bg.jpeg") no-repeat center; background: linear-gradient(to right, rgba(72, 82, 168, 0.6), rgba(72, 82, 168, 0.6)), url("../images/contact-bg.jpeg") no-repeat center; background-size: cover; } 
.footer__modal__heading { color: white; } 
.footer__modal__text { color: white; } */