@charset "UTF-8";

:root {
    /* DESIGN FOR DRIVING COLOR PALETTE */
    /* DARK */
  --black7: #0E1013;
  --black6: #131418; /* ADDED BY ME */
  --black5: #17181B;
  --black4: #202124;
  --black3: #282A2D;
  --black2: #2E3134;
  --black1: #3C4043;
  --black0: #5F6368;
    
    /* WHITE */
  --white6: #80868B;
  --white5: #9AA0A6;
  --white4: #BDC1C6;
  --white3: #DADCE0;
  --white2: #E8EAED;
  --white1: #F1F3F4;
  --white0: #F8F9FA;
    
    
  --green0: #68ffb7;
}

body{
  overflow-x: hidden;
  background-color: black;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #f2f5f7;
}

a {
  text-decoration: none; }
  a:hover {
    color: #ffffff; }

h1 {
  font-weight: 600;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.3; }

h2 {
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.3px;
  font-size: 2.1rem;
  line-height: 1.3; }

h3 {
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.3px;
  font-size: 1.75rem;
  line-height: 1.1;

  color: #FFFFFF; }

p {
  line-height: 1.7;
  font-weight: 400;
    
}

.header2 {
  text-align: center;
  width: 100%;
  margin: auto;
}
.header2 h2 {
    font-weight: 400;
	margin-top: 2vh;
	font-size: 2vh;
	letter-spacing: 1.3px;
	color: var(--white1);
}

.header2 b {
    font-weight: 600;
	color: var(--white3);
}
.uppercase {
  text-transform: uppercase; }

/* LOGO */
/*-----------------------------------------------------------------*/
.logo {
  float: right; 
  display: flex; 
  justify-content: end;
  align-items: center;
}
.logo img {
  height: 30px;
  width: auto;
  cursor: pointer;
}

/* NAVBAR */
/*-----------------------------------------------------------------*/

nav{
  height: 68px;
  width: 100%;
  background-color: var(--black6);
  display: flex;
  z-index: 10;
}
.nav-links{
  display: flex;
  list-style: none;
  /* width: 40vw; */
  /* padding: 0 0.7vw; */
  justify-content: space-evenly;
  align-items: flex-start;
  padding-left: 4%;
  /* text-align: left; */
  /* margin-left: auto; */
  align-items: center;
}
.nav-links li a{
  color: #f2f5f7;
  FONT-SIZE: 0.95em; 
  font-weight: 500;
  cursor: pointer;
}
.nav-links li a:hover {
  color: var(--green0);
}
.nav-links li {
  position: relative;
}

/* HAMBURGER ICON */
/*-----------------------------------------------------------------*/

.hamburger div{
  height: 3px;
  width: 22px;
  border-radius: 20px;
  background: var(--white2);
  margin: 5px 3.5px;
  transition: all 0.3s ease;
}
.hamburger{
    /*width: 29px;
    height: 29px;*/
    display: none;
}

/*Animating Hamburger Icon on Click*/
.toggle .line1{
  transform: rotate(-45deg) translate(-5px,6px);
    
}
.toggle .line2{
  transition: all 0.3s ease;
  width:0%;
}
.toggle .line3{
  transform: rotate(45deg) translate(-5px,-6.5px);
}

/* TOP BUTTONS */
/*-----------------------------------------------------------------*/

.top_button{
    float: right; 
    display: flex; 
    justify-content: end;
    width:30%;
    align-items: center;
  }

.top_button a{
  background-color: var(--black4);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 4%;
  height: 46px;
}

.top_button img{
    height: 46px;
    cursor: pointer;
}


.mobile_social a {
        margin-right: 20px;
}
.mobile_social img{
        cursor: pointer;
        width: 34px;
        height: 34px;
filter: invert(100%) sepia(5%) saturate(4148%) hue-rotate(88deg) brightness(101%) contrast(104%);
    }

.mobile_social img:hover{
        cursor: pointer;
filter: invert(91%) sepia(5%) saturate(4148%) hue-rotate(88deg) brightness(101%) contrast(104%);
    }


@media screen and (min-width:1251px){
  .main_area{
    /* width: 70%; */
    /* min-height: 150px; */
    background: var(--black6); 
  }
  .buymeacoffee{
    display: none;
  }
    .sponsor{
    display: none;
  }
    .telegrambadge{
    display: none;
  }
    
  .main_area .nav-links{
    min-width: 80%;
  }
  .mobile_social{
    display: none !important;
  }

  .logo{
    margin-left: 2%;
  }
 
  .newsletter {
        display: none !important;
    }


}
@media screen and (min-width:1251px){
  .main_area{
    padding: 0 2%;
  }
      .main_area .nav-links{
    min-width: 80%;
  }
  .buymeacoffee{
    display: none;
  }
    .sponsor{
    display: none;
  }
    .telegrambadge{
    display: none;
  }
}

@media screen and (min-width:900px){
      .newsletter {
        display: block!important;
    }
    
      .infohead h1{
          font-size: 20px; 
          color: var(--white4);
          padding-bottom: 1vh; 
          line-height: 1.4em;
          font-weight: 400;
    }
      .infohead h2{
        font-size: 30px;
    }
}

@media screen and (max-width: 899px){
      .infohead h1{
          font-size: 16px; 
          color: var(--white4);
          padding-bottom: 1vh; 
          line-height: 1.4em;
          font-weight: 400;
    }
      .infohead h2{
        font-size: 24px;
    }
}

@media screen and (max-width: 1250px){
              .mn_header{
    margin-top: 68px;
  }
    .top_button{
    float: right; 
    display: flex; 
    justify-content: end; 
    width:7%;
    align-items: center;
  }
}

@media screen and (max-width: 1250px){
    
    .nav-links li a{
        font-size: 15px; 
}

  .buymeacoffee img{
        width: 80%;
        max-width: 70vw;
        cursor: pointer;
    }
    
  .telegrambadge img{
        height: 22px;
        max-width: 70vw;
        cursor: pointer;
    }

  .top_button{
    float: right; 
    display: flex; 
    justify-content: end; 
    width:75%;
    align-items: center;
  }
  .tab_social{
    display: none !important;
  }
  .logo{
    margin-left: 12%;
  }
  .wrapper{
    padding-top: 68px;
  }
  nav{
      position: fixed;
      z-index: 3;
      height: 68px;
      top: 0;
  }
  .hamburger{      
      display:block;
      position: absolute;
      cursor: pointer;
      right: 90%;
      top: 50%;
      transform: translate(-5%, -50%);
      z-index: 2;
      transition: all 0.7s ease;
  }
  .nav-links{
      position: fixed;
      background: var(--black6);
      border-bottom-right-radius: 20px;
      margin-top: 66px;
      height: 70vh;
      width: 70vw;
      flex-direction: column;
      -webkit-clip-path: circle(10px at 10% -10%);
      clip-path: circle(10px at 20% -20%);
      transition: all 0.3s ease-out;*/
      pointer-events: none;
      align-items: flex-start;
  }
  .nav-links.open{
      -webkit-clip-path: circle(1000px at 90% -10%);
      clip-path: circle(1000px at 90% -10%);
      pointer-events: all;
  }
  .nav-links li{
      opacity: 0;
  }
  .nav-links li:nth-child(1){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(2){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(3){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(4){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(5){
    transition: all 0.3s;
  }
  .nav-links li:nth-child(6){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(7){
      transition: all 0.3s;
  }
  .nav-links li:nth-child(8){
      transition: all 0.3s;
  }
  li.fade{
      opacity: 1;
    
  }
}

/***********************************************************/
/* GIVEAWAYS TABS*/
.giveaways {
    width: 70%;
    margin: auto;
	text-align: center;
    justify-content: center;
    align-items: center;
	text-align: center;
}
@media(max-width:800px){
    .giveaways {
        width: 96%;
    }
}
.giveaways .products {

	display: inline-flex;
	justify-content: center;
	text-align: center;
}
.giveaways .products .tab {
	height: auto;
	padding: 0px 5px 13px 5px;
}	
.giveaways .products .tab img {
	background-color: #17181b ;
	border-radius: 50%;
	width: 88%;
	padding: 2px;
}

.giveaways .products .tab p {
   margin-top: 7px;
   margin-bottom: 7px;
   letter-spacing: 1.3px;
   font-size: 1rem;
   font-weight: 500;
}

.giveaways .products .tab a span {
   letter-spacing: 1.3px;
   font-size: 1rem;
   font-weight: 500;
}

.giveaways .products .tab .pickbutton{
    width: 84%;
    padding: 2px;
    border-radius: 30px;
    margin: auto;
    cursor: pointer;
    background-color: #282a2d;
}

.givlabel {
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  margin-top: auto
  }

.givlabel s{
    cursor: pointer;
    color: var(--white5)
}

.sale {
  color: var(--green0);
  }

/***********************************************************/

.glowbox {
  text-align: center;
  animation: glowbox 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glowbox {
  from {
    box-shadow: 0 0 0px #68ffb7, 0 0 0px #68ffb7, 0 0 0px #68ffb7,;
  }
  
  to {
    box-shadow: 0 0 0px #68ffb7, 0 0 0px #68ffb7, 0 0 10px #68ffb7;
  }
}

.glow {
  cursor: pointer;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 0px #68ffb7, 0 0 0px #68ffb7, 0 0 0px #68ffb7,;
  }
  
  to {
    text-shadow: 0 0 0px #68ffb7, 0 0 0px #68ffb7, 0 0 10px #68ffb7;
  }
}

#snowfall{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;}

/***********************************************************/

/********************/

/*  PRIVACY POLICY BOTTOM  */
  #home .section-headline {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    float: left;
   }
    #home .section-headline .h1-small {
      font-size: 2rem;
      font-weight: 400; }
    #home .section-headline h2 {
      font-weight: 400;
	  letter-spacing: 1.3px;    
      text-align: center;
      display: inline-block;
      position: relative;
      margin-bottom: 0;
      padding-bottom: 0; }
    #home .section-headline h1 {
      font-weight: 300;
	  letter-spacing: 1.3px;    
      text-align: center;
    }

/********************/
/****     SCROLL TO TOP     ***/
#totop {
  margin: 30px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right:  17px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#totop::after {
  line-height: 50px;
  color: #fff;
}
#totop:hover {
  cursor: pointer;
}
#totop:active {
}
#totop.show {
  opacity: 1;
  visibility: visible;
}

