body {


	background: #e5e8ec;
	font-family: 'Roboto', sans-serif;


}

.header-flag-section {

	display: none;

}

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

	body {

		background: #dd2b2b;

	}


}

.clm {

	display: none;

}


@font-face {
    font-family: "circular-pro";
    src: url(font/circular-pro.ttf) format("truetype");
}


.headerSection {


	height: 250px;
	width: 100%;
	background-image: url("img/bkgr2.png");
	/*background-color: #3498db;*/
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 45px;
	-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);


}

.header {

	height: 45px;
	background-color:  rgba(0,0,0,0.3);
	z-index: 100;
	/*width: 100%;*/

	


}



.navbar-light .navbar-nav .navbar-link {


	color: #fff !important;

}

.navMobile {


	display: none;
	background-color: #001934;

}



@media screen and (min-width: 1350px) {

	#navbarResponsive {

	margin-left: 360px;

	}

}

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

	#navbarResponsive {

	margin-left: 300px;

	}

}

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

	.navMobile {


	display: block;

	}

	.navDesk {


	display: none;

	}

	#navbarResponsive {

		margin-left: 0px;

	}

}





.navbarMobile {

	display: block;
}

.navbarDesk {

	display: none;
}



.header h2 {

	color: #fff;
	font-size: 17px;
	font-family: 'montserrat' ;
	margin-top: 15px;


}

.header h1 {

	font-family: 'righteous';
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin-top: 45px;
	


}



.hamburger {

	width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;

}

.hamburgerIcon {


	margin-top: 30px;
	cursor: pointer;

}

.jumboMessage {

	/*margin-top: 65px;*/

	text-align: center;
	font-family: 'Roboto', sans-serif;


}

.jumboMessage h1 {


	font-size: 45px;
	color: #fff;

}

.jumboMessage h2 {


	font-size: 25px;
	color: #fff;
	margin-top: 60px;
	display: inline;
	background-image: url('img/checkmark_small.png');
	background-repeat: no-repeat;
	background-size: 30px;
	margin-right: 20px;
	padding-left:35px;  /* width of the image plus a little extra padding */
	padding-bottom: 40px;
	

}

.jumboMessage img {

	width: 80px;
	height: auto;
	position: absolute;
	top: -30;
	left: 46%;

}

.jumboMessageInfo {

	padding-top: 145px;

}

.jumboSlider {


	height: 200px;
	background-color: rgba(0, 0, 0, 0.4);
	/*border-radius: 5px;*/
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;

}

.jumboSlide {

	margin-left: 35px;

}

.logo1 img {

	width: 200px;
	height: auto;
	margin-top: 45px;
	margin-left: 20px;


}

.logo2 img {

	width: 200px;
	height: auto;
	margin-top: 15px;
	margin-left: 20px;


}


.logo3 img {

	width: 170px;
	height: auto;
	margin-top: 15px;
	margin-left: 20px;


}


.stars img {

	width: 190px;
	height: auto;
	margin-left: 25px;
	margin-top: -20px;


}

.casinoInfo {

	margin-top: 35px;
	margin-left: 90px;

}

.casinoInfo h1 {

	margin-top: 5px;
	color: #fff;
	font-size: 19px ;

}

.bonus {

	/*background-image: url('img/coinIcon.png');
	background-repeat: no-repeat;
	background-size: 25px;
	padding-left: 45px;  
	padding-bottom: 20px;
	background-origin: content-box;
*/

}



.coftIcon {

	position: absolute;
	width: 55px;
	height: auto;
	top: 8;
	left: 30;
	z-index: 99;
	
	


}

.casinoButtons {


	margin-top: 10px;

}


.playNowButton, .reviewButton {



	
	background-color:#f1c40f;
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border: none;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	/*padding:11px 78px;*/
	width: 200px;
	height: 40px;
	text-decoration: none;
	margin-left: 20px;
	transition: 0.4s;
}

.playNowButton {

	margin-top: 40px;


}

.reviewButton {

	margin-top: 20px;

}

.reviewButton:hover,  .playNowButton:hover {

	background-color: #b28f00;

}

/*.playNowButton:hover {
	background-color:#e5b700;
	
}*/

.readReview {

	font-size: 25px;
	color: white;
	text-decoration: none;
	margin-left: 30px;


}

.readReview:hover {

	color: #0c1322;

}

.middleSection {

	/*height: 350px;*/
	background-color: #fff;
	margin-top: -85px;
	border-radius: 5px;



}

