html{overflow-x:hidden;max-width:100vw}
body{overflow-x:hidden;height:100%;margin:0;padding-right:0!important;padding-left:0!important;}
.container-fluid{padding: 0;}
.navbar-toggler:focus,.navbar-toggler-icon:focus,.form-control:focus,.form-select:focus {outline: none; box-shadow: none;}

/*menu*/
.navbar{background-color: #001137!important; padding-top: 15px; padding-bottom: 15px;}
.navbar-nav{font-family: 'Aeonik Medium'; text-transform: uppercase; font-size: 15px;}
.navbar-nav .nav-item{padding-left: 15px; padding-right: 15px; }
.navbar-nav .nav-item a{color: #fff;}
.navbar-nav .nav-item a:hover{color: #00b2e2;}
.navbar-nav .nav-item .active{font-family: 'Aeonik Black'; color: #00b2e2;}
.navbar .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137;}
.navbar .btn-primary:hover{background-color: #fff!important; border-color: #fff!important; color: #00b2e2;}
.navbar-toggler{border: 0}
.navbar-toggler span {display: block;  background-color: #fff;  height: 3px;  width: 32px;  margin-top: 0px;  margin-bottom: 5px;  position: relative;  left: 0;  opacity: 1;  transition: all 0.35s ease-out;  transform-origin: center left;}
.modal-header{border-bottom: 0;}
.btn-close-white{opacity: 1;}

.txtml{font-size: 11px; padding-left: 0px!important; padding-right: 0px!important;}
.navbar .bg-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; margin-top: -15px; margin-bottom: -15px; /* padding-bottom: 0px; */ padding-top: 11px; padding-left: 5px; padding-right: 5px;}
.navbar .bg-primary h6{font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137;}
.navbar .bg-primary p{font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 11px; }

/*footer*/
footer{background-color: #85e5ff;}
footer h6{font-family: 'Aeonik Black'; color: #001137; font-size: 16px;}
footer .box{border: 2px solid #001137; text-align: center; padding: 5px 0 0 0;}
footer p{font-family: 'Aeonik Medium'; font-size: 10px; color: #001137;}
footer p b{font-family: 'Aeonik Black';}
footer p a{color: #001137;}

/*home*/
.home{background-image: url("../images/bg-home-nws.jpg"); background-repeat: no-repeat; background-position: top left; background-size: cover;}
.home .btn-primary{background-color: #001137!important; border-color: #001137!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #fff; font-size: 32px;}
.home .btn-primary:hover{background-color: #fff!important; border-color: #fff!important; color: #00b2e2;}
.home .line{text-align: right;}
.home .strada{margin-top: -60px;}
.home p{font-family: 'Aeonik Regular'; font-size: 12px; line-height: 14px;}
.home p span{font-family: 'Aeonik Regular'; font-size: 9px; line-height: 12px;}
.home .line{text-align: right;}

/*como participar*/
.como{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px;}
.como .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 32px; padding-left: 25px; padding-right: 25px;}
.como .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.como h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.como p{font-family: 'Aeonik Regular';}

/*cadastro*/
.cadastro{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px; background-color: #ececec;}
.cadastro .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 32px; padding-left: 35px; padding-right: 35px;}
.cadastro .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.cadastro h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.cadastro h2{font-family: 'Aeonik Black'; color: #00b2e2; text-transform: uppercase; padding-bottom: 20px;}
.cadastro h3{font-family: 'Aeonik Medium'; color: #001137; text-transform: uppercase; padding-bottom: 20px;}
.cadastro .form-control{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca;}
.cadastro input::placeholder {color: #c3c5ca;}
.cadastro label{font-family: 'Aeonik Bold'; text-transform: uppercase; color: #001137;}
.cadastro .form-check-label{font-family: 'Aeonik Regular'; color: #262626; font-size: 13px;}
.cadastro .lb{font-family: 'Aeonik Regular'; color: #262626; font-size: 11px; text-transform: none;}
.cadastro .form-check-input:checked{background-color: #00b2e2; border: 0;}
.cadastro .box{border: 3px solid #001137; padding: 10px;}
.cadastro .box h2{font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 22px; background-color: #00b2e2; padding: 5px;}
.cadastro .box h3{font-family: 'Aeonik Black'; color: #001137; margin-top: 20px; margin-bottom: 20px;}
.cadastro .box p{font-family: 'Aeonik Medium'; color: #001137;}
.cadastro .box hr{width: 100%; width: 85%; margin-left: 7.5%; height: 4px; border: 0px; border-top: 2px solid #001137; background-color: #001137; opacity: 1;}
.cadastro .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color: #262626;}
.cadastro .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{background-color: #00b2e2; border: 0;}
.cadastro .form-control.is-valid, .was-validated .form-control:valid{background-image:none}
.cadastro .form-control.is-invalid, .was-validated .form-control:invalid{background-image:none}

/*premiacao*/
.premiacao{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px;}
.premiacao h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}

/*ganhador*/
.ganha{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px;}
.ganha h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.ganha h2{font-family: 'Aeonik Black'; color: #00b2e2; text-transform: uppercase;}
.ganha table th{font-family: 'Aeonik Bold'; color: #001137; text-transform: uppercase; font-size: 21px; background-color: #FDEBCC;}
.ganha table td{font-family: 'Aeonik Medium'; color: #001137; text-transform: uppercase;}

/*regulamento*/
.regula{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px;}
.regula h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.regula p{font-family: 'Aeonik Medium'; color: #001137;}
.regula .boxregula a{color: #00b2e2}
.regula .boxregula{ height:690px; width: 100%; overflow:scroll; overflow-x: hidden; padding:10px } /* limitando altura do box */
.regula .boxregula::-webkit-scrollbar { width:10px; background:#001137; border-radius: 15px; border:0px solid #ADAFB2; } /* configurando scroll */
.regula .boxregula::-webkit-scrollbar-track { background: transparent;}
.regula .boxregula::-webkit-scrollbar-thumb { width: 20px; height: 75px; background-image: url("../images/track.png"); background-repeat: no-repeat; background-position: top center;  }
.regula .tbld2{font-size: 12px; font-family: 'Aeonik Regular'; }

/*faq*/
.faq{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 85px;}
.faq h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.faq h2{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase; text-align: center;}
.faq .boxfaq a{color: #00b2e2}
.faq .boxfaq{ height:390px; width: 100%; overflow:scroll; overflow-x: hidden; padding:10px } /* limitando altura do box */
.faq .boxfaq::-webkit-scrollbar { width:10px; background:#001137; border-radius: 15px; border:0px solid #ADAFB2; } /* configurando scroll */
.faq .boxfaq::-webkit-scrollbar-track { background: transparent;}
.faq .boxfaq::-webkit-scrollbar-thumb { width: 20px; height: 75px; background-image: url("../images/track.png"); background-repeat: no-repeat; background-position: top center;  }
.faq .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 32px; padding-left: 35px; padding-right: 35px;}
.faq .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.faq .form-control{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca; background-color: #f0f0f0;}
.faq .form-select{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca; background-color: #f0f0f0;}
.faq input::placeholder {color: #c3c5ca;}
.faq textarea::placeholder {color: #c3c5ca;}

.faq .accordion-item{background-color: #001137!important; border:0; color: #fff; margin-bottom: 5px;}
.faq .accordion-item a{color: #fff}
.faq .accordion-button{border:0; border-radius: 0!important; background-color: #00b2e2!important; margin-bottom: 0px; font-family: 'Aeonik Black'; color: #fff!important; font-size: 17px; }
.faq .accordion-button span{ font-family: 'Aeonik Black'; font-size: 22px; padding-right: 5px; color: #fff}
.faq .accordion-collapse{border:0!important;}
.faq .accordion-button:not(.collapsed) {color: #232e34;    background-color: #001137!important; box-shadow:inset 0 -1px 0 rgb(0 0 0 / 0%);}
.faq .accordion-button:focus {    z-index: 3;    border-color: #e2343c;    outline: 0; box-shadow: 0 0 0 0 rgb(226 52 60 / 25%); color: #232e34}
.faq .accordion-body{font-family: 'Aeonik Medium'; color: #fff; font-size: 15px; margin-bottom: 15px;}
.faq .accordion-button::after {background-image: url("../images/more.png");}
.faq .accordion-button:not(.collapsed)::after {background-image: url("../images/more-n.png");}

/*login*/
.login{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 385px; background-color: #ececec;}
.login h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.login p a{font-family: 'Aeonik Regular'; color: #262626; text-transform: uppercase; font-size: 14px;}
.login .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 22px; padding-left: 55px; padding-right: 55px;}
.login .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.login .form-control{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca;}
.login .form-select{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca; font-size: 16px;}
.login input::placeholder {color: #c3c5ca;}
.login .form-check-label{font-family: 'Aeonik Regular'; color: #262626; font-size: 13px;}
.login .form-check-input:checked{background-color: #00b2e2; border: 0;}
.login .form-control.is-invalid, .was-validated .form-control:invalid{background-image:none}
.login .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:none}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:none}

.login .box{background-color: #001137; padding: 15px;}
.login .box h6{font-family: 'Aeonik Regular'; color: #fff; font-size: 11px; padding-left: 5px;}
.login #formFileinput{width: 73%; font-family: 'Aeonik Regular'; border-radius: 0px; border: 0px solid #ADAFB2; height: 35px; font-style: normal!important; font-size: 15px!important; overflow:hidden; margin-right: 15px; background-color: #fff; margin-top: -15px; padding: 10px; color: #c3c5ca;}
.login #formFileinput::placeholder{color: #c3c5ca; text-transform: uppercase;}

.login .custom-file-input {width: 245px; font-family: 'Aeonik Regular'; border-radius: 10px; border:0; height: 35px; font-style: normal!important; font-size: 15px!important; overflow:hidden;}
.login input.custom-file-input {opacity: 0; left: 0; top: 0; height: 1px; width: 1px}
.login #browse {font-family: 'Aeonik Black'; text-transform: uppercase; border-radius: 0px; border-color: transparent!important; font-size: 16px; padding-left: 35px; padding-right: 35px; margin-top: -5px}
.login #browse:hover{background-color: #fff!important; border-color: #fff!important; color: #00b2e2;}

.custom-tooltip {--bs-tooltip-bg: #00b2e2; --bs-tooltip-color: #fff; --bs-tooltip-max-width: 450px !important;}

/*meus números*/
.mnumeros{background-image: url("../images/lateral-bg.png"); background-repeat: repeat-y; background-position: top left -50px; padding-bottom: 385px; background-color: #ececec;}
.mnumeros h1{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase;}
.mnumeros table th{font-family: 'Aeonik Bold'; text-transform: uppercase; color: #fff; background-color: #00b2e2;}
.mnumeros tbody, td, tfoot, th, thead, tr{border-width:3px; border-color: #ececec;}
.mnumeros td{font-family: 'Aeonik Medium'; text-transform: uppercase; color: #6d6d6d; font-size: 14px;}
.mnumeros p{font-family: 'Aeonik Medium'; color: #001137;}

/*Modal*/
.modal-backdrop {--bs-backdrop-bg: #00b2e2; --bs-backdrop-opacity: 0.9; z-index: 2}
.modal-header{border-bottom: 0}

.modalcarrega{border-radius: 15px; background-color: transparent; border-color: transparent;}
.modalcarrega h6{font-family: 'Aeonik Bold'; font-size: 14px; color: #fff}

.modal-content h2{font-family: 'Aeonik Bold'; text-transform: uppercase; color: #00b2e2}
.modal-content p{font-family: 'Aeonik Regular'; color: #262626; text-transform: uppercase; font-size: 14px;}
.modal-content .btn-primary{background-color: #00b2e2!important; border-color: #00b2e2!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #001137; font-size: 22px; padding-left: 25px; padding-right: 25px;}
.modal-content .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.modal-content .form-control{font-family: 'Aeonik Regular'; border-radius: 0; border: 0; color: #c3c5ca; background-color: #ececec;}
.modal-content input::placeholder {color: #c3c5ca;}
.modal-content .btn-white{font-family: 'Aeonik Black'; text-transform: uppercase; color: #fff; font-size: 22px; background-color: #001137; padding-left: 25px; padding-right: 25px; border-radius: 0;}

.modal-saldo{background-color: transparent; border: 0; border-radius: 0;}
.modal-saldo .box{background-color: #F0F2D8; border: 2px solid #0F1833; padding: 15px;}
.modal-saldo h3{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase; padding: 10px; font-size: 20px; background-color: #00b2e2;}
.modal-saldo h4{font-family: 'Aeonik Black'; color: #001137; text-transform: uppercase; padding-top: 20px; font-size: 29px;}
.modal-saldo .box hr{width: 100%; width: 90%; margin-left: 5%; height: 3px; border: 0px; border-top: 2px solid #001137; background-color: #001137; opacity: 1;}
.modal-saldo .box p{font-family: 'Aeonik Medium'; color: #001137; text-transform: none;}

/*error*/
.error{font-family: 'Aeonik Medium'; font-size: 12px; color: #f10}
#formFile-error{position:absolute; margin-top: 12px;}

/*media*/
@media (min-width: 1921px) {

}

@media (max-width: 1680px) {
.como{background-position: top left -130px;}
.cadastro{background-position: top left -130px;}
.premiacao{background-position: top left -130px;}
.ganha{background-position: top left -130px;}
.regula{background-position: top left -130px;}
.faq{background-position: top left -130px;}
.login{background-position: top left -130px;}
.mnumeros{background-position: top left -130px;}
}

@media (max-width: 1536px) {
.como{background-position: top left -160px;}
.cadastro{background-position: top left -160px;}
.premiacao{background-position: top left -160px;}
.ganha{background-position: top left -160px;}
.regula{background-position: top left -160px;}
.faq{background-position: top left -160px;}
.login{background-position: top left -160px;}
.mnumeros{background-position: top left -160px;}
}

@media (max-width: 1440px) {

}

@media (max-width: 1400px) {
}

@media (max-width: 1366px) {
.navbar-nav{font-size: 13px;}
.navbar-nav .nav-item{padding-left: 10px; padding-right: 10px; }
.home .btn-primary{font-size: 28px;}
.txtml{font-size: 11px; text-align: center;}
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {
.como{background-position: top left -200px;}
.cadastro{background-position: top left -200px;}
.premiacao{background-position: top left -200px;}
.ganha{background-position: top left -200px;}
.regula{background-position: top left -200px;}
.faq{background-position: top left -200px;}
.login{background-position: top left -200px;}
.mnumeros{background-position: top left -200px;}
}

@media (max-width: 1024px) {
.navbar-nav{font-size: 12px;}
.navbar-nav .nav-item{padding-left: 0px; padding-right: 0px; }
.como{background-position: top left -220px;}
.cadastro{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.premiacao{background-position: top left -220px;}
.ganha{background-position: top left -220px;}
.regula{background-position: top left -220px;}
.faq{background-position: top left -220px;}
.login{background-position: top left -220px;}
.txtml{font-size: 10px;}
.mnumeros{background-position: top left -220px;}
.home .qrcode{width: 70%;}
}

@media (max-width: 991px) {
.navbar-nav .nav-item{padding-left: 0px; padding-right: 15px; margin-bottom: 25px;}
.navbar .btn-primary{margin-right: 15px;}
.navbar-nav .nav-item .active{color: #001137; text-decoration: underline;}
.menu{margin: 0px 0px 0px 35%!important; max-width:68%; }
.menuc{background-color: #00b2e2; border-radius: 0!important; font-family: 'Aeonik Medium'; font-size: 16px; text-transform: uppercase;}
.menuc .nav-item a{color: #fff;}
.menuc .nav-item a:hover{color: #001137;}
.menuc .nav-item .active{font-family: 'Aeonik Black'; color: #001137; text-decoration: underline;}
.menuc .btn-primary{background-color: #001137!important; border-color: #001137!important; border-radius: 0; font-family: 'Aeonik Black'; text-transform: uppercase; color: #fff; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; font-size: 19px; padding: 10px 28px 10px 28px;}
.menuc .btn-primary:hover{background-color: #fff!important; border-color: #fff!important; color: #00b2e2;}
footer .line{margin-top: 40px!important;}
footer .line2{margin-top: 40px!important; margin-left: 50px;}
.home .line{text-align: center;}
.home .btn-primary:hover{background-color: #001137!important; border-color: #001137!important; color: #00b2e2;}
.home p{text-align: center;}
.home .line{text-align: center;}
.home .qrcode{width: 20%; padding-bottom: 15px;}
.home{background-image: url("../images/bg-home-nws-m.jpg");}
.home .strada{margin-top: -40px;}

.como{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.premiacao{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.ganha{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.ganha h2{text-align: center;}
.regula{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.faq{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.login{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.mnumeros{background-image: url("../images/lateral-bg-m.png"); background-repeat: no-repeat; background-position: bottom -50px left; padding-bottom: 170px; background-size: contain;}
.mnumeros tbody, td, tfoot, th, thead, tr{border-width:0px;}
.mnumeros .table>:not(caption)>*>*{border: 0;}
.modal-content .txtmm{color: #fff;}
}

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

@media (max-width: 767px) {

}

@media (max-width: 480px) {
.como{background-position: bottom left;}
.como .btn-primary{font-size: 22px;}
.cadastro{background-position: bottom left;}
.premiacao{background-position: bottom left;}
.ganha{background-position: bottom left;}
.regula{background-position: bottom left;}
.regula .boxregula{ height:auto; overflow: auto;}
.faq{background-position: bottom left;}
.faq .boxfaq{ height:auto; overflow: auto;}
.faq .btn-primary{font-size: 22px;}
.login .btn-primary{font-size: 22px;}
.login{background-position: bottom left;}
.mnumeros{background-position: bottom left;}
.login #formFileinput{width: 100%;}
.login #browse {margin-top: 15px; margin-bottom: 15px;}
#formFile-error{margin-top: 57px;}
.custom-tooltip {--bs-tooltip-max-width: 360px!important;}
}

@media (max-width: 390px) {

.menuc{font-size: 17px;}

}

@media (max-width: 320px) {

}