/* 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;
}
html, body { overflow-x: hidden; } 
body {
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	background: url(../images/bg.jpg) no-repeat #000;
	background-size: 100%;
}
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;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p { font-family: 'Poppins', sans-serif; }


header { width: 100%; position: relative; z-index: 10; float: left; background:#fff; margin-bottom: 10px; }
	.header-container { width: 1200px; margin: 20px auto 20px; display: flex; align-items: center; justify-content: space-between; }
		.header-container > img { display: block; }
		.header-container .right-side { display: flex; align-items: center; }
			.header-container .right-side div { display: flex; align-items: center; margin-left: 30px; }
			.header-container .right-side div.first { margin-left:0; }
				.header-container .right-side div img { margin-right: 10px; }
				.header-container .right-side div p { font-size: 16px; font-weight: 500; line-height: 18px; }

.heading { width:100%; float:left; overflow:hidden; }
	.heading-container { width:1200px; margin:0 auto; display: flex; align-items: center;}
		.heading-container .left h1 {text-align: left; color: #fff; font-size: 26px; margin-bottom: 35px; font-weight: 600; text-shadow: 0px 3px 4px #000; }
			.heading-container .left h1 span { color:#767ad2; }
		.heading-container .left > p { font-size:18px; line-height:30px; font-weight:400; color:#fff; text-align:left; padding-right: 50px; text-shadow: 0px 3px 4px #000; }
		.heading-container .left > div { display:flex; align-items:center; }
			.heading-container .left > div p { display:flex; align-items:center; text-transform:uppercase; font-size:12px; color:#fff; margin-right: 40px; text-shadow: 0px 3px 4px #000; }
				.heading-container .left > div p img { margin-right:10px; }

.info { width:100%; float:left; overflow:hidden;  }
	.info-container { width:100%; display:flex; align-items:center; width:1200px; margin:0 auto 30px; }
		.info-container p { display:flex; align-items:center; text-transform:uppercase; font-size:18px; font-weight: 600; color:#fff; margin-right: 40px; text-shadow: 0px 3px 4px #000; }
				.info-container p img { margin-right:10px; }

.offers { width:100%; float:left; overflow:visible; margin-bottom: 70px;}
	.offers-container { -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.25); box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.25); margin: 0 auto; width: 1200px; padding: 60px 0; background:#fff; }
		.offers-container h3 { color: #353760; font-size:26px; text-align:center; font-weight: 600; margin-bottom: 60px; line-height: 34px;}
			.offers-container h3 span { font-weight:800; }
		.offer-box { display:flex; margin:0 auto 20px; align-items: center; width:800px; justify-content: space-evenly; flex-wrap:wrap; }
			.offer-box .offer-content { display:flex; flex-direction:column; }
				.offer-box .left { font-size: 24px; font-weight: 700; color:#e01917; width:100%; text-align: center; margin-bottom: 12px; flex: 0 0 100%; }
				.offer-content > div { display:flex; align-items:center;  justify-content: center;}
				.offer-box .middle { width:340px; height: 60px; border: 2px dashed #0eab56; color:#0eab56; border-radius:10px; text-align:center; font-weight:700; font-size:32px; line-height:60px; margin-right:20px; }
				.offer-box .right { height:60px; width: 116px; background:#353760; display: flex; align-items: center; justify-content: center; }
					.offer-box .right p { color:#fff; font-size:20px; font-weight:500; margin-left:10px; }
		.offer-box button { outline: 2px dashed #16a369; border: none; border-radius:20px; background:#16a369; color:#ffc000; font-size:18px; width:230px; padding: 15px 0; font-weight:700; text-transform:uppercase; }

.categories { width:100%; float:left; overflow:visible; }
	.categories-container { width:1200px; margin:0 auto 15px; background:#df0e0e; display:flex; align-items:center; justify-content:space-around; padding: 10px 0; border-radius:4px; }
		.categories-container span { font-size: 18px; font-weight:800; color:#fff; }

.casino { width:100%; float:left; overflow:visible; }
	.casino-container { width:1200px; margin:0 auto; padding-bottom:40px; }
		.casino-container .casino-block { height:156px; width: 100%; background:#fff; -webkit-box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.25);  box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.25); display:flex; align-items:center; margin-bottom: 15px; border-radius:4px; }
		.casino-container .casino-block.grey { background:#eaeaea; }
			.block-1 { width:255px; height:100%; display:flex; align-items:center;  justify-content:center; position:relative; }
				.block-1 .logo { margin-left:20px; }
				.block-1 .number { position:absolute; width: 32px; height: 51px; top: 0; left: 11px; background: url(../images/number.png) no-repeat; }
				.block-1 .top-rated { position:absolute; top: 6px; left: 43px; }
					.block-1 .number p { text-align:center; font-size:32px; color:#fff; margin-top: 5px; }
				
			.block-2 { width:262px; height:156px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
				.block-2 .offer-small { font-size: 17px; line-height:22px; color:#111; font-weight: 400; text-align: center;}
					.block-2 .offer-small span { font-weight: 800; } 
				.block-2 .redeem { background:#ededed; color: #353760; width:90%; font-weight:600; font-size:14px; border-radius:10px; padding:12px 0; margin-top: 12px; text-align:center; }
			.block-3 { width:190px; height:156px; display:flex; align-items:center; justify-content:center; flex-direction: column;}
				.block-3 img {margin-bottom: 15px;}
				.block-3 p { font-size:12px; text-decoration:underline; }
			.block-4 { width: 262px; display:flex; align-items:center; justify-content:center; flex-direction: column; }
				.block-4 img { margin-bottom: 15px; }
				.block-4 p { font-size:14px; line-height:19px; text-align:center; }
					.block-4 p span { font-weight: 600; }
			.block-5 { display:flex; align-items:center; justify-content:center; flex-direction:column; }
				.block-5 button { border: none; border-radius:4px; background:#16a369; font-weight: 800; color:#fff; font-size:22px; width:208px; padding: 20px 0; }
					.block-5 button span { font-size:22px; font-weight:700; color:#fff; }
				.block-5 button:hover { background: #0b6a43; }

.bottom { width:100%; margin-bottom: 50px;}
	.bottom-container { width:1200px; margin: 0 auto; }
		.bottom-container p { text-align:left; font-size:18px; line-height:30px; color: #fff; }

footer { width:100%; float:left; overflow:hidden; background:#000; padding: 70px 0; }
	.footer-container { width:1200px; margin:0 auto; }
		.footer-container > img { display:block; margin:0 auto 40px; }
		.footer-container p { color:#fff; text-align:center; font-size: 18px; font-weight:500; display: flex; align-items: center; justify-content: center;}
			.footer-container p a { color:#fff; }
			.footer-container p a:hover { color:#16a369; cursor:pointer; }
		.footer-container p.copyright { margin-top: 55px; font-size:14px; font-weight:400; }

.mb-0 { margin-bottom:0 !important; }
.mobile { display:none; }
.desktop { display:block; }
.mobile-offer { display:none; }

hr { margin-top: 30px; margin-bottom: 30px; border-top:1px solid #dfdfdf; }

.casino-mobile { display:none; width:100%; overflow:hidden; margin-bottom:40px; }
	.casino-container-mobile { max-width: 768px; margin: 0 auto; border-radius: 4px; border-collapse: separate;  }
		.casino-block-mobile { display:flex; border-collapse: separate; border-radius:4px; margin-bottom:10px; }
			.casino-block-mobile .left { display:flex; flex-direction:column; align-items:center; width:50%; background:#eaeaea; flex: 1; justify-content: space-around; padding: 20px 0 20px; position:relative; }
			.casino-block-mobile .right { display:flex; flex-direction:column; align-items:center; width:50%; background:#fff; flex: 1; justify-content: space-around; padding: 20px 0 20px; }

				.casino-block-mobile .left .number { position:absolute; width: 32px; height: 51px; top: 0; left: 6px; background: url(../images/number.png) no-repeat; }
					.casino-block-mobile .left .number p { text-align:center; font-size:32px; color:#fff; margin-top: 5px; }
				.top-rated-mobile { position:absolute; left:38px; top:6px; }
				.casino-logo-mobile { margin:25px 0 10px; }

				.block-2-mobile { width:262px; height:156px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
				.block-2-mobile .offer-small { font-size: 17px; line-height:22px; color:#111; font-weight: 400; text-align: center;}
					.block-2-mobile .offer-small span { font-weight: 800; } 

				.block-3-mobile { display:flex; align-items:center; justify-content:center; flex-direction: column;}
				.block-3-mobile img {margin-bottom: 15px;}
				.block-3-mobile p { font-size:12px; text-decoration:underline; }

				.block-4-mobile {  display:flex; align-items:center; justify-content:center; flex-direction: column; margin-bottom:25px; }
				.block-4-mobile img { margin-bottom: 15px; }
				.block-4-mobile p { font-size:14px; line-height:19px; text-align:center; }
					.block-4-mobile p span { font-weight: 600; }

				.block-5-mobile { display:flex; align-items:center; justify-content:center; flex-direction:column; }
				.block-5-mobile button { border: none; border-radius:4px; background:#16a369; font-weight: 800; color:#fff; font-size:22px; width:208px; padding: 20px 0; margin-bottom:10px; }
					.block-5-mobile button span { font-size:22px; font-weight:700; color:#fff; }
				.block-5-mobile button:hover { background: #0b6a43; }
			

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

	.header-container, .heading-container, .offers-container, .casino-container, .footer-container, .categories-container, .bottom-container, .info-container { width:1000px; }
	.offers-container h3 { font-size:24px; }
	.offer-box .left { font-size:20px; width:500px; }
	.offer-box { width:740px; }
	.offer-box .middle { width:330px; }
	.offer-box .right { width:100px; }
	.block-1 { width:220px; }
	.block-1 .logo { width: 120px; }
	.block-1 .big-offer { line-height: 22px; font-size: 18px; }
	.block-1 .recommended { font-size:11px; }
	.block-2 { width:186px; }
	.block-2 img { width: 100px; }
	.block-3 .offer-small { font-size: 11px; line-height: 16px; }
	.block-3 { width: 190px; }
	.block-4 { width: 215px; }
	.block-4 ul li { font-size:10px; }
	.block-5 button span { font-size: 18px; }
	.block-5 button { font-size:18px; width: 160px; }
	.footer-container p { font-size:15px; }
	.footer-container p.copyright { font-size:12px; }
	.offers-container h3 { margin-bottom:40px; }
	.heading-container .left h1 { font-size: 22px; margin-bottom: 15px; }
	.block-2 .offer-small { font-size: 13px; }

}

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

	.header-container, .heading-container, .offers-container, .casino-container, .footer-container, .bottom-container, .info-container { width:768px; box-sizing: border-box;}
	.offers-container { padding: 60px 30px; }
	.heading-container p br { display:none; }
	.heading-container h1 { font-size:28px; }
	.header-container .right-side div p { font-size: 12px; }
/*	.offer-box { flex-wrap: wrap; width:100%; justify-content:center; }*/
/*	.offer-box .left { flex: 0 0 100%; text-align:center; }*/
/*	.offer-box .middle { flex: 0 0 60%; }*/
/*	.offer-box .right { flex: 0 0 20%; margin-left:20px; }*/
	.casino-container .casino-block { flex-direction: column; height: auto;}
	.block-1 { width:100%; order: 1; }
	.block-1 .recommended { font-size:14px; line-height:30px; }
	.block-1 .big-offer { font-size:32px; margin: 20px 0 15px; }
	.block-1 .big-offer br { display:none; }
	.block-2 { order: 2; }
	.block-2 img { width: 120px; }
	.block-3 { width:100%; height:auto; margin-bottom:20px; order: 3; }
	.block-3 .offer-small { font-size:16px; }
	.block-3 .offer-small br { display:none; }
	.block-3 .redeem { font-size:14px; width:50%; }
	.block-4 { width:auto; margin-bottom:20px; order: 5; }
	.block-4 ul li { font-size: 14px; text-align: left;}
	.block-4 ul { padding-left:0; }
	.block-5 { margin-bottom: 20px; order: 4;}
	.block-5 button { font-size:14px; width:280px; margin-bottom: 20px; }
	.block-5 button span { font-size: 28px; }
	.block-5 p { font-size:16px; }
	.mobile { display:block; }