.casinoOfTheMonth {

	/*height: 500px;*/	
	background-image: url("img/bkgr.png");
	

}

.coftHeadline {

	background-color: #161d2b;
	text-align: center;
	/*height: 10%;*/
	color: #fff;

}

.coftHeadline h1 {


	font-size: 18px;
	margin-top: 10px;

}

.coftLogo {

	/*height: 25%;*/
	/*background-color: #e5e5e5;*/
/*	background: repeating-linear-gradient(
  45deg,
  #161d2b,
  #2d3340 10px,
  #161d2b 10px,
  #161d2b 20px
);
*/


}

.coftLogo img {

	margin-left: 50px;
	width: 250px;
	height: auto;
	margin-bottom: -30px;
	margin-top: -30px;


}



.coftText {

	/*height: 39%;*/
	/*background-color: #e5e5e5;*/
	padding-left: 70px;
	/*padding-top: 20px;*/
	margin-bottom: 20px;

}

.coftText h1 {

	margin-top: 5px;
	color: #fff;
	font-size: 19px ;

}

.coftButtons {

	/*height: 20%;	*/
	/*background-color: #e5e5e5;*/


}

/*.middleTextHeadline {


	background-color: #161d2b;
		height: 38px;

}*/

.middleTextText {


	font-family: 'montserrat';
	color: #0c1322;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 40px;
	text-align: center;

}

.middleTextTextMobile {


		font-family: 'montserrat';
	color: #0c1322;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 40px;
	text-align: center;

}

.middleTextTextMobile {

	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}




.middleTextText h3, .middleTextTextMobile h3 {

	font-size: 19px;
	font-weight: bold;


	
	
}

.middleTextText p, .middleTextTextMobile p {

	font-size: 15px;
	line-height: 26px;
	
}

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

		.middleTextText {

			display: block;
		}

		.middleTextTextMobile {

		display: none;
		}

		.middleTextText h3, .middleTextTextMobile h3 {
			font-size: 17px;
			margin-bottom: 10px;
		}

		.middleTextText p, .middleTextTextMobile p {

			font-size: 13px;
			line-height: 26px;
	
		}
	}

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

				.middleTextText {

			display: none;
		}

		.middleTextTextMobile {

		display: block;
		}
	}



.menuDesk {

	list-style: none;
	text-align: center;


}

.menuDeskItem {

	margin-left: 15px;
	margin-right: 15px;
	display: inline-block;
	margin-top: 10px;
	color: #fff;


}

.mainLogo img {

	height: 145px;
	width: auto;	
	margin-top: -20px;

	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;


}



.casinoListItem {

	margin-top: 10px;
	min-height: 100px;
	background-color: #fff;
	/*border-radius: 3px;*/
	color: #373838;
	font-family: 'Open Sans', sans-serif;
	/*border-radius: 10px;*/




}

.listLogo {

	margin-left: -15px;
	height: 100px;





}

.listLogo img:hover {


	width: 183;

}



.listLogo img {
	width: 175;
	height: auto;
	/*border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;*/
	margin-left: 10px;
	margin-top: 5px;
	transition: 0.2s;

}

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

	.listLogo img {

		width: 145;
		margin-top: 10px;


	}

	.listLogo img:hover {

		width: 153;

	}

}

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

	.listLogo img {

		width: 125;
		margin-top: 20px;


	}

	.listLogo img:hover {

		width: 133;

	}

	.terms p {

		font-size: 14px;

	}

}


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

	.listLogo img {

		
		margin-left: 40px;


	}

}

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

	.listLogo img {

		
		margin-left: 30px;


	}

}

.playButton {

	border: none;
	height: 50px;
	width: 230px;
	margin-top: 25px;
	border-radius: 5px;
	background-color: #2abf6c;
	box-shadow: 0 3px #209554;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-size: 19px;
	cursor: pointer;
	transition: 0.3s;
	
	

}

.playButton:hover {


background-color: #43d985;


}

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

.playButton {


	width: 190px;

	}
}

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

	.playButton {


	width: 170px;
	margin-right: 15px;
	font-size: 16px;


	}


	}

.button {

	text-align: center;


}

.fa-star, .fa-star-half {


	color: #f1c40f;

}

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

.fa-star, .fa-star-half {

	font-size: 13px;

	}	
}


.stars {

	padding-left: 50px;
	padding-top: 25px;
}

