/* MAIN STYLES *****************************/

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	background-color: #11153a;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	-webkit-transform: translateZ(0);
}
h1, h2, h3, h4, h5, h6 {
	font-family: Teko, sans-serif;
	margin: 0;
	line-height: 1;
}
h1{
	font-size: 40px;
	font-weight: 800;
}
h2{
	font-size: 50px;
	font-weight: 600;
}
h3{
	font-size: 46px;
	font-weight: 600;
	letter-spacing: -1px;
}
h4{
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -2px;
	color:#0f1e5f;
}
:focus{
	-moz-outline-style:none;
	outline: 0;
}
a {
    color: #FFFFFF;
    text-decoration: underline;
	outline: 0!important;
}
a:hover, a:focus {
    color: #FFFFFF;
    text-decoration: none;
}
a img {
	border: none;
	outline:0;
}
a.button, input.button, .button-dark{
	cursor: pointer;
	color: #FFFFFF;
	
	line-height: 20px;
	font-size: 14px;
	border: none;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	background: #f21830;
	border-right: solid 1px #191d44;
}
a.button-dark {
	background: #44446c;
}


a.button{
		padding: 17px 20px 10px 20px;
	display: inline-block;

	cursor: pointer;

	text-decoration: none;

	text-align: center;

}

a.button3{
		padding: 17px 20px 10px 20px;
	display: inline-block;

	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	font-size: 26px;
	font-weight: 700;

	border:0px;
	outline: none;
	text-align: center;
	background: #37375d;
}

a.button2{
	display: inline-block;
		padding: 17px 20px 10px 20px;
	cursor: pointer;
	color: #f21830;
	text-decoration: none;
	line-height: 30px;
	font-size: 26px;
	font-weight: 700;

	border:0px;
	outline: none;
	text-align: center;
	background: #ffffff;
}
/*
a.button + a.button{
	margin-left: 15px;
}
*/
a.button2:hover, a.button2:focus {
	color: #000000;
	background: #ffffff;
}

a.button + a.button{
}
a.button:hover, input.button:hover, .btn-primary:hover, .btn:hover,
a.button:focus, input.button:focus, .btn-primary:focus, .btn:focus {
	color: #FFFFFF;
	background: #ff3d4f;
}
a.button-dark:hover {
	background: #37375d;
}

/* HEADER STYLES *****************************/

#header{
	position: relative;
	border: solid 1px #11153a;
	background: #242956;
    z-index: 99;
}
#header .container{
	
}
#header-main{
	position: relative;
	height: 53px;
}
.logo-main{
	position: relative;
	display: inline-block;
	height: 53px;
	line-height: 53px;
	z-index: 5;
}
.logo-main img{
	margin-left: 20px;
	width: 160px;
	height: auto;
}
.logo-mob{
	display: none;
}
.nav-icon{
	display: none;
	position: relative;
	float: right;
	margin-top: 3px;
}
.nav-icon img{
	width:18px;
	height:24px;
}
.nav-menu{
	position: relative;
	float: right;
}
.nav-menu a{
	max-width: 100%;
}
.nav-links{
	display: inline-block;
	border-right: 1px solid #AEABAB;
	padding: 0px 10px;
}
.nav-links a{
	color: #333;
	text-decoration: none;
	font-weight: 700;
}
.nav-links a:hover{
	color: #CCC;
	text-decoration: underline;
	cursor: pointer;
}
.nav-menu .button{
	font-size: 13px;
	height: 53px;
	width: 127px;
	line-height: 53px;
	padding: 0;
	float: left;
}

/* MAIN CONTENT STYLES *****************************/

#wrapper{
	position: relative;
	overflow: hidden;
}
.container{
	padding: 0px 0px;
	vertical-align: bottom;

}
#content-wrap{
	position: relative;
	display: block;
	color: #000000;
    background: #FFFFFF;
    background: #f5f6fa;
    z-index: 1;    
/*
	-webkit-animation: opac-in-animate 0.5s ease-in forwards;
	animation: opac-in-animate 0.5s ease-in forwards;
*/
    overflow: hidden;
}

#content-wrap img{
	max-width: 100%;
}
#content-wrap .container{

	position: relative;