/********************/

.taphover {
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
     transition:all 0.3s
 }
.taphover:hover, .taphover:active {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
     transform: scale(1.05)
 }

/********************/
/*LAZY IMAGE LOADING*/
@keyframes fadein {
  0% {
    opacity: 0;
	}
  100% {
    opacity: 1;
	} }

@keyframes fromtop {
  0% {
    transform: translateY(-30px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }

.aniFadeIn, .aniFromTop, .fadein {
  opacity: 0; }

.RunAniFadeInSlow {
  animation: fadein 1s 1 ease-in;
  animation-fill-mode: forwards; }

.RunAniFromTop {
  animation: fromtop 0.6s 1 ease-out;
  animation-fill-mode: forwards; }
/********************/

/***********    DIVIDER    *********/

.divider {
  width: 100%;
  height: 1px;
  margin: 1.8rem 0; }

.divider-short {
  height: 3px;
  width: 50px;
  border: none;
  border-radius: 5px;
  background-color: dimgray;
  margin: 1.8rem 0; }

/********************/
/**********************************************************************************************************/

/* FORM  */

/**********************************************************************************************************/
/********************/
/********************/

.full_box input,
.full_box textarea
{
  width: 100%;
  border-radius: 5px;
  padding: 15px 2%;
  border: none;
  margin: 15px 0px ;
  color: black !important;
}
.default_bt{
  width: 100%;
  border: none;
  margin: 50px 0px ;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: gray;
  cursor: pointer;
}
.full_box input:focus,
.default_bt,
.full_box textarea:focus{
  border: none;
  outline: none;
}


/* ------------------------------------------------------------------------------- */
div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

section {
  position: relative;
  height: auto; }

.headera{
    text-align: left;
    width: 90%
}
.headerb{
  width: 100%;
  position: relative;
  
}
.carousal_header{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
  grid-template-rows: auto;
}
.mn_header{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.watch-card img{
  width: 100%;
  margin: auto;
  display: block;
  /* margin-top: 100px; */

}
.border{
  border: 1px solid #fff;
}
.watch-card h3{
  text-align: center;
    font-size: 2.55vh;
    margin-top: 0px;
    margin-bottom: 0px

}
.watch-card p{
  text-align: center;
  cursor: pointer;
  font-size: 1.95vh;
  color: darkgray;
    margin-top: 6px;
  padding-bottom: 6px;
}
.watch-card p:hover{
  color: var(--green0);
}

.content{
  width: 90%;
  margin: 5px auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 3fr));
  grid-gap: 20px;
  grid-template-rows: auto;
}
.watch-card{
  position: relative ;
  background-color: var(--black5);
  border-radius: 50px;
  overflow: hidden;
    display: none;
  
}
.watch-card:nth-child(1) {
    display: block;
}
.watch-card:nth-child(2) {
    display: block;
}
.watch-card:nth-child(3) {
    display: block;
}
.watch-card:nth-child(4) {
    display: block;
}
.watch-card:nth-child(5) {
    display: block;
}
.watch-card:nth-child(6) {
    display: block;
}
.watch-card:nth-child(7) {
    display: block;
}
.watch-card:nth-child(8) {
    display: block;
}

.play_st{
  position: absolute;
  right: 0px;
  width: 80px;
  height: 80px;
  z-index: 1;
  cursor: pointer;
  background-color: var(--black1);
  border-radius: 0 50px 0 50px;
}
.play_st img{
  width: 40px;
  height: 40px;
    cursor: pointer;
  margin: 20px 20px;
}
.watch-card .watch_img{
  margin-top: 20px;
}
#loadmore{
    margin: 30px auto 0px;
    display: table;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.3px;
    cursor: pointer;
    color: #000;
    border-radius: 30px;
    background-color: var(--white1);
}
.watch-card.hidden {
  display: none;
}