.stars h2 {

	font-size: 18px;
	transition: 0.3s;

}

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

		.stars h2 {

			font-size: 16px;

		}

	}


.icon {

	color: #2ecc71;
	font-size: 19px;
	margin-top: 4px;
	margin-right: 7px;

}

.info {

	padding-top: 10px;
	padding-left: 50px;

}

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

	.info {

		padding-top: 10px;
		padding-left: 30px;

}

	}

.info span {

	font-size: 16px;

}

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

	.info span {

	font-size: 13px;

}
}

.fa-bolt {

	color: #f1c40f;
	/*font-size: 17px;*/
	margin-right: 15px;
	
}

.fa-sync-alt {

	color: #e74c3c;
	/*font-size: 17px;*/
	margin-right: 8px;


}

.ribbon img {

	position: absolute;
	height: 50px;
	width: auto;
	bottom: 15;
	right: 12;

}

.ribbon2 img, .ribbon2 img:hover {

	position: absolute;
	height: 23px;
	width: auto;
	top: 0;
	right: 5;

}

.ribbon6 img, .ribbon6 img:hover {
	
	position: absolute;
	height: 23px;
	width: auto;
	top: 24;
	right: 5;

}

.ribbon5 img, .ribbon5 img:hover {

	position: absolute;
	height: 30px;
	width: auto;
	top: 0;
	right: 5;

}



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

	.ribbon {

		display: none;

	}

	.ribbon img {

	position: absolute;
	height: 50px;
	width: auto;
	bottom: 20;
	right: 20;

}

}

.casinoListInfo {


	background-color: #fff;
	margin-top: 10px;
	padding-left: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;


}

.casinoListInfo h2 {


	/*margin-left: -20px;*/
	/*padding-left: -15px;*/
	padding-top: 9px;
	padding-bottom: 3px;

	font-size: 18px;
	color: darkgrey;

}

.infoRating {

	padding-left: 50px;


}

.infoInfo {


	padding-left: 50px;

}

.middleSpotlight {

	padding-top: 15px;
	padding-left: 50px;
	height: 260px;


}

.middleSpotlightDesktop img {

	width: 100%;
	height: 270px;
	margin-top: 12px;
	border-radius: 5px;


}

.sliderMobile {


	display: none;

}


.bannerSpotlightMobile img {


	display: none;
	width: 100%;
	height: 270px;

}

.middleSpotlight img {


	height: 210px;
    width: auto\9; /* ie8 */
    /*margin-left: 50px;*/
    /*margin-right: auto;*/
    display:block;
    margin-left: auto;

    margin-top: 5px;
    border-radius: 2px;

}

.middleSpotlightMobile img {

	height: auto;
	width: 100%;
	display: none;
	border-radius: 2px;


}


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

	.middleSpotlightMobile img {

	height: 220px;
	width: 100%;
	display: block;
	margin-top: 10px;


	}

}

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

	.bannerSpotlightMobile img {


	display: block;


}


	.middleSpotlightMobile img {

	height: auto;
	width: 100%;
	display: none;


	}


}







.middleSpotlight h2 {


	font-size: 20px;

}

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

	.middleSpotlight {

		padding-left: 0px;

	}

	.middleSpotlight img {


		height: 220px;
		margin-top: 5px;

	}
}

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

	.middleSpotlight {

		display: none;

	}	
}




.footer {
	margin-top: 40px;
	min-height: 200px;
	background-color: #25272e;


}


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

	.stars {

		display: none;


	}

	.casinoListInfo {


		display: none;

	}

}


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

	.cld {


		display: none;

	}

	.clm {


		display: block;
	}

	.fa-star, .fa-star-half {

	font-size: 21px;
	margin-top: 5px;

	}


	.middleSection {

	margin-top: 0px;
	border-radius: 0px;
	display: none;
	


}

.header-flag-section {

	display: block;

}

.headerSection {

	display: none;


}

.mainLogo img {

	height: 90px;
	margin-top: -40px;

}



}

.casinoListItemMobile {

	background-color: #fff;
	margin-top: 20px;
	


}

.mobileLogo {


	
	height: 80px;

}

