.banner_container {
	position: relative;
}
.banner_container .banner {
	width: 100%;
	padding-top: 20%;
	height: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear;
}
.home .banner_container .banner {
	padding-top: 34%;
}
.banner_container .banner.active {
	position: relative;
	z-index: 2;
	opacity: 1;
}
.banner_container.load .banner.active,
.banner_container.load .banner.active .text_container {
	opacity: 0;
}
.banner_container .banner.default {
	padding-top: 8%;
	background-image: url(../../../../../kdc_theme/themes/ssga/img/purple_bar_bg2.jpg);
}
.banner_container .banner .text_container {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 102;
	opacity: 0;
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
    transition-delay: 0;
}
.banner_container .banner.active .text_container {
	opacity: 1;
	-webkit-transition: opacity 1s linear 1s;
    -moz-transition: opacity 1s linear 1s;
    -o-transition: opacity 1s linear 1s;
    transition: opacity 1s linear 1s,;
}
.banner_container .banner .text,
.banner_container .banner .text h1,
.banner_container .banner .text h2,
.banner_container .banner .text h3,
.banner_container .banner .text h4,
.banner_container .banner .text h5 {
	color: #fff;
	margin: 0;
	line-height: 1.2em;
}
.banner_container .banner .text {
	font-size: 0.7em;
	text-shadow: 1px 1px 0 #000000;
}
.ccm-ui.ccm-page .banner_container .banner .text p,
.ccm-ui.ccm-page .banner_container .banner .text li {
	margin: 0;
}
/* Pagination */
.banner_container .banner_pagination {
	display: block;
	position: absolute;
	bottom: 1.75em;
	z-index: 1000;
	text-align: center;
	width: 100%;
}
.ccm-ui.ccm-page .banner_container .banner_pagination li {
	display: inline-block;
	margin: 0 0.25em;
}
.banner_container .banner_pagination li a {
	box-sizing:content-box;
	display: block;
	background-color: #fff;
	width: 0.5em;
	height: 0;
	padding-top: 0.5em;
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	-webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    transition: background-color 1s linear,;
}
.banner_container .banner_pagination li a.active {
	background-color: #7d06a4;
}
/* end Pagination */
@media only screen and (min-width : 768px) {
	.banner_container .banner_pagination {
		bottom: 3em;
	}
	.banner_container .banner .text {
		font-size: 1.5vw;
	}
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}
@media only screen and (min-width : 2000px) {
}
.no-mediaqueries .banner_container .banner {
	padding-top: 25em;
}
.home .banner_container .banner {
	padding-top: 35em;
}
.no-mediaqueries .banner_container .banner.default {
	padding-top: 10em;
}
.no-mediaqueries .banner_container .banner .text {
	font-size: 2em;
}
.no-csstransforms .home .banner_container .banner .text_container {
	top: 25%;
}
.no-csstransforms .banner_container .banner .text_container {
	top: 5%;
}






/* Rewards Page Specific */
.vip .banner_container .banner {
	padding-top: 50%;
    background-position-x: 42% !important;
}
.vip .banner_container .banner .text {
	font-size: 3.3vw;
}
@media only screen and (min-width: 768px) {
	.vip .banner_container .banner {
	    padding-top: 30%;
	}
	.vip .banner_container .banner .text {
	    font-size: 2.25vw;
	}
}
@media only screen and (min-width: 1200px) {
	.vip .banner_container .banner {
	    padding-top: 20%;
	}
	.vip .banner_container .banner .text {
	    font-size: 1.3em;
	}
}

.banner_container .banner .text .reopening-header {
	position: absolute;
    top: 0;
    left: 50%;
	transform: translateX(-50%);
    width: 55%;
    min-width: 280px;
    padding: 24px;
    background: rgba(0,0,0,0.75);
    text-align: center;
}

.banner_container .banner .text .reopening-header .reopening-top {
	display: block;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
}
.banner_container .banner .text .reopening-header .reopening-bottom {
	display: block;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    font-size: 0.33em;
	margin-top: 0.33em;
}

.banner_container .banner .text .reopening-header a {
	color: #fff;
	display: inline-block;
	padding-bottom: 0.25em;
	border-bottom: 1px solid transparent;
}

.banner_container .banner .text .reopening-header a:hover {
	text-decoration: none;
	border-color: #fff;
}

@media only screen and (min-width : 768px) {
	.banner_container .banner .text .reopening-header {
		font-size: 5em;
		width: 45%;
	}
}

@media only screen and (min-width: 1200px) {
	.banner_container .banner .text .reopening-header {
		font-size: 3.5em;
    		left: 40%;
		transform: translateX(0);
		width: 35%;
	}
}

@media only screen and (min-width : 2000px) {
	.banner_container .banner .text .reopening-header {
		font-size: 3em;
		left: 42%;
		width: 30%;
	}
}

.banner_container .banner .text .favourite-games-header {
	text-transform: uppercase;
	color: #e6cdf4;
	line-height: 0.9;
	font-size: 9vw;
	margin-bottom: 15%;
	width: 50%;
	text-align: center;
	font-weight: 700;
}
.banner_container .banner .text .favourite-games-header span {
	font-size: 0.5em;
	color: #fff;
	text-transform: none;
	position: relative;
    top: 0.25em;
}
.banner_container .banner .text .favourite-games-header strong {
	font-weight: 700;
	font-size: 0.68em;
}
@media only screen and (min-width: 768px) {
	.banner_container .banner .text .favourite-games-header {
		font-size: 7vw;
	}
}
@media only screen and (min-width: 1200px) {
	.banner_container .banner .text .favourite-games-header {
		font-size: 6vw;
	}
}

.banner_container .banner .text .rewards-heading {
	font-size: 3.5em;
	font-weight: 600;
	color: #d0bfd9;
	text-transform: lowercase;
	line-height: 0.6;
	text-align: left;
}
.banner_container .banner .text .rewards-heading .small {
	font-size: 0.45em;
	color: #fff;
    text-transform: uppercase;
}

.rewards-icons .col-sm-12 .row {
	padding-bottom: 0.5em;
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
}
.rewards-icons .col-sm-3 {
	width: 15%;
	float: left;
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}
.rewards-icons .col-sm-9 {
	width: 85%;
	float: left;
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}
.rewards-icons .col-sm-9 p {
	margin: 0.5em 0 !important;
}
@media (max-width: 767px) {
	.rewards-icons .col-sm-9 p {
	    margin: 0.2em 0 !important;
	}
}

/*
Home rewards banner
*/

.home .banner_container .banner .text_container img {
	width: 10em;
}
@media (max-width: 767px) {
	.home .banner_container .banner .text_container img {
		width: 0em;
		display: none;
	}
}
/* Rewards Page Specific */