.header_lb{
  justify-content: space-evenly;
  margin: auto; 
  display: block; 
  text-align: center; 
  height: auto; 
  width: 59%;
  margin-top: 61px;
}

.footertext {
      color: var(--white6);
}

.header_lb a img{
    color: aliceblue;
    cursor: pointer;
    width: 34px;
    height: 34px;
    margin: 10px ;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
     transition:all 0.3s;
filter: invert(100%) sepia(5%) saturate(4148%) hue-rotate(88deg) brightness(101%) contrast(104%);
} 

.header_lb a img:hover, .header_lb a img:active {
    filter: invert(91%) sepia(5%) saturate(4148%) hue-rotate(88deg) brightness(101%) contrast(104%);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
     transform: scale(1.05)
 }
.con_X{
  text-align: center;
  font-size: 19px; 
  color: var(--white2);
  text-transform: uppercase; 
  margin-top: 39px;
}
@media(max-width:800px){
    .con_X{
        margin-top: 93px;
    }
}


/***************************  HOWTO  **************************************/

.sectiontext h2 {
    color: var(--white2);
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    margin: 25px 0px;
    text-align: center;
}

.howtotop{
    margin: auto;
    width: 90%;
    margin-top: 93px;
}

@media(min-width:1251px){
    
    .howtotop{
        margin-top: 0px;
    }
}