.mobileLogo img {

	height: 80px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.mobileStars {

	margin-top: 20px;
	height: 30px;
	/*background-color: #f0f5f8;*/

}


.mobileInfo {

	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;


}

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


	.mobileInfo {

		font-size: 15px;
		font-weight: bold;

	}


}


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


	.mobileInfo {

		font-size: 13px;
		font-weight: bold;

	}

	.mainLogo img {

		height: 140px;
		width: auto;

	}

	.middleSection {



	}


}


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


	.mobileInfo {

		font-size: 12px;

	}


	.mainLogo img {

		height: 120px;
		width: auto;

	}


}

.playButtonMobile {

	background-color: #2fd578;
	border-style: none;
	font-size: 22px;
	width: 100%;
	cursor: pointer;
	height: 50px;
	margin-top: 35px;
	/*margin-bottom: 10px;*/
	color: #fff;
	box-shadow: 0 3px #25aa60;

}

@media screen and (max-width: 850px) {
.ribbon {

		display: block;

	}

}


.mobileHeadline {

	background-image: url("img/bkgr2.png");
	/*background-color: #3498db;*/
	color: #fff;
	text-align: center;
	height: 40px;


}


.mobileHeadline h1 {

		font-size: 17px;

}

.headerSectionMobile {

	background-color: #133a63;


}

.headerSectionMobile img {


	height: 170px;
	width: auto;

}


.number {

	position: absolute;
	top:0;
	left:0;
	z-index: 19281;
	height: 20px;
	width: 25px;
	background-color: #f6f7fc;
	border-bottom-right-radius: 16px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	

}

.number h2 {

	text-align: center;
	font-size: 14px;
	cursor: default;

}

.footerSection {


	color: #fff;
	margin-top: 40px;

}

.footerSection h2 {

	font-size: 16px;

}

.footerSection p {

	font-size: 12px;

}

.footerSection img {

	height: 100px;
	width: auto;

	}


.footerSectionBot {

	color: #fff;
	margin-top: 20px;
	text-align: center;

}

.footerSectionBot h2 {


	font-size: 13px;

}

#logokml {

	height: 50px;
	width: auto\9;

}

.terms p {

	font-size: 12px;
	margin-top: 10px;

}

.middleSection2 {

	background-color: #fff;
	margin-top: 20px;
	border-radius: 5px;
	padding: 20px;

}

.middleSection2 h1 {

	font-size: 24px;
	margin-bottom: 10px;
}


@media screen and (max-width: 1090px) {
		
		.terms p {

			font-size: 10px;

		}

}

@media screen and (max-width: 850px) {
		
		.terms p {

			font-size: 13px;
			text-align: center;
			/*margin-right: 45px;*/
			margin-top: 20px;


		}



}

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

		.mainLogo img {

			height: 80px;
			margin-top: -38px;

		}



}

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

.middleSection {

	margin-top: -70;

}


.middleSpotlightDesktop img {


	height: 200px;

}

}



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



	.middleSection {

	margin-top: 5;

}


}


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


	.middleSpotlightDesktop img {


	height: 150px;

}

}




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


	.middleSpotlightDesktop  {


	display: none;

}

}

.content-box {


	padding: 15px;
	background-color: #fff;
	margin-top: 30px;
	border-radius: 8px;

}

.content-box h1 {

text-align: center;
font-size: 22px;

}

.content-box h2 {

font-size: 17px;
font-weight: bold;

}

.content-box ul {


	list-style: none;
	margin-left: -20px;

}

.fa-check {

	color: #2ecc71;
	margin-right: 10px;

}

.bannerSpotlightMobile-2 img {

	width: 100%;
	height: auto;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;

}



.bannerHeader {

	height: 30px;
	background-color: #d3e3f8;
	/*margin-bottom: 10px;*/
	/*padding-top: 5px;*/
	margin-top: 10px;

}

.bannerHeader h1 {

	font-size: 16px;
	color: #7e8894;
	/*text-align: center;*/
	margin-top: 0px;
	padding-top: 2px;

}

@media screen and (min-width: 501px) {

	.bannerSpotlightMobile-2 {

		display: none;

	}

	.bannerHeader {

		display: none;

	}

}

.ribbon2-mobile img, .ribbon2-mobile img:hover {

	position: absolute;
	height: 23px;
	width: auto;
	top: 13;
	right: -10;

}

.ribbon6-mobile img, .ribbon6-mobile img:hover {
	
	position: absolute;
	height: 23px;
	width: auto;
	top: 38;
	right: -10;

}

.ribbon5-mobile img, .ribbon5-mobile img:hover {

	position: absolute;
	height: 30px;
	width: auto;
	top: 13;
	right: -10;

}