/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



@font-face {

    font-family: 'Leo SemiRounded';

    src: url('../fonts/LeoSemiRoundedBold.woff2') format('woff2'),

        url('../fonts/LeoSemiRoundedBold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}





h1 { font-family: 'Leo SemiRounded'; color: #272c6e; font-size: 32px; text-align: center; }

h2 { font-family: 'Leo SemiRounded'; color: #272c6e; font-size: 32px; text-align: center; /*margin: 60px 0 40px;*/ }

h3 { font-family: 'Leo SemiRounded'; color: #272c6e; font-size: 24px; }

h4 {}

h5 {}

h6 {}

p { font-family: 'Source Sans Pro', sans-serif; }



.inner h1 { color: #f7d73f; text-align: center; }



.inner { background: url(../images/faq-bg.jpg) no-repeat; background-size: cover; }



.top-menu { width: 100%; float: left; background: rgba(5,9,44,0.75); }

	.top-menu-container { overflow: hidden; width: 1400px; margin: 0 auto; padding: 15px 0; }

		.top-menu-container ul { display: inline; float: right; }

			.top-menu-container ul li { display: inline; margin: 0 0 0 20px; font-family: 'Leo SemiRounded'; font-size: 14px; letter-spacing: 0.5px; }

				.top-menu-container ul li a { text-decoration: none; color: #fff; }

				.top-menu-container ul li a:hover { color: #f7d73f; } 



header { width: 100%; overflow: hidden; background: url(../images/slot-right.png) no-repeat top right, url(../images/slot-left.png) no-repeat top left, url(../images/top-bg.jpg) no-repeat; background-size: contain, contain, cover; overflow: hidden; height: 395px; position: relative;}

	header > img { position: absolute; }

	.sparkles-1 { left: 150px; top: 133px; animation: scaleUp 1.2s alternate infinite ease-in; }

	.sparkles-2 { left: 90px; top: 235px; animation: scaleUpTwo 0.7s alternate infinite ease-in; }

	.sparkles-3 { left: 325px; top: 195px; animation: scaleUpTwo 1.2s alternate infinite ease-in; }

	.sparkles-4 { left: 270px; top: 280px; animation: scaleUp 0.7s alternate infinite ease-in; }

	.sparkles-5 { left: 490px; top: 285px; animation: scaleUpTwo 1.5s alternate infinite ease-in; }



	.sparkles-6 { right: 385px; top: 280px; animation: scaleUp 1.2s alternate infinite ease-in; }

	.sparkles-7 { right: 15px; top: 265px; animation: scaleUpTwo 0.7s alternate infinite ease-in; }

	.sparkles-8 { right: 330px; top: 195px; animation: scaleUpTwo 1.2s alternate infinite ease-in; }

	.sparkles-9 { right: 455px; top: 320px; animation: scaleUp 0.7s alternate infinite ease-in; }

	.sparkles-10 { right: 525px; top: 285px; animation: scaleUpTwo 1.5s alternate infinite ease-in; }



	@keyframes scaleUp {

	  0%   {transform: scale(.8);}

	  100% {transform: scale(1.5);}

	}



	@keyframes scaleUpTwo {

	  0%   {transform: scale(2);}

	  100% {transform: scale(0.8);}

	}



	@keyframes scaleUpGlow {

	  0%   {transform: scale(0.9);}

	  100% {transform: scale(1.17);}

	}



	.header-container { width: 1200px; height: auto; margin: 0 auto; position: relative; z-index: 100; }

		.logo-container { width: 680px; /*margin: 20px auto 100px;*/ margin: 27px auto 0; overflow: visible; position: relative; }

			.logo { width: 680px; height: 311px; background-image: url(../images/logo.png);	background-repeat: no-repeat; background-position: center top 0%; -webkit-animation: progani 1.2s steps(2) infinite; animation: progani 1.2s steps(2) infinite; background-size: 200% 100%; position: absolute; z-index: 10;top: 40px; }

			/*.logo-container img { display: block; -webkit-filter: drop-shadow(0px 10px 30px rgba(0,0,0,0.5)); width: 100%;  }*/

			.glow { width: 680px; height: 311px; position: absolute; top: 40px; z-index: 8;  animation: scaleUpGlow 1.5s alternate infinite ease-in;  }

				.glow > img { width: 100%; }

		.header-container p { font-family: 'Leo SemiRounded'; color: #fff; font-size: 22px; text-align: center;}



.inner header { background: none; height: auto; }

	.inner .header-container { overflow: hidden; width: 1400px; }

		.inner .header-container p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; text-align: center; margin-top: 10px;}

	.inner .logo-container { width: 300px; margin-top: 0; float: left; }

	.inner .title-container { margin: 20px 0; }

		.inner .logo-container > img { width: 100%; }



.long-banner { margin: 0 auto 30px; display: block; max-width: 500px; }

.square-banner { margin: 0 auto 30px; display: none; }





.extra header { background: url(../images/faq-bg.jpg) no-repeat; height: 100px; background-size: cover; }

	.extra .extra-container, .extra-container { width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 100%; } 

    	.extra-container img { width: 160px; float: left; vertical-align: middle;  }

    	.extra-container ul { display: inline; float: right; }

    		.extra-container ul li { display: inline; margin: 0 0 0 20px; font-family: 'Leo SemiRounded'; font-size: 14px; letter-spacing: 0.5px; }

				.extra-container ul li a { text-decoration: none; color: #fff; }

				.extra-container ul li a:hover { color: #f7d73f; } 



	@-webkit-keyframes progani {

	    from { background-position: left top; }

	    to { background-position: left 200% top; }

	}



	@keyframes progani {

	    from { background-position: left top; }

	    to { background-position: left 200% top; }

	}



.inner-game { width: 100%; overflow: hidden; padding: 10px 0 10px; box-sizing: border-box;}

	.inner-game-container { width: 1400px; margin: 0 auto; }

		.inner-game-container p { text-align: center; color: #fff; margin: 15px 0 30px; font-size: 18px; line-height: 23px;}

		.inner-game-container img { display: block; margin: 0 auto; }

		.inner-game-container iframe { width: 100%; height: 786px; box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.5); }

		.back-btn { clear: both; display: block; margin: 30px auto 0; width: 215px; height: 75px; background: url(../images/back-btn.png) no-repeat; border: none; overflow: hidden; text-indent: -9999px; }

		.back-btn:hover { background-position: 0 -75px; cursor: pointer; }



.appear-mobile { display: none !important; }



.games { width: 100%; overflow: hidden; background: #ffffff; padding: 70px 0;}

	.games-container { width: 1200px; height: auto; margin: 0 auto; overflow: visible; box-sizing: border-box; }

		.top-rated { width: 100%; float: left; margin: 0 0 60px; }

			.top-rated > p { text-align: center; font-size: 26px; color: #595554; margin: 10px 0 50px; }

			.top-rated div { width: 285px; float: left; }

				.stars { display: block; margin: 15px auto 0; }

				.top-rated div p { text-align: center; color: #595554; font-size: 22px; margin-top: 10px; }

			.cupids-call { margin: 0 10px; }

			.bamboo-bash { margin: 0 10px; }

			.necklace { margin: 0 0 0 10px; }

			.gone-fishing { margin: 0 10px 0 0; }

			.floating-image { width: 100%; }

			.floating-image:hover { animation: floating 1.1s  infinite ease-in-out; cursor: pointer; }



	@keyframes floating {

		0% 	 {transform: translateY(0px);}

		50%  {transform: translateY(-8px);}

		100% {transform: translateY(0px);}

	}

		.more-games { float: left; width: 100%; }

			.more-games h2 { margin: 0 0 50px; }

			.more-games-container { overflow: visible; }

				.game-card { width: 285px; float: left; overflow: visible; }

				.hidden-card, .hidden-card-two, .hidden-card-three { display: none; }

				.card-one { margin: 0 10px 40px 0; }

				.card-two { margin: 0 10px 40px 10px; }

				.card-three { margin: 0 10px 40px 10px; }

				.card-four { margin: 0 0 40px 10px; }

					.game-card-content { width: 265px; height: 245px; margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 4px; }

						.game-card-content img { position: absolute; top: 0; width: 100%; }

						.game-card-content img.play-btn { z-index: 20; top: 35px; display: none; }

						.text-container { position: absolute; bottom: 0; margin-bottom: -50px; background: #fff; padding-bottom: 15px; transition: transform 0.2s; width: 100%; height: 99px; box-sizing: border-box;}

							.text-container h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; text-align: center; padding: 15px; color: #595554; }

							.text-container p { font-size: 12px; padding: 0 20px; line-height: 18px; text-align: center; color: #807f7f;}

					.game-card-content:hover { cursor: pointer; box-shadow: 0px 4px 8px rgba(0,0,0,0.4) }

					.game-card-content:hover .text-container { transform: translateY(-50px); }

					.game-card-content:hover img { -webkit-filter: blur(2px); /* Chrome, Safari, Opera */ filter: blur(2px); }

					.game-card-content:hover img.play-btn { -webkit-filter: blur(0px); /* Chrome, Safari, Opera */ filter: blur(0px); display: block;}

				.more-btn { clear: both; display: block; margin: 0 auto; width: 243px; height: 75px; background: url(../images/more-btn.png) no-repeat; border: none; overflow: hidden; text-indent: -9999px; }

				.more-btn:hover { background-position: 0 -75px; cursor: pointer; }

				.more-btn-two { clear: both; display: block; margin: 0 auto; width: 243px; height: 75px; background: url(../images/more-btn.png) no-repeat; border: none; overflow: hidden; text-indent: -9999px; }

				.more-btn-two:hover { background-position: 0 -75px; cursor: pointer; }

				.hidden-games { display: none; }



.info { float: left; overflow: hidden; background: #f9f9f9; width: 100%; padding: 60px 0 90px; }

	.info-container { width: 1200px; margin: 0 auto 30px; overflow: visible; overflow: hidden; }

		.info-one { width: 50%; float: left; box-sizing: border-box; padding: 0 10px; }

			.info-one img { display: block; width: 100%; }

		.info-two {width: 50%; float: left; box-sizing: border-box; padding: 0 10px;}

			.info-two img { display: block; width: 100%; }

		.info-three {width: 100%; float: left; clear: both; box-sizing: border-box; padding: 0 10px; }

			.info-three img { display: block; width: 100%; }



.faqs { float: left; overflow: visible; width: 100%; background: url(../images/faq-bg.jpg) no-repeat; background-size: cover; padding-bottom: 20px; box-sizing: border-box;}

	.faqs-container { width: 950px; margin: -90px auto 0; background: #24285c; border-radius: 30px; box-sizing: border-box; padding: 70px 50px; box-shadow: 0px 30px 45px rgba(0,0,0,0.5);}

		.faqs-container h2 { color: #f7d73f; font-size: 50px; margin-bottom: 30px; }

			.faqs-container h2 span { font-size: 35px; }



				.transition, p, ul li i:before, ul li i:after { transition: all 0.15s ease-in-out; }

				.accordion h4 { color: #fff; font-family: 'Leo SemiRounded'; font-size: 24px; line-height: 24px; display: block; margin: 0; cursor: pointer; }

				.accordion p { color: #a2a9fc; font-size: 14px; line-height: 24px; position: relative; overflow: hidden; opacity: 1; margin-top: 14px; z-index: 2; font-family: 'Source Sans Pro', sans-serif; }



				ul.accordion { list-style: none; margin: 0; width: 100%; }

				ul.accordion li { position: relative; padding: 0; margin: 0; padding-bottom: 4px; padding-top: 18px; border-top: 1px solid #656aa4; padding: 30px 20px; }

				ul.accordion li:first-child { border-top: none; }

				ul.accordion li:last-of-type { padding-bottom: 0; }

				ul.accordion li i { position: absolute; transform: translate(-6px, 0); margin-top: 8px; right: 20px; }

				ul.accordion li i:before, ul.accordion li i:after { content: ""; position: absolute; background-color: #f7d73f; width: 3px; height: 9px; }

				ul.accordion li i:before { transform: translate(-2px, 0) rotate(45deg); }

				ul.accordion li i:after { transform: translate(2px, 0) rotate(-45deg); }

				ul.accordion li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; }

				ul.accordion li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; }

				ul.accordion li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); }

				ul.accordion li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); }

	.faqs > img { margin: 0 auto; display: block; }



footer { width: 100%; float: left; background: #fff; }

	footer p { color: #595554; font-size: 18px; line-height: 88px; text-align: center; font-family: 'Source Sans Pro', sans-serif; }

		footer p a { color: #595554; text-decoration: none; }

		footer p a:hover { color: #272c6e; }

.inner footer { overflow: visible; position: relative; background: none; }

	.inner footer img.footer-right { position: absolute; bottom: 0; right: 0; }

	.inner footer img.footer-left { position: absolute; bottom: 0; left: 0; }

	.inner footer img.inner-footer-logo { display: block; margin: 0 auto; width: 260px; }

	.inner footer p { color: #fff; line-height: 28px; margin: 5px 0 25px; }

		.inner footer p a { color: #fff; } 





.description-box { width: 800px; margin: 40px auto 0; overflow: hidden; }

.game-img { float: left; width: 30%; }

    .game-img img { width: 100%; }

.game-desc { float: left; width: 70%; box-sizing: border-box; padding: 0 0 0 20px; }

.game-desc h2 { color: #f7d73f; text-align: left;}

.game-desc p { text-align: left; line-height: 23px;}



#gimmick { display:block; pointer-events:none; position: absolute; top:0; left:0; height: 365px; width: 100%; z-index: 10; }



.intro { float: left; overflow: hidden; width: 100%; padding: 50px 0; }

	.intro-container { width: 1000px; margin: 0 auto; }

		.intro-container h1 { text-align: left; margin-bottom: 40px; }

		.intro-container p { margin-bottom: 20px; line-height: 22px; font-size: 16px; }



	.top-five-page .intro-container > p { font-size: 19px; }



.text-section { float: left; overflow: hidden; width: 100%; padding: 50px 0; background: #f1f1f1; }

	.text-section-container { width: 1000px; margin: 0 auto; }

		.text-section-container h2 { text-align: left; margin-bottom: 40px; text-transform: lowercase; }

		.text-section-container h3 { margin-bottom: 10px; text-transform: lowercase; }

		.text-section-container p { margin-bottom: 20px; line-height: 22px; font-size: 16px; }

			.text-section-container ul { padding: 0 0 0 30px; box-sizing: border-box; list-style: circle outside none; }

			.text-section-container ul li { font-family: 'Source Sans Pro', sans-serif; margin-bottom: 10px; line-height: 22px; font-size: 16px; }

		.text-section-container img { max-width: 100%; margin: 0 auto 40px; display: block; }



.top-casino { float: left; width: 100%; background: #fff; padding: 50px 0; }

.slots-casino-page .top-casino { background: #f1f1f1; }

	.top-casino-container { width: 1000px; margin: 0 auto; }

		.top-casino-container h2 { text-align: left; margin-bottom: 40px; }

		.top-casino-container div { width: 300px; float: left; box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden; margin-bottom: 30px; }

		.top-casino-container div.middle { margin: 0 50px; }

			.top-casino-container div img { width: 100%; }

			.top-casino-container div h2 { font-size: 18px; margin: 20px 0; text-align: center; }

			.top-casino-container div p { padding: 0 20px; text-align: center; line-height: 22px; margin-bottom: 20px; }

			.top-casino-container div span { font-weight: 600; margin-bottom: 20px; text-transform: uppercase; color: #f29d03; font-size: 20px; }

			.top-casino-container div button { clear: both; display: block; margin: 0 auto; width: 215px; height: 75px; background: url(../images/join-btn.png) no-repeat; border: none; overflow: hidden; text-indent: -9999px; cursor: pointer; }

			.top-casino-container div button:hover { background-position: 0 -75px; }



.monthly { float: left; width: 100%; background: #f1f1f1; padding: 50px 0 50px; }

	.monthly-container { width: 1000px; margin: 0 auto; }

		.monthly-container h2 { text-align: left; margin-bottom: 40px; }

		.monthly-casino {  }

			.monthly-casino-container { display: flex; align-items: center; justify-content: space-between; padding: 20px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 5px; background: #24285c; }

				.monthly-casino-container > div { display: flex; }

				.logo-star-container { margin-right: 30px; }

					.logo-casino { width: 150px; display: block; border: 1px solid #fff; }

					.logo-star-container p { text-align: center; margin-top: 10px; font-size: 16px; font-weight: 700; color: #ffde42; }

					.stars-casino { display: block; margin: 10px auto 0; }

				.copy-container {  }

					.copy-container p { font-family: 'Source Sans Pro', sans-serif; margin-bottom: 10px; color: #fff; }

						.copy-container p span { color: #ffde42; font-weight: 700; }

					.copy-container ul { font-family: 'Source Sans Pro', sans-serif;  list-style: disc inside none; padding: 0 0 0 10px; }

						.copy-container ul li { font-size: 14px; line-height: 22px; color: #fff; }

				.cta-container {  }

					.cta-container button { clear: both; display: block; margin: 0 auto 0; width: 222px; height: 54px; background: url(../images/bonus-btn.png) no-repeat; border: none; overflow: hidden; text-indent: -9999px; cursor: pointer; }

					.cta-container button:hover { background-position: 0 -54px; }



#months > div { display: none; }



.month-winner { float: right; width: 250px;	margin: 0 0 0 50px; background: #24285c; overflow: hidden; box-shadow: 0px 4px 15px rgba(0,0,0,0.2);}

	.month-winner h3 { font-size: 18px; text-align: center; color: #fff; background: #24285c; padding: 10px 0; }

	.month-winner img { width: 100%; }

	.month-winner p { padding: 0 10px; font-size: 13px; text-align: center; font-family: 'Source Sans Pro', sans-serif; margin: 10px auto; line-height: 16px; color: #fff; }

	.month-winner .review-number { font-size: 36px; font-weight: 600; margin-top: 20px;}

	.month-winner .month-stars { width: 110px; margin: 0 auto; display: block; }

	.month-winner a.cta { width: 82%; box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 20px; display: block; margin: 20px auto 10px; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; border-radius: 25px; font-weight: 600; font-size: 18px; }

	.month-winner a.cta:hover { color: #f3b612; background: #fff; border: 1px solid #f3b612; }

	.month-winner a.more-cta { width: 82%; box-sizing: border-box; color: #f3b612; padding: 14px 20px; display: block; margin: 10px auto 20px; text-align: center; font-family: 'Source Sans Pro', sans-serif; text-decoration: none; border: 1px solid #f3b612; background: #fff; border-radius: 25px; font-weight: 600; font-size: 20px; }



.cta-more-casino { box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 30px; margin: 30px 0 10px; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; width: 450px; display: block; border-radius: 8px; font-weight: 600; -webkit-box-shadow: 0 6px 0 0 #f93;

    -moz-box-shadow: 0 6px 0 0 #f93;

    box-shadow: 0 6px 0 0 #f93;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px; font-size: 16px;}

.cta-more-casino:hover { color: #f3b612; background: #fff; border: 1px solid #f3b612; }



.top-five { float: left; overflow: hidden; width: 100%; padding: 50px 0; background: #f1f1f1; }

	.top-five-container { width: 1000px; margin: 0 auto; }

		.top-five-container h3 { margin-bottom: 30px; }

		.top-five-container p { margin-bottom: 20px; line-height: 22px; font-size: 16px; }

		.top-five-container ul { padding: 0 0 0 30px; box-sizing: border-box; list-style-image: url('../images/li-bg.png'); }

			.top-five-container ul li { font-family: 'Source Sans Pro', sans-serif; margin-bottom: 10px; line-height: 22px; font-size: 16px; }





.slots-casino-page #months > div { display: block; margin-bottom: 20px; }

.slots-casino-page .monthly { padding: 50px 0 0; }



.top-casino-box { width: 1000px; height: 380px; margin: 40px auto 0; background: #fff; overflow: hidden; }

	.top-casino-box.casino-classic { border: 2px solid #1f761f; }

	.casino-classic .col-1, .casino-classic .col-3 { background: #1f761f; }



	.top-casino-box.yukon-gold { border: 2px solid #c0853e; }

	.yukon-gold .col-1, .yukon-gold .col-3 { background: #c0853e; }



	.top-casino-box.grand-mondial { border: 2px solid #515151; }

	.grand-mondial .col-1, .grand-mondial .col-3 { background: #515151; }



	.top-casino-box.captain-cooks { border: 2px solid #0891d7; }

	.captain-cooks .col-1, .captain-cooks .col-3 { background: #0891d7; }



	.top-casino-box.zodiac-casino { border: 2px solid #40169f; }

	.zodiac-casino .col-1, .zodiac-casino .col-3 { background: #40169f; }





	.col-1 { width: 220px; height: 100%; float: left; box-sizing: border-box; padding: 10px 30px; display: flex;

    align-items: center; }

    	.col-1 div { width: 100%; }

			.col-1 div p { color: #fff; text-align: center; margin-bottom: 10px; }

			.col-1 div p.big-letters { font-size: 42px; font-weight: 700; }

			.col-1 div p.medium-letters { font-size: 20px; font-weight: 700; }

			.col-1 hr { margin: 20px 0; color: #fff; background: #fff; }

	.col-2 { width: 500px; height: 100%; float: left; box-sizing: border-box; padding: 10px 30px; display: flex;

    align-items: center;}

		.col-2 img { width: 100%; margin-top: 20px; }

		.col-2 div h2 { margin-bottom: 20px; text-align: left; color: #f3b612; }

		.col-2 div p { color: #111; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; }

	.col-3 { width: 280px; height: 100%; float: left; box-sizing: border-box; padding: 10px 30px; display: flex;

    align-items: center;}

		.col-3 img { width: 75%; margin: 0 auto 30px; display: block; }

		.col-3 div p { color: #fff; text-align: center; }

		.col-3 div p span.big-letters { font-size: 28px; font-weight: 700; display: block; margin-bottom: -10px; text-transform: uppercase; }

		.col-3 a { width: 100%; box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 20px; display: block; margin: 20px auto 10px; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; font-size: 18px; border-radius: 25px; font-weight: 600; }



.winners-section { width: 100%; float: left; overflow: hidden; padding: 50px 0; }

	.winners-container { width: 1000px; overflow: hidden; margin: 0 auto; }

		.winners-container .left { width: 700px; float: left; }

			.winners-container .left h2 { text-align: left; margin-bottom: 30px;  }

			.winners-container .left p { margin-bottom: 20px; line-height: 22px; font-size: 16px; }

			.winners-container .left p strong { font-weight: 700; }

			.winners-container .left p.quote { padding: 5px 0 5px 15px; border-left: 3px solid #272c6e; font-style: italic; color: #272c6e; }

			.winners-container .left img { margin: 0 auto 20px; width: 100%; display: block; }

		.winners-contaoner .right { width: 250px; float: right; }



.top-five img.bottom-img { width: 400px; margin: 0 0 40px 40px; float: right; }



.top-five-page .top-casino .top-casino-container p { margin-bottom: 20px; line-height: 22px; font-size: 16px; }

.top-five-page .top-casino .top-casino-container p.quote { padding: 5px 0 5px 15px; border-left: 3px solid #272c6e; font-style: italic; color: #272c6e; }

.top-five-page .top-casino .top-casino-container img { margin: 0 0 20px; }

.side-casino { float: right; width: 250px; margin: 0 0 0 50px; background: #24285c; overflow: hidden; box-shadow: 0px 4px 15px rgba(0,0,0,0.2); box-sizing: border-box; padding: 20px 20px;}

	.side-casino h3 { font-size: 22px; text-align: center; color: #fff; }

	.side-casino p { font-size: 13px !important; text-align: left !important; padding: 0 !important; font-family: 'Source Sans Pro', sans-serif; margin: 10px auto; line-height: 16px !important; color: #fff; }

	.side-casino ul { padding: 0 0 0 25px; box-sizing: border-box; list-style-image: url(../images/li-bg.png); }

		.side-casino ul li { font-size: 13px !important; font-family: 'Source Sans Pro', sans-serif; margin: 10px auto; line-height: 16px !important; color: #fff;}

	.side-casino img { width: 100%; }

	.side-casino a.cta { width: 100%; box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 20px; display: block; margin: 20px auto 10px; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; border-radius: 25px; font-size: 18px; font-weight: 600; }

	.side-casino a.cta:hover { background: #fff; border: 1px solid #f3b612; color: #f3b612; }



.double-container { width: 1000px; overflow: visible; }

	.double-container .left { width: 475px; float: left; box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden; margin-bottom: 10px; box-sizing: border-box; padding: 30px 20px; background: #fff; }

    .double-container .right { width: 475px; float: right; box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden; margin-bottom: 10px; box-sizing: border-box; padding: 30px 20px; background: #fff; }

    	.double-container p { margin-bottom: 0; text-align: center; font-size: 14px; }

    		.double-container p strong { font-weight: 700; }

    	.cta-double-container { box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 60px; margin: 30px 0 10px; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; -webkit-box-shadow: 0 6px 0 0 #f93;

    -moz-box-shadow: 0 6px 0 0 #f93;

    box-shadow: 0 6px 0 0 #f93;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px; border-radius: 8px; font-weight: 600; }

    	.cta-double-container:hover { background: #fff; border: 1px solid #f3b612; color: #f3b612; }



.text-section-container ul { padding: 0 0 0 30px; margin-bottom: 20px; box-sizing: border-box; list-style-image: url('../images/li-bg.png'); }

	.text-section-container ul li { font-family: 'Source Sans Pro', sans-serif; margin-bottom: 10px; line-height: 22px; font-size: 16px; }

.text-section-container img.bottom-img { width: 400px; margin: 0 0 40px 40px; float: right; }

.text-section-container > div.bottom-box { padding: 40px; box-sizing: border-box; margin: 50px auto 0; border: 2px solid #272c6e; }

	.text-section-container > div.bottom-box p { text-align: center; }

	.text-section-container > div.bottom-box p.bottom-tips { font-style: italic; font-size: 20px; }

	.text-section-container > div.bottom-box h3 { text-align: center; margin-bottom: 20px; }



.date { width: 150px; text-align: center; }

#date { padding: 6px 15px; background: #7ed6f3; display: block; border-radius: 50px; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 16px;}



@keyframes float {

    0% {

        transform: translatey(0px);

    }

    50% {

        transform: translatey(-10px);

    }

    100% {

        transform: translatey(0px);

    }

}



.float-box {

    animation: float 3.5s ease-in-out infinite;

}



.bg-white { background: #fff !important; }

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

.clearfix::after { content: ""; clear: both; display: table; }



.mb-0 { margin-bottom: 0 !important; }

.mb-5 { margin-bottom: 5px !important }

.mb-20 { margin-bottom: 20px !important }

.mb-50 { margin-bottom: 50px !important; }

.mt-30 { margin-top: 30px; }

.mt-50 { margin-top: 50px; }



.top-rated .special-copy-p { margin-bottom: 20px; }

.top-rated .special-copy { float: none !important; clear: both; width: 900px; border: 3px solid #f7d73f; margin: 0 auto 60px; padding: 25px 20px; box-sizing: border-box; border-radius: 40px; box-shadow: 0px 4px 8px rgba(0,0,0,0.4); background: #24285c; }

	.special-copy h2 { color: #f7d73f; font-size: 28px; }

	.special-copy p { color: #fff !important; }



.click-here-btn { clear: both; display: block; margin: 20px auto; width: 215px; height: 54px; background: url(../images/click-here-btn.png) no-repeat; border: none;

    overflow: hidden; text-indent: -9999px; cursor: pointer;}

.click-here-btn:hover { background-position: 0 -54px; }



.top-casino-box-mobile { display: none; }



.double-container p.jackpot-p { font-size: 22px; margin-bottom: 20px; font-size: 600; }



.text-section-container .double-container img { margin-bottom: 20px; }

.progressive-jackpot-ticker { color: #f3b612; }



.lights-box.lights-content {

    width: 100%;

    height: auto;

    max-width: 790px;

    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);

    margin-top: 70px;

}



/*.lights-box.lights-content .box-content {

    padding: 20px;

    text-align: center;

}*/



.lights-box {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    position: relative;

    width: 523px;

    height: 370px;

    background: #272c6e;

    border-radius: 20px;

    padding: 12px;

    /* box-shadow: inset 0px 0px 40px 5px rgba(201,132,0,1); */

    margin: 0 auto;

}



.lights-box::after {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    content: '';

    position: absolute;

    width: calc(100% + 2px);

    height: calc(100% + 2px);

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    border-radius: 24px;

    border: solid 2px rgba(220, 182, 103, 1);

}



.box-content {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border: solid 2px rgba(220, 182, 103, 1);

    position: relative;

    z-index: 10;

    width: 100%;

    height: 100%;

    /*background-color: black;*/

    padding: 2px 0 25px;

    border-radius: 10px;

    background-size: 200px auto;



}



.lights-top,

.lights-bottom {

    position: absolute;

    left: 15px;

    width: calc(100% - 45px);

    height: 30px;

    background-size: auto 100%;

    background-position: left top;

}



.lights-top {

    top: -9px;

    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo.fs8.png");

    -webkit-animation: flash-top 1s steps(1) infinite;

            animation: flash-top 1s steps(1) infinite;

}



.lights-bottom {

    bottom: -9px;

    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_180.fs8.png");

    -webkit-animation: flash-bottom 1s steps(1) infinite;

            animation: flash-bottom 1s steps(1) infinite;

}



.lights-left,

.lights-right {

    position: absolute;

    top: 20px;

    width: 30px;

    height: calc(100% - 35px);

    background-size: 100% auto;

    background-position: left bottom;

}



.lights-left {

    left: -9px;

    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_270.fs8.png");

    -webkit-animation: flash-left 1s steps(1) infinite;

            animation: flash-left 1s steps(1) infinite;

}



.lights-right {

    right: -9px;

    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_90.fs8.png");

    -webkit-animation: flash-right 1s steps(1) infinite;

            animation: flash-right 1s steps(1) infinite;

}





@-webkit-keyframes flash-top {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_180.fs8.png"); }

}



@keyframes flash-top {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_180.fs8.png"); }

}



@-webkit-keyframes flash-right {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_90.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_270.fs8.png"); }

}



@keyframes flash-right {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_90.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_270.fs8.png"); }

}



@-webkit-keyframes flash-bottom {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_180.fs8.png"); }



    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo.fs8.png"); }

}



@keyframes flash-bottom {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_180.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo.fs8.png"); }

}



@-webkit-keyframes flash-left {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_270.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_90.fs8.png"); }

}



@keyframes flash-left {

    0% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_270.fs8.png"); }

    50% { background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/cc/1/lights_combo_90.fs8.png"); }

}



.bottom-box h3 { color: #f3b612; text-align: center; margin: 20px 0; }

.text-section-container .bottom-box p { text-align: center; padding: 0 20px; color: #fff; }



.pulse { transform: scale(1); animation: pulse 2s infinite; }



@keyframes pulse {

	0% {

		transform: scale(1.05);

		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);

	}



	70% {

		transform: scale(1);

		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

	}



	100% {

		transform: scale(1.05);

		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

	}

}





.casino-classic-floating { width: 100%; position: fixed; bottom: 0; z-index: 1000; display: none; }

	.casino-classic-floating-cont { width: 800px; margin: 0 auto; height: 86px; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; background: #1f761f; }

		.casino-classic-floating-cont img { height: 100%; }

		.casino-classic-floating-cont p { color: #fff; text-align: center; font-family: 'Source Sans Pro', sans-serif; line-height: 19px; }

		.casino-classic-floating-cont a { width: 150px; box-sizing: border-box; background: #f3b612; color: #fff; padding: 14px 20px; display: block; text-align: center; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #f3b612; border-radius: 25px; font-weight: 600; font-size: 18px; }



.home-banner { max-width: 100%; margin: 0 auto 30px; display: block; }

.home-banner-small { max-width: 100%; margin: 0 auto 30px; display: none; box-sizing: border-box; }

.inner-game-container img.home-banner { margin-top: 10px; }

.game-banner-container { max-width: 800px; height: auto; margin: 0 auto; }

.game-banner-container .home-banner { margin-bottom: 10px; }

.inner-game-container .home-banner-small { display: none; }



@media screen and (max-width: 1400px) {



	.top-menu-container { width: 1000px; }

	.inner-game-container { width: 1000px; }

	.inner-game-container iframe { height: 562px; }

	.inner .header-container, .extra .extra-container, .extra-container { width: 1000px; }



}



@media screen and (max-width: 1200px) {



	.header-container, .games-container, .info-container { width: 1000px; }

	.logo-container { width: 520px; margin: 50px auto 0; }

	.top-rated div { width: 235px; }

	.game-card { width: 235px; }

	.game-card-content { width: 215px; height: 215px; }

	.text-container { height: 120px; margin-bottom: -70px; }

	.game-card-content:hover .text-container { transform: translateY(-70px); }

	.game-card-content img.play-btn { top: 15px; }

	.logo, .glow { width: 520px; height: 238px; top: 20px; }

    

}



@media screen and (max-width: 1000px) {



	header { height: 295px; } 

	.logo-container { margin: 10px auto 0; }

	#gimmick { height: 265px; }

	.header-container, .games-container, .info-container, .top-menu-container, .extra .extra-container, .extra-container, .intro-container, .text-section-container, .top-casino-container, .monthly-container { width: 768px; }

	h1, h2 { font-size: 24px; }

	.top-rated p { font-size: 22px; }

	.necklace { display: none; } 

	.hidden-card { display: block; }

	.card-one, .card-two, .card-three, .card-four { margin: 0 10px 40px; }

	.gone-fishing { margin: 0 10px 0; }

	.faqs-container { width: 700px; }

	.accordion h4 { font-size: 16px; }

	.inner-game-container { width: 768px; }

	.inner-game-container iframe { height: 432px; } 

	.inner .header-container { width: 768px; }

	.inner .logo-container { float: none; }

	.inner .title-container { float: none; margin: 0 0 20px; }

	.inner h1, .inner .header-container p { text-align: center; }

    .description-box { width: 700px; margin: 40px auto; overflow: hidden; }

    .logo-container { width: 400px; }

    .logo, .glow { width: 400px; height: 183px; top: 45px; }

    .top-casino-container div { width: 240px; }

    .top-casino-container div.middle { margin: 0 24px; }

    .monthly-casino-container { display: block; }

    .logo-casino { margin: 0 auto; }

    .logo-star-container { margin-bottom: 25px; margin-right: 0; }

    .copy-container { clear: both; margin-bottom: 25px; }

    .copy-container p { text-align: center; }

    .copy-container ul { text-align: center; }

    .cta-container { clear: both; }

    .monthly-casino-container > div { display: block; }

    .top-rated .special-copy { width: 100%; }

    .double-container { width: 100%; }

    .double-container .left { width: 48%; } 

    .double-container .right { width: 48%; }

    .winners-container { width: 768px; }

    .winners-container .left { width: 465px; }

    .top-five-container { width: 768px; }

    .top-casino-box { width: 768px; height: 310px; }

    .col-1 { width: 190px; }

    .col-2 { width: 348px; }

    .col-3 { width: 230px; }

    .col-1 div p.big-letters { font-size: 32px; }

    .col-1 div p.medium-letters { font-size: 16px; }

    .top-five-container .col-2 ul li { line-height: 16px; font-size: 14px; }

    .col-2 div p { font-size: 16px; }

    .col-3 div p { font-size: 14px; line-height: 18px; }

    .col-3 div p span.big-letters { font-size: 24px; margin-bottom: -5px; }

} 



@media screen and (max-width: 768px) {



	.long-banner { display: none; }

	.square-banner { display: block; }

	header { height: 220px; /*padding: 0 20px; */ box-sizing: border-box; }

	.header-container, .info-container, .info-one, .info-two, .faqs-container, .inner .header-container, .extra .extra-container, .extra-container, .intro-container, .text-section-container, .top-casino-container, .monthly-container  { width: 100%; }

	.faqs { padding: 0 20px; }

	.logo-container { width: 300px; }

	.logo { background-image: url(../images/logo-small.png); background-repeat: no-repeat;}

	.logo, .glow { width: 300px; height: 137px; top: 55px; }

	#gimmick { height: 200px; }

	.games-container, .top-menu-container { width: 500px; }

	.bamboo-bash { display: none; }

	.top-rated div { width: 230px; }

	.game-card { width: 230px; }

	.game-card-content { width: 210px; height: 215px; }

	.hidden-card-two { display: block; }

	.inner-game-container { width: 500px; }

	.inner-game-container iframe { height: 281px; }

	.footer-left, .footer-right, .inner-footer-logo { display: none !important; }

	html { background: #0c0d2c; }

	/*.inner-game-container iframe { display: none; }*/

	.appear-mobile { display: block !important; }

    .description-box { margin: 0 auto; overflow: hidden; width: 100%; display: none; }

    .game-img { width: 60%; margin: 0 auto 20px; float: none;  }

    .game-desc { width: 100%; float: none; padding: 0; }

    .game-desc h2 { color: #f7d73f; text-align: center;}

    .game-desc p { text-align: center; }

    .inner h1, .inner .header-container p { padding: 0 20px; line-height: 23px; font-size: 18px; }

    .top-menu-container ul li:first-child { margin: 0; }

    .top-menu-container ul li { margin: 0 0 0 10px; font-size: 12px; }

    .top-menu-container ul { width: 300px; float: none; margin: 0 auto; display: block;}

    .top-menu-container { padding: 10px 0; }

    .intro, .text-section { background: #fff; padding: 30px 20px; box-sizing: border-box; }

    .monthly { padding: 30px 20px; box-sizing: border-box; }

    .slots-casino-page .monthly { padding: 30px 20px 0; }

    .extra header { padding: 0 20px; box-sizing: border-box; }

    .top-casino-container div, .top-casino-container div.middle { width: 300px; margin: 0 auto 30px !important; float: none; }

    .intro-container h1, .text-section-container h2 { margin-bottom: 20px; }

    .top-casino { padding: 30px 20px; box-sizing: border-box; }

    .mb-50 { margin-bottom: 40px !important; }

    .text-section-container img { margin: 0 auto 20px; }

    .copy-container ul li { line-height: 18px; }

    .special-copy h2 { font-size: 24px; }

    .winners-section { background: #fff; }

    .winners-container { width: 100%; padding: 0 20px; box-sizing: border-box; }

    .winners-container .left, .winners-container .right { width: 100%; }

    .side-casino { width: 100%; margin-bottom: 20px; }

    .side-casino img { width: 70%; display: block; margin: 0 auto; }

    .top-five { padding: 50px 20px; box-sizing: border-box; }

    .top-five-container { width: 100%; }

    .top-casino-box-desk { display: none; }

    .top-casino-box-mobile { display: block; width: 100%; height: auto; }

    .col-1, .col-2, .col-3 { float: left; width: 100%; }



}



@media screen and (max-width: 500px) {



	.square-banner { max-width: 300px; padding: 0 20px; box-sizing: border-box; }

	.game-banner-container img.home-banner { display: block; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px; }

	.inner-game-container img.home-banner { display: none; margin-top: 20px; }

	.inner-game-container img.home-banner-small { margin-top: 20px; display: block; }

	.info .home-banner { padding: 0 20px; box-sizing: border-box; }

	.home-banner { display: none; }

	.home-banner-small { display: block; }

	header { background-size: cover, cover, cover; height: 200px; }

	.games-container { width: 100%; }

	.logo-container { width: 300px; margin-top: 20px; }

	.logo, .glow { width: 300px; height: 137px; }

	.games { padding: 30px 0; }

	.games-container { padding: 0 20px; }

	/*.logo-container img { width: 300px; margin: 30px auto 0; }*/

	.gone-fishing, .cupids-call, .more-games h2 { display: none; }

	.top-rated { margin: 0 0 30px;  }

	.top-rated p { font-size: 18px; margin: 10px 0 0; }

	.text-container p { display: none; }

	.game-card-content:hover .text-container { transform: translateY(0px); }

	.text-container h3 { font-size: 14px; }

	.game-card { width: 50%; padding: 0 5px; box-sizing: border-box; }

	.card-one, .card-two, .card-three, .card-four { margin: 0 0 20px; display: block; }

	.more-btn { margin-top: 20px; }

	.info { padding: 30px 0 115px; }

	.faqs-container { padding: 30px 20px; }

	ul.accordion li { padding: 15px 30px 15px 10px; }

	.faqs-container h2 { font-size: 35px; margin-bottom: 10px; }

	.faqs-container h2 span { font-size: 25px; }

	.faqs > img { width: 250px; margin: 20px auto; }

	footer p { font-size: 16px; }

	.game-card-content { width: 100%; height: 170px; }

	.text-container { height: 115px; }

	.game-card-content img.play-btn { top: 30px; }

	.inner-game-container { width: 100%; padding: 0 20px; box-sizing: border-box;}

	.inner-game-container iframe { height: 250px; }

	.game-img { width: 100%; }

	h2 { font-size: 18px; }

	.inner-game-container img { width: 100%; }

	.logo, .glow { top: 30px; }

	.top-menu-container { width: 100%; }

	.extra header { height: 140px; }

	.extra .extra-container, .extra-container { display: flex; flex-direction: column; justify-content: center; align-items:center; }

	.extra-container img { float: none; margin: 0 auto; display: block; }

	.extra-container ul li:first-child { margin: 0; }

	.extra-container ul { width: 235px; margin: 10px auto 20px; display: block; float: none; }

	.extra-container ul li { margin: 0 0 0 10px; }

	.intro-container h1 { font-size: 18px; }

	.text-section-container h3 { font-size: 14px; }

	.top-rated .special-copy { margin-top: 20px; margin-bottom: 10px; padding: 20px 20px; }

	.special-copy h2 { font-size: 22px; }

	.grey-bg { background: #f1f1f1 !important; }

	.double-container .left { margin-bottom: 20px; }

	.double-container .left, .double-container .right { width: 100%; float: left; }

	.cta-double-container { font-size: 12px; padding: 14px 20px; display: block; }

	.cta-more-casino { width: 100%; } 

	.text-section-container img.bottom-img, .top-five img.bottom-img { float: left; width: 100%; margin: 0 0 20px; }

	.month-winner { width: 100%; margin-bottom: 30px; }





}



@media screen and (max-width: 400px) {



	header { height: 160px; }

	/*#gimmick { height: 160px; }*/

	/*.logo-container img { width: 270px; margin: 20px auto 0; }*/



}



@media screen and (max-width: 320px) {



	h1, h2 { font-size: 18px; }

	.text-container { margin-bottom: -72px; height: 105px; }

	.game-card-content { height: 120px; }

	.text-container h3 { font-size: 12px; padding: 10px 2px; }

	.logo, .glow { top: 30px; width: 200px; height: 91px; } 

	.logo-container { width: 200px; }

	/*.inner-game-container { width: 300px; }

	.inner-game-container iframe { height: 200px; }*/

    /*.description-box { width: 400px; margin: 0 auto; overflow: hidden; }

    .game-img { width: 50%; padding: 0 0 0 20px; margin-bottom: 20px; margin-left: 7%;}*/



}



/* geo modal style */
.geo-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.geo-modal h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 0;
  font-weight: 700;
  text-shadow: none;
  font-family: sans-serif;
  text-transform: none;
}
.geo-modal p {
  color: #000;
  font-size: 22px;
  margin: 0 0 17px 0;
  font-family: sans-serif;
}

.geo-modal p:last-of-type {
  margin-bottom: 0;
}
.geo-modal .modal-body__content > p {
  line-height: 1.5;
  margin-top: 0;
  position: relative;
}
.geo-modal .modal-body__content > p a {
  color: #0033ff;
  text-decoration: underline;
}

.geo-modal .modal-body {
  display: block;
  max-width: 850px;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  border: solid 2px #979494;
}

.modal-body__header {
  padding-top: 0;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: solid 1px #727070;
  text-align: center;
  background: transparent !important;
  width: 100%;
  height: auto!important;

}

.geo-modal p:last-of-type {
  margin-bottom: 0;
  margin-top: 0;
}

.geo-modal p:not(last-of-type):before {
  top: calc(50% - 17px);
}

.geo-modal p {
  margin-left: 40px;
  padding-left: 70px;
}

.geo-modal p a,
.geo-modal p {
  position: relative;
}

.geo-modal p a {
  text-decoration: underline;
}

.modal-body__content .pros-text:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background: url("../images/pros-symbol.png") no-repeat center / contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal-body__content .cons-text:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background: url("../images/cons-symbol.png") no-repeat center / contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.modal-body__content {
  position: relative;
  z-index: 3;
  background: #fff;
  padding: 45px 56px 42px;
}

.modal-in {
  overflow: hidden;
}

.hidden.hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .geo-modal h2 {
    font-size: 20px;
    line-height: 0.91;
  }
  .geo-modal .modal-body__content > p {
    font-size: 18px;
    line-height: 1.11;
    margin-left: 7px;
    padding-left: 53px;
  }
  .geo-modal .modal-body__content > p:not(:last-of-type) {
    margin-bottom: 14px;
  }
  .modal-body__content {
    position: relative;
    z-index: 3;
    background: #fff;
    padding: 32px 27px 32px;
  }
  .modal-body__header {
    margin-bottom: 18px;
  }
  .modal-body__content .cons-text:before,
  .modal-body__content .pros-text:before {
    width: 23px;
    height: 23px;
  }
}
@media screen and (max-width: 374px) {
  .modal-body__content {
    padding: 20px 15px;
  }
}