.how-to-card{
  text-align: center;
  position: relative ;
  background-color: var(--black5);
  border-radius: 50px;
  overflow: hidden;
}

.how-to-card h3{
  /*color: var(--white2);*/
  font-size: 19px;
  color: var(--green0);
}

.how-to-card h4 {
    color: var(--white4);
    margin: auto;
    width: 90%;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
.how-to-card h5 {
    color: var(--green0);
    margin: auto;
    width: 90%;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}
.how-to-card h6 {
    color: var(--white4);
    margin: auto;
    width: 90%;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

.how-to-card a {
    color: var(--green0);
    margin: auto;
    width: 90%;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

.how-to-card img{
  width: 90%;
  border-radius: 20px;
  margin: 5px auto 5px auto;
  display: block;

}

.m0 img{
  width: 90%;
  margin: 5px auto 0px auto;
  display: block;

}

.finalnote{
    width: 90%;
    margin: auto;
}

.finalnote h4{
    color: var(--white4);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

.finalnote a{
    color: var(--green0);
    margin: auto;
    cursor: pointer;
    font-weight: 500;
}
/***************************  HOWTO  **************************************/

@media(max-width:1400px){
    .content{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(40%, 3fr));
      grid-gap: 30px;
      grid-template-rows: auto;
    }
    .carousal_header{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 2fr));
    grid-gap: 1px;
    grid-template-rows: auto;
  } 
        .mn_header{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
      grid-gap: 10px;
      grid-template-rows: auto;
      justify-items: center;
      align-items: center;
  }
}

@media(max-width:900px){
    .content{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(46%, 3fr));
      grid-gap: 30px;
      grid-template-rows: auto;
    }
    
    .headera{
    padding-top: 5px;
    width: 90%;
    }
}