/*	width: 1800px;*/
	padding: 0px;
}
.scene-wrap:after{
	content: '';
	display: block;
	clear: both;
	

}
#scene-1.scene{

    position: relative;
    display: block;
    background: url(../images/sb-bg.jpg) top center no-repeat #f5f6fa;
    background-size: cover;
    z-index: 1;
    opacity: 0;
}
.ani-main{

	position: relative;
	display: block;
	text-align: center;
	z-index: 1;
}
.ani-main-wrap{

    position: relative;
	display: block;
		z-index: 2;


/*    height: 900px;*/
}
/*
.ani-main.scene-layer-2 .ani-main-wrap{
    opacity: 0;
}
*/
.ani-man span, .ani-main-img{
    position: relative;
    display: block;
}
.ani-main-img{
    opacity: 0;
}

.ani-main-wrap{
    position: relative;
    display: block;
    z-index: 2;
}
.ani-main-wrap span{
    position: relative;
    display: block;
}

.ani-roulette{

    position: relative;
	display: block;
    padding-top: 25%;
    padding-top: 23%;
    padding-left: 10px;
    width: 58%;
    z-index: 1;
    opacity: 0;

}
.ani-fog{
    position: absolute;
	display: block;
    width: 59%;
    left:0;
    bottom: 0;
    z-index: 2;
}
.ani-joker{
    position: absolute;
    display: block;
    width: 23%;
    left: 18%;
/*    top: 19%;*/
    bottom: 19%;
    z-index: 3;
    opacity: 0;
}
.ani-okey{
    position: absolute;
	display: block;
    width: 34%;
    right:-2%;
    bottom: 0;
    z-index: 2;
}

#smoke{
    position: absolute;
	display: block;
    width: 100%;
    height: 100%;
/*    height: 80%;*/
    left:0;
    bottom: 0;
    z-index: 4;
    opacity: 0.9;
}

.copy-1, .copy-2{
	position: relative;
	display: block;
	z-index: 2;
    opacity: 0;
    -webkit-backface-visibility: hidden;
}
.copy-1 span, .copy-2 span{
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
}
.copy-1{
	font-weight: 300;
	letter-spacing: 0px;
	font-size: 26px;
    color: #bba885;
    text-transform: uppercase;
}
.copy-2{
	font-weight: 700;
/*	letter-spacing: -1px;*/
	font-size: 44px;
    text-transform: uppercase;
}

.copy-wrap{
    position: relative;
    display: block;
    margin-bottom: 20px;
/*    opacity: 0;*/
    
    font-family: Teko, sans-serif;
	line-height: 1.2;
	color: #f2f2d4;
}
.copy-wrap-ani{
    position: relative;
    display: block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ani-wrap-copy{
	position: absolute;
    font-family: Teko, sans-serif;
    font-weight: 600;
    width: 100%;
	z-index: 2;
    top: 50%;
    right: 0;
    text-align: right;

}
.ani-copy-texts{
    position: relative;
    display: inline-block;
	vertical-align: bottom;
    text-align: center;
    width: 40%;
    z-index: 2;
}
.ani-copy-texts span{
    position: relative;
    display: block;
}
.ani-main-logo{
    position: relative;
    display: block;
    margin-bottom: 15px;
    line-height: 0;
    opacity: 0;
}
.ani-main-logo img{
    height: 40px;
    width: auto;
    vertical-align: top;
}
.ani-copy-1{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    letter-spacing: 1px;
    font-size: 100px;
    line-height: 0.8;
}
.ani-copy-2{
    position: relative;
    display: block;
    z-index: 2;
    opacity: 0;
    font-weight: 500;
    font-size: 70px;
    line-height: 1;
    margin-bottom: 20px;
}

.scene-button{
	position: relative;
	display: block;
/*    margin-top: 20px;*/
    margin-bottom: 10px;
	opacity: 0;
	z-index: 5;
}
.wrap-button{
	position: relative;
	display: block;
	width: 100%;
}
.scene-button .button{
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 36px;
	line-height: 30px;
/*	padding: 10px 30px 10px 30px;*/
	
    padding: 12px 20px 8px 20px;
	border-radius: 0px;
	margin: 0px;
	font-weight: 500;
	border: none;
    text-transform: uppercase;
	background: #62b05d;
    background: #e72323;
	color: #FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
    overflow: hidden;
}
.scene-button .button:before{
	content: '';
	position: absolute;
	display: block;
	height:300%;
	width:40%;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(70%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	top: -100%;
	left: 0;
	-webkit-animation: btn-shine-animate 3.6s ease infinite;
	animation: btn-shine-animate 3.6s ease infinite;
}
.scene-button .button:hover, .scene-button .button:active, .scene-button .button:focus{
	background-color: rgba(255,255,255,0.2);
	background: #ce0218;
    background: #3c348b;
	color: #FFFFFF;
}
.scene-button .button span{
	position: relative;
	display: block;
}

.term-btn{
	position: relative;
	opacity: 0;
	z-index: 6;
}
.term-trigger{
	display: inline-block;
	cursor: pointer;
	color: #000000;
	line-height: 20px;
	font-size: 18px;
	font-weight: 400;
/*	text-transform: uppercase;*/
/*    font-family: 'Gloria Hallelujah', cursive;*/
	border-radius: 0px;
	border: 0px;
	text-decoration: none;
	outline: none;
	text-align: center;
	padding: 5px 10px;
	background:none;
/*	border: 1px solid #11153a;*/
	margin:0px 0px 20px 0px;
}
.term-trigger:hover, .term-trigger:active, .term-trigger:focus, .term-trigger:visited{
	color: #000000!important;
	text-decoration: none;
	opacity: 0.5;
}


/* SCENE 1 ANIMATE *****************************/

#scene-1.animate {
	-webkit-animation: opac-in-animate 0.5s ease-in forwards;
	animation: opac-in-animate 0.5s ease-in forwards;
}
#scene-1.animate .ani-roulette{
    -webkit-animation: btm-in-animate 0.5s ease-out forwards;
	animation: btm-in-animate 0.5s ease-out forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
#scene-1.animate .ani-joker{
    -webkit-animation: top-in-animate 0.5s ease-out forwards;
	animation: top-in-animate 0.5s ease-out forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
#scene-1.animate .ani-joker span{
    -webkit-animation: wobble-animate 2.2s linear infinite;
	animation: wobble-animate 2.2s linear infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}


