@font-face {
    font-family: 'New Creation';
    src: url('../font/NewCreationRegular.woff2') format('woff2'),
        url('../font/NewCreationRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

   body{
    font-family: 'New Creation' ;
      overscroll-behavior: none; 
      touch-action: none;
      background-color: #000000;
      color:#FFFFFF;
      height: 100dvh;
      width: 100% ;
      margin: 0px;
      overflow: hidden;
   }

   footer{ position:fixed; bottom:10px; left:10px; right:10px; font-size: 0.8em; text-align: center; z-index: 8888;}
   .footer-links { margin:0px; margin-left:0px; margin-block-start:0px !important ; padding-inline-start:0px; }
   .footer-links li{ display: inline-block; padding:2px 3px; }
   .footer-links li a:link,
   .footer-links li a:visited,
   .footer-links li a:active{ color:#5e5e5e; }
   .footer-links li a:hover{ color:#FFFFFF; }
   .bgc{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url('https://cdn1.umg3.net/1428-cdn/background.jpg?v=2');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: all 3s;
   }

   .bcl{
        position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url('https://cdn1.umg3.net/1428-cdn/cure-logo.png');
    background-size: 300px auto;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000;
    transition: background-size 1s;
    display: none;
   }

   .cl{
    z-index: 8000;
    position: absolute;
    display: none;
    top: 20px;
    left: 10px;
    right: 10px;
    height: 40px;
    background-image: url(https://cdn1.umg3.net/1428-cdn/cure-logo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-position: center;   
   }


    @media screen and (max-width: 1200px) {
       .bcl{ background-size: 250px auto;}
   }
   @media screen and (max-width: 680px) {
       .bcl{ background-size: 200px auto;}
       .cl{background-size: 200px auto; top: 10px;}

   }


   .codes-container{ 
      position: absolute;
       top:calc(50% - calc( var( --box-width ) / 2 ) ); 
       left: 0px; right: 0px;
       text-align: center;

       }

  .cs{
     display: inline-block;
     vertical-align: middle;
     color: #FFFFFF;
      width: auto; 
      height: var( --box-width );
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
  }

  .d-prompt{ padding:10px 10px; position: relative;}

  .unlock-container-signup{
        position: fixed;
       opacity: 0;
        bottom: 60px;
        right: 10px;
        left: 10px;
        font-size: 1.2em;
        font-style: italic;
        letter-spacing: 1px;
        padding-top: 15px;
        z-index: 8888;
        transition: all 3s;
        text-align: center;
  }
  .unlock-container-signup a:link,
  .unlock-container-signup a:visited,
  .unlock-container-signup a:active{
     color: #a58b00;
     display: inline;
     text-decoration: none;
     border: 1px solid #a58b00;
     border-left: 4px solid #a58b00;
     border-right: 4px solid #a58b00;
     padding: 10px 20px;
      text-align: center;
  }

    .unlock-container-signup a:hover{
        background-color: #a58b00;
        color: #000000;
    }

    .ae-cform-container{
        display: inline-block;
        width: auto;
        max-width: 100%;
        text-align: center;
    }


  .unlock-container{
        opacity: 0;
        font-size: 1.4em;
        font-style: italic;
        transition: all 3s;
    position: fixed; z-index: 9999; bottom: 25vh; left: 10px; right: 10px; text-align: center;}

  .unlock-container-btn{
      display: none ;
      width: 100%; margin:0px auto; font-size: 1.5em;

  }

 .unlock-container .u-btn:link,
 .unlock-container .u-btn:active,
 .unlock-container .u-btn:visited{ display: block; width:100%;  color:#c8c8c8; padding:10px 10px; text-decoration: none;    position:relative;  box-sizing: border-box; }


 .dash::after{
  content:'';
  height:2px;
  width:20px;
  background:#646464;
  position:absolute;
  left:calc(50% - 10px);
  bottom:-5px;
/*   another way you can achieve this
  Check this link: 
  https://goo.gl/GgRdjz
  
  */
  
}


  .cs::after{
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border-radius: 50%;
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
  }

  .cs2{ padding-right:20px; }

   .codes-container > div{ 

       opacity: 0;
        transition: all 3s;
    }

    .ctp{ position: fixed; top:20px; left:20px; right:20px; padding-top:45dvh; display:none; text-align: center; font-size: 1.8em; }    

   .cc{ 

       opacity: 0;
        transition: all 3s;

      display: inline-block;

      width: var( --box-width ); height: var( --box-width );
   }

   .owl-carousel{ 
      width: calc( var( --box-width ) * var( --box-shown ) );
      margin-left: calc( 0px - calc( var( --box-width ) * 2));
      transform: rotate(90deg);
   }

   .code-item{ 
      color: #FFFFFF; 
      position: relative;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
   .c-text{

      transition: all 0.5s;
      text-align: center;
      height: var( --box-width );
      width: var( --box-width );
      font-size: 2.8rem;
      display: flex;
      justify-content: center;
      align-items: center;
   }

@media screen and (max-width: 1200px) {
     .c-text{
        font-size: 2.8rem;
    }
}

@media screen and (min-width: 1200px){
    padding-left:10px;
}

@media screen and (max-width: 780px) {
    .c-text{ font-size: 1.8rem;}
}

@media screen and (max-width: 480px) {
    .c-text{ font-size: 1.4rem;}
}

   .owl-carousel .owl-stage-outer{
      width: calc( var( --box-width ) * var( --box-shown ));
   }

   .owl-carousel .owl-item {
      transition: opacity 0.5s;
      opacity: 0.8;
   }
   .owl-carousel .owl-item .c-text{ transform: scale(1)  !important;opacity: 0.8; }
   .owl-carousel .left-of-center { opacity: 0;}
   .owl-carousel .left-of-center .c-text{ transform: scale(.8)  translateY(10%)  !important; }
   .owl-carousel .two-left-of-center .c-text { opacity: 0; transform: scale(.8)  translateY(10%)  !important; }


  .owl-carousel .right-of-center {  opacity: 0; }
  .owl-carousel .right-of-center .c-text{ transform: scale(.8)  translateY(-10%) !important; }
  .owl-carousel .two-right-of-center .c-text{ opacity: 0; transform: scale(.8)  translateY(-10%) !important; }


  .owl-carousel .owl-item.center { opacity: 1; }
  .owl-carousel .owl-item.center .c-text{ transform: scale(1) !important;}





  .owl-prev { opacity: 0;     position: absolute; top: 0px; left: calc( 50% - calc( var( --box-width ) / 2 )); width: 50px; height: var( --box-width );}
  .owl-next { opacity: 0; position: absolute; top: 0px; right: calc( 50% - calc( var( --box-width ) / 2 ));  width: 50px; height:var( --box-width );}


  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
    font-size: 2.5em;
  }

  .cc:hover .owl-prev{ opacity:1;  }
.cc:hover .owl-next{ opacity:1;  }

.touch .owl-carousel .owl-nav{display: none;}

.muteButton{ position: absolute; top:30px; right:20px;width: 30px; display: none; z-index: 9999; }
.scu{ opacity: 0; transition: opacity 3s; height:100dvh; }
.u-code{ display: none; font-family:'New Creation'; font-size: 1.5em;
    width: 100%; text-align: center; padding-bottom: 30px; font-style: normal;
}


.ae-cform-modal-container, .ae-cform-container{
            font-family: "Times New Roman", Times, serif !important;

}
.ae-cform-container{
    max-width: 100% !important;
}
  #ae-cform-modal-container-1 {
                                        background-color: #0a0a0a;
                                    }

                                    .ae-cform-title {
                                        text-align: center;
                                    }

                                    .ae-cform-title {
                                        color: #ccac00;
                                        font-size: 1.8em;
                                        padding-bottom:20px;
                                        padding-top: 20px;
                                    }
                                    .ae-cform-title hr{display: none;}

                                    .parsley-custom-error-message {
                                        color: #ffffff;
                                    }

                                    .ae-cform-item input[type="email"].parsley-error {
                                        border: 1px solid #ffffff;
                                    }

                                    .ae-cform-item span, a.ae-cform-not-registered-link, a.ae-cform-forgot-password-link, .ae-cform-reset-password-instructions, a.ae-cform-reset-password-login-link, a.ae-cform-reset-password-register-link, a.ae-cform-already-registered-link, .ae-cform-optin-label, #terms, #terms a, #sms-terms, #sms-terms a, .ae-cform-mailing-list-success, .ae-cform-mailing-list-success-1 {
                                        color: #ffffff;
                                    }

                                    .ae-cform-item input[type="submit"] {
                                        background: none;
                                        color: #a58b00 !important;
                                        background-color: #000000  !important;
                                        border: 1px solid #a58b00 !important;
                                        background-image: none !important;
                                    }

                                    #ae-cform-mailing-list-success-1,
                                    .ae-cform-mailing-list-success-1{ 
                                        color: #FFFFFF !important;
                                        font-size: 2em !important;
                                        text-align: center !important;
                                        padding: 1em;
                                     }

                                    #ae-cform-mailing-list-success-1 hr,
                                    .ae-cform-mailing-list-success-1 hr{ display: none !important; }



                                    .ae-cform-item input[type="submit"], .ae-cform-item input[type="submit"]:hover {
                                        border: 1px solid #0a0a0a;
                                    }

                                    .ae-cform-item input[type="submit"], .ae-cform-item input[type="submit"]:hover {
                                        background-image: -webkit-gradient(linear,left top,left bottom,from(#0a0a0a),to(#4787ed));
                                        background-image: -webkit-linear-gradient(top,#0a0a0a,#0a0a0a);
                                        background-image: -moz-linear-gradient(top,#0a0a0a,#0a0a0a);
                                        background-image: -ms-linear-gradient(top,#0a0a0a,#0a0a0a);
                                        background-image: -o-linear-gradient(top,#0a0a0a,#0a0a0a);
                                        background-image: linear-gradient(top,#0a0a0a,#0a0a0a);
                                    }



   @media screen and (max-width: 680px) {
      .unlock-container-signup{
        bottom: 35px;
      }
      .muteButton{ top:23px }

      .u-code{ padding-bottom: 20px; font-size: 1.1em; }
      footer{  bottom:2px; left:10px; right:10px;}

      .unlock-container-signup a:link, .unlock-container-signup a:visited, .unlock-container-signup a:active{
        display: block;
        margin-bottom: 4px;
        padding: 3px 20px;
      }
      .ae-cform-container{
        display: block;
      }

    }


@media only screen and (max-height : 450px) and (orientation : landscape) {
    .unlock-container-signup{
        text-align: right; bottom: 20px;
    }
    .ae-cform-container{ text-align: right; }
    .unlock-container{
        right: auto;
        left: 20px;
        bottom: 10px;
        font-size: 1.4em;
    }
    .unlock-container-btn{
        font-size: 1em;
    }

   .cl{
        right: auto;
        top: 10px;
        width: 200px;
        background-size: 200px auto;
   }
   .u-code{
        position: absolute;
        bottom: 0px;
        left: 5px;
        padding-bottom: 0px;
        line-height: 16px;
        width: auto;
   }
   .muteButton{ top:25px; right:10px; }

    .unlock-container-signup a:link, .unlock-container-signup a:visited, .unlock-container-signup a:active{
          border: 0px solid transparent !important;
    }

    .dash::after{ display: none;}
       

}