html, body{width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: left; font-size: 14px;}
body{height: 100%; background: url("../images/main-background.jpg") center top no-repeat #000000; background-size: cover; overflow:scroll; overflow-x: hidden;
font-family: 'Lato', sans-serif; }
* {-webkit-box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0px;padding:0px;}
img{border:0px !important; outline:none !important;}

/*STYLES*/
.ClearFix{clear: both;}
.Transition{-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.YellowColor{color: #f2ec22;}

#TopCont{display: block; width: 100%; min-height: 90px; margin: 0px; padding: 8px 0px 0px 0px; background: #890000;}
#TopCont #LogoCasino{display: block; width: 100%; height: auto; max-width: 335px; margin: 10px auto 0px auto;}
#MainCont{display: block; width: 100%;margin: 0px; padding: 0px 0px 20px 0px; font-family: 'Lato', sans-serif;}
#MainCont #BoxTitlePromo{display:block;width:100%;margin:0px auto 0px auto;padding: 0px 0px 20px 0px;text-align: center;}
#MainCont #BoxTitlePromo .Title{display: block; font-size: 60px; font-weight: 700;}
#MainCont #BoxTitlePromo .SubTitle{display: block; font-size: 30px; font-weight: 400; margin-bottom: 50px;}
#MainCont #BoxTitlePromo .CheckTitle{display: block; font-size: 20px; font-weight: 400;color: #f2ec22; text-transform: uppercase;}
#MainCont #BoxContB{display: block; width: 100%; max-width: 1105px; margin: 0px auto; height: auto; min-height: 230px;}
#MainCont #BoxContB .BoxesPromos{display: block; width: 100%; max-width: 31.3%; margin: 0px 1%; height: auto; float: left; text-align: center;}
#MainCont #BoxContB .BoxesPromos .BoxTitleTop{display: block; width: 100%; margin: 0px; height: 45px; background: #ab0000;}
#MainCont #BoxContB .BoxesPromos .BoxTitleTop p{display: block; width: 100%; margin: 0px; height: 45px; background: #ab0000;}
#MainCont #BoxContB .BoxesPromos #TitleBox01{line-height: 45px; font-size: 1.2em; font-weight: 700;}
#MainCont #BoxContB .BoxesPromos #TitleBox02{ font-size: 20px; font-weight: 700; padding-top: 3px;}
#MainCont #BoxContB .BoxesPromos #TitleBox02 .LText_01{display: block; height: 50%; font-size: 1em;}
#MainCont #BoxContB .BoxesPromos #TitleBox02 .LText_02{display: block; height: 50%; font-size: 0.6em;}
#MainCont #BoxContB .BoxesPromos #TitleBox03{line-height: 45px; font-size: 1.2em; font-weight: 700;}
#MainCont #BoxContB .BoxesPromos .Boxes{width: 100%; display: block; height:172px; position: relative;}
#MainCont #BoxContB .BoxesPromos #Box01{background: url("../images/box_01.jpg") 50% 0px  no-repeat; background-size: 100%; padding-top: 32%;}
#MainCont #BoxContB .BoxesPromos #Box02{background: url("../images/box_02.jpg") 50% 0px  no-repeat; background-size: 100%;}
#MainCont #BoxContB .BoxesPromos #Box03{}
#MainCont #BoxContB .BoxesPromos #Box03 .ImgGames{display:block;width:33.3%;height:auto;float:left;}


#MainCont #BoxContB .BoxesPromos .Boxes .LinkBtn {display: block; width: 100%; height: 90%; position: absolute; z-index: 1; left: 0px; top:0px; opacity: 0.5}
#MainCont #BoxContB .BoxesPromos #Box01 .BoxPromo{display: block; width: 48%; height: auto; padding-left: 10px;position: relative;z-index: 2;}


#MainCont #BoxContB .BoxesPromos #Box01 .BoxPromo span{display: block;}
#MainCont #BoxContB .BoxesPromos #Box01 .BoxPromo .RedeemLine{font-size: 0.7em;}
#MainCont #BoxContB .BoxesPromos #Box01 .BoxPromo .CouponCodeLi{font-size: 1.5em; font-weight: 700; color: #f2ec22;}
#MainCont .ForMore{display: block; text-align: center; margin: 40px auto 20px auto; font-size: 20px; font-weight: 700;}
#MainCont .ForMore{display: block; text-align: center; margin: 10px auto 20px auto; font-size: 20px; font-weight: 700;}
#MainCont #CenterCont{display: block; width: 100%; max-width: 960px; margin: 0px auto; padding: 30px 30px 30px 30px; color: #ffffff; }
#MainCont #CenterCont .ContBoxesCodes{display: block; width: 70%; min-height: 70px; margin: 0px auto; text-align: center;}
#MainCont #CenterCont .ContBoxesCodes .BoxBtns{display: block; width: 50%;  min-height: 70px; margin: 0px auto; float: left;font-weight: 700;}
#MainCont #CenterCont .ContBoxesCodes .BoxBtns:hover{-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
#MainCont #CenterCont .ContBoxesCodes .BoxBtns .Btn{display: block; width: 96%; height: 70px; line-height: 70px;margin: 0px auto;
font-size: 1.5em; text-transform: uppercase; color: #f2ec22;background: #000000; border: solid 1px #f2ec22; text-decoration: none;}
#MainCont #CenterCont .ContBoxesCodes .BoxBtns #Btn_Right{color: #ab0000;background: #f2ec22; border: solid 1px #f2ec22;}
#MainCont .BrandsFooter{display: block; width: auto; height: auto; margin: 10px auto 0px auto;}
#MainCont #CenterContF {display: block; width: 100%; max-width: 550px; margin: 30px auto 0px auto; padding: 0px; color: #ffffff;}
#MainCont #CenterContF .BtnsFooter{display:block;width:48%;min-height:50px;margin:0px 1%;text-align:center;color:#f2ec22;background:#000000;border:solid 1px #f2ec22;float:left;
position:relative;overflow:hidden; text-decoration: none; padding-top: 7px;}
#MainCont #CenterContF .BtnsFooter .BoxIcon{display:block;width:50px;height:50px;background: url("../images/icons-btns-footer.svg") 50% 0% no-repeat; background-size: 50px 100px; position: absolute; z-index: 0;
left: 10%; top: 0px;}
#MainCont #CenterContF .BtnsFooter #IcoChat{background-position: 50% -50px;}
#MainCont #CenterContF .BtnsFooter p{display: block; width: 40%; margin: 0px auto; font-weight:900; font-size: 16px; text-align: center!important; padding-left: 10px;}
#MainCont #CenterContF .BtnsFooter .SubLine{color: #ffffff; font-size: 12px;}
#MainCont #CenterContF .BtnsFooter:hover{border: solid 1px #ffffff;}
#MainCont #CenterContF .BtnsFooter:hover >.BoxIcon{-ms-transform: scale(1.4, 1.4);-webkit-transform: scale(1.4, 1.4);transform: scale(1.4, 1.4);}


