@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@font-face {
  font-family: 'Nunito Sans Regular';
  src: url('../fonts/NunitoSans-Regular.eot');
  src: url('../fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NunitoSans-Regular.woff2') format('woff2'),
      url('../fonts/NunitoSans-Regular.woff') format('woff'),
      url('../fonts/NunitoSans-Regular.ttf') format('truetype'),
      url('../fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans Semibold';
  src: url('../fonts/NunitoSans-SemiBold.eot');
  src: url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NunitoSans-SemiBold.woff2') format('woff2'),
      url('../fonts/NunitoSans-SemiBold.woff') format('woff'),
      url('../fonts/NunitoSans-SemiBold.ttf') format('truetype'),
      url('../fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans Bold';
  src: url('../fonts/NunitoSans-Bold.eot');
  src: url('../fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/NunitoSans-Bold.woff2') format('woff2'),
      url('../fonts/NunitoSans-Bold.woff') format('woff'),
      url('../fonts/NunitoSans-Bold.ttf') format('truetype'),
      url('../fonts/NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Airstrike';
  src: url('../fonts/Airstrike.eot');
  src: url('../fonts/Airstrike.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Airstrike.woff2') format('woff2'),
      url('../fonts/Airstrike.woff') format('woff'),
      url('../fonts/Airstrike.ttf') format('truetype'),
      url('../fonts/Airstrike.svg#Airstrike') format('svg');
  font-weight: normal;
  font-style: normal;
}


/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
.loading		                { overflow: hidden; }
*							              { margin: 0px; padding: 0px;}
body						            { font-family: 'Nunito Sans Regular'; font-size:14px; line-height: 19px;}
h1,h2,h3,h4,h5,h6           { margin: 0;}
.clear						          { clear:both;}
img							            { border: 0px; max-width: 100%;}
ul,ol						            { margin: 0; list-style: none; }
a							              { text-decoration: none; outline: none; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all;}
a:hover,
a:focus         	          { outline: none; text-decoration: none;}
h1                          { font-family: 'Nunito Sans Bold'; font-size: 44px; line-height: 60px;}
h2                          { font-family: 'Nunito Sans Bold'; font-size: 34px; line-height: 46px; color: #000000;}
h3                          { font-family: 'Nunito Sans Bold'; font-size: 24px; line-height: 32px; color: #000000;}
h4                          { font-family: 'Nunito Sans Bold'; font-size: 14px; line-height: 19px;}
h5                          { font-family: 'Nunito Sans Regular'; font-size: 20px; line-height: 27px; color: #A5A5A5;}
h6                          { font-family: 'Nunito Sans Bold'; font-size: 30px; line-height: 41px; color: #000000;}
p                           { font-family: 'Nunito Sans Regular';}
p:last-child                { margin: 0 !important;}
.justify-space-between      { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.align-center               { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.align-end                  { display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.justify-end                { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end;}
.justify-center             { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.no-padding                 { padding: 0 !important;}
.margin-0                   { margin: 0 !important;}
.m-20                       { margin: 20px 0;}
.m-30                       { margin: 30px 0;}
.section-padding            { padding: 50px 0px;}
button,input[type="submit"]                      { border: none; outline: none; cursor: pointer;}
button:focus,input[type="submit"]:focus,
input:focus          { outline: none;}
.btn-1                      { padding: 12px 10px 10px; width: 175px; background: -moz-linear-gradient(top, #f65070 0%, #f4264e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f65070 0%,#f4264e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f65070 0%,#f4264e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ font-family: 'Nunito Sans Bold'; font-size: 18px; line-height: 24px; color: #ffffff; text-transform: capitalize; border-radius: 6px; display: inline-block; text-align: center;}
.btn-1:hover                { background: -moz-linear-gradient(top, #f4264e 0%, #f65070 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4264e 0%,#f65070 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4264e 0%,#f65070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ color: #ffffff;}

/******* Loader CSS *********/
.loader         { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.9); height: 100%; width: 100%; z-index: 1050;}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid #f4264e;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }
/******* Common Element CSS End ******/
header                              { padding: 50px 15px; position: fixed; top: 0; width: 100%; z-index: 1040;}
header .logo img                    { width: 350px;}
.header-static.sticky-header        { position: fixed;}
header.sticky-header                { padding: 20px 0; background: rgba(0,0,0,0.8); transition: all 0.5s ease-in-out 0s;}
header.sticky-header .login-form    { top: 80px;}
.login-form                                                         { opacity: 0; visibility: hidden; padding: 18px 10px; background: #ffffff; box-shadow: 10px 20px 20px rgba(0,0,0,0.10); border-radius: 8px; width: 400px; position: absolute; top: 110px; right: 21%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; z-index: 1;}
.login-form.show                                                    { opacity: 1; visibility: visible;}
.login-form .form-group                                             { margin-bottom: 35px !important;}
.login-form .form-group .form-control input                         { background: #f8f8f8;}
.login-form h3                                                      { margin-left: 15px;}                           
.login-btn                                                          { margin-right: 15px;}
.login-btn .btn-1                                                   { background: transparent; border: 1px solid #F4264E; border-radius: 6px; color: #F4264E; display: inline-block;}
.login-btn .btn-1:hover                                             { background: -moz-linear-gradient(top, #f4264e 0%, #f65070 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4264e 0%,#f65070 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4264e 0%,#f65070 100%); color: #ffffff;}
.forgot-link a                                                      { font-family: 'Nunito Sans Semibold'; color: #000000; font-size: 16px; line-height: 22px; display: inline-block;}
.forgot-link a:hover                                                { color: #f4264e !important;}
.banner-sec.pattern-1.overlay::before                               { background: rgba(0,0,0,0.40); top: 0; height: 100%; z-index: 1;}
.login-btn .btn-1:focus                                             { background: -moz-linear-gradient(top, #f4264e 0%, #f65070 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4264e 0%,#f65070 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4264e 0%,#f65070 100%); color: #ffffff; }
/******* Banner CSS Start ******/
.banner-sec                 { padding-top: 150px; background: url('../images/banner-img.jpg') no-repeat left center / 50% auto, url('../images/poker-pattern-3.png') no-repeat right bottom; height: 730px; display: block; position: relative; z-index: 10;}
/* .banner-bg::before          { content: ''; background: rgba(0,0,0,0.40); height: 100%; width: 50%; position: absolute; top: 0; left: 0; display: block; z-index: -1;} */
.banner-sec.pattern-1::before          { content: ''; background: url('../images/poker-pattern-1.png') no-repeat; height: 122px; width: 50%; position: absolute; top: 40px; left: 50%; display: block;}
.banner-sec.pattern-2::after           { content: ''; background: url('../images/poker-pattern-2.png') no-repeat; height: 69px; width: 50%; position: absolute; bottom: 0; left: 50%; display: block;}
.banner-sec h1              { padding: 70px 0px 120px; color: #ffffff;}
.download-btns h4           { padding-bottom: 15px; color: #ffffff; text-transform: uppercase;}
.download-btns a img        { margin-right: 15px; }
.joinus-form                { margin-left: auto; width: 380px;}
.joinus-form h2             { padding-bottom: 25px; text-align: center;}
.form-group                 { margin-bottom: 35px; position: relative;}
.form-control input,
.form-control               { border: none; background: transparent; border-radius: 6px; width: 100%;}
.form-control input         { padding: 15px 15px 15px 60px; background: #F9F9F9; font-size: 16px; line-height: 22px; color: #000000; }
.form-control input:focus   { border-color: #343399;}
.form-group .field-img      { position: absolute; top: 20px; left: 25px;}
.form-control input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9E9E9E;
    opacity: 1;
    font-family: 'Nunito Sans Bold'; 
  }
  .form-control input::-moz-placeholder { /* Firefox 19+ */
    color: #9E9E9E;
    opacity: 1;
    font-family: 'Nunito Sans Bold'; 
  }
  .form-control input:-ms-input-placeholder { /* IE 10+ */
    color: #9E9E9E;
    opacity: 1;
    font-family: 'Nunito Sans Bold'; 
  }
  .form-control input:-moz-placeholder { /* Firefox 18- */
    color: #9E9E9E;
    opacity: 1;
    font-family: 'Nunito Sans Bold'; 
  }
  .form-btn input                { margin: 30px auto; display: inline-block;}      
  .error { color: red; font-size: 12px;}

  .otp-btn                                  { margin: 10px;}
  .otp-btn input                            { padding: 10px; width: 100%; border: none; background: #F9F9F9; font-size: 16px; line-height: 22px; color: #000000;}        
  .otp-btn button                           { margin-top: 10px;}                      
/******* Banner CSS End ******/
/******* Signup/Signin CSS Start ******/
.signup-signin-bg                  { padding: 50px 0; background: url('../images/banner-img.jpg') no-repeat center center / cover; height: 100vh; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: relative; z-index: 10;}
.signup-signin-bg::before          { content: ''; background: rgba(0,0,0,0.40); height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; z-index: -1;}
.signup-signin-bg::after           { content: ''; background: url('../images/pattern.png') no-repeat left center / 100% 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; z-index: -1;}
.signup-signin-bg .joinus-form     { margin: 0px auto; padding: 25px; width: 450px; background: #ffffff; border-radius: 10px;}
.signup-signin-bg .joinus-form h2        { padding: 15px 0; color: #000000;}
.signup-signin-bg .logo            { margin-bottom: 25px; text-align: center;}
.signup-signin-bg h1               { padding-top: 15px; color: #ffffff; font-family: 'Airstrike'; text-shadow: 0 1px 0 #f4264e, 0 2px 0 #f4264e, 0 3px 0 #f4264e, 0 4px 0 #f4264e, 0 5px 0 #f4264e, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
/* .signup-signin-bg h1               { padding-top: 15px; color: #ffffff; font-family: 'Airstrike'; text-shadow: 0px 2px 3px rgba(244, 38, 78, 1);} */
/******* Signup/Signin CSS End ******/
/******* Welcome Offers Css Start ******/
.welcome-offers a:hover .offer-blks      { border: 2px dashed #F4264E;}
.sec-title h1                   { text-transform: capitalize;}
.sec-title h5                   { padding: 10px 0 25px;}
.offer-blks                     { padding: 35px 35px 10px; background: #ffffff; border: 2px dashed transparent; box-shadow: 0px 0px 12px rgba(0,0,0,0.08); border-radius: 6px; text-align: center; position: relative;}
.offer-blks::before             { content: ''; background: url('../images/shape.png') no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block;}
.offer-blks h4                  { padding: 10px 0 15px; font-family: 'Nunito Sans Regular'; color: #A5A5A5;}
.offer-blks h5.red-text         { font-family: 'Nunito Sans Bold'; font-size: 16px; line-height: 22px; color: #F4264E; text-transform: uppercase;}
p.small-text                    { padding-top: 15px; font-family: 'Nunito Sans Bold'; font-size: 10px; line-height: 14px; color: #d2d2d2; text-transform: uppercase;}
/******* Welcome Offers Css End ******/

/******* Online Poker Css Start ******/
.online-poker,
.how-to-play                   { background: #FFF5F7;}
/******* Online Poker Css End ******/

/******* Play and Safe Poker Css Start ******/
.play-safe-blocks               { margin-top: 15px; text-align: center;}
.play-safe-cat-img              { display: inline-flex; display: -webkit-inline-flex; height: 80px; width: 80px; border: 1px solid #F4264E; border-radius: 50px;}
.play-safe-blocks h3            { padding: 15px 0 10px;}
.play-safe-blocks h5            { font-size: 18px; line-height: 28px; color: #000000;}
/******* Play and Safe Css End ******/

/******* How to play Css Start ******/
.video-img                      { margin-bottom: 20px; position: relative;}
.video-img::before              { content: ''; background: rgba(0,0,0,0.20); height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; border-radius: 6px;}
.video-img:hover                { border-radius: 6px; box-shadow: 0px 8px 12px rgba(0,0,0,0.20);}
.video-img img                  { border-radius: 6px; height: 197px; width: 100%; object-fit: cover;}
.play-video img                 { width: 60px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.video-frame h5                 { font-family: 'Nunito Sans Semibold'; color: #000000; text-align: center;}
/******* How to play Css End ******/

/******* We are poker img Css Start ******/
.we-are-poker                   { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: relative; background: url('../images/we-are-poker-bg.jpg') no-repeat center center / cover; height: 438px; width: 100%; text-align: center; z-index: 0;}
.we-are-poker::before           { content: ''; background: rgba(0,0,0,0.40); height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; z-index: -1;}
.we-are-poker h3                { padding: 35px 0; color: #ffffff;}
.we-are-poker .btn-1            { width: 256px;}
/******* We are poker img Css End ******/

/******* About Text Css Start ******/
.about-text                     { background: #1A1A1A;}
.about-text h3                  { padding: 15px 0 10px; color: #ffffff;}
.about-text p                   { font-size: 18px; line-height: 28px; color: #ffffff;}
/******* About Text Css End ******/

/******* Footer Css Start ******/
.footer-widget                   { background: #0d0d0d;} 
.footer-widget a                 { padding-bottom: 15px; font-size: 16px; line-height: 22px; color: #ffffff; display: inline-block;}
.footer-widget a:hover,
.copyright-text li a:hover       { color: #f4264e;}
.footer-widget h3                { padding-bottom: 25px; color: #ffffff;}
.copyright-text                  { padding: 15px 0; background: #000000;}
.copyright-text p                { margin-bottom: 0; font-size: 14px; line-height: 22px; color: #ffffff;}
.copyright-text p,
.copyright-text ul               { display: inline-block; vertical-align: top;}
.copyright-text li               { padding: 0px 8px; display: inline-flex;}
.copyright-text li a             { font-size: 22px; color: #ffffff;}
.social-blk                      { text-align: right;}
.custom-link li                  { padding: 0px 10px; display: inline-block;}
.custom-link li a                { padding-bottom: 0;}
/******* Footer Css End ******/

/******* Responsive Design ******/
@media (min-width: 1401px) and (max-width: 1599px){
  .login-form                              { right: 13%;}
}
@media (min-width: 1366px) and (max-width: 1400px){
  .login-form                              { right: 10%;}
}
@media (min-width: 1200px) and (max-width: 1365px){
  .login-form                              { right: 5%;}

  .banner-sec                              { background-size: 55% auto, auto;}
  .banner-sec.pattern-2::after,
  .banner-sec.pattern-1::before             { left: 55%;}
}
@media (min-width: 992px) and (max-width: 1199px){
  h6                                       { font-size: 22px; line-height: 35px;} 

  header                                   { padding: 25px 15px;}
  .login-form                              { top: 90px; right: 6%; text-align: left;}

  .banner-sec                              { padding-top: 100px; height: 100%; background-size: cover; }
  .banner-sec h1                           { padding: 40px 0 50px;}
  .banner-sec.pattern-2::after,
  .banner-sec.pattern-1::before            { display: none;}
  .form-control input                      { padding-left: 50px; font-size: 14px; line-height: 22px;}
  .joinus-form h2                          { padding: 35px 0 15px; color: #ffffff;}
  .signup-signin-bg::after                 { display: none;}

  .footer-widget h3                        { font-size: 20px; line-height: 28px;}
}
@media (min-width: 768px) and (max-width: 991px){
  h1                                       { font-size: 35px; line-height: 45px;}
  h5                                       { font-size: 15px; line-height: 22px;} 
  h6                                       { font-size: 17px; line-height: 30px;} 
  .section-padding                         { padding: 40px 0;}

  header                                   { padding: 20px 15px; text-align: center;}
  header .logo img                         { width: 250px;}
  .login-btn                               { margin-right: 0; margin-left: 15px;}
  .login-form                              { top: 82px; right: 5%; text-align: left;}

  .banner-sec                              { padding-top: 80px; height: 100%; background-size: cover; }
  .banner-sec h1                           { padding: 40px 0 50px;}
  .banner-sec.pattern-2::after,
  .banner-sec.pattern-1::before            { display: none;}
  .form-control input                      { padding-left: 50px; font-size: 14px; line-height: 22px;}
  .joinus-form h2                          { padding: 35px 0 15px; color: #ffffff;}
  .signup-signin-bg::after                 { display: none;}

  .video-img img                           { height: 150px;}
  .play-video img                          { height: auto;}

  .we-are-poker                            { height: 100%;}
  .we-are-poker img                        { width: 350px;}

  .footer-widget h3                        { padding: 20px 0;}
   
}
@media (max-width: 767px){
  .btn-1                                   { padding: 8px 10px; width: 130px;}
  h1                                       { font-size: 28px; line-height: 35px;}
  h2                                       { font-size: 25px; line-height: 35px;}
  h3                                       { font-size: 18px; line-height: 28px;}
  h5                                       { font-size: 16px; line-height: 22px;}
  h6                                       { font-size: 22px; line-height: 35px;}
  .section-padding                         { padding: 35px 0;}

  header                                   { padding: 15px 0; text-align: center;}
  header .logo img                         { margin-bottom: 10px; width: 200px;}
  .login-btn                               { margin-right: 0; margin-left: 15px;}
  .login-btn .btn-1                        { width: 100px;}
  .login-form                              { top: 72px; right: 0; width: 100%; text-align: left;} 

  .banner-sec                              { padding-top: 15px; height: 100%; background-size: cover; text-align: center;}
  .banner-sec h1                           { padding-bottom: 35px;}
  .banner-sec.pattern-2::after,
  .banner-sec.pattern-1::before            { display: none;}
  .form-control input                      { padding-left: 50px; font-size: 14px; line-height: 22px;}
  .joinus-form h2                          { padding: 35px 0 15px; color: #ffffff;}
  .signup-signin-bg                        { padding-top: 20px;}
  .signup-signin-bg .joinus-form           { margin-top: 15px; padding: 25px 0; width: 100%;}
  .signup-signin-bg::after                 { display: none;}
  .signup-signin-bg .logo img              { width: 200px;}

  .offer-blks                              { margin-bottom: 15px;}

  .play-safe-blocks h5                     { font-size: 15px; line-height: 25px;}

  .how-to-play .sec-title h5               { padding-bottom: 0;}
  .video-img                               { margin: 20px 0;}

  .we-are-poker                            { height: 100%;}

  .about-text                              { text-align: center;}
  .about-text p                            { font-size: 14px; line-height: 25px;}

  .footer-widget h3                        { padding: 20px 0;}
  .copyright-text                          { text-align: center;}
  .social-blk                              { margin-top: 10px; text-align: center;}
}
@media (max-width: 359px){
  .signup-signin-bg                        { height: 100%;}
}