@import url('bootstrap.min.css');
@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');

*, ul {
  padding: 0;
  margin: 0;
}

:root {
    --oswald-reg: 'Oswald', sans-serif;
    --theme-color:#000;
  }
  a { color: #3dd0d8;transition: all ease 0.2s;}
  a:hover{color: #ff7a21;text-shadow:0px 0px 30px #FF5722, 0px 0px 30px #FF5722, 0px 0px 30px #FF5722; transition: all ease 0.1s;}
img{max-width: 100%; vertical-align: middle;}
.sec-pd{padding: 4em 0;}
.dark-bg{background: #0d0e1b;}

.btn-secondary {
  color: #fff;
  background:transparent; font-weight: 700; font-size: 18px; border-radius: 6px; padding:12px 40px; text-transform: uppercase;
  border:2px solid #fff; display: inline-block;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{background: #33cbcc; text-decoration: none; border-color: #33cbcc;}

.btn-primary {
  color: #fff;
  background:#33cbcc; font-weight: 700; font-size: 18px; border-radius: 6px; padding:12px 40px; text-transform: uppercase;
  border:2px solid #33cbcc; display: inline-block;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background: #ff7a21; text-decoration: none; border-color: #ff7a21;}


.form-control, .wpwl-control, select.form-control:not([size]):not([multiple]) {
  padding: 20px 12px;
  border: none;
  border-radius: 0;
  color: #fff;
  height: 62px;
  background-color: #292845;
  border:0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  resize: none;
}

body{
      font-size: 16px; color: #c2d4f2;
      font-family: var(--oswald-reg);
  }


.site_header{background:rgba(9, 10, 20, 0.7); position: absolute; left: 0; top: 0; width:100%; padding: 25px 0 0;}
.site_header .container-fluid{width: 85%;}
.logo{padding-bottom: 20px;}

.site_header .col-md-8{text-align: right;}
.top-info{ color: #fff; display: inline-flex; flex-wrap: wrap; width: auto;}
.top-info .ti-col{margin-right: 10px;}
.top-info .ti-col img{margin-right: 5px;}

.nav-main{border:1px solid #392f42;}
.nav-main .navbar{padding: 0;}
.nav-main .navbar-nav{width: 100%;}
.nav-main .navbar-nav .nav-item{margin: 0 35px;padding: 10px 0; position: relative;}
.nav-main .navbar-nav .nav-item:hover::before{ position: absolute;
  top: 0;
  content: '';
  display: block;
  border-top: 4px solid #ff7a21;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  height: 0;
  width: 100%;
  margin: auto;
}
.nav-main .navbar-nav .nav-item:first-child{margin-left:0px;}
.nav-main .navbar-nav .nav-item:nth-last-child(2) {margin-left: auto;}
.nav-main .navbar-nav .nav-item:last-child{margin-right:0px;}

.nav-main .navbar-nav .nav-link{font-size: 16px; text-transform: uppercase; color: #fff;}
.nav-main .navbar-nav .nav-item:hover a{ }


.hero{background: url('../images/hero-bg.jpg') center bottom no-repeat; background-size: cover; padding:12em 0 8em;}
.hero-content{width: 50%; margin: auto; color: #fff; text-align: center;}
.hero-content .hero-hd2{font-size: 30px; text-transform: uppercase;}
.hero-content .hero-hd{font-size: 150px; font-weight: 700; text-transform: uppercase; line-height: 100%; border-top:1px solid #fff; border-bottom: 1px solid #fff;
                        padding: 25px 0; margin: 10px 0;}

.offer-featuerd{ padding: 2em 0; }
.sec-hd{font-size: 50px; font-weight: 300; color: #fff; text-transform: uppercase; }
.sec-hd::after{    
   content: '';
  display: block;
  border-top: 5px solid #ff7a21;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 70px;
  margin: 25px auto 50px;
}
.sec-hd.text-left::after{margin-left: 0;}

.sec-text{font-size: 20px; font-weight: 300; color: #a0a2ba;}

.offer-row{margin:80px auto ;}
.offer-row figure{background: #07070f; padding: 20px; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.offer-row figure img {width: 40%;}
.offer-row figure figcaption{width: 50%; text-transform: uppercase;font-size: 17px;font-weight: 700;}

.featured-row{margin: 3em 0;border-radius: 10px; overflow: hidden; } 
.featured-row .featured-col{background: #07070f; padding: 4em;}
.featured-row .featured-col .featured-title{font-size: 26px; font-weight: 300; color: #fff; text-transform: uppercase;}
.featured-row .featured-col .featured-sub-title{font-size: 15px; font-weight: 300; color: #fff; text-transform: uppercase; margin: 10px 0;}

.featured-row .featured-col p{color:#a0a2ba;font-size: 18px; font-weight: 300; line-height: 26px;}


/* --------------  Testimonialssection ---------------------- */ 

.testimonials{background: url(../images/testimonials_bg.jpg) center top no-repeat; padding:7em 0; text-align: center; color: #fff; position: relative;}
.testimonials-txt{ text-align: left;}


#carousel-testimonials{position: static;}
#carousel-testimonials .carousel-control-next, #carousel-testimonials .carousel-control-prev{  width: 50px;height: 50px; top: 50%; transform: translateY(-50%);}
#carousel-testimonials .carousel-control-prev { left: 3%;}
#carousel-testimonials .carousel-control-next { right: 3%;}

.testimonials .carousel-item{display: flex;flex-wrap: wrap;}
.user-img img{ border: 1px solid #ff7a21; border-radius: 50px;}
.cols-testimonials{ width: 80%; padding-left: 25px;}

.txt-testimonials{font-size: 22px; font-weight: 300; margin-bottom:15px;}
.name-testimonials{font-size: 22px; font-weight: 300; color: #ff7a21;}

/* --------------  Plans ---------------------- */
.our_plans{   }

.col-plan{
   background: #07070f;
    color: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);
    border-radius: 4px;
    padding: 0 0 2em;
    max-width: 390px;
    margin: 0 auto 25px;
    /* border-top: 4px solid #00ca8c; */
    transition: all linear 0.1s;
}

.col-plan .col-plan-cover{padding:5em 3em 0;position:relative;}
.col-plan .plan_img{width:100%;}
.col-plan h5{
    font-size: 21px;
    font-weight: 700;
    color: #272727;
    background: #b4b9c4;
    padding: 12px 15px 12px 40px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 0 50px 50px 0;
}
.col-plan:hover h5{background:#33cbcc;color:#fff;transition: all linear 0.2s;}
.col-plan i{
    display: block;    
    font-size: 41px;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    margin: 15px 0 25px;
    text-align: left;}
.col-plan ul{ list-style: none; margin-bottom: 45px; }
.col-plan ul li{ list-style: none; font-size:16px; text-align: left; color: #a0a2ba; margin-bottom: 15px; padding-bottom: 15px; position: relative; border-bottom:1px solid #2f303a}


.best-games{background: url(../images/join_now_bg.jpg) center top no-repeat; padding:10em 0; text-align: center;}
.best-games .sec-hd {font-size: 60px; font-weight: 700;}
.best-games .sec-text{color: #fff; margin: 25px auto 50px;}

.faq h4{background: #07070f; color: #727489; font-size: 24px; font-weight: 700; padding: 25px 25px; border-radius: 10px; }
.faq p{color: #a0a2ba; font-size: 20px; font-weight: 300; padding: 25px 25px; }
.faq .col-md-6:hover h4{ background: #ff7a21; color: #fff;}
.faq .col-md-6:hover p{ color: #fff;}




.footer{background: url(../images/footer_bg.jpg) center top no-repeat; padding:10em 0 0; text-align: center;}
.footer .foot_abt {
  
  color: #a0a2ba; text-align:left; 
}
.footer .foot_abt p{font-size: 18px; line-height:30px;}

.footer h5 {
  font-size: 22px;   
  color: #fff;
  margin-bottom: 18px;
  margin-top: 20px; text-align: left; text-transform: uppercase; font-weight: 300;
}
.footer .foot_link ul li {
  display: block;
  font-size: 16px;
  margin: 0 0 15px; text-align: left;
  list-style: none;
}
.footer .foot_link a {
  color: #a0a2ba;
}
.footer .foot_link a:hover {
  color: #fff;text-decoration: none;
}
.footer .foot_contact li {
  margin-bottom: 15px; list-style: none;
  color: #fff; text-align: left; font-weight: 300;
}
.footer .foot_contact li  b{display: block; color: #a0a2ba;}

.site-info{ background:rgba(9, 10, 20, 0.7);color: #a0a2ba; font-size: 16px; text-align: left; border:1px solid #31323d; border-radius: 10px 10px 0 0; margin-top: 25px;   padding: 35px 25px;}
.site-info span{color: #fff;}
.site-info ul {text-align:right}
.site-info ul li{list-style: none; display: inline-block; text-align: center; margin: 0 10px;font-size: 18px; }
.site-info ul li a{color: #a0a2ba;}




.page-hero{background: url('../images/auth_bg.jpg') center bottom no-repeat; background-size: cover; padding:14em 0 10em;}
.page-hero .hero-content{width: 50%; margin: auto; color: #fff; text-align: center;}
.page-hero .hero-content .hero-hd2{font-size: 30px; text-transform: uppercase;}
.page-hero .hero-content .hero-hd{font-size:80px; font-weight: 700; text-transform: uppercase; line-height: 100%; border:none; padding: 25px 0; margin: 10px 0;}

.page-hero.contact_bg{background: url('../images/contact_bg.jpg') center bottom no-repeat;background-size: cover;}

.hd-5{color: #fff; font-size: 21p; text-transform: uppercase; margin-bottom: 15px;}

.c-address{ margin-top: 25px;}
.c-address li {
  font-size: 15px;
  display: flex;
}
.c-address li i {
  color: #fff;
  font-size: 17px;  
  margin: 0 15px 10px 0px;
  text-align: center;
}
.c-address li p {
  width: 83%;
}



.games_nav{border: 1px solid #392f42;  margin: 40px 0 ;}
.games_nav ul{display: flex; justify-content: center; flex-wrap: wrap; list-style: none;}
.games_nav ul li {padding: 23px 8px;}
.games_nav ul li a{    font-size: 15px; font-weight: 500;text-transform: uppercase; color: #fff; padding-bottom:5px; border-bottom: 2px solid transparent;}
.games_nav ul li.active a, .games_nav ul li a:hover{ border-color: #FF5722; text-decoration: none;}


.b-game-box{background: #292845; border-radius: 8px; margin-bottom: 15px; max-width: 280px; overflow: hidden;transition: all linear 0.1s;position: relative;
  z-index: 2;}
.b-game-box .g-thumbs-img{ height: 177px;}

.b-game-box figcaption{text-align: center;padding: 20px;}
.b-game-box figcaption h6{font-size:21px; font-weight: 400; color:#fff; }
.b-game-box figcaption p{font-size: 14px;  font-weight: 300;  margin: 15px 0 20px; }
.b-game-box  .btn-secondary{font-weight: 500;}


/* --------------  My Account Pages ---------------------- */

.page-hero.dash_bg{background: url('../images/dash_bg.jpg') center bottom no-repeat;background-size: cover;padding:10em 0 2em; margin-bottom: 50px;}
.page-hero.dash_bg .hero-content .hero-hd { font-size: 50px; padding: 15px 0;}
.page-hero .hero-content .hero-hd2 { font-size: 25px;}

.myaccount-m .col-myac {
  background: hsla(0, 0%, 4%, 0.18);
    border: 2px dotted #565656;
  padding: 40px 15px;
  margin-bottom: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  flex-wrap: wrap;
  color: #e0e1e2;
}
.myaccount-m .col-myac .col-title {
  width: 30%;
  font-size: 19px;
  font-weight: 500;
  text-align: left;
 color: #ff7a21;
}
.myaccount-m .col-myac .col-content {
  width: 68%;
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  flex-wrap: wrap;
}
.myaccount-m .col-myac .col-content .user-info {
  width: 50%;
  text-align: left;
}
.myaccount-m .col-myac .col-content .user-info .u-email {
  
  margin-bottom: 15px;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #9E9E9E;
}




.static_pages h4 {
  font-size: 19px;
  margin: 20px 0 10px; color: #fff;
}
.static_pages p {
  font-size: 15px;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

  .nav-main .navbar-nav .nav-item { margin: 0 20px}

  .hero-content .hero-hd { font-size: 121px;}

  .col-plan .col-plan-cover {
    padding: 3em 1em 0;
}

  .offer-row figure figcaption { font-size: 14px; }

  .featured-row .featured-col {padding: 2em;}

  .sec-hd {font-size: 40px;}
  .best-games .sec-hd {font-size: 50px;}


  .myaccount-m .col-myac .col-content {
    width: 100%;
}
  
 }


 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .navbar-toggler {
    padding: 9px 0 4px;
  }
  button:focus { outline:none;}
  .navbar-toggler-icon {
 
    width: 40px;
    height: 40px; outline: none;
 
 
    position: relative;
}
  .navbar-toggler #nav-icon{position:absolute;right: 0px; top: 3px;margin:0 auto;width:35px;height:30px;z-index:14;cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
  .navbar-toggler #nav-icon span{position:absolute;display:block;width:100%;height:3px;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
  .navbar-toggler #nav-icon span:nth-child(1){top:0}
  .navbar-toggler #nav-icon span:nth-child(2){top:12px}
  .navbar-toggler #nav-icon span:nth-child(3){top:24px}
  .nav-main .navbar-nav .nav-item {
    margin: 0 0;
}
  .nav-main .navbar-nav .nav-item:nth-last-child(2) {
    margin:0;
}
  .nav-main .navbar-nav {
    width: 100%;
    text-align: center;
}

  .top-info {font-size: 12px;}

  .col-plan {
    padding: 0 0 1em;
}
.col-plan h5 {
    font-size: 17px;
}
.col-plan i {
  height: auto;
  line-height: inherit;
  font-size: 26px;
  margin: 40px 0 25px;
}
.gur_img{width: 40%;}

  .site-info{text-align: center;}
  .site-info ul { text-align: center;}


  .myaccount-m .col-myac .col-title {
    width: 100%;
    font-size: 20px;
    margin-bottom: 20px;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .top-info{display: none;}

  .hero-content, .page-hero .hero-content { width: 100%;}
  .hero-content .hero-hd { font-size: 91px;}
  .hero-content .hero-hd2 { font-size: 21px;}

  .sec-hd { font-size: 30px;}
  .best-games .sec-hd { font-size: 40px;}


  .offer-row figure img {width: auto;}


  .page-hero { padding: 10em 0 6em;}
  .page-hero .hero-content .hero-hd { font-size: 51px;}
  .page-hero .hero-content .hero-hd2 { font-size: 20px;}


  .games_nav { width: 100%;overflow-x: scroll;}
  .games_nav ul { width: 1500px;}
  .games_nav ul li { padding: 25px 5px;}
  .games_nav ul li a {font-size: 16px; font-weight: 600;}
  .b-game-box figcaption h6 { font-size: 16px;}

  .page-hero.dash_bg{ padding:9em 0 2em; margin-bottom: 50px;}
  .page-hero.dash_bg .hero-content .hero-hd { font-size: 30px; padding: 15px 0;}
  .page-hero .hero-content .hero-hd2 { font-size: 18px;}

  }

  /* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  .hero { padding: 8em 0 3em;}
  .hero-content .hero-hd { font-size: 61px;}
  .hero-content .hero-hd2 { font-size: 16px;}

  .sec-hd { font-size: 20px;}
  .sec-hd::after{    margin: 15px auto 20px;}
  .best-games .sec-hd { font-size: 40px;}

  .sec-text { font-size: 16px;}

  .btn-primary, .btn-secondary {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 8px 23px;
  }

  .txt-testimonials { font-size: 18px; margin: 15px 0;}

  .best-games .sec-hd { font-size: 35px;}

  .faq h4 {
    font-size: 21px;
    font-weight: 700;
    padding: 20px 15px;
  }

  .faq p {
  
    font-size: 15px;
  }

  .site-info ul li { font-size: 13px;}


  .page-hero { padding: 8em 0 4em;}
  .page-hero .hero-content .hero-hd { font-size: 41px;}
  .page-hero .hero-content .hero-hd2 { font-size: 18px; }

  .b-games-types .b-game-box { margin: 0 auto 15px;}
  .games_nav ul li {padding: 15px 5px;}
  .games_nav ul li a {font-size: 14px; font-weight: 500;}
  .b-games-types .row > .col-6 {max-width: 100%;  flex: 0 0 100%;}
  .b-game-box figcaption h6 { font-size: 15px; }


  .page-hero.dash_bg{ padding:9em 0 2em; margin-bottom:20px;}
  .page-hero.dash_bg .hero-content .hero-hd { font-size: 26px; padding: 15px 0;}
  .page-hero .hero-content .hero-hd2 { font-size: 16px;}

   }