@media(max-width:600px){
    .content{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(50%, 3fr));
      grid-gap: 30px;
      grid-template-rows: auto;
    }
}
    
  .header_lb{
    margin: auto; 
    display: block; 
    text-align: center; 
    height: auto; 
    width: 59%;
    margin-top: 61px;
  }

@media(max-width:800px){

  .mn_header{
    margin-top: 68px;
  }
    .header_lb{
    margin: auto; 
    display: block; 
    text-align: center; 
    height: auto; 
    min-width: 79%;
    margin-top: 61px;
  }
}
@media (min-width:1400px){
    
    .headerb{
        padding-top: 18px;
    }
    
  .headerb::before{
    position: absolute;
    content: "";
    top: 15%;
    width: 3px;
    height: 70%;
      left: -2px;
    background-color: #404040;
    border-radius: 5px;
  }
}
@media (max-width:1399px){
    
  .headerb::before{
    display: block;
    content: "";
    width: 50px;
    margin: 0px auto 1.8rem auto;
    height: 3px;
    background-color: dimgray;
    border-radius: 5px;
  }
}

/*  PHP CONTACT FORM  */

/*----------------------------------------------------------- */
.form-inner-cnt p {
    text-align: center;
  font-size: 14px;
  color: #949494;
  margin-bottom: 25px;
  font-weight: 400;
}

form.cnt-form {
  height: auto;
  padding: 10px 5% 28px 5%;
  width: 88%;
  background-color: #17181b;
  margin: auto;
  display: block;
  border-radius: 20px;
}

@media(min-width:900px){
    form.cnt-form{
        width: 50%;
    }
}

.form-input {
  margin-bottom: 15px;
}

.m{
  margin-bottom: 25px;
}

.form-captcha {
    text-align: center;
    display: table;
    margin: auto;
}

.g-recaptcha{
  margin-left: 0.5%;
  margin-top: 0px;
  transform:scale(1);
  -webkit-transform:scale(1);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}

.form-inner-cnt label {
  font-size: 14px;
  line-height: 25px;
  color: #c7c7c7;
  display: block;
  margin: auto;
  width: 85%;
  margin-bottom: 10px;
}

.form-inner-cnt input[type="text"],
.form-inner-cnt input[type="email"],
.form-inner-cnt textarea {
  outline: none;
  margin: auto;
  width: 85%;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 15px;
  padding: 12px;
  font-family: inherit;
  text-align: left;
  -webkit-appearance: none;
  background: #eaeaea;
  display: grid;
  border: none;
  grid-template-columns: .1fr 1fr;
  border-radius: 10px;
}

.form-inner-cnt textarea {
  height: 90px;
  resize: none;
  background: #eaeaea;
  display: grid;
  grid-template-columns: .1fr 1fr;
  align-items: center;
  border: none;
  border-radius: 10px;
}

.form-inner-cnt input[type="text"]:focus,
.form-inner-cnt input[type="email"]:focus,
.form-inner-cnt textarea:focus {
  border: 2px solid #7ffed3;
  background: #fff;
}

.submit-button {
    margin: auto;
  width: 75%;
  margin-top: 23px;
}

.btn {
    margin: auto;
  width: 100%;
  max-width: 40vw;
  padding: 8px;
  text-decoration: none;
  display: inline-block;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #c4e9ff;
  background: #2e2e2e;
  display: block;
  border-radius: 50px;
  transition: 0.3s ease;
}

.btn:hover {
  background: #c4e9ff;
    color: black;
  transition: 0.3s ease;
}

@media all and (max-width: 590px) {
  .form-inner-cnt h3 {
    font-size: 30px;
  }
}

.status-msg{
  text-align: center;
  font-size: 16px;
  padding: 6px;
  margin-bottom: 10px;
}
.status-msg.error{
	color: #ff0000;
}
.status-msg.success{
	color: var(--green0);
}


/***************** REVIEWS TAB - TESTIM *******************************/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

.testim {
		width: 100%;
		-webkit-transform: translatey(-100%);
		-moz-transform: translatey(-100%);
		-ms-transform: translatey(-100%);
		-o-transform: translatey(-100%);
		transform: translatey(-100%);
}

