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

/*topo*/
.navbar{background-color: #0086ff!important; padding-top: 20px; padding-bottom: 20px; font-family: 'Magalu Textos Regular';}
.navbar-brand{width: 18%;}
.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;}
.navbar-toggler span:nth-child(1) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(2) {  opacity: 1;}
.navbar-toggler span:nth-child(3) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(1) {  margin-top: 0.3em;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {  transform: translate(15%, -194%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) {  opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {  transform: translate(15%, 33%) rotate(-45deg);}
.navbar li{padding-left: 15px; padding-right: 15px;}
.navbar li a{color: #fff; font-size: 19px; font-weight: 500;}
.navbar li a:hover{color: #FCC14A!important;}
.navbar .active{color: #fff!important; font-size: 19px; font-weight: 600; text-decoration: underline;}
.navbar p{font-family: 'Magalu Textos Light'; color: #fff; line-height: 10px;}
.navbar p b{font-family: 'Magalu Textos Bold'; color: #F6BF36;}

/*banner*/
.banner{margin-top: 80px;}

/*placas*/
.placas{margin-top: -40px;}
.placas .box{background-color: #0086ff; padding: 25px; height: 200px; border-radius: 35px; margin-bottom: 15px;}
.placas h1{font-family: 'Magalu Textos Regular'; text-transform: uppercase; color: #000; font-size: 53px;}
.placas h1 b{font-family: 'Magalu Textos Bold'; color: #0086ff;}
.placas h1 span{display: block;}
.placas .box h2{color: #fff; font-weight: 600; margin-bottom: 15px; font-family: 'Magalu Textos Bold'; font-size: 44px; text-transform: uppercase;}
.placas .box p{color: #fff; font-size: 22px; font-weight: 400; font-family: 'Magalu Textos Light'; line-height: 25px;}
.placas .box p b{font-family: 'Magalu Textos Regular'; font-weight: 600;}

/*slide produtos*/
.slide-produtos{margin-top: 50px; margin-bottom: 50px;}
.slide-produtos .slider-nav::after{width: 0; height: 0; display: none;}
.slide-produtos .slider-nav-dark .slider-nav{opacity: 1}
.slide-produtos .slider-nav-dark .slider-nav::after{background-color: transparent;}
.slide-produtos p{font-family: 'Magalu Textos Light'; font-size: 22px; color: #000; text-align: center; margin-top: 15px;}

/*cadastre-se meus numeros*/
.cadastre-se{background-image: url("../images/bg-meus-numeros.png"); background-position: top center; background-size: cover; padding: 55px 25px 55px 25px;}
.cadastre-se h2{font-family: 'Magalu Textos Regular'; color: #fff; font-size: 40px; text-align: center; text-transform: uppercase;}
.cadastre-se h2 span{display: block;}
.cadastre-se h2 b{font-family: 'Magalu Textos Bold';}
.cadastre-se p{color: #fff; font-size: 22px; font-weight: 400; font-family: 'Magalu Textos Light'; line-height: 25px; margin-top: 20px;}
.cadastre-se p span{display: block;}
.cadastre-se .form-control{width: 500px; margin-left: auto; margin-right: auto; height: 50px; border-radius: 25px; font-family: 'Magalu Textos Regular'; font-size: 20px; text-align: center;}

/*chances*/
.chances{padding: 55px 25px 55px 25px;}
.chances h2{font-family: 'Magalu Textos Regular'; color: #000; font-size: 40px; text-align: center; text-transform: uppercase;}
.chances h2 b{font-family: 'Magalu Textos Bold'; color: #0086ff;}
.chances h3{font-family: 'Magalu Textos Light'; color: #000; font-size: 26px; text-align: center; margin-top: 10px;}
.chances h3 b{font-family: 'Magalu Textos Bold';}

.chances .bg-1{background-color: #0086ff; padding: 15px 28px 15px 28px; border-radius: 50px; height: 70px; font-family: 'Magalu Textos Bold'; text-transform: uppercase; color: #fff; font-size: 19px; line-height: 22px;}
.chances .bg-2{background-color: #fff; border: 1px solid #0086ff; padding: 12px 28px 15px 28px; border-radius: 50px; height: 70px; margin-left: -55px; font-family: 'Magalu Textos Light'; font-size: 19px; line-height: 22px;}
.chances .bg-2 span{display: block;}

/*sorteios*/
.sorteios{background-image: url("../images/bg-sorteios.png"); background-position: top center; background-size: cover; padding: 65px 25px 65px 25px;}
.sorteios h2{font-family: 'Magalu Textos Regular'; color: #fff; font-size: 40px; text-transform: uppercase; margin-bottom: 25px;}
.sorteios h2 span{display: block;}  
.sorteios h2 b{font-family: 'Magalu Textos Bold';}
.sorteios p{color: #fff; font-size: 22px; font-weight: 400; font-family: 'Magalu Textos Light'; line-height: 29px; margin-top: 20px;}
.sorteios p span{display: block;}
.sorteios .bg-1{background-color: #0086ff; padding: 20px 28px 15px 28px; border-radius: 50px; font-family: 'Magalu Textos Light'; color: #fff; font-size: 20px; line-height: 22px;}
.sorteios .bg-2{background-color: #fff; padding: 20px 28px 15px 28px; border-radius: 50px; font-family: 'Magalu Textos Light'; color: #000; font-size: 20px; line-height: 22px;}

/*perguntas*/
.perguntas{padding: 55px 25px 55px 25px;}
.perguntas h2{font-family: 'Magalu Textos Bold'; color: #0086ff; font-size: 40px; text-align: center; text-transform: uppercase;}

.perguntas .accordion-item{background-color: #fff!important; border:1px solid #0086ff; border-radius: 50px 50px 50px 50px!important; color: #fff; margin-bottom: 5px; padding: 15px 10px 15px 10px;}
.perguntas .accordion-item a{color: #fff}
.perguntas .accordion-button{border:0; background-color: #fff!important; margin-bottom: 0px; font-family: 'Magalu Textos Light'; color: #000!important; font-size: 20px; border-radius: 50px 50px 50px 50px!important;}
.perguntas .accordion-button span{ font-family: 'Magalu Textos Bold'; font-size: 22px; padding-right: 5px; color: #000}
.perguntas .accordion-button:not(.collapsed) {color: #232e34;    background-color: #fff!important; box-shadow:inset 0 -1px 0 rgb(0 0 0 / 0%); border-radius: 50px 50px 0 0!important;}
.perguntas .accordion-button:focus {    z-index: 3;    border-color: #e2343c;    outline: 0; box-shadow: 0 0 0 0 rgb(226 52 60 / 25%); color: #232e34; }
.perguntas .accordion-body{font-family: 'Magalu Textos Light'; color: #000; font-size: 15px; margin-bottom: 0px;}
.perguntas .accordion-button::after {background-image: url("../images/more-n.png"); --bs-accordion-btn-icon-width: 2.25rem;}
.perguntas .accordion-button:not(.collapsed)::after {background-image: url("../images/more-n.png");}
.perguntas .accordion-body{font-family: 'Magalu Textos Light'; font-style: italic; font-size: 18px;}

/*footer*/
footer{background-color: #0086ff; padding: 0px 0px 125px 0px; background-image: url("../images/barra-colors.png"); background-position: top; background-repeat: repeat-x; background-size: contain;}

/*meus numeros*/
.meus-numeros{margin-top: 80px; background-image: url("../images/bg-meus-numeros.png"); background-position: top center; background-size: cover; padding: 55px 25px 55px 25px;}
.meus-numeros h2{font-family: 'Magalu Textos Bold'; color: #F6BF36; font-size: 40px; text-align: center; text-transform: uppercase; margin-bottom: 35px;}
.meus-numeros h2 span{display: block;}
.meus-numeros h2 b{font-family: 'Magalu Textos Bold';}
.meus-numeros p{color: #fff; font-size: 22px; font-weight: 400; font-family: 'Magalu Textos Light'; line-height: 25px; margin-top: 45px; text-align: center;}
.meus-numeros p span{display: block;}
.meus-numeros p b{font-family: 'Magalu Textos Bold'; color: #F6BF36;}
.meus-numeros .form-control{width: 500px; margin-left: auto; margin-right: auto; height: 50px; border-radius: 25px; font-family: 'Magalu Textos Regular'; font-size: 20px; text-align: center;}
.meus-numeros .table{--bs-table-bg:transparent}
.meus-numeros .table th{font-family: 'Magalu Textos Bold'; text-transform: uppercase; color: #fff; text-align: center; font-size: 18px;}
.meus-numeros .table td{font-family: 'Magalu Textos Light'; color: #fff; font-size: 16px;}
.meus-numeros h6{font-family: 'Magalu Textos Regular'; color: #fff; font-size: 16px; text-align: center;}


/*modal*/
.modal-header{border-bottom: 0; padding: 15px;}
.modal-bg{background-image: url("../images/bg-meus-numeros.png"); background-position: top center; border: 0;}
.modal-bg button{background-color: transparent; border: 0;}
.modal-bg h6{font-family: 'Magalu Textos Regular'; color: #fff; font-size: 26px; text-align: center; text-transform: uppercase;}
.modal-bg h6 b{font-family: 'Magalu Textos Bold'; color: #F6BF36;}
.modal-bg .form-control{height: 50px; border-radius: 25px; font-family: 'Magalu Textos Regular'; font-size: 20px;}
.modal-bg p{color: #fff; font-size: 19px; font-weight: 400; font-family: 'Magalu Textos Light'; line-height: 24px; margin-top: 20px; text-align: center;}

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

}

@media (max-width: 1680px) {

}

@media (max-width: 1536px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
.placas .box h2{font-size: 34px;}
.navbar li{padding-left: 10px; padding-right: 10px;}
.placas h1{font-size: 43px;}
.meus-numeros .table th{font-size: 16px;}
}

@media (max-width: 991px) { 
.navbar-brand{width: 25%;}
.placas .box{padding: 15px; height: 160px;}
.placas .box h2{font-size: 25px;}
.placas .box p{font-size: 18px;}
.navbar li{padding-left: 0px; padding-right: 0px;}
.placas h1{font-size: 34px;}
.cadastre-se h2{font-size: 30px;}
.chances .bg-2 span{display: inline;}
.chances .bg-1{height: 85px; padding: 20px 28px 15px 28px; font-size: 18px;}
.chances .bg-2{height: 85px; font-size: 18px; padding: 18px 28px 15px 28px; margin-left: -65px;}
.chances h2{font-size: 30px;}
.chances h3{font-size: 22px;}
.sorteios h2 span{display: inline;} 
.sorteios p span{display: inline;} 
.sorteios h2{font-size: 30px;}
.perguntas h2{font-size: 30px;}
.meus-numeros h2{font-size: 30px;}
.meus-numeros p span{display: inline;}
.meus-numeros p{ font-size: 18px;}
}

@media (max-width: 768px) {
.placas h1{font-size: 30px;}
}

@media (max-width: 767px) {

}

@media (max-width: 480px) {
.navbar-brand{width: 38%;}
.placas .box{padding: 15px; height: 140px;}
.placas .box h2{font-size: 21px;}
.placas .box p{font-size: 16px; line-height: 21px;}
.placas{margin-top: -15px;}
.placas h1 span{display: inline;}
.placas h1{font-size: 27px;}
.slide-produtos p{font-size: 18px;}
.cadastre-se p{font-size: 18px;}
.cadastre-se h2 span{display: inline;}
.cadastre-se p span{display: inline;}
.chances .bg-1{height: auto; padding: 10px 28px 15px 28px; font-size: 18px;}
.chances .bg-2{height: auto; font-size: 18px; padding: 18px 28px 15px 28px; margin-left: 0px; margin-top: -8px!important;}
.chances h2{font-size: 27px;}
.chances h3{font-size: 20px;}
.sorteios h2{font-size: 27px;}
.sorteios p {font-size: 18px; line-height: 25px;}
.perguntas .accordion-button{ font-size: 18px;}
.perguntas .accordion-body{font-size: 16px;}
.perguntas h2{font-size: 27px;}
.cadastre-se .form-control{width: 100%; font-size: 15px;}
.meus-numeros h2{font-size: 27px;}
.meus-numeros p{ font-size: 16px;}
}

@media (max-width: 390px) {
.placas .box{padding: 15px; height: 130px;}
.placas .box h2{font-size: 18px;}
.placas .box p{font-size: 14px; line-height: 19px;}
.placas h1{font-size: 24px;}
.cadastre-se h2{font-size: 24px;}
.chances h2{font-size: 24px;}
.chances h3{font-size: 18px;}
.sorteios h2{font-size: 24px;}
.perguntas h2{font-size: 24px;}
.meus-numeros h2{font-size: 24px;}
}

@media (max-width: 320px) {
.placas .box{padding: 13px; height: 120px;}
.placas .box h2{font-size: 15px;}
.placas .box p{font-size: 12px; line-height: 16px;}
.placas h1{font-size: 22px;}
.cadastre-se p{font-size: 16px;}
}