/* CSS RESPONSIVE --------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1200px){
  #MainCont .BrandsFooter {width: 100%;max-width: 600px;}
}
@media only screen and (min-width:568px) and (max-width:767px){
  #TopCont{min-height: 60px; margin: 0px; padding: 16px 0px 0px 0px;}
  #TopCont #LogoCasino{width:25%; max-width: 335px; margin: 0px auto 0px auto;}
  #MainCont #BoxTitlePromo .Title {font-size: 30px;}
  #MainCont #BoxTitlePromo .SubTitle {font-size: 15px; margin-bottom: 20px;}
  #MainCont #BoxTitlePromo .CheckTitle {font-size: 15px;}
  #MainCont .ForMore {text-align: center; margin: 10px auto 20px auto; font-size: 14px;}
  #MainCont #BoxContB .BoxesPromos {max-width: 300px; margin: 0px auto; height: auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes {width: 100%;min-height: 50px; margin: 0px auto;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns .Btn {width: 96%;height: 50px;line-height: 50px; margin: 0px auto;}
  #MainCont .BrandsFooter {width: 100%;max-width: 500px;}
  #MainCont #CenterContF .BtnsFooter p {width: 50%;margin: 0px auto;font-size: 16px;text-align: left; padding-left: 10px;}
}
@media only screen and (min-width:480px) and (max-width:567px){
  #TopCont{min-height: 60px; margin: 0px; padding: 16px 0px 0px 0px;}
  #TopCont #LogoCasino{width: 30%; max-width: 335px; margin: 0px auto 0px auto;}
  #MainCont #BoxTitlePromo .Title {font-size: 30px;}
  #MainCont #BoxTitlePromo .SubTitle {font-size: 15px; margin-bottom: 20px;}
  #MainCont #BoxTitlePromo .CheckTitle {font-size: 15px;}
  #MainCont .ForMore {text-align: center; margin: 10px auto 20px auto; font-size: 14px;}
  #MainCont #BoxContB .BoxesPromos {max-width: 300px; margin: 0px auto; height: auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes {width: 100%;min-height: 50px; margin: 0px auto;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns {width: 100%; min-height: 50px; margin: 5px auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns .Btn {width: 96%;height: 50px;line-height: 50px; margin: 0px auto;}
  #MainCont .BrandsFooter {width: 100%;max-width: 500px;}
  #MainCont #CenterContF .BtnsFooter p {width: 50%;margin: 0px auto;font-size: 16px;text-align: left; padding-left: 10px;}
}
@media only screen and (min-width:361px) and (max-width:479px){
  #TopCont{min-height: 60px; margin: 0px; padding: 16px 0px 0px 0px;}
  #TopCont #LogoCasino{width: 50%; max-width: 335px; margin: 0px auto 0px auto;}
  #MainCont #BoxTitlePromo .Title {font-size: 30px;}
  #MainCont #BoxTitlePromo .SubTitle {font-size: 15px; margin-bottom: 20px;}
  #MainCont #BoxTitlePromo .CheckTitle {font-size: 15px;}
  #MainCont .ForMore {text-align: center; margin: 10px auto 20px auto; font-size: 14px;}
  #MainCont #BoxContB .BoxesPromos {max-width: 300px; margin: 0px auto; height: auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes {width: 100%;min-height: 50px; margin: 0px auto;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns {width: 100%; min-height: 50px; margin: 5px auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns .Btn {width: 100%;height: 50px;line-height: 50px; margin: 0px auto;}
  #MainCont .BrandsFooter {width: 100%;max-width: 360px;height: auto;margin: 30px auto 0px auto;}
  #MainCont #CenterContF .BtnsFooter {width: 75%;min-height: 50px;margin: 10px auto;float: none;padding-top: 7px;}
  #MainCont #CenterContF .BtnsFooter p {width: 50%;margin: 0px auto;font-size: 16px;text-align: left; padding-left: 20px;}
}
@media only screen and (min-width:100px) and (max-width:360px){
  #TopCont{min-height: 60px; margin: 0px; padding: 16px 0px 0px 0px;}
  #TopCont #LogoCasino{width: 50%; max-width: 335px; margin: 0px auto 0px auto;}
  #MainCont #BoxTitlePromo .Title {font-size: 30px;}
  #MainCont #BoxTitlePromo .SubTitle {font-size: 15px; margin-bottom: 20px;}
  #MainCont #BoxTitlePromo .CheckTitle {font-size: 15px;}
  #MainCont .ForMore {text-align: center; margin: 10px auto 20px auto; font-size: 14px;}
  #MainCont #BoxContB .BoxesPromos {max-width: 100%;margin: 0px auto; height: auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes {width: 100%;min-height: 50px; margin: 0px auto;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns {width: 100%; min-height: 50px; margin: 5px auto; float: none;}
  #MainCont #CenterCont .ContBoxesCodes .BoxBtns .Btn {width: 100%;height: 50px;line-height: 50px; margin: 0px auto;}
  #MainCont .BrandsFooter {width: 100%;max-width: 360px;height: auto;margin: 30px auto 0px auto;}
  #MainCont #CenterContF .BtnsFooter {width: 100%;min-height: 50px;margin: 10px 1%;float: none;padding-top: 7px;}
  #MainCont #CenterContF .BtnsFooter p {width: 50%;margin: 0px auto;font-size: 16px;text-align: left; padding-left: 20px;}
}
.payments-container {
  text-align: center;
  padding: 50px 0 0 0;
}
.payments {
  max-width: 500px;
  width: 100%;
}