.testim .wrap {
    position: relative;
    width: 100%;
    margin: auto;
    height: auto;
    float: left;
    padding: 0% 5% 8% 5%;
    /* border-right: 3px solid #202020 ; */
    /* display: none; */
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #000;
}

.testim .arrow:before {
		cursor: pointer;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    list-style-position: inside;
    padding-left: 0px;
    margin-top: 0px;
    display: block;
    z-index: 3333;
    height: 12px;
}

.testim .dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #202020;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: var(--green0);
    border-color: #FAFAFA;
}

    
.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 130px;
    height: 130px;
    margin: auto;
}

.testim .cont div h2 {
    color: var(--white1);
    font-size: 1em;
    margin: 20px 0 14px 0;
    font-weight: 600;
    font-style: normal;
}

.testim .cont div .p1 {
    text-align: center;
    font-size: 1em;
    color: var(--white4);
    width: 80%;
    margin: auto;
    font-weight: 400;
    font-style: normal;
}

.testim .cont div .p2 {
    text-align: center;
    padding-top: 15px;
    font-size: 0.9em;
    height: 90px;
    color: var(--white6);
    width: 80%;
    margin: auto;
    font-weight: 400;
    font-style: normal;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}



.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}

/* ------------------------------------------------------------- GIVEAWAY --------------------------------------- */

.processing{
    margin-top: 20px;
    text-align: center;
}

.giveaway-title{
    font-size: 17px;
    margin-top: -10px
}

.coupon{
    background: none;
    color: var(--green0);
    text-align:center;
    box-shadow: none; 
    width:100%;
    font-size: 18px;
    border: none;
    
    outline: none; 
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
}

.howtoredeem a{
    font-size: 14px!important;
    color: var(--white4)!important;
}

.giveaway-wrap {
    position: relative;
    width: 90%;
    height: 600px;
    margin: 5px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 3fr));
    grid-gap: 20px;
    grid-template-rows: auto;
}

@media(min-width:600px){
    .giveaway-wrap{
        max-width: 440px;
    }
}


@media(min-width:600px){
    .bogo-wrap{
        max-width: 640px;
    }
}

.watchface-img{
    margin: -8px auto !important;
    height: auto;
    width: 70%!important;
}

.play-img{
    margin: 20px auto 0px!important;
    border:none;
    border-radius: 0px!important;
    height: auto;
    width: 40%!important;
}

.form-group{
    margin-bottom: 14px
}


.btn-active {
    color:black; 
    text-align: center;
    background: #c4e9ff; 
    border: none;
    width: 70%;
    border-radius: 50px;
    margin: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    padding: 8px;
    text-decoration: none;

}

.btn-copy {
  margin: 20px auto 20px;
  width: 30%;
  padding: 8px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #c4e9ff;
  background: #2e2e2e;
  border-radius: 50px;
}




.d-none{
    display:none!important;
}

.d-flex{
    display:-webkit-box!important;
    display:-webkit-flex!important;
    display:-ms-flexbox!important;
    display:flex!important}

.justify-content-center{
    -webkit-box-pack:center!important;
    -webkit-justify-content:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}

@-webkit-keyframes spinner-grow{
    0%{-webkit-transform:scale(0);transform:scale(0)}
    50%{opacity:1}
}

@-o-keyframes spinner-grow{
    0%{-o-transform:scale(0);transform:scale(0)}
    50%{opacity:1}}

@keyframes spinner-grow{
    0%{-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
    50%{opacity:1}}

.spinner-grow{
    color: var(--green0);
    display:inline-block;
    width:2rem;
    height:2rem;
    vertical-align:text-bottom;
    background-color:currentColor;
    border-radius:50%;opacity:0;
    -webkit-animation:spinner-grow .75s linear infinite;-o-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;border:0
}

.giveaway-card{
  text-align: center;
  position: relative ;
  background-color: var(--black5);
  border-radius: 50px;
  overflow: hidden;
}

.giveaway-cardh3{
  font-size: 19px;
  color: var(--green0);
}

.giveaway-card h4 {
    color: var(--white4);
    margin: auto;
    width: 90%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

.giveaway-card h6 {
    color: var(--white4);
    margin: 6px auto 12px;
    width: 90%;
    text-align: center;;
    font-size: 15px;
    font-weight: 500;
}

.giveaway-card .results a{
    color: var(--green0);
    width: 90%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}