*{padding:0; margin:0; box-sizing: border-box; font-family: Helvetica;}
body{background:#170013}
.pd-top-50{padding-top:50px;}
.pd-btm-50{padding-bottom:50px;}
.container{max-width:1200px; margin: auto; position: relative;}
.container-2{padding-left: 30px; padding-right: 30px;}
img{width: 100%; vertical-align: bottom;}
a{text-decoration: none; color: #EAEE69;}
a:hover{color: #fff}
strong{color: #EAEE69}
.position-relative{position: relative;}
.background-grey{background: #1a1a1a;}

.text-center{text-align: center;}

.main-title-box p{font-size:18px; margin-bottom: 10px; color: #fff; line-height:31px; font-weight: 600}
.main-title-box ul{margin:15px 0; padding:0}
.main-title-box ul li{display: block;font-size:17px; color: #fff; line-height:30px; padding-left: 35px; position: relative; padding-top: 10px; font-weight: 600;}
.main-title-box ul li:before{content: ''; position: absolute; height: 25px; width: 25px; border-radius: 50%; background: #a8028b; left: 0; top:10px; z-index: 1}
.main-title-box ul li:after{content: ''; position: absolute; height: 5px; width: 9px; border: #fff solid 2px; border-top:0; border-right:0; transform: rotate(-45deg); left:7px; top:17px; z-index: 9} 


.main-title-list ul{margin:10px -8px;}
.main-title-list ul li{padding:10px 30px; display: inline-block; margin:8px; background: rgba(255,255,255,0.05); border-left:rgba(255,255,255,0.2) solid 3px; font-weight: 600;}
.main-title-list ul li:before, .main-title-list ul li:after{display: none;}


.text-justify{text-align: justify;}

h1{font-size: 38px; color:#EAEE69; line-height: 48px; font-weight: 600; margin-bottom: 10px; font-family: Helvetica}
h2{font-size: 36px; color:#EAEE69; line-height: 46px; font-weight: 600; margin-bottom:10px; font-family: Helvetica}
h3{font-size: 34px; color:#EAEE69; line-height: 44px; font-weight: 600; margin-bottom: 10px; font-family: Helvetica}
h4{font-size: 32px; color:#EAEE69; line-height: 42px; font-weight: 600; margin-bottom:10px; font-family: Helvetica}

.footer-faq-hd{font-size: 34px; color:#EAEE69; line-height: 44px; font-weight: 600; margin-bottom: 10px; font-family: Helvetica; padding: 30px 0 0 30px;}


header{padding: 20px; background: #80055f}
.header-box{display: flex; align-items: center;}
.header-logo{width: 180px;}
.header-logo a{font-size: 28px; font-weight: 900; line-height: 23px;}
.header-phone{display: flex; flex: 1; justify-content: flex-end; text-align: right; flex-wrap: wrap;}
.header-vip{font-size: 15px; color: #fff; width: 100%}
.header-icons{border-radius: 15px; padding: 5px; height: 40px; width: 40px; background:#5fd35c; position: relative; top: 3px; display: inline-block; margin-right: 5px;}
.header-whats-con{font-size: 32px; font-weight: 600; color: #fff;}

.header-icons img{position: relative; top: -8px;}

.main-top-boxes{padding: 30px 20px;}
.main-top-box{margin: 15px 0; display: flex; background: rgba(255,255,255,0.1); border: rgba(255,255,255,0.1) solid 1px; border-radius: 15px;}
.main-top-box-lf{width: 15%; padding: 15px;}
.main-top-box-img img{border-radius: 15px;}

.main-top-box-rt{width: 85%; padding: 15px; display: flex;}
.main-top-box-title{padding-bottom: 70px; position: relative; width: 100%}
.main-top-box-title p{font-size: 17px; line-height: 27px; font-weight:500; color: #fff;}

.name-title{font-size: 22px; font-weight: 600; color: #EAEE69; margin-bottom:8px; line-height: 32px;}

.top-contact{position: absolute; bottom: 0; left: 0; height: 60px; width: 100%}
.top-whatsapp{display: inline-block; margin-right: 5px; height: 50px; width: 50px; background: #13a613; padding: 11px; border-radius: 50%;}
.top-phone{display: inline-block; margin-right: 5px; height: 50px; width: 50px; background: #b82d93; padding: 11px; border-radius: 50%;}

.btm-section{padding: 30px 20px; background:#3d012d}

.btm-sec-inner{display: flex; padding:30px 0;}
.btm-sec-img{padding: 0 15px; width: 28%}
.btm-sec-con{padding: 0 15px; width: 72%}
.bottom-border-light{border-bottom: rgba(255,255,255,0.1) solid 1px;}
.i-img-box img{border-radius: 15px;}

.footer-faq{padding-bottom: 30px;}
.faq-list{padding: 15px 0; padding-left: 40px; margin-left: 30px;}
.faq-list-hd{position: relative; font-size: 19px; font-weight: 600; color:#eaee69; padding:0 0 15px 0; line-height: 30px;}
.faq-list-txt{font-size: 17px; font-weight: 600; color: #fff; line-height: 28px;}
.faq-list-hd span{position: absolute; display: inline-block; padding:0 5px; height: 30px; width: 30px; border-radius: 50%; background: rgba(255,255,255,0.1); font-size:18px; font-weight: 600; color:#eaee69; left:-37px; top:-3px;}

.footer-fixed-btm{position: fixed; display: flex; bottom: 0; left: 0; width: 100%}
.whatsapp-box{background: green; width: 50%}
.whatsapp-box a{display: block; font-size: 19px; font-weight: 600; color: #fff; padding: 15px; padding-left: 60px; position: relative;}
.whatsapp-box a span{width:30px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 10px;}
.phone-box{background: #930035; width: 50%}
.phone-box a{display: block; font-size: 19px; font-weight: 600; color: #fff; padding: 15px; padding-left: 60px; position: relative;}
.phone-box a span{width:30px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 12px;}

.copyri{padding: 15px 0 80px 0px; color: #fff; font-size: 14px; text-align: center; background: #000;}


.age-verification{position: fixed; left: 0; top:0; height: 100%; width: 100%; background: rgba(0,0,0,0.7); padding-top: 60px;}
.age-verification-inner{margin: auto; background: #fff; width: 450px; border-radius: 30px; overflow: hidden;}
.age-heading{background:#058041; color: #fff; font-size: 26px; text-align: center; padding: 15px;}
.age-content{font-size: 18px; color: #000; line-height: 30px; padding:15px; text-align: center;}
.age-btn-group{padding: 15px; text-align: center;}
.perfect{display: inline-block; padding: 15px 35px; color: #fff; background:#80055f; border-radius: 15px; cursor: pointer;}
.not-perfect{display: inline-block; padding: 15px 35px; color: #fff; background:#80055f; border-radius: 15px; cursor: pointer;}
.perfect:hover, .not-perfect:hover{color: #000; background: #d9b633; text-decoration: none;}


.hide{display: none;}

@media(max-width:767px){

  .header-box{display: block;}
  .header-logo{width: 100%; text-align: center; padding-bottom: 15px;}
  .header-logo img{width: 180px;}
  .header-phone{display: block; text-align: center; padding: 10px 0 0 0; margin-top: 10px; border-top: rgba(255,255,255,0.1) solid 1px;}


  .btm-sec-inner{display:block;}
  .btm-sec-img{width:100%; padding: 15px 0 0 0}
  .btm-sec-con{width:100%; padding:15px 0 0 0}
  .faq-list{margin-left: 10px; padding-right: 15px;}
  .faq-list-hd span{padding: 1px; text-align: center;}

  .main-top-box{display: block;}
  .main-top-box-lf, .main-top-box-rt{width: 100%}
}