/*	.offer-box .offer-content { align-items:center; }*/
/*	.offer-content > div { margin-bottom:10px; }*/
	.offer-box button { width:200px; }
	.offer-box { width: 680px; }
	.offers-container h3 { font-size: 22px; }
	.categories { display:none; }
	.heading-container .right img { width:250px; }
	.heading-container { }
	.heading-container .left > p { font-size: 14px; line-height: 22px; }
	.casino { display:none; }
	.casino-mobile {display: block;}
	.info-container p { font-size:15px; }
}


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

	.header-container, .heading-container, .offers-container, .casino-container, .footer-container, .bottom-container { width:100%; }
	header, .offers, .heading, .casino, footer, .casino-mobile, .bottom, .info { padding-left: 20px; padding-right:20px; }
	.heading-container h2 { display:none; }
	.heading-container p { display:none; }
	.mobile-offer .heading-container h2 { display:block; font-size: 18px; line-height: 26px; margin-bottom: 10px;}
	.mobile-offer .heading-container p { display:block; font-size:14px; line-height: 22px; margin-bottom: 30px;}
	.header-container { flex-direction:column; }
	.header-container > img { margin-bottom:20px; }
	.header-container .right-side { flex-wrap: wrap; justify-content:center; }
	.header-container .right-side div p br { display:none; }
	.header-container .right-side div img { width:14px; }
	.header-container .right-side div { margin-bottom:10px; }
	.header-container { margin: 10px 0 10px;}
	.heading-container { padding:0; }
	.heading-container h1 { font-size: 22px; line-height: 28px;  }
	.block-3 { padding:0 20px; }
	.desktop { display:none; }
	.casino-container { padding-bottom:40px; }
	.mobile-offer { display:block; }
	.casino-container h3 { line-height:26px; margin-bottom: 20px; font-size: 18px; }
	.block-3 .offer-small { line-height: 22px; }
	.offers-container h3 { line-height:24px; margin-bottom: 40px; font-size:15px; }
	.offer-box .left { font-size:16px; line-height: 20px; }
	.offer-box { width:100%; flex-direction: column;}
	.offer-box .left { text-align:center; width:100%; }
	.offer-box .offer-content { align-items:center; }
	.offer-box button { width: auto; padding: 15px 40px; }
	.offers-container { padding: 60px 30px 30px; }
	.offer-box .middle { width: 260px; font-size: 26px; line-height:50px; height:50px; }
	.offer-box .right { height: 50px; }
	.offer-box .offer-content { margin-bottom:15px; }
	.heading-container .right img { width: 150px; }
	.heading-container .left > div p img { width: 16px; }
	.heading-container .left > div p { margin-right:10px; }
	.bottom-container p { font-size:14px; line-height:24px; }
	.block-5-mobile button { font-size: 14px; width: 140px; padding: 20px 0; }
	.heading-container .left h1 { font-size: 18px; margin-bottom: 0; line-height: 24px;}
	.block-2-mobile .offer-small { font-size: 14px; }
	.info-container { flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; margin-bottom: 10px;}
	.info-container p img { width:20px; }
	.info-container p { margin:0 10px 5px; }
	.heading-container { margin-bottom:0; }

}


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

	.offer-box .right p { font-size:16px; }
	.offer-box .right { flex: 0 0 25%; margin-left: 10px; }
	.block-3 .offer-small { font-size: 14px; }
	.block-3 .redeem { font-size: 12px; width: 70%; }
	.offers-container .mobile { display:none; }
	.block-1 .big-offer { font-size: 26px; }
	.offers-container { padding: 40px 20px; }
	.offer-box .left { font-size:13px; }
	.offers-container h3 br { display:none; }
	.casino-logo-mobile { width:60%; }
	.block-4-mobile img { width:80%; }
	header { margin-bottom:10px; }
	.heading-container {  }
	.casino-block-mobile .left > a.logo-small { width: 60%; }
	.casino-logo-mobile { width:100%; }


}


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

	.footer-container p { font-size: 13px; }
	.offer-box .middle { flex: 0 0 65%; }
	.header-container .right-side div { margin-left:0; }
	.casino-container h3 { line-height: 22px; font-size: 16px; }
	.header-container .right-side div { margin: 2px 6px 2px 0; }
	.heading-container h1 { margin-bottom:10px; }
	.header-container > img { width:190px; }
	.offer-content > div { justify-content:space-evenly; }
	.offer-box .right { margin: 0; }
	.offer-box .middle { width:170px; margin-right: 10px; font-size: 20px;}
	.header-container > img { width:140px; margin: 0 20px 0 0;}
	.header-container { flex-direction:row; justify-content: space-evenly; }
	.header-container .right-side { justify-content:left; }
	.header-container .right-side div p { font-size: 10px; line-height: 12px; letter-spacing: -0.5px;}
	.header-container .right-side div img { margin-right: 3px; }
	.offer-box button { width: 90%; }

}