@import url('../../../css2-2');
	
body{padding:0 0 0px;}

.deposit-txt{font-size: 11px; text-align: center; margin: 0 auto; padding: 10px;}

.mob{display: none;} .desk{display: block;}
@media only screen and (max-width:1000px){ .mob{display: block;} .desk{display: none;} }

.header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between;
  -webkit-align-content: space-between;
}
.logo { max-width: 146px;  width: 100%;  padding: 0 0px; }
@media only screen and (max-width: 700px){.logo{max-width20vw;} .buttons a.login{margin-top:3vw !important; font-size:13vw;}}
@media only screen and (max-width: 500px){.logo{max-width:30vw;} .buttons a.login{margin-top:2.4vw !important; font-size:13vw;}}

.toprow{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9233eb+3,55cbe9+31,e7c350+66,cb2f5f+100 */
background: #9233eb; /* Old browsers */
background: -moz-linear-gradient(left,  #9233eb 3%, #55cbe9 31%, #e7c350 66%, #cb2f5f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #9233eb 3%,#55cbe9 31%,#e7c350 66%,#cb2f5f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #9233eb 3%,#55cbe9 31%,#e7c350 66%,#cb2f5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9233eb', endColorstr='#cb2f5f',GradientType=1 ); /* IE6-9 */

}

@media only screen and (max-width:370px) { .header .logo-link { max-width: 40%; } }
.toprow .toprow-inner .logo{max-width:235px;width:100%;padding:0 15px;}
@media only screen and (max-width: 360px){.logo{width: 106px !important; }}

.hbg { background:transparent url("../img/bg.jpg") 50% 100% no-repeat;background-size:105%; padding-bottom: 30px;}

@media only screen and (max-width: 1740px){.hbg{background-size:115%}}
.bonus-offer .bonus-block{ margin:0 auto;text-align:center;border-radius:3px;font-size:17px}
.bonus-offer .bonus-block .bonus-block-inner{padding:36px 10px 12px}.bonus-offer .additional-info{padding:10px 0; color:#FFE100;}

@media only screen and (max-width: 1400px){.hbg{background-size:145%;} }
@media only screen and (max-width: 1100px){.hbg{padding-bottom:3vw;background-size:125%;}}
@media only screen and (max-width:940px){.hbg{background:transparent url("../img/bg-mobile.jpg") 50% 7% no-repeat;background-size:100% auto} 
    .bonus-offer .bonus-block .bonus-block-inner { margin-top:30vw !important;}
    .awards{display: none !important;}}
@media only screen and (max-width:940px){
    .bonus-offer .bonus-block .bonus-block-inner { background-color: rgba(255,255,255, 0.75); padding-top:20px !important; border-radius:20px; margin-top:35vw !important;}
    }     
@media only screen and (max-width: 420px){.hbg{background-position: 0% 10%;}}
@media only screen and (max-width: 370px){.hbg{background-position: 0% 15%;}}
    
img.payment{ width:550px;}

.section-container {
    text-align: center;
}

.bonus-block h3{ font-size: 30px; color:#666666; text-transform: uppercase;}
@media only screen and (max-width: 1100px){.bonus-block h3{ font-size: 24px;}}
@media only screen and (max-width: 600px){.bonus-block h3{ font-size: 21px;}}
@media only screen and (max-width: 420px){.bonus-block h3{ font-size: 4.7vw;}}

.bonus-offer .bonus-img{max-width:696px;width:100%}.bonus-offer h1{font-size:30px !important; font-weight:normal; text-transform:uppercase; color:#eb4ac1;}
@media only screen and (max-width: 1100px){.bonus-offer .bonus-img{width:85%} }
@media only screen and (max-width:940px){.bonus-offer .bonus-img{width:95%} }
@media only screen and (max-width: 420px){.bonus-offer .bonus-img{max-width:400px; width:100%} }

.extra {margin-top: 0px; font-size: 19px; font-weight: bold; color: #666666;}
@media only screen and (max-width:1400px) {.extra {margin-top: 10px; }}
@media only screen and (max-width:940px){.extra {margin-top: 10px; font-size: 16px; font-weight: normal; }}
@media only screen and (max-width:420px){.extra {font-size: 14px; font-weight: bold;}}

.buttons a{ display: block; float: left;}
.buttons a.awards{ margin-top:11px;max-width:340px;}
.buttons a.login{ background-color:#ffffff; color:#cc0033; border-radius: 33px; font-size: 17px; font-weight: bolder; padding:7px 27px 9px 27px;margin-top:17px; }
.buttons a.login:hover{ background-color:#ad3df1; color:#ffffff;}
@media only screen and (max-width: 360px){.buttons a.login{font-size: 14px; margin-top:3vw !important;}}

.toprow .section-inner{ max-width:80%; margin:0 auto;}

.payment{ padding-top:20px;}

.RowBoxCode.code1{max-width:460px; display:flex;justify-content:center;width:84%;height:70px;line-height:45px;margin:0 auto;position:relative;text-transform:uppercase;}
.BoxCode{font-size:29px;display:block;width:50%;height:50px;line-height:55px;margin:0px;position:relative;color:#55cbe9;float:left;border-left:1px solid #55cbe9;border-top:1px solid #55cbe9;border-bottom:1px solid #55cbe9;  font-family: 'Fugaz One', cursive; background-color:#fff; border-top-left-radius: 13px;border-bottom-left-radius: 13px; border: 1px solid #55cbe9;}
.BtnCopy{display:block;width:40%;height:50px;line-height:54px;margin:0px;position:relative;background-color:#55cbe9;color:#fff; float:left;cursor:pointer; border-top-right-radius: 13px; border-bottom-right-radius: 13px; font-size:20px;font-family: 'Fugaz One', cursive;}
.BtnCopy:hover{background:#3ebddd}.BtnCopy:hover>.BoxCode{color:#55cbe9 !important}.code1.BoxCode{color:#55cbe9 !important}.code1.BtnCopy{background:#FFE100 !important;color:#fff !important}
@media screen and (max-width: 600px){.BtnCopy{width:40%;height:50px;line-height:50px;font-size:3vw;} .RowBoxCode.code1{;width:90%;} }
@media screen and (max-width: 420px){ .BoxCode{font-size:7vw; width:65%;} .BtnCopy{width:35%;font-size:5vw; overflow: hidden;} .RowBoxCode.code1{display:flex;justify-content:center;width:90%;} }

body{min-height:100vh;position:relative;margin:0;padding:0;font-family: 'Open Sans', sans-serif;color:#333;font-size:15px}
ul,li{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,p,strong,em{padding:0;margin:0;}
h1{ color:#eb4ac1; font-family: 'Fugaz One', cursive; font-size: 30px; padding-top: 22px; text-transform: uppercase; font-weight: normal; padding-bottom: 10px;}
@media screen and (max-width: 960px){ h1{ padding: 2vw 3vw 3vw 3vw;} }
@media screen and (max-width: 700px){ h1{ font-size: 20px;}}
@media screen and (max-width: 600px){ h1{ padding: 2vw 3vw 5vw 3vw;} }

h2{color:#fff;font-weight:normal;font-size:19px;padding:0 10px 10px;display:block;margin:0 auto;text-align:center}
img{max-width:100%}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
a{color:inherit;text-decoration:none}

.section-inner{max-width:90%;position:relative;margin:0 auto;}
.section-container ul.features{ padding-top:80px; }
.games, .features, .get-more{display:flex;justify-content:center;align-items:flex-start;text-align:center; width: 100%;  padding: 25px 0px 15px 0px;}
.get-more{justify-content:space-around;align-items:flex-start;text-align:center; width: 80%;
font-size:20px; color:#333333; padding-bottom:0px; }
@media screen and (max-width: 460px) {.get-more{display:block;justify-content:center;align-items:flex-start;text-align:left; font-size:18px;}
    .checked{padding-bottom:20px; font-weight: 600;} .checked img{ width:26px;} h1{padding:0px;}}

.features li{background-color: #f6e9fc; border-radius:8px; color: #555555; font-size: 18px; line-height: 26px; text-align: center; font-weight: 600; margin: 20px;}
.features li.mid{background-color: #fdfae2;}
.features li{width:33%;max-width:465px; max-height: 200px; padding: 40px 15px 40px 15px;}
.features li h3{ text-transform:uppercase; font-size: 22px; font-family: 'Fugaz One', cursive; color: #ad3df1; padding-bottom: 22px; font-weight: normal;}
.f-icon{ margin-top:-150px;}
@media screen and (max-width: 1600px){.features li{max-height: 13vw; min-height: 13vw; font-size: 18px; }}
@media screen and (max-width: 1500px){.features li{max-height: 14vw; min-height: 14vw; padding: 40px 15px 30px 15px;}  .features li h3{ font-size: 18px;} }
@media screen and (max-width: 1400px){.features li{ font-size: 17px; line-height: 22px;} .features li h3{ font-size: 16px;} }
@media screen and (max-width: 1200px){.features li{max-height: 17vw; min-height: 17vw;font-size: 16px; line-height: 20px; } .features li h3{ font-size: 15px;}.section-container ul.features{ padding-top:40px; }}

.games li{width:24%;max-width:357px;padding: 0px !important;margin: 10px;}
.games li img{ width: 100%;padding: 0px !important;border-radius:7px;}
.games li a{text-decoration: none; font-size: 22px; font-family: 'Fugaz One', cursive; color:#fff; text-transform: uppercase; display: block; padding: 14px 0px 7px 0px;}

.games a{transition: all .2s ease-in-out;} .games a:hover{ transform: scale(1.06); }
@media screen and (max-width: 1200px){.games li a{ font-size: 18px;}}
@media screen and (max-width: 960px){
    .features{flex-direction:column;} 
    .features li{width: 100%; max-width: 100%; min-width: 100%;}
    .features li:first-child, .features li:nth-child(2) { margin-bottom: 5vw !important;}
    .features li{width:90%;max-width:1000px;margin:0 auto 30px}
    
    .games li{width:50%;max-width:480px;padding: 0px !important; } .games{padding: 0px !important;}

    .f-icon{ margin-top:-12vw; width: 100px;}
}
@media screen and (max-width: 800px){.features li{max-height: 100% !important; min-height: auto !important; height: auto !important; }.features li:first-child, .features li:nth-child(2) { margin-bottom: 7.5vw !important;} }
@media screen and (max-width: 600px){.features li h3{ font-size: 20px; line-height: 25px;} .features li{ font-size: 18px; line-height: 22px;} .f-icon{ margin-top:-16vw; } }
@media screen and (max-width: 460px){ .games li a{font-size:14px;} .games li{margin:7px;} }
@media screen and (max-width: 420px){.f-icon{ margin-top:-28vw; width: 90px;} .features li:first-child, .features li:nth-child(2) { margin-bottom: 10vw !important;}}

.toprow-{padding:10px 0px 5px 0px;}
.toprow .toprow-inner{display:flex;justify-content:center;align-items:center}
@media only screen and (max-width: 640px){.toprow-inner{display:block;text-align:center}.toprow-inner .logo-link img{max-width:40%}}

.section-container {
    padding-top:0px !important; text-align: center;
}
header.section{background-position:50% 20%;}


@media screen and (min-width: 860px){.bonus-offer h1{font-size:25px !important}}

@media screen and (max-width: 350px){.bonus-offer h1{font-size:19px !important}
header.section{background-position:50% 35%;}
}

.bonus-offer h2{font-size:calc( 18px + 6 * ((100vw - 640px) / 220) )}

@media screen and (max-width: 640px){.bonus-offer h2{font-size:18px !important}}

@media screen and (min-width: 860px){.bonus-offer h2{font-size:24px !important}}

@media only screen and (max-width: 640px){.bonus-offer .bonus-block{max-width:none;border-left:none;border-bottom:none;border-radius:0;border-right:0}.bonus-offer .bonus-block .coupon-code{font-size:27px;margin:0 auto 15px}.bonus-offer .bonus-block .coupon-code strong{display:inline;font-size:inherit;line-height:normal}.bonus-offer .bonus-block .bonus-block-inner{padding:35vw 0 0 0}.bonus-offer .bonus-block .main-promo{padding-top:37.3%;padding-bottom:0px;font-size:5vw;font-weight:bold;font-size:24px;color:#fff;font-weight:700;padding:5px}.bonus-offer .bonus-block .main-promo img{display:block;margin:0 auto}.bonus-offer .bonus-block .bonus-offer .bonus-block .coupon-code .bonus-offer .bonus-block .border-bkg,.bonus-offer .bonus-block .bonus-offer .bonus-block .bkg{display:none}.bonus-offer .bonus-block .main-promo img{width:100%;margin-top:0px}}

img[src^="//my.rtmark.net/"]{position:absolute;top:0;left:0;visibility:hidden}.section-container{padding:25px 0 75px}.heading-games{text-align:center;padding:0 15px;font-size:calc( 18px + 10 * ((100vw - 600px) / 400) )}

@media screen and (max-width: 600px){.heading-games{font-size:18px !important}}

@media screen and (min-width: 1000px){.heading-games{font-size:28px !important}}


.games img{width:100%;height:auto;border:0;outline:none;display:block;padding:15px 0}.games p{font-size:16px;line-height:1.4}

#BarFooterTerms{color:#ffffff; display:block;width:100%;height:auto;min-height:6px;background:#ad3df1;position:absolute;bottom:0px;left:0;z-index:9999999}#BarFooterTerms #BoxButtonTerms{display:block;width:100%;height:30px;position:absolute;top:-35px;left:0;z-index:0;text-align:center}
#BarFooterTerms #ButtonTerms{border-radius:5px 5px 0 0;display:block;width:130px;height:35px;margin:0 auto;padding:8px 0;background:#ad3df1;text-transform:uppercase;font-size:15px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:hidden}#BarFooterTerms footer{display:block;width:90%;height:auto;max-width:1200px;margin:5px auto 10px;line-height:normal;padding:20px 5px 10px;text-align:justify;font-size:13px;position:relative;z-index:1;overflow:hidden}#BarFooterTerms footer p{display:block;width:100%;margin:20px auto;font-size:11px;letter-spacing:0;color:#000}

.button{display:inline-block;padding:20px 0px 14px 0px; margin: 7px; transition:0.1s;max-width:345px; border-radius:55px; color:#fff; background-color: #ad3df1; width:64%}.button strong{ font-weight:700; font-size:33px; line-height: 33px;}
.button:hover{transform:scale(1.02);filter:drop-shadow(0px 3px 8px transparent)}
@media only screen and (max-width: 1100px){.button strong{ font-size:26px; line-height: 25px;} .button{ margin: 2px; max-width:335px;} }
@media screen and (max-width: 460px){.button strong{ font-weight:800; font-size:25px;} .button{width:90%;}}
@media screen and (max-width: 400px){.button strong{ font-weight:800; font-size:20px; line-height: 20px;}  .button{width:80%;}}



@media screen and (min-width: 1000px){.button{font-size:25px !important}}

.games p { text-align:left;}
.games img{border-radius:4px;}


/**
 * The "shine" element
 */
 
 .button {
  position: relative;
  overflow: hidden;
  display: inline-block;  
}


.button:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.23) 0%,
    rgba(255, 255, 255, 0.23) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/*  CTA ANIMATION  */
.button{animation-name: button; animation-duration: 3500ms; animation-iteration-count:infinite;}

@keyframes button {
10%{
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);    
	} 
15%{
    -webkit-filter: hue-rotate(60deg);
    filter: hue-rotate(60deg);
-transform: scale(0.95); /* Safari */
    transform: scale(0.95);    
	}
20%{
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);    
	}  
    
30%{
    -webkit-filter: hue-rotate(-140deg);
    filter: hue-rotate(-140deg);
 
	}
50%{
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);    
	}     

}