/*
#scene-1.animate .ani-main-img{
    -webkit-animation: zoom-in-animate 1.2s ease-out forwards;
	animation: zoom-in-animate 1.2s ease-out forwards;
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%;
}
*/


#scene-1.animate .ani-copy-1{
	-webkit-animation: zoom-out-animate 0.5s ease-out forwards;
	animation: zoom-out-animate 0.5s ease-out forwards;
	-webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
#scene-1.animate .ani-pulse{
    -webkit-animation: zoom-pulse-animate 2.2s linear infinite;
	animation: zoom-pulse-animate 2.2s linear infinite;
	-webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
#scene-1.animate .ani-copy-2{
	-webkit-animation: zoom-out-animate 0.5s ease-out forwards;
	animation: zoom-out-animate 0.5s ease-out forwards;
	-webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}
#scene-1.animate .scene-button{
	-webkit-animation: btm-in-animate 0.8s ease-out forwards;
	animation: btm-in-animate 0.8s ease-out forwards;
	-webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

#scene-1.animate .term-btn{
	-webkit-animation: opac-in-animate 0.8s ease-out forwards;
	animation: opac-in-animate 0.8s ease-out forwards;
	-webkit-animation-delay: 3.0s;
    animation-delay: 3.0s;
}


/* ANIMATIONS *****************************/

@-webkit-keyframes wobble-animate {
	0%, 50%, 100% { -webkit-transform: translateX(0deg); }
	25% {-webkit-transform: rotate(-2deg); }
	75% {-webkit-transform: rotate(2deg); }
}
@keyframes wobble-animate {
	0%, 50%, 100% { transform: rotate(0deg); }
	25% {transform: rotate(-2deg); }
	75% {transform: rotate(2deg); }
}
@-webkit-keyframes sway-animate {
	0%, 50%, 100% { -webkit-transform: translateX(0%); }
	25% {-webkit-transform: translateX(-10%); }
	75% {-webkit-transform: translateX(10%); }
}
@keyframes sway-animate {
	0%, 50%, 100% { transform: translateX(0%); }
	25% {transform: translateX(-10%); }
	75% {transform: translateX(10%); }
}


@-webkit-keyframes drop-animate {
	0% { opacity: 0;
		-webkit-transform: translateY(-100%); }
    30% { opacity: 1;}
	100% { opacity: 1;
		-webkit-transform: translateY(0%); }
}
@keyframes drop-animate {
	0% { opacity: 0;
		transform: translateY(-100%); }
    30% { opacity: 1;}
	100% { opacity: 1;
		transform: translateY(0%); }
}

@-webkit-keyframes btm-in-animate {
	0% { opacity: 1;
		-webkit-transform: translateY(80%); }
	100% { opacity: 1;
		-webkit-transform: translateY(0%); }
}
@keyframes btm-in-animate {
	0% { opacity: 1;
		transform: translateY(80%);	}
	100% { opacity: 1;
		transform: translateY(0%); }
}
@-webkit-keyframes top-in-animate {
	0% { opacity: 0;
		-webkit-transform: translateY(-50%); }
	100% { opacity: 1;
		-webkit-transform: translateY(0%); }
}
@keyframes top-in-animate {
	0% { opacity: 0;
		transform: translateY(-50%); }
	100% { opacity: 1;
		transform: translateY(0%); }
}
@-webkit-keyframes left-in-animate {
	0% { opacity: 0;
		-webkit-transform: translateX(-100%); }
	100% { opacity: 1;
		-webkit-transform: translateX(0%); }
}
@keyframes left-in-animate {
	0% { opacity: 0;
		transform: translateX(-100%); }
	100% { opacity: 1;
		transform: translateX(0%); }
}
@-webkit-keyframes right-in-animate {
	0% { opacity: 0;
		-webkit-transform: translateX(100%); }
	100% { opacity: 1;
		-webkit-transform: translateX(0%); }
}
@keyframes right-in-animate {
	0% { opacity: 0;
		transform: translateX(100%); }
	100% { opacity: 1;
		transform: translateX(0%); }
}
@-webkit-keyframes zoom-in-animate {
	0% { opacity: 0;
		-webkit-transform: scale(0.5);
	}
	100% { opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes zoom-in-animate {
	0% { opacity: 0;
		transform: scale(0.5);
	}
	100% { opacity: 1;
		transform: scale(1);
	}
}
/*
@-webkit-keyframes zoom-in-animate {
	0% { opacity: 0;
		-webkit-transform: scale(0);
	}
	100% { opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes zoom-in-animate {
	0% { opacity: 0;
		transform: scale(0);
	}
	100% { opacity: 1;
		transform: scale(1);
	}
}
*/
@-webkit-keyframes zoom-out-animate {
	0% { opacity: 0;
		-webkit-transform: scale(3);
	}
 	100% { opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes zoom-out-animate {
	0% { opacity: 0;
		transform: scale(3);
	}
 	100% { opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes  opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes  opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@-webkit-keyframes opac-flash-animate {
	0%,100% { opacity: 1;}
	50% { opacity: 0;}
}
@keyframes opac-flash-animate {
	0%,100% { opacity: 1;}
	50% { opacity: 0;}
}
@-webkit-keyframes opac-pulse-animate {
	0%, 30%, 70%, 100% { opacity: 1;}
	50% { opacity: 0.2;}
}
@keyframes opac-pulse-animate {
	0%, 30%, 70%, 100% { opacity: 1;}
	50% { opacity: 0.2;}
}

@-webkit-keyframes zoom-pulse-animate {
	0%, 100% { -webkit-transform: scale(1);
	}
	50% { -webkit-transform: scale(1.1);
	}
}
@keyframes zoom-pulse-animate {
	0%, 100% {transform: scale(1);
	}
	50% { transform: scale(1.1);
	}
}

@-webkit-keyframes btn-shine-animate {
	0%, 100% { opacity: 0;
		-webkit-transform:translateZ(0) skew(-10deg) translateX(-200%);
	}
	9%, 41%{ opacity: 0;}
	10%{ opacity: 1;}
	40% { opacity: 1;
		-webkit-transform:translateZ(0) skew(-10deg) translateX(250%);
	}
}
@keyframes btn-shine-animate {
	0%, 100% { opacity: 0;
		transform:translateZ(0) skew(-10deg) translateX(-200%);
	}
	9%, 41%{ opacity: 0;}
	10%{ opacity: 1;}
	40% { opacity: 1;
		transform:translateZ(0) skew(-10deg) translateX(250%);
	}
}

/* FOOTER *****************************/

#footer{
	position: relative;
	display: block;
	z-index: 1;
}
.footer-content{
	position: relative;
	display: block;
	width:100%;
	line-height: 20px;
	text-align: center;
	color: #86889b;
/*	border-radius: 5px;*/
	font-family: Roboto, sans-serif;
	font-size: 11px;
	padding:0px 0px 40px 0px;
	background: #11153a;
}
.footer-content p{
	padding: 0 8%;
}
.stripe{
	position: relative;
	display: block;
	margin: 10px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.terms .stripe{
	margin: 30px 0px 0px 0px;
}
.footer-blk{
	position: relative;
	padding: 0px 10px;
}
.footer-blk a{
	color: #ccc;
	opacity: 0.8;
	text-decoration:underline;
}
.footer-blk a:hover {
	color: #ccc;
	opacity: 1;
}
#sportingbet-plus{
	position: relative;
	display: block;
	background: #1a1e46;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
	padding: 10px 5px;
}
#sportingbet-plus .sportingbet-plus-block{
	display: inline-block;
	padding: 5px 8px;
    font-size: 14px;
}
#sportingbet-plus a{
    color: #cecece;
    text-decoration: none;
}
#sportingbet-plus a:hover{
	text-decoration: underline;
}
#sportingbet-plus .social-links {
	display: inline-block;
}
#sportingbet-plus .social-links ul {
	list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}
#sportingbet-plus .social-links ul li{
	display: inline-block;
	margin: 0px 3px;
    opacity: .8;
}
#sportingbet-plus .social-links ul li:hover{
    opacity: 1;
}
#sportingbet-plus .social-links img.social-icon {
    height: 18px;
    vertical-align: top;
/*    margin-top: 5px;*/
}
#sportingbet-plus .social-links img.blog-icon {width: 64px; height: 20px; }
.footer-blk ul{
	position: relative;
	list-style: none;
	padding: 0;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.footer-blk ul.logo-list2{
	margin-top: 0px;
}
.footer-blk ul:after{
	content: '';
	display: block;
	clear: both;
}
.footer-blk ul li{
	display: inline-block;
	margin: 0px;
	padding: 5px 10px;
}
.footer-blk ul li a{
	display: block;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	opacity:0.8
}
.footer-blk ul li .paymentImg {
	background-image: url('../images/sb-logos/paymentsnew.png');
    background-repeat: no-repeat;
    display: block;
}
.footer-blk ul li .visa {
    background-position: 0 0;
    height:24px;
    width: 77px;
}
.footer-blk ul li .visa:hover {
    background-position: 0 -29px;
}
.footer-blk ul li .paykasa {
    background-position: 0px -355px;
    height:24px;
    width: 93px;
}
.footer-blk ul li .paykasa:hover {
    background-position: 0px -387px;
    background-position: 1px -387px;
}
.footer-blk ul li .ecocard {
    background-position: 0 -86px;
    height:24px;
    width: 100px;
    width: 60px;

}
.footer-blk ul li .ecocard:hover {
    background-position: 0px -120px;
    background-position: 0px -119px;
}
.footer-blk ul li .banka {
    background-position: 0 -195px;
    height:24px;
    width: 47px;
}
.footer-blk ul li .banka:hover {
    background-position: 0 -224px;
}
.footer-blk ul li .astropay {
    background-position: 0 -492px;
    height:24px;
    width: 83px;
}
.footer-blk ul li .astropay:hover {
    background-position: 0 -522px;
}
.footer-blk ul li .paykwik {
    background-position: -5px -728px;
    height: 24px;
    width: 100px;
}
.footer-blk ul li .paykwik:hover {
    background-position: -5px -693px;
}
.footer-blk ul li a:hover{
	opacity: 1;
}
ul.logo-list2 li {
    display: inline-block;
    margin: 0px;
    padding: 5px 5px;
}
.footer-blk ul li img{
	height: 28px;
	max-width: 100%;
}
.footer-blk p{
	line-height: 19px;
}

/* MODAL STYLES *****************************/

body.modal-open  {
	padding: 0px!important;
}
.modal-backdrop {
    background-color: #000;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-dialog {
    width: 600px;
	min-width: 300px;
	max-width:100%;
    margin: 8% auto 40px auto;
}
#download-popup .modal-dialog {
    width: 45%;
}
.modal-content {
    position: relative;
/*	background: #111111;*/
	background: rgba(17,21,58,0.9);
    border:1px solid rgba(255,255,255,0.3);
    border-radius: 3px;
    outline: 0px none;
    box-shadow: 0px;
	color: #FFFFFF;
	padding: 10px;
	margin-right: -17px;
}
.modal-content .close {
	position: absolute;
	top:20px;
	right:20px;
    float: none;
	width: 20px;
	height: 20px;
	padding: 0px;
    line-height: 20px;
	background: none;
    opacity: 1;
	z-index: 99;
	border-radius: 0px;
}
.modal-content .close img{
	max-width: 100%;
	vertical-align: top;
}
.modal-content .close:hover {
	opacity: 0.5;
}
.modal-header {
	padding-bottom: 20px;
	border-bottom: 0px;
}
.modal-content h2{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	color: #FFFFFF;
}
.modal-body {
	padding-top: 0px;
	font-size: 14px;
}
.modal-body p{
	margin-bottom: 20px;
}
.modal-body:after{
	content: '';
	display: block;
	clear: both;
}
.modal-footer {
	text-align: center;
    border-top: 0px;
}
.modal-footer a.button{
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px 15px;
}
/*

/* RESPONSIVE STYLES *****************************/

@media (min-width: 1800px) {
/*
	#content-wrap .container{
		width: 1800px;
	}
*/

/*
    .copy-main{
        font-size: 110px;
    }
    .wrap-button{
        padding-left: 5px;
    }
*/

}

@media (min-width: 1600px) {
	#content-wrap .container{
		width: 1405px;
	}
}
@media (min-width: 1400px) and (max-width: 1599px){
    
    .ani-wrap-copy {
        top: 45%;
    }
    .ani-copy-texts {
        width: 50%;
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {
/*
	#content-wrap .container{
		width: 100%;
	}
*/
    .ani-wrap-copy {
        top: 45%;
    }
    .ani-copy-texts {
        width: 50%;
    }
    .ani-copy-1 {
        font-size: 90px;
    }
    .ani-copy-2 {
        font-size: 64px;
    }
    
}

@media (min-width: 992px) and (max-width: 1199px) {

	#content-wrap .container{
		width: 100%;
	}
	.logo-main img {
		margin-left: 0px;
	}

    .ani-wrap-copy {
        top: 45%;
    }
    .ani-copy-texts {
        width: 50%;
    }
    .ani-copy-1 {
        font-size: 80px;
    }
    .ani-copy-2 {
        font-size: 56px;
    }
    .scene-button .button {
        font-size: 32px;
    }
	.modal-content {
		margin: 0px 10px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
/*
    .container {
        width: 740px;
    }
*/
	#content-wrap .container{
		width: 100%;
	}
    .logo-main img {
		margin-left: 0px;
	}
    
    .ani-roulette {
        padding-top: 25%;
    }
    .ani-joker {
        bottom: 14%;
    }    
    .ani-wrap-copy {
        top: 40%;
    }
    .ani-copy-texts {
        width: 60%;
    }
    .ani-copy-1 {
        font-size: 72px;
    }
    .ani-copy-2 {
        font-size: 50px;
    }
    .scene-button .button {
        font-size: 32px;
    }
    
	.modal-content {
		margin: 0px 10px;
	}
}

@media (max-width: 767px) {
	#content-wrap .container {
		width: 100%;
		padding: 0px;
	}

	#scene-1.scene{
		padding-top: 3%;
        background-position: 60% center;
	}
    
    .ani-roulette {
        padding-top: 60%;
        width: 80%;
        padding-left: 0;
        left: -10%;
    }
    .ani-joker {
        width: 45%;
        bottom: 5%;
        left: 7%;
    }  
    #smoke{
        opacity: 0.6;
    }
    .ani-wrap-copy {
        top: 15%;
    }
    .ani-copy-texts {
        width: 80%;
        width: 100%;
    }
    .ani-copy-1 {
        font-size: 60px;
    }
    .ani-copy-2 {
        font-size: 42px;
        margin-bottom: 15px;
    }
    .scene-button{
        margin-bottom: 5px;        
    }
    .scene-button .button {
        display: inline-block;
        font-size: 28px;
        line-height: 20px;
        padding: 10px 20px 8px 20px;
    }	
	.term-trigger {
        line-height: 12px;
        font-size: 14px;
        padding: 3px 5px;
	}
	
    
	.visible-xs {
		display: inline-block !important;
	}
	#header{
		background: #242956;
	}
	#header-main{
		padding: 0;
	}
	.logo-mob{
		display: inline-block;
	}
	.logo-main img{
		max-width: 100%;
		width: 160px;
		margin-left: 0;
	}
	.nav-icon{
		display: block;
		padding-top: 10px;
	}
    #sportingbet-plus .sportingbet-plus-block {
        font-size: 11px;
    }
	.modal-dialog {
		margin: 60px auto 40px;
	}
	.modal-content {
		margin: 0px 10px;
	}
}
@media (max-width: 340px) {

}





/* RESPONSIVE STYLES *****************************/

@media (min-width: 2100px) {

}

@media (min-width: 1600px) {

    .container {
        width: 1250px;
height: auto;

    }
    
}

@media (min-width: 1200px) and (max-width: 1599px) {
					  .mia {
	    left: 50px;  
  }
	  .johnny {
	  		    left: -125px;  

  }	

}

@media (min-width: 992px) and (max-width: 1199px) {
					  .mia {
	    left: 75px;  
  }
	  .johnny {
	  		    left: -150px;  

  }	
		  .clearfix1 {
    top: -50px;
  }	

	.modal-content {
		margin: 0px 10px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
				  .mia {
	    left: 100px;  
  }
	  .johnny {
	  		    left: -175px;  

  }	
		  .clearfix1 {
    top: -25px;
  }	

	.modal-content {
		margin: 0px 10px;
	}

}

@media (max-width: 767px) {
			  .mia {
	    left: 150px;  
  }
	  .johnny {
	  		    left: -200px;  

  }	
	
		  .clearfix1 {
    top: 0px;
  }	
    
    #nav-top .container{
		padding-left: 10px;
		padding-right: 10px;
	}

	#content-wrap .container{
				width: 100%;



	}
		#scene-1.scene{

        background-position: 60% center;
	}
    .content-ani {
        margin-left: -30%;    
        margin-right: -30%;    
        padding-bottom: 45%;
    }  
	

/*
    .content-wrap{
        top: 53%;    
    }
*/
    .main-img {
        margin-left: -10%;
        margin-right: -10%;
    }
    .content-btns{
        margin-bottom: 15px;
    }
    .content-btns .button{
        padding: 10px 25px 10px 25px;
        font-size: 20px;
    }
    .term-trigger {
        font-size: 20px;
    }
    
	.nav-menu {
		float: right;
		padding: 0px;
		border: 0px;
	}
	.logo-main {
		float: left;
        margin: 0px 0px;
	}
	.nav-icon{
		display: block;
	}
	.modal-dialog {
		margin: 60px auto 40px;
	}
	.modal-content {
		margin: 0px 10px;
	}
/*
	.visible-xs{
		display: inline-block!important;
	}
*/
    .footer-wrapper .footer {
        width: 100%;
    }
    .copyright {
        margin: 40px 0px 20px 0px;
    }
    .copyright p {
        margin: 0 0 10px 0;
    }
    .footer-wrapper .payment {
        margin: 25px -20px 20px -20px;
    }
    .footer-wrapper .closure {
        margin: 25px 0px;    
    }
    .footer-wrapper .closure > div {
        display: block;
        margin: 0;
    }
    .footer-wrapper .closure > div span{
        margin-top: 20px;
        display: block;    
    }

}
@media (max-width: 320px) {

}

.main_div{ width:100%;  height:auto; position:relative;}
.main_div .a{width:380px; height:auto; }
.main_div .b{width:380px; height:auto; }
.main_div .c{width:380px; height:auto; }


@media handheld, only screen and (max-width:1200px){
	
.main_div .a{float:right; z-index: 2; position:absolute; top:0px;}
.main_div .b{float:none; z-index: 4; position:relative; top:0px;}
.main_div .c{float:left; z-index: 1; position:absolute; top:0px;}

	
	
	}

	@media only screen and (max-width: 600px) {
  .clearfix1 {
    top: 25px;
  }
		  .flex-container {
    top: 0px;
  }
		  .mia {
	    left: 250px;  
  }
	  .johnny {
	  		    left: -250px;  

  }	
}