.bx-wrapper {
	position: relative;
	padding: 0;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	width: 100%
}

.bxslider {
	margin: 0;
	padding: 0
}

ul.bxslider {
	list-style: none
}

.bx-viewport {
	-webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .spineme {
	min-height: 50px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20%;
	left: 49%;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
	display: inline-block;
	vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0
}

.bx-wrapper .bx-prev {
	left: 5%;
	background: url(/Content/images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}

.bx-wrapper .bx-next {
	right: 5%;
	background: url(/Content/images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}

.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/Content/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/Content/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, .75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

.slider-pro {
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.sp-slides-container {
	position: relative
}

.sp-mask {
	position: relative;
	overflow: hidden
}

.sp-slides {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000
}

.sp-slide {
	position: absolute
}

.sp-image-container {
	overflow: hidden
}

.sp-image {
	position: relative;
	display: block;
	border: none
}

.sp-no-js {
	overflow: hidden;
	max-width: 100%
}

.sp-thumbnails-container {
	position: relative;
	overflow: hidden;
	direction: ltr
}

.sp-bottom-thumbnails,
.sp-top-thumbnails {
	left: 0;
	margin: 0 auto
}

.sp-top-thumbnails {
	position: absolute;
	top: 0;
	margin-bottom: 4px
}

.sp-bottom-thumbnails {
	margin-top: 4px
}

.sp-left-thumbnails,
.sp-right-thumbnails {
	position: absolute;
	top: 0
}

.sp-right-thumbnails {
	right: 0;
	margin-left: 4px
}

.sp-left-thumbnails {
	left: 0;
	margin-right: 4px
}

.sp-thumbnails {
	position: relative
}

.sp-thumbnail {
	border: none
}

.sp-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.sp-rtl .sp-thumbnail-container {
	float: right
}

.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
	margin-left: 2px;
	margin-right: 2px
}

.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
	margin-left: 0
}

.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
	margin-right: 0
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
	margin-top: 2px;
	margin-bottom: 2px
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
	margin-top: 0
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
	margin-bottom: 0
}

.sp-right-thumbnails.sp-has-pointer {
	margin-left: -13px
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	left: 18px;
	margin-left: 0!important
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid red;
	left: 0;
	top: 0;
	margin-left: 13px
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 50%;
	margin-top: -8px;
	border-right: 13px solid red;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}

.sp-left-thumbnails.sp-has-pointer {
	margin-right: -13px
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	right: 18px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid red;
	right: 0;
	top: 0;
	margin-right: 13px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	margin-top: -8px;
	border-left: 13px solid red;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}

.sp-bottom-thumbnails.sp-has-pointer {
	margin-top: -13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	top: 18px;
	margin-top: 0!important
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid red;
	top: 0;
	margin-top: 13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 0;
	margin-left: -8px;
	border-bottom: 13px solid red;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.sp-top-thumbnails.sp-has-pointer {
	margin-bottom: -13px
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	bottom: 18px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid red;
	bottom: 0;
	margin-bottom: 13px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	bottom: 0;
	margin-left: -8px;
	border-top: 13px solid red;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent
}

.sp-layer {
	position: absolute;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden
}

.sp-black {
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .7)
}

.sp-white {
	color: #000;
	background: #fff;
	background: rgba(255, 255, 255, .7)
}

.sp-rounded {
	border-radius: 10px
}

.sp-padding {
	padding: 10px
}

.sp-grab {
	cursor: url(/Content/css/sliderpro/images/openhand.cur), move
}

.sp-grabbing {
	cursor: url(/Content/css/sliderpro/images/closedhand.cur), move
}

.sp-selectable {
	cursor: default
}

.sp-caption-container {
	text-align: center;
	margin-top: 10px
}

.sp-full-screen {
	margin: 0!important;
	background-color: #000
}

.sp-full-screen-button {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sp-full-screen-button:before {
	content: '↕'
}

.sp-fade-full-screen {
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.slider-pro:hover .sp-fade-full-screen {
	opacity: 1
}

.sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px
}

.sp-rtl .sp-buttons {
	direction: rtl
}

.sp-full-screen .sp-buttons {
	display: none
}

.sp-button {
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	border-radius: 50%;
	margin: 4px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.sp-selected-button {
	background-color: #000
}

@media only screen and (min-width:768px)and (max-width:1024px) {
	.sp-button {
		width: 14px;
		height: 14px
	}
}

@media only screen and (min-width:568px)and (max-width:768px) {
	.sp-button {
		width: 16px;
		height: 16px
	}
}

@media only screen and (min-width:320px)and (max-width:568px) {
	.sp-button {
		width: 18px;
		height: 18px
	}
}

.sp-arrows {
	position: absolute
}

.sp-fade-arrows {
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.sp-slides-container:hover .sp-fade-arrows {
	opacity: 1
}

.sp-horizontal .sp-arrows {
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -15px
}

.sp-vertical .sp-arrows {
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -10px
}

.sp-arrow {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	cursor: pointer
}

.sp-vertical .sp-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sp-horizontal .sp-previous-arrow {
	left: 20px;
	right: auto
}

.sp-horizontal .sp-next-arrow,
.sp-horizontal.sp-rtl .sp-previous-arrow {
	right: 20px;
	left: auto
}

.sp-horizontal.sp-rtl .sp-next-arrow {
	left: 20px;
	right: auto
}

.sp-vertical .sp-previous-arrow {
	top: 20px
}

.sp-vertical .sp-next-arrow {
	bottom: 20px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #fff
}

.sp-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg)
}

.sp-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg)
}

.sp-horizontal.sp-rtl .sp-previous-arrow,
.sp-next-arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sp-horizontal.sp-rtl .sp-next-arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.ie7 .sp-arrow,
.ie8 .sp-arrow {
	width: 0;
	height: 0
}

.ie7 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie8 .sp-arrow:before {
	content: none
}

.ie7.sp-horizontal .sp-previous-arrow,
.ie8.sp-horizontal .sp-previous-arrow {
	border-right: 20px solid #fff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent
}

.ie7.sp-horizontal .sp-next-arrow,
.ie8.sp-horizontal .sp-next-arrow {
	border-left: 20px solid #fff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent
}

.ie7.sp-vertical .sp-previous-arrow,
.ie8.sp-vertical .sp-previous-arrow {
	border-bottom: 20px solid #fff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent
}

.ie7.sp-vertical .sp-next-arrow,
.ie8.sp-vertical .sp-next-arrow {
	border-top: 20px solid #fff;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent
}

.sp-thumbnail-arrows {
	position: absolute
}

.sp-fade-thumbnail-arrows {
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
	opacity: 1
}

.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -12px
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -7px
}

.sp-thumbnail-arrow {
	position: absolute;
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
	left: 0
}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
	right: 0
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
	top: 0
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
	bottom: 0
}

.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #fff
}

.sp-previous-thumbnail-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg)
}

.sp-previous-thumbnail-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg)
}

.sp-next-thumbnail-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg)
}

.sp-next-thumbnail-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg)
}

.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
	width: 0;
	height: 0
}

.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
	content: none
}

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
	border-right: 12px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent
}

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
	border-left: 12px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
	border-bottom: 12px solid #fff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
	border-top: 12px solid #fff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent
}

a.sp-video {
	text-decoration: none
}

a.sp-video img {
	-webkit-backface-visibility: hidden;
	border: none
}

a.sp-video:after {
	content: '▶';
	position: absolute;
	width: 45px;
	padding-left: 5px;
	height: 50px;
	border: 2px solid #fff;
	text-align: center;
	font-size: 30px;
	border-radius: 30px;
	top: 0;
	color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .2);
	margin: auto;
	line-height: 52px
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
	max-width: none;
	max-height: none;
	border: none!important;
	border-radius: 0!important;
	padding: 0!important;
	-webkit-box-shadow: none!important;
	-mox-box-shadow: none!important;
	box-shadow: none!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none
}

.slider-pro a {
	position: static;
	transition: none!important;
	-moz-transition: none!important;
	-webkit-transition: none!important;
	-o-transition: none!important
}

.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
	max-width: none;
	max-height: none
}

.slider-pro p.sp-layer {
	font-size: 14px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h1.sp-layer {
	font-size: 32px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h2.sp-layer {
	font-size: 24px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h3.sp-layer {
	font-size: 19px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h4.sp-layer {
	font-size: 16px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h5.sp-layer {
	font-size: 13px;
	line-height: 1.4;
	margin: 0
}

.slider-pro h6.sp-layer {
	font-size: 11px;
	line-height: 1.4;
	margin: 0
}

.slider-pro img.sp-layer {
	border: none
}

@font-face {
	font-family: 'utm-akashi';
	src: url(/Content/fonts/utm-akashi.ttf?c21w1t) format('truetype');
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'utm-sharnay';
	src: url(/Content/fonts/UTM-Sharnay.ttf?c21w1t) format('truetype');
	font-weight: normal;
	font-style: normal
}

.info-active {
	position: fixed;
	width: 100%;
	height: 100%;
	background: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	display: none;
	transition: all ease 1s
}

.sliderBtnContainer {
	z-index: 99999
}

.SliderList p {
	color: #fff
}

.blackBody .SliderList p {
	color: #000
}

.slotSlider {
	height: 423px;
	overflow: hidden
}

.slotSliderWrap {
	max-width: 1150px;
	margin: 0 auto
}

.slotSliderWrap2 {
	max-width: 1250px;
	margin: 0 auto
}

.slotSliderWrap>.col-md-6,
.slotSliderWrap>.col-md-5,
.slotSliderWrap>.col-md-7 {
	height: 423px;
	padding-top: 5%
}

.slotSliderWrap2>.col-md-5,
.slotSliderWrap2>.col-md-7 {
	height: 423px
}

.slotSliderWrap>.col-md-6 p {
	color: #fff;
	margin-bottom: 5%;
	margin-top: 15px;
	text-align: center
}

.blackBody .slotSliderWrap>.col-md-6 p {
	color: #000
}

.slotBtn {
	width: 209px;
	height: 48px;
	color: #fee71b;
	line-height: 48px;
	text-align: center;
	background: none;
	border: none;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #fee71b;
	border-radius: 5px;
	text-transform: uppercase;
	transition: all 1s ease
}

.slotBtn:hover,
.slotBtn:focus {
	background: #fee71b;
	color: #000
}

.blackBody .slotBtn {
	border: 2px solid #037b4b;
	color: #037b4b
}

.blackBody .slotBtn:hover,
.blackBody .slotBtn:focus {
	background: #037b4b;
	color: #fff
}

.doublefortuneSlide {
	background-color: #036431
}

.blackBody .doublefortuneSlide {
	background-color: #f6cf0d
}

.doublefortune-logo {
	width: 60%;
	margin: 20px 0
}

.doublefortune {
	position: absolute
}

.doublefortune img {
	max-width: 100%
}

.doublefortune.fortunebg1,
.doublefortune.fortunebg2,
.doublefortune.fortunebg3,
.doublefortune.fortunebg4 {
	top: 40px;
	width: 55%;
	left: 25%
}

.doublefortune.fortunebg1 img {
	animation: scaleDF 4s infinite 2.5s;
	-webkit-animation: scaleDF 4s infinite 2.5s
}

.doublefortune.fortunebg2 img {
	animation: scaleDF 4s infinite 2.7s;
	-webkit-animation: scaleDF 4s infinite 2.7s
}

.doublefortune.fortunebg3 img,
.doublefortune.fortunebg4 img {
	animation: pulseDF 4s infinite 2.7s;
	-webkit-animation: pulseDF 4s infinite 2.7s
}

.doublefortune.flowermid {
	top: 10px;
	width: 17%;
	left: 45%
}

.doublefortune.flowerleft {
	top: 15%;
	width: 14%;
	left: 24%
}

.doublefortune.flowerright {
	top: 15%;
	width: 14%;
	right: 16%
}

.doublefortune.flowermid img,
.doublefortune.flowerleft img,
.doublefortune.flowerright img {
	animation: Band 4s infinite 2.7s;
	-webkit-animation: Band 4s infinite 2.7s
}

.doublefortune.heart1 {
	top: 2px;
	width: 2%;
	left: 14%;
	animation-delay: .75s;
	-webkit-animation-delay: .75s
}

.doublefortune.heart1 img {
	animation: bounceDF 4s infinite 1.5s;
	-webkit-animation: bounceDF 4s infinite 1.5s
}

.doublefortune.heart2 {
	top: 28px;
	width: 3%;
	left: 11%;
	animation-delay: .75s;
	-webkit-animation-delay: .75s
}

.doublefortune.heart2 img {
	animation: bounceDF 4s infinite 1.7s;
	-webkit-animation: bounceDF 4s infinite 1.7s
}

.doublefortune.header3d1 {
	top: 15%;
	width: 6%;
	left: 12%;
	animation-delay: .75s;
	-webkit-animation-delay: .75s
}

.doublefortune.header3d1 img {
	animation: bounceDF 4s infinite 1.9s;
	-webkit-animation: bounceDF 4s infinite 1.9s
}

.doublefortune.bracelet {
	top: 35%;
	width: 13%;
	left: 8%;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.doublefortune.bracelet img {
	animation: bounceDF 4s infinite 2.1s;
	-webkit-animation: bounceDF 4s infinite 2.1s
}

.doublefortune.shoes {
	bottom: 32%;
	width: 8%;
	left: 18%;
	animation-delay: 1.25s;
	-webkit-animation-delay: 1.25s
}

.doublefortune.shoes img {
	animation: bounceDF 4s infinite 2.3s;
	-webkit-animation: bounceDF 4s infinite 2.3s
}

.doublefortune.bread {
	bottom: 9%;
	width: 12%;
	left: 30%;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s
}

.doublefortune.bread img {
	animation: bounceDF 4s infinite 2.5s;
	-webkit-animation: bounceDF 4s infinite 2.5s
}

.doublefortune.ampao {
	bottom: 12%;
	width: 12%;
	right: 24%;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s
}

.doublefortune.ampao img {
	animation: bounceDF 4s infinite 2.5s;
	-webkit-animation: bounceDF 4s infinite 2.5s
}

.doublefortune.header3d2 {
	bottom: 33%;
	width: 7%;
	right: 12%;
	animation-delay: 1.25s;
	-webkit-animation-delay: 1.25s
}

.doublefortune.header3d2 img {
	animation: bounceDF 4s infinite 2.1s;
	-webkit-animation: bounceDF 4s infinite 2.1s
}

.doublefortune.dftext {
	top: 21%;
	width: 15%;
	right: 8%;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.doublefortune.dftext img {
	animation: bounceDF 4s infinite 1.9s;
	-webkit-animation: bounceDF 4s infinite 1.9s
}

.doublefortune.heart3 {
	top: 3%;
	width: 5%;
	right: 10%;
	animation-delay: .75s;
	-webkit-animation-delay: .75s
}

.doublefortune.heart3 img {
	animation: bounceDF 4s infinite 1.7s;
	-webkit-animation: bounceDF 4s infinite 1.7s
}

@-webkit-keyframes pulseDF {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	80% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	90% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes pulseDF {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	80% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	90% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes scaleDF {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	80% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0
	}
}

@keyframes scaleDF {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	80% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1
	}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0
	}
}

@-webkit-keyframes bounceDF {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	79% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	80% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	84% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	88% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	92% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	96% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceDF {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	79% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	80% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	84% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	88% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	92% {
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	96% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes Band {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	79% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	80% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	84% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	88% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	92% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	96% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes Band {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	79% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	80% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	84% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	88% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	92% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	96% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.threeMonkeySlide {
	background-color: #036431
}

.blackBody .threeMonkeySlide {
	background-color: #f6cf0d
}

.threemonkey {
	position: absolute
}

.overhide {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%
}

.threeMonkey-logo {
	width: 70%;
	margin: 35px 0 25px 0
}

.threemonkey .rel {
	position: relative
}

.threemonkey img {
	max-width: 100%
}

.threemonkey.sky {
	width: 100%;
	top: -55px;
	left: -9%;
	text-align: center
}

.threemonkey.mountain {
	width: 100%;
	top: -10px;
	left: -80px;
	text-align: center
}

.threemonkey.house {
	width: 45%;
	top: 10px;
	left: 27%;
	text-align: center
}

.threemonkey.wall {
	width: 90%;
	top: 125px;
	left: 5%;
	text-align: center
}

.threemonkey.cherry-right {
	width: 95%;
	top: 0;
	right: 60px;
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s
}

.threemonkey.cherry-right img {
	animation: swingTree 12s infinite 4s;
	-webkit-animation: swingTree 12s infinite 4s;
	-webkit-transform-origin: right;
	transform-origin: right
}

.threemonkey.cherry-left {
	width: 95%;
	top: 0;
	left: -60px;
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s
}

.threemonkey.cherry-left img {
	animation: swingTree 10s infinite 4s;
	-webkit-animation: swingTree 10s infinite 4s;
	-webkit-transform-origin: left;
	transform-origin: left
}

.threemonkey.pool {
	width: 100%;
	bottom: -63px;
	left: -51px;
	text-align: center;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.threemonkey.snow-bot {
	width: 85%;
	bottom: -40px;
	left: 8%;
	text-align: center;
	animation-delay: 600ms;
	-webkit-animation-delay: 600ms
}

.threemonkey.snow-pod {
	width: 85%;
	bottom: -20px;
	left: 10%;
	text-align: center;
	animation-delay: 600ms;
	-webkit-animation-delay: 600ms
}

.threemonkey.wat-texture {
	width: 87%;
	bottom: -32px;
	left: 0;
	text-align: center;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.threemonkey.wat-texture img {
	opacity: .7;
	animation: poolSide 6s infinite 4s;
	-webkit-animation: poolSide 6s infinite 4s
}

.threemonkey.girl {
	width: 38%;
	bottom: 122px;
	left: 32%;
	text-align: center;
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s
}

.threemonkey.monkey1 {
	width: 15%;
	bottom: 87px;
	left: 33%;
	text-align: center;
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s
}

.threemonkey.monkey2 {
	width: 15%;
	bottom: 60px;
	left: 42%;
	text-align: center;
	animation-delay: 2s;
	-webkit-animation-delay: 2s
}

.threemonkey.monkey2-eye {
	width: 9%;
	bottom: 42%;
	left: 282px;
	text-align: center;
	animation-delay: 2s;
	-webkit-animation-delay: 2s
}

.threemonkey.monkey2-eye .rel img {
	position: absolute;
	top: 0
}

.threemonkey.monkey2-eye .rel .eye2 {
	animation: eyesClose 5s infinite 4s;
	-webkit-animation: eyesClose 5s infinite 4s
}

.threemonkey.monkey3 {
	width: 15%;
	bottom: 87px;
	right: 33%;
	text-align: center;
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s
}

.threemonkey.fog {
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

.threemonkey.fog .rel img {
	position: absolute;
	left: 0
}

.threemonkey.fog .fog3,
.threemonkey.fog .fog4 {
	top: 0;
	opacity: .2
}

.threemonkey.fog .fog1 {
	top: 100px;
	opacity: .2;
	animation: fog 5s infinite 4s;
	-webkit-animation: fog 5s infinite 4s
}

.threemonkey.fog .fog2 {
	top: 100px;
	opacity: .2;
	animation: fog 7s infinite 4s;
	-webkit-animation: fog 7s infinite 4s
}

@-webkit-keyframes poolSide {
	0% {
		-webkit-transform: translate(0, 0)
	}
	50% {
		-webkit-transform: translate(20px, 0)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes poolSide {
	0% {
		transform: translate(0, 0)
	}
	50% {
		transform: translate(20px, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

@-webkit-keyframes fog {
	0% {
		-webkit-transform: translate(0, 0)
	}
	50% {
		-webkit-transform: translate(60px, 0)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fog {
	0% {
		transform: translate(0, 0)
	}
	50% {
		transform: translate(60px, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

@-webkit-keyframes eyesClose {
	0% {
		opacity: 0
	}
	5% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@keyframes eyesClose {
	0% {
		opacity: 0
	}
	5% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@keyframes swingTree {
	0% {
		-webkit-transform: rotateZ(0deg)
	}
	50% {
		-webkit-transform: rotateZ(5deg)
	}
	100% {
		-webkit-transform: rotateZ(0deg)
	}
}

@-webkit-keyframes swingTree {
	0% {
		-webkit-transform: rotateZ(0deg)
	}
	50% {
		-webkit-transform: rotateZ(5deg)
	}
	100% {
		-webkit-transform: rotateZ(0deg)
	}
}

.mythicaltreasurejackpotSlide {
	background-color: #036431
}

.blackBody .mythicaltreasurejackpotSlide {
	background-color: #f6cf0d
}

.mythicaltreasurejackpotSlide .mythicalLogo {
	margin-top: 5px;
	margin-bottom: 5px
}

.dragon-treasure-statue {
	margin: 0 30px;
	z-index: 1
}

.treasure-glow {
	top: -15%;
	left: 0%;
	animation-delay: 1.2s
}

.treasure-glow img {
	opacity: 0;
	animation: glowSpin 20s infinite linear
}

.treasure-coin-1 {
	bottom: 12%;
	right: 0%;
	animation: upDown 3s infinite linear
}

.treasure-coin-2 {
	top: 1%;
	right: -15%;
	animation: upDown 4s infinite linear
}

.treasure-coin-3 {
	bottom: 16%;
	left: 0;
	animation: upDown 6s infinite linear
}

.treasure-coin-4 {
	top: 13%;
	left: 0%;
	animation: upDown 5s infinite linear
}

.mystical-jk-list {
	position: relative;
	display: block;
	font-size: 0;
	padding: 0
}

.mystical-jk-list>li {
	font-size: 16px;
	width: 25%;
	display: inline-block;
	list-style: none
}

.mystical-jk-list>li img {
	max-width: 100%;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear
}

.mystical-jk-list>li:hover img {
	transform: scale(1.1)
}

.mystical-jk-list>li:hover {
	cursor: pointer
}

@media(max-width:1024px) {
	.mystical-jk-list>li img {
		width: 110px;
		height: auto
	}
}

@media(max-width:768px) {
	.blackBody .mythicaltreasurejackpotSlide,
	.mythicaltreasurejackpotSlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/mythicaltreasurejackpot/mobile-mythicaltreasuredragon.jpg) no-repeat top center
	}
}

.piggyLogo {
	margin: 20px 0
}

.piggygoldSlide {
	background-color: #036431
}

.blackBody .piggygoldSlide {
	background-color: #f6cf0d
}

.piggy {
	position: absolute
}

.piggy-lantern1 {
	right: 32%;
	top: 13%;
	animation-delay: 1s
}

.piggy-lantern1 img {
	transform: rotateZ(-7deg);
	-webkit-transform: rotateZ(-7deg);
	animation: swingLantern 4s infinite 3s;
	-webkit-animation: swingLantern 4s infinite 3s;
	-webkit-transform-origin: top;
	transform-origin: top;
	-moz-transform-origin: center top
}

.piggy-coin1 {
	left: 45%;
	top: 6%;
	animation-delay: 2.5s
}

.piggy-coin1 img {
	animation: upDown 3s infinite 3s;
	-webkit-animation: upDown 3s infinite 3s
}

.piggy-coin2 {
	bottom: 2%;
	right: 20%;
	animation-delay: 2.7s
}

.piggy-coin2 img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toRight 3s infinite 3s;
	-webkit-animation: toRight 3s infinite 3s
}

.piggy-coin3 {
	bottom: 22%;
	left: 7%;
	animation-delay: 2.5s
}

.piggy-coin3 img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toLeft 3s infinite 3s;
	-webkit-animation: toLeft 3s infinite 3s
}

.piggy-coin4 {
	bottom: 15%;
	left: 27%;
	animation-delay: 2.8s
}

.piggy-coin4 img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toLeft 3s infinite 3s;
	-webkit-animation: toLeft 3s infinite 3s
}

.piggy-coin5 {
	left: 30%;
	bottom: 33%;
	animation-delay: 2.7s
}

.piggy-coin5 img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toLeft 3s infinite 3s;
	-webkit-animation: toLeft 3s infinite 3s
}

.piggy-pig {
	left: 38%;
	bottom: 13%;
	animation-delay: 2s
}

.piggy-coin6 {
	right: 11%;
	top: 11%;
	animation-delay: 2.5s
}

.piggy-coin6 img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toRightUp 3s infinite 3s;
	-webkit-animation: toRightUp 3s infinite 3s
}

.piggy-oink {
	right: 17%;
	bottom: 30%;
	animation-delay: 2.8s
}

.piggy-oink img {
	transform: translate(0, 0) scale(1.2, 1.2);
	-webkit-transform: translate(0, 0) scale(1.2, 1.2);
	animation: toRight 3s infinite 3s;
	-webkit-animation: toRight 3s infinite 3s
}

.piggy-text1 {
	left: 23%;
	top: 15%;
	animation-delay: 1.5s
}

.piggy-text2 {
	right: 19%;
	top: 15%;
	animation-delay: 1.5s
}

.piggy-leaf1 {
	left: 23%;
	top: 3%;
	animation-delay: 1s
}

.piggy-leaf2 {
	right: 25%;
	top: 2%;
	animation-delay: 1s
}

.piggy-lantern2 {
	top: 19%;
	left: 34%;
	animation-delay: 1s
}

.piggy-lantern2 img {
	transform: rotateZ(-7deg);
	-webkit-transform: rotateZ(-7deg);
	animation: swingLantern 5s infinite 3s;
	-webkit-animation: swingLantern 5s infinite 3s;
	-webkit-transform-origin: top;
	transform-origin: top;
	-moz-transform-origin: center top
}

.piggy-door {
	left: 33%;
	top: 15%;
	width: 268px;
	height: 268px
}

.piggy-door .pdoor {
	width: 268px;
	height: 268px;
	background: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door1.png) no-repeat center;
	animation: changeDoor 4s infinite 3s;
	-webkit-animation: changeDoor 4s infinite 3s
}

@-webkit-keyframes toLeft {
	0% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		-webkit-transform: translate(10px, -10px) scale(1, 1)
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@keyframes toLeft {
	0% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		transform: translate(10px, -10px) scale(1, 1)
	}
	100% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@-webkit-keyframes toRight {
	0% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		-webkit-transform: translate(-10px, -10px) scale(1, 1)
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@keyframes toRight {
	0% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		transform: translate(-10px, -10px) scale(1, 1)
	}
	100% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@-webkit-keyframes toRightUp {
	0% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		-webkit-transform: translate(-10px, 10px) scale(1, 1)
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@keyframes toRightUp {
	0% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
	50% {
		transform: translate(-10px, 10px) scale(1, 1)
	}
	100% {
		transform: translate(0, 0) scale(1.2, 1.2)
	}
}

@-webkit-keyframes upDown {
	0% {
		-webkit-transform: translateY(-10px)
	}
	50% {
		-webkit-transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-10px)
	}
}

@keyframes upDown {
	0% {
		transform: translateY(-10px)
	}
	50% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-10px)
	}
}

@-webkit-keyframes swingLantern {
	0% {
		-webkit-transform: rotateZ(-7deg)
	}
	50% {
		-webkit-transform: rotateZ(7deg)
	}
	100% {
		-webkit-transform: rotateZ(-7deg)
	}
}

@keyframes swingLantern {
	0% {
		transform: rotateZ(-7deg)
	}
	50% {
		transform: rotateZ(7deg)
	}
	100% {
		transform: rotateZ(-7deg)
	}
}

@-webkit-keyframes changeDoor {
	0% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door1.png)
	}
	50% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door2.png)
	}
	100% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door1.png)
	}
}

@keyframes changeDoor {
	0% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door1.png)
	}
	50% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door2.png)
	}
	100% {
		background-image: url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/door1.png)
	}
}

@media(max-width:768px) {
	.blackBody .piggygoldSlide,
	.piggygoldSlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/piggygold/mobile-piggygold.jpg) no-repeat top center
	}
}

.ganeshagoldSlide {
	background-color: #036431
}

.blackBody .ganeshagoldSlide {
	background-color: #f6cf0d
}

.ganeshagold-logo {
	margin: 20px 0;
	margin-top: 50px
}

.ganeshagold {
	position: absolute
}

.ganesha-body {
	width: 40%;
	bottom: 3%;
	left: 30%;
	z-index: 3
}

.ganesha-head {
	top: 12%;
	left: 39%;
	z-index: 3
}

.ganesha-head img {
	width: 70%;
	animation: shakeStop .8s linear 5s;
	animation-fill-mode: backwards
}

.frame {
	width: 66%;
	left: 17%;
	animation-delay: .5s
}

.frame img {
	animation: spinStop 1s;
	animation-fill-mode: backwards
}

.left-coins {
	width: 30%;
	bottom: 1%;
	left: 12%;
	animation-delay: 1.2s;
	z-index: 2
}

.right-coins {
	width: 30%;
	bottom: 1%;
	right: 12%;
	animation-delay: 1s;
	z-index: 2
}

.outer-ring {
	width: 46%;
	left: 27%;
	top: 1%;
	animation-delay: 1.8s;
	z-index: 2
}

.outer-ring img {
	animation: spinRight 14s linear
}

.inner-ring {
	width: 28%;
	left: 36%;
	top: 24%;
	animation-delay: 2.4s;
	z-index: 2
}

.inner-ring img {
	animation: spinLeft 14s linear
}

.curtain {
	width: 41.5%;
	left: 29.5%;
	top: 5%;
	animation-delay: 1.4s;
	z-index: 1
}

.lb-stand {
	left: 23%;
	bottom: 14%;
	animation-delay: 1.8s;
	z-index: 1
}

.lb-stand img {
	width: 70%
}

.rb-stand {
	right: 21%;
	bottom: 14%;
	animation-delay: 1.8s;
	z-index: 1
}

.rb-stand img {
	width: 70%
}

.lb-fire {
	left: 23%;
	bottom: 28%;
	animation-delay: 1.8s;
	z-index: 2
}

.rb-fire {
	right: 23.5%;
	bottom: 28.5%;
	animation-delay: 1.8s;
	z-index: 2
}

.fire-glow-left {
	left: 15%;
	bottom: 19%;
	animation-delay: 1.8s
}

.fire-glow-left img,
.fire-glow-right img {
	animation: glowing 8.7s infinite
}

.fire-glow-right {
	right: 21%;
	bottom: 19%;
	animation-delay: 1.8s
}

.right-hand {
	left: 31%;
	bottom: 35%;
	z-index: 2;
	animation-delay: .5s
}

.right-hand img {
	width: 65%;
	transform: rotateZ(-7deg);
	-webkit-transform: rotateZ(-7deg);
	animation: swingHands 5s infinite 3s;
	-webkit-animation: swingHands 5s infinite 3s;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-moz-transform-origin: center bottom
}

.left-hand {
	right: 28%;
	bottom: 38%;
	z-index: 2;
	animation-delay: .5s
}

.left-hand img {
	width: 65%;
	transform: rotateZ(-7deg);
	-webkit-transform: rotateZ(-7deg);
	animation: swingHands 5s infinite 3s;
	-webkit-animation: swingHands 5s infinite 3s;
	-webkit-transform-origin: left;
	transform-origin: left;
	-moz-transform-origin: center left
}

.falling-coin-1 {
	top: 1%;
	right: 8%;
	animation-delay: 3.5s;
	z-index: 2
}

.falling-coin-1 img {
	animation: fallingCoins 5s;
	animation-fill-mode: forwards
}

.falling-coin-2 {
	top: -3%;
	right: 18%;
	animation-delay: 4.3s;
	z-index: 2
}

.falling-coin-2 img {
	animation: fallingCoins 7s;
	animation-fill-mode: forwards
}

.falling-coin-3 {
	top: -10%;
	left: 25%;
	animation-delay: 4.7s;
	z-index: 2
}

.falling-coin-3 img {
	animation: fallingCoins 6s;
	animation-fill-mode: forwards
}

.falling-coin-4 {
	top: -10%;
	left: 19%;
	animation-delay: 3.8s;
	z-index: 2
}

.falling-coin-4 img {
	animation: fallingCoins 8s;
	animation-fill-mode: forwards
}

.falling-coin-5 {
	top: -2%;
	left: 10%;
	animation-delay: 4.5s;
	z-index: 2
}

.falling-coin-5 img {
	animation: fallingCoins 7s;
	animation-fill-mode: forwards
}

.falling-coin-6 {
	top: -2%;
	right: 22%;
	animation-delay: 5.4s;
	z-index: 2
}

.falling-coin-6 img {
	animation: fallingCoins 8s;
	animation-fill-mode: forwards
}

.falling-coin-7 {
	top: -2%;
	right: 17%;
	animation-delay: 6s;
	z-index: 2
}

.falling-coin-7 img {
	animation: fallingCoins 6s;
	animation-fill-mode: forwards
}

.falling-coin-8 {
	top: -2%;
	right: 20%;
	animation-delay: 6.6s;
	z-index: 2
}

.falling-coin-8 img {
	animation: fallingCoins 9s;
	animation-fill-mode: forwards
}

.falling-coin-9 {
	top: -2%;
	left: 19%;
	animation-delay: 6.3s;
	z-index: 2
}

.falling-coin-9 img {
	animation: fallingCoins 7s;
	animation-fill-mode: forwards
}

.falling-coin-10 {
	top: -5%;
	right: 16%;
	animation-delay: 5.8s;
	z-index: 2
}

.falling-coin-10 img {
	animation: fallingCoins 8s;
	animation-fill-mode: forwards
}

@keyframes shakeStop {
	20% {
		-webkit-transform: rotate(-15deg)
	}
	40% {
		-webkit-transform: rotate(15deg)
	}
	60% {
		-webkit-transform: rotate(-10deg)
	}
	80% {
		-webkit-transform: rotate(7deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@keyframes spinStop {
	40% {
		-webkit-transform: rotate(0deg) scale(.8)
	}
	100% {
		-webkit-transform: rotate(360deg) scale(1)
	}
}

@keyframes spinRight {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spinLeft {
	0% {
		-webkit-transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes fallingCoins {
	0% {
		margin: 0;
		-webkit-transform: rotate(0deg)
	}
	50% {
		opacity: 1
	}
	80% {
		opacity: 1
	}
	100% {
		margin-top: 350px;
		opacity: 0;
		-webkit-transform: rotate(360deg)
	}
}

@-webkit-keyframes swingHands {
	0% {
		-webkit-transform: rotateZ(-15deg)
	}
	50% {
		-webkit-transform: rotateZ(15deg)
	}
	100% {
		-webkit-transform: rotateZ(-15deg)
	}
}

.emperorsfavourSlide {
	background-color: #036431
}

.blackBody .emperorsfavourSlide {
	background-color: #f6cf0d
}

.emperorsfavour-logo {
	margin: 20px 0;
	width: 55%
}

.emperorsfavour {
	position: absolute
}

.forbidden-city {
	bottom: -8%;
	left: 4%;
	z-index: 4
}

.emperor {
	top: 0%;
	left: 37%;
	animation-delay: .4s;
	z-index: 3
}

.emperor img {
	width: 64%
}

.emperorslady-1 {
	top: 4%;
	left: 25%;
	animation-delay: .8s;
	z-index: 2
}

.emperorslady-1 img {
	width: 78%
}

.emperorslady-2 {
	top: 4%;
	right: 14%;
	animation-delay: .8s;
	z-index: 2
}

.emperorslady-2 img {
	width: 78%
}

.forbidden-city-1 {
	bottom: 4%;
	left: 0%;
	animation-delay: .8s;
	z-index: 3
}

.forbidden-city-2 {
	bottom: 4%;
	right: 1%;
	animation-delay: .8s;
	z-index: 3
}

.dragon-pattern {
	width: 50%;
	top: 5%;
	left: 26%;
	animation-delay: .5s
}

.dragon-pattern img {
	animation: spinStop 1s;
	animation-fill-mode: backwards
}

.lady-1-hand {
	top: 41%;
	left: 23%;
	animation-delay: .8s;
	z-index: 2
}

.lady-1-hand img {
	width: 78%;
	-webkit-transform: rotateZ(-7deg);
	animation: swingLantern 10s infinite 3s;
	-webkit-animation: swingLantern 10s infinite 3s;
	-webkit-transform-origin: top;
	transform-origin: top;
	-moz-transform-origin: center top
}

.lady-2-hand {
	top: 31%;
	right: 13%;
	animation-delay: .8s;
	animation-fill-mode: backwards;
	z-index: 2
}

.lady-2-hand img {
	width: 78%;
	-webkit-transform: rotateZ(-7deg);
	animation: swingHands 12s infinite 3s;
	-webkit-animation: swingHands 12s infinite 3s;
	-webkit-transform-origin: right;
	transform-origin: right;
	-moz-transform-origin: center right
}

.cloud-pattern-1 {
	bottom: 31%;
	left: 5%;
	animation-delay: 1.6s
}

.cloud-pattern-1 img {
	width: 50%;
	animation: sideways 4s linear 2s infinite
}

.cloud-pattern-2 {
	top: 11%;
	right: -5%;
	animation-delay: 1.6s
}

.cloud-pattern-2 img {
	width: 50%;
	animation: sideways 4s linear 2s infinite
}

.emperor-sparkle-1 {
	top: 11%;
	left: 47%;
	animation-delay: 4s;
	z-index: 4
}

.emperor-sparkle-1 img {
	animation: spinFlare 3.5s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-2 {
	top: 16%;
	left: 37%;
	animation-delay: 4.3s;
	z-index: 4
}

.emperor-sparkle-2 img {
	animation: spinFlare 3.1s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-3 {
	top: 14%;
	left: 31%;
	animation-delay: 4.1s;
	z-index: 4
}

.emperor-sparkle-3 img {
	animation: spinFlare 3.4s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-4 {
	top: 11%;
	left: 28%;
	animation-delay: 4.8s;
	z-index: 4
}

.emperor-sparkle-4 img {
	animation: spinFlare 3.6s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-5 {
	top: 11%;
	right: 28%;
	animation-delay: 4.3s;
	z-index: 4
}

.emperor-sparkle-5 img {
	animation: spinFlare 3.6s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-6 {
	top: 20%;
	right: 31%;
	animation-delay: 4.5s;
	z-index: 4
}

.emperor-sparkle-6 img {
	animation: spinFlare 3.2s linear .1s infinite;
	width: 70%
}

.emperor-sparkle-7 {
	bottom: 34%;
	left: 43%;
	animation-delay: 4.9s;
	z-index: 4
}

.emperor-sparkle-7 img {
	animation: spinFlare 3.8s linear .1s infinite;
	width: 70%
}

.emperor-clouds-1 {
	bottom: 14%;
	left: 16%;
	animation-delay: 1s;
	z-index: 3
}

.emperor-clouds-1 img {
	width: 50%;
	animation: sideways 4.7s linear 1.7s infinite
}

.emperor-clouds-2 {
	bottom: 16%;
	right: -10%;
	animation-delay: 1s;
	z-index: 3
}

.emperor-clouds-2 img {
	width: 50%;
	animation: sideways 5s linear 3s infinite
}

@keyframes sideways {
	0% {
		margin-left: 17px
	}
	50% {
		margin-left: 0
	}
	100% {
		margin-left: 17px
	}
}

.parentRel {
	position: relative
}

.slot-overflow {
	overflow: unset
}

.halloweenSlide {
	background-color: #036431;
	height: 423px!important
}

.blackBody .halloweenSlide {
	background-color: #f6cf0d
}

.halloweenSlide .col-md-5 img {
	animation-delay: 1s
}

.halloweenSlide p {
	color: #fff;
	margin: 20px 0
}

.blackBody .halloweenSlide p {
	color: #000
}

.child-abs {
	position: absolute
}

.child-hal1 {
	top: -28%;
	animation-delay: .4s
}

.bg-of-moon {
	background: url(/Content/images/slot/NewLandingPage/TopSlider/halloween/moon-bg.png) no-repeat;
	background-size: cover;
	height: 960px;
	width: 927px;
	background-size: 83%
}

.blackBody .bg-of-moon {
	background: url(/Content/images/slot/NewLandingPage/TopSlider/halloween/moon-bg-yellow.png) no-repeat;
	background-size: 81%
}

.child-hal2 {
	top: 3%;
	left: 18%;
	animation-delay: .3s
}

.child-hal2>img {
	animation: bat1 7s infinite 1s
}

.child-hal3 {
	bottom: -28px;
	left: -35px;
	animation-delay: .8s
}

.child-hal3>img {
	animation: leftPumpkin 5s infinite 2s
}

.child-hal4 {
	bottom: -14%;
	right: 110px;
	animation-delay: .6s
}

.child-hal5 {
	bottom: -4%;
	right: 28px;
	animation-delay: .8s
}

.child-hal5>img {
	animation: softRotateRight 3s infinite 2s
}

.child-hal6 {
	right: 17px;
	top: 22%;
	animation-delay: .5s
}

.child-hal6>img {
	animation: rightCloud 3s infinite 1s
}

.child-hal7 {
	bottom: 20%;
	left: -3%;
	animation-delay: .5s
}

.child-hal7>img {
	animation: leftCloud 5s infinite 1s
}

.child-hal8 {
	bottom: -8%;
	animation-delay: 1s
}

.child-hal8 img {
	max-width: unset
}

.left-eye {
	top: 43%;
	left: 39%;
	animation: eyemovementLeft 1s 2 3s
}

.right-eye {
	top: 43%;
	right: 39%;
	animation: eyemovementRight 1s 2 3s
}

.pumkin-face-2 {
	top: 8px;
	left: 213px;
	animation: pumkinHeadShow 4s
}

.child-hal9 {
	top: 19%;
	right: 26%;
	animation-delay: .8s
}

.child-hal9>img {
	animation: bat1 8s infinite 1s
}

.child-hal10 {
	top: 21%;
	right: 14%;
	animation-delay: .8s
}

.child-hal10>img {
	animation: bat1 7s infinite 1s
}

.child-hal11 {
	top: 5%;
	right: 18%;
	animation-delay: .8s
}

.child-hal11>img {
	animation: bat1 5s infinite 1s
}

@-webkit-keyframes rightCloud {
	0% {
		margin-right: 17px
	}
	50% {
		margin-right: 0
	}
	100% {
		margin-right: 17px
	}
}

@keyframes rightCloud {
	0% {
		margin-right: 17px
	}
	50% {
		margin-right: 0
	}
	100% {
		margin-right: 17px
	}
}

@-webkit-keyframes leftCloud {
	0% {
		margin-left: 17px
	}
	50% {
		margin-left: 0
	}
	100% {
		margin-left: 17px
	}
}

@keyframes leftCloud {
	0% {
		margin-left: 17px
	}
	50% {
		margin-left: 0
	}
	100% {
		margin-left: 17px
	}
}

@-webkit-keyframes leftPumpkin {
	0% {
		margin-left: 0
	}
	50% {
		margin-left: 17px
	}
	100% {
		margin-left: 0
	}
}

@keyframes leftPumpkin {
	0% {
		margin-left: 0
	}
	50% {
		margin-left: 17px
	}
	100% {
		margin-left: 0
	}
}

@keyframes softRotateRight {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(8deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

@keyframes bat1 {
	0% {
		margin-top: 17px
	}
	50% {
		margin-top: 0
	}
	100% {
		margin-top: 17px
	}
}

@keyframes blinking {
	0% {
		opacity: 0
	}
	10% {
		opacity: 1
	}
	15% {
		opacity: 0
	}
	80% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes eyemovementRight {
	0% {
		right: 39%
	}
	50% {
		right: 38%
	}
	100% {
		right: 39%
	}
}

@keyframes eyemovementLeft {
	0% {
		left: 39%
	}
	50% {
		left: 40%
	}
	100% {
		left: 39%
	}
}

@keyframes pumkinHeadShow {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.santasGiftRushSlide {
	background-color: #036431;
	height: 423px!important
}

.santasGiftRushSlide p {
	margin: 15px 0
}

.blackBody .santasGiftRushSlide {
	background-color: #f6cf0d
}

.blackBody .santasGiftRushSlide p {
	margin: 15px 0
}

.gift-rush-bg {
	top: -10%;
	left: 7%;
	animation-delay: 1.1s
}

.rail {
	width: 50%;
	top: 20%;
	right: 8%;
	z-index: 2
}

.gifts {
	width: 50%;
	top: 20%;
	right: 0;
	animation-delay: .4s
}

.rail-bg-1 {
	width: 70%;
	bottom: -12%;
	left: 14%;
	animation-delay: .8s;
	z-index: 1
}

.rail-bg-2 {
	width: 70%;
	bottom: -9%;
	left: 16%;
	animation-delay: 1s
}

.santa {
	width: 50%;
	bottom: 10%;
	right: 26%;
	z-index: 3;
	animation: diagonal-santa 1.5s;
	animation-delay: 1.3s;
	animation-fill-mode: forwards;
	opacity: 0
}

.christmas-tree {
	width: 50%;
	bottom: 34%;
	left: 16%;
	z-index: 3;
	animation: diagonal-left .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.christmas-tree img {
	position: absolute;
	animation: upanddown 4.7s infinite 1.7s;
	animation-fill-mode: forwards
}

.gift-1 {
	width: 50%;
	bottom: 43%;
	left: 27%;
	z-index: 3;
	animation: diagonal-left .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.gift-1 img {
	position: absolute;
	animation: upanddown 4.9s infinite 1.3s;
	animation-fill-mode: forwards
}

.gift-2 {
	width: 50%;
	bottom: 28%;
	left: 29%;
	z-index: 2;
	animation: diagonal-left .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.gift-2 img {
	position: absolute;
	animation: upanddown 4.4s infinite 1.6s;
	animation-fill-mode: forwards
}

.gift-3 {
	width: 50%;
	bottom: 33%;
	left: 34%;
	z-index: 3;
	animation: diagonal-left .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.gift-3 img {
	position: absolute;
	animation: upanddown 4.5s infinite 1.8s;
	animation-fill-mode: forwards
}

.gift-4 {
	width: 50%;
	bottom: 33%;
	right: -4%;
	z-index: 3;
	animation: diagonal-right .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.gift-4 img {
	position: absolute;
	animation: upanddown 4.7s infinite 1.5s;
	animation-fill-mode: forwards
}

.cane {
	width: 50%;
	bottom: 26%;
	right: -26%;
	z-index: 3;
	animation: diagonal-right .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.cane img {
	position: absolute;
	animation: upanddown 4.7s infinite 1.2s;
	animation-fill-mode: forwards
}

.decor {
	width: 50%;
	bottom: 34%;
	right: -31%;
	z-index: 3;
	animation: diagonal-right .5s;
	animation-delay: 1.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

.decor img {
	position: absolute;
	animation: upanddown 5s infinite 1.3s;
	animation-fill-mode: forwards
}

.gift-cart {
	width: 50%;
	bottom: 18%;
	right: 8%;
	z-index: 2;
	animation: wave 1.8s linear;
	animation-delay: 2.2s;
	animation-fill-mode: forwards;
	opacity: 0
}

.gift-cart img {
	animation: rotate 1.5s
}

.small-cart {
	width: 50%;
	top: 22%;
	left: 19%;
	z-index: 1;
	animation: wave-small 2s linear;
	animation-delay: 4.7s;
	animation-fill-mode: forwards;
	opacity: 0
}

@keyframes diagonal-santa {
	0% {
		-webkit-transform: translatex(30px) translatey(-60px);
		opacity: 0;
		width: 10%
	}
	40% {
		width: 50%
	}
	70% {
		opacity: 1
	}
	100% {
		-webkit-transform: translatex(0) translatey(0);
		opacity: 1
	}
}

@keyframes diagonal-left {
	0% {
		-webkit-transform: translatex(100px) translatey(-80px);
		opacity: 0
	}
	100% {
		-webkit-transform: translatex(0) translatey(0);
		opacity: 1
	}
}

@keyframes diagonal-right {
	0% {
		-webkit-transform: translatex(-20px) translatey(-80px);
		opacity: 0
	}
	100% {
		-webkit-transform: translatex(0) translatey(0);
		opacity: 1
	}
}

@keyframes wave {
	0% {
		-webkit-transform: translatex(-210px) translatey(-170px);
		opacity: 0
	}
	80% {
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		-webkit-transform: translatex(0) translatey(0);
		opacity: 0
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(-20deg)
	}
	25% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@keyframes wave-small {
	0% {
		-webkit-transform: translatex(250px) translatey(50px);
		opacity: 0
	}
	60% {
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		-webkit-transform: translatex(0) translatey(0);
		opacity: 0
	}
}

.prosperityLionSlide {
	background-color: #036431;
	height: 423px!important
}

.prosperityLionSlide p {
	margin: 15px 0
}

.blackBody .prosperityLionSlide {
	background-color: #f6cf0d
}

.blackBody .prosperityLionSlide p {
	margin: 15px 0
}

.prosperityLionLogo {
	margin: 10px 0
}

.bglion {
	top: -10%
}

.drum-left {
	bottom: -4%;
	left: -3%;
	animation-delay: .3s;
	z-index: 3
}

.drum-right {
	bottom: -4%;
	right: -3%;
	animation-delay: .3s;
	z-index: 3
}

.lion-floor {
	bottom: -18%;
	animation-delay: .5s
}

.dragon-dance {
	top: 1%;
	left: 25%;
	width: 46%;
	animation-delay: .4s
}

.dragon-dance img {
	animation: upanddown 3s infinite 2s
}

.lion-ball {
	top: 1%;
	right: 1%;
	width: 38%;
	animation-delay: .6s
}

.lion-ball img {
	animation: downandup 3s infinite 2.5s
}

.restaurantCrazeSlide {
	background-color: #036431;
	height: 423px!important
}

.restaurantCrazeSlide p {
	margin: 20px 0
}

.restauCrazeLogo {
	margin: 5px 0
}

.blackBody .restaurantCrazeSlide {
	background-color: #f6cf0d
}

.restaurantCrazeSlide .col-md-5 img {
	animation-delay: 1s
}

.table {
	bottom: -4%;
	left: 8%;
	animation-delay: .2s;
	z-index: 5
}

.bgrestau {
	animation-delay: 2.5s
}

.lady1 {
	bottom: 18%;
	left: 7%;
	animation-delay: 1.2s
}

.lady2 {
	bottom: 18%;
	left: 35%;
	animation-delay: .6s;
	z-index: 4
}

.lady3 {
	bottom: 18%;
	left: 75%;
	animation-delay: 1.2s
}

.man1 {
	bottom: 18%;
	left: 23%;
	animation-delay: .9s
}

.man2 {
	bottom: 18%;
	left: 57%;
	animation-delay: .8s
}

.salad {
	left: 7%;
	bottom: 65%;
	animation-delay: 3.2s;
	z-index: 3
}

.crab {
	left: 40%;
	bottom: 65%;
	animation-delay: 3.2s;
	z-index: 3
}

.soup {
	left: 81%;
	bottom: 60%;
	animation-delay: 3.2s;
	z-index: 3
}

.salad img,
.crab img,
.soup img {
	opacity: 0;
	animation: moveExit 6s
}

.sandwich {
	left: 20%;
	bottom: 65%;
	animation-delay: 6.2s;
	z-index: 3
}

.burger {
	left: 63%;
	bottom: 65%;
	animation-delay: 6.2s;
	z-index: 3
}

.glow1 {
	z-index: 2;
	left: -7%;
	bottom: 38%
}

.glow2 {
	z-index: 2;
	left: 30%;
	bottom: 39%
}

.glow3 {
	z-index: 2;
	right: -10%;
	bottom: 34%
}

.glow4 {
	z-index: 2;
	left: 8%;
	bottom: 41%
}

.glow5 {
	z-index: 2;
	left: 50%;
	bottom: 39%
}

.glow1 img,
.glow2 img,
.glow3 img {
	opacity: 0;
	animation: glowSpin 2.8s linear;
	animation-delay: 3.2s
}

.glow4 img,
.glow5 img {
	opacity: 0;
	animation: glowSpin 2.8s linear;
	animation-delay: 6.2s
}

.dialogue1 {
	left: 7%;
	bottom: 62%;
	animation-delay: 3.2s;
	z-index: 1
}

.dialogue2 {
	left: 41%;
	bottom: 62%;
	animation-delay: 3.2s;
	z-index: 1
}

.dialogue3 {
	left: 82%;
	bottom: 56%;
	animation-delay: 3.2s;
	z-index: 1
}

.dialogue1 img,
.dialogue2 img,
.dialogue3 img {
	opacity: 0;
	animation: moveExit 6s
}

.dialogue4 {
	left: 20%;
	bottom: 60%;
	animation-delay: 6.2s;
	z-index: 1
}

.dialogue5 {
	left: 62%;
	bottom: 57%;
	animation-delay: 6.2s;
	z-index: 1
}

@keyframes glowSpin {
	0% {
		-webkit-transform: rotate(0deg) scale(.7);
		opacity: 1;
		margin: 0
	}
	80% {
		-webkit-transform: rotate(360deg) scale(.7);
		opacity: 1;
		margin: 0
	}
	100% {
		-webkit-transform: rotate(420deg) scale(.7);
		opacity: 0;
		margin-bottom: -300px
	}
}

@keyframes moveExit {
	0% {
		margin: 0;
		opacity: 1
	}
	90% {
		margin: 0;
		opacity: 1
	}
	100% {
		margin-bottom: -300px;
		opacity: 0
	}
}

@media screen and (max-width:768px) {
	.man1 {
		left: 24%
	}
	.glow1,
	.glow2,
	.glow3,
	.glow4,
	.glow5 {
		display: none
	}
	.sandwich {
		left: 22%
	}
	.dialogue4 {
		left: 22%
	}
	.slot-overflow {
		overflow: hidden
	}
}

.legendofHouyiSlide {
	background-color: #036431;
	height: 423px!important
}

.blackBody .legendofHouyiSlide {
	background-color: #f6cf0d
}

.legendofHouyiSlide .col-md-5 img {
	animation-delay: 1s
}

.bgsun {
	animation-delay: .5s
}

.mountain-left {
	bottom: -4%;
	left: 0%;
	animation-delay: .5s
}

.mountain-right {
	bottom: 0%;
	right: 5%;
	animation-delay: .6s
}

.bg-of-sun {
	background: url(/Content/images/slot/NewLandingPage/TopSlider/legendofhouyi/sun-bg.png) no-repeat;
	background-size: cover;
	height: 1182px;
	width: 1478px;
	background-size: 70%;
	background-position: -68% -54%;
	opacity: .7
}

.blackBody .bg-of-sun {
	background: url(/Content/images/slot/NewLandingPage/TopSlider/legendofhouyi/sun-bg-yellow.png) no-repeat;
	background-size: 55%;
	background-position: -7% -54%;
	opacity: .7
}

.sun {
	bottom: 0%;
	right: 11%;
	animation-delay: .8s
}

.ball1 {
	top: 15%;
	left: 0%;
	animation-delay: 1.5s
}

.ball1 img {
	animation: upanddown 5s infinite 3s
}

.ball2 {
	top: 0%;
	left: 25%;
	animation-delay: 1.6s
}

.ball2 img {
	animation: upanddown 4s infinite 3s
}

.ball3 {
	top: -4%;
	right: 24%;
	animation-delay: 1.7s
}

.ball3 img {
	animation: downandup 4s infinite 3s
}

.ball4 {
	top: 16%;
	right: 12%;
	animation-delay: 1.8s
}

.ball4 img {
	animation: upanddown 6s infinite 3s
}

.ball5 {
	bottom: 36%;
	right: 17%;
	animation-delay: 1.9s
}

.ball5 img {
	animation: downdown 4s infinite 3s
}

.smoke1 {
	bottom: 10%;
	left: 15%;
	animation-delay: .6s
}

.smoke1 img {
	animation: leftSmoke 3s infinite 3s
}

.smoke2 {
	bottom: 30%;
	left: 0;
	animation-delay: .6s
}

.smoke2 img {
	animation: leftSmoke 5s infinite 3s
}

.smoke3 {
	bottom: -15%;
	left: -5%;
	animation-delay: .6s
}

.smoke3 img {
	animation: leftSmoke 4s infinite 3s
}

.smoke4 {
	bottom: 0;
	right: 0;
	animation-delay: .6s
}

.smoke4 img {
	animation: rightSmoke 5s infinite 3s
}

.smoke5 {
	bottom: 20%;
	right: -2%;
	animation-delay: .6s
}

.smoke5 img {
	animation: rightSmoke 7s infinite 3s
}

.houyi {
	top: -30%;
	left: -7%;
	animation-delay: .5s
}

.flare {
	bottom: 15%;
	bottom: 15%;
	left: -6%
}

.flare img {
	opacity: 0;
	animation: flareSpin 4s infinite linear 3s
}

@keyframes upanddown {
	0% {
		margin-top: 0
	}
	50% {
		margin-top: 20px
	}
	100% {
		margin-top: 0
	}
}

@keyframes downandup {
	0% {
		margin-top: 0
	}
	50% {
		margin-top: 10px
	}
	100% {
		margin-top: 0
	}
}

@keyframes downdown {
	0% {
		margin-bottom: 0
	}
	50% {
		margin-bottom: -20px
	}
	100% {
		margin-bottom: 0
	}
}

@keyframes rightSmoke {
	0% {
		margin-right: 0
	}
	50% {
		margin-right: 15px
	}
	100% {
		margin-right: 0
	}
}

@keyframes leftSmoke {
	0% {
		margin-left: 0
	}
	50% {
		margin-left: 15px
	}
	100% {
		margin-left: 0
	}
}

@keyframes flareSpin {
	from {
		-webkit-transform: rotate(0deg) scale(.7);
		opacity: 1
	}
	to {
		-webkit-transform: rotate(359deg) scale(.7);
		opacity: 0
	}
}

.hiphopPandaSlide {
	background-color: #036431;
	height: 423px!important;
	overflow: hidden;
	position: relative
}

.blackBody .hiphopPandaSlide {
	background-color: #f6cf0d;
	overflow: hidden
}

.hiphopPandaSlide .stage-bg {
	height: 100%;
	width: 1137px;
	left: -320px;
	animation-delay: .5s
}

.hiphopPandaSlide .stage-bg img {
	height: 100%;
	width: auto
}

.hiphopPandaSlide .lens-flare {
	animation-delay: 1s
}

.hiphopPandaSlide .lens-flare img {
	animation: onOff 5s infinite 1s
}

.hiphopPandaSlide .pose-3 {
	top: 123px;
	animation-delay: 1s
}

.hiphopPandaSlide .pose-4 {
	top: 123px;
	right: 100px;
	animation-delay: 1s
}

.hiphopPandaSlide .pose-1 {
	top: 18px;
	left: 172px;
	z-index: 4;
	animation-delay: 1s
}

.hiphopPandaSlide .pose-2 {
	top: 15px;
	left: 180px;
	z-index: 3
}

.hiphopPandaSlide .pose-1>.hiphopPandaStunt {
	width: 248px;
	height: 390px;
	background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-1.png) no-repeat center bottom;
	animation: pandaStunts2 3s infinite 1s
}

.hiphop_panda_text {
	padding: 0 20px
}

@keyframes onOff {
	10%,
	30%,
	50%,
	70%,
	90% {
		opacity: 0
	}
	20%,
	40%,
	60%,
	80%,
	100% {
		opacity: 1
	}
}

@keyframes pandaStunts2 {
	0%,
	15% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-1.png) no-repeat center bottom
	}
	17%,
	32% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-2.png) no-repeat center bottom
	}
	35%,
	50% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-1.png) no-repeat center bottom
	}
	52%,
	65% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-2.png) no-repeat center bottom
	}
	67%,
	82% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-1.png) no-repeat center bottom
	}
	85%,
	100% {
		background: url(/Content/images/slot/NewLandingPage/TopSlider/hiphoppanda/pose-2.png) no-repeat center bottom
	}
}

@media(max-width:768px) {
	.hiphopPandaSlide .stage-bg {
		height: 100%;
		width: 1137px;
		animation-delay: .5s;
		left: 50%;
		transform: translate(-50%, 0)
	}
	.hiphopPandaSlide .pose-4 {
		right: 3px
	}
	.hiphopPandaSlide .pose-1 {
		left: 50%;
		transform: translate(-50%, 0)
	}
}

.treeOfFortuneSlide {
	background: #036431
}

.blackBody .treeOfFortuneSlide {
	background: #f6cf0d
}

.tree-of-fortune_textim {
	padding: 20px 0
}

.treefor {
	position: absolute
}

.treefor-tree {
	right: 10%;
	top: 0
}

.treefor-coin1 {
	bottom: 30%;
	left: 10%;
	animation-delay: 1.5s
}

.treefor-coin1 img {
	animation: treeCoinUpDown 1.5s infinite 2s;
	-webkit-animation: treeCoinUpDown 1.5s infinite 2s
}

.treefor-coin2 {
	right: 10%;
	bottom: 23%;
	animation-delay: 1.4s
}

.treefor-coin2 img {
	animation: treeCoinUpDown 1.7s infinite 2s;
	-webkit-animation: treeCoinUpDown 1.7s infinite 2s
}

.treefor-coin3 {
	right: 27%;
	bottom: 10%;
	animation-delay: 1s
}

.treefor-coin3 img {
	animation: treeCoinUpDown 2s infinite 2s;
	-webkit-animation: treeCoinUpDown 2s infinite 2s
}

.treefor-coin4 {
	right: 46%;
	bottom: 22%;
	animation-delay: 1.2s
}

.treefor-coin4 img {
	animation: treeCoinUpDown 1.5s infinite 2s;
	-webkit-animation: treeCoinUpDown 1.5s infinite 2s
}

.treefor-coin5 {
	right: 60%;
	bottom: 15%;
	animation-delay: 1s
}

.treefor-coin5 img {
	animation: treeCoinUpDown 1.2s infinite 2s;
	-webkit-animation: treeCoinUpDown 1.2s infinite 2s
}

@-webkit-keyframes treeCoinUpDown {
	0% {
		-webkit-transform: translateY(0)
	}
	50% {
		-webkit-transform: translateY(-12px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes treeCoinUpDown {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(-12px)
	}
	100% {
		transform: translateY(0)
	}
}

@media(max-width:768px) {
	.blackBody .treeOfFortuneSlide,
	.treeOfFortuneSlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/treeoffortune/mobile_treeoffortune.jpg) no-repeat top center
	}
}

.fortunegodsSlide {
	background: #036431
}

.blackBody .fortunegodsSlide {
	background: #f6cf0d
}

.fortunegods_textim {
	padding: 20px 0
}

.fortunegods-image {
	background: url(/Content/images/slot/NewLandingPage/TopSlider/fortunegods/fortune-gods.png) no-repeat top center;
	height: 423px
}

.coin1 {
	left: 0;
	top: 100px
}

.coin2 {
	left: 4%;
	top: 214px
}

.coin2 img {
	animation: moveupcoins 2.2s linear infinite 3s
}

.coin3 {
	left: 28%;
	top: 150px
}

.coin3 img {
	animation: moveupcoins 3s linear infinite 2.8s
}

.coin4 {
	left: 39%;
	top: 45px
}

.coin4 img {
	animation: moveupcoins 2.5s linear infinite 2.5s
}

.coin5 {
	right: 7%;
	top: 130px
}

.coin5 img {
	animation: moveupcoins 2s linear infinite 2s
}

.coin6 {
	right: 7%;
	top: 230px
}

.coin7 {
	right: 20%;
	top: -9px
}

.coin8 {
	left: 42%;
	top: 41px
}

@keyframes moveupcoins {
	0% {
		margin-top: 0
	}
	50% {
		margin-top: -10px
	}
	100% {
		margin-top: 0
	}
}

@media(max-width:768px) {
	.blackBody .fortunegodsSlide,
	.fortunegodsSlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/fortunegods/mobile_fortunegods.jpg) no-repeat top center
	}
}

.gemsaviourswordSlide {
	background-color: #036431;
	height: 423px!important;
	overflow: hidden;
	position: relative
}

.blackBody .gemsaviourswordSlide {
	background-color: #f6cf0d;
	overflow: hidden
}

@media(max-width:768px) {
	.gemsaviourswordSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/gemsavioursword/mobile-GemSaviourSword.jpg)
	}
}

.gemsaviourswordSlide .main-character {
	bottom: 0;
	right: -20px;
	z-index: 7
}

.gemsaviourswordSlide .roulette-bg {
	left: 29px;
	top: -4px;
	animation-delay: .6s
}

.gemsaviourswordSlide .ground {
	bottom: -17px;
	left: 56px;
	z-index: 5
}

.gemsaviourswordSlide .bot-infobar {
	bottom: 0;
	left: 56px;
	z-index: 4;
	animation-delay: .2s
}

.gemsaviourswordSlide .top-infobar {
	bottom: 95px;
	left: 120px;
	z-index: 3;
	animation-delay: .4s
}

.gemsaviourswordSlide .top-infobar img {
	max-width: 86%
}

.gemsaviourswordSlide .sword-bricks {
	bottom: 62px;
	left: 193px;
	z-index: 2;
	animation-delay: .2s
}

.gemsaviourswordSlide .sword-bricks img {
	max-width: 89%
}

.gemsaviourswordSlide .top-infobar .shaking {
	animation: shake .82s cubic-bezier(.36, .07, .19, .97) 2s;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	cursor: pointer
}

.openinfoBar {
	animation: slideUpOpen .6s cubic-bezier(.36, .07, .19, .97);
	animation-delay: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards
}

.gemsaviourswordSlide .heart-gem {
	top: 20px;
	left: 80px;
	animation: floating 2.8s infinite 2.5s
}

.gemsaviourswordSlide .violet-gem {
	top: 100px;
	right: 273px;
	z-index: 8;
	animation: floating 3.8s infinite 2.5s
}

.gemsaviourswordSlide .purple-gem {
	top: 160px;
	left: 7px;
	animation: floating 3.6s infinite 2.5s
}

.gemsaviourswordSlide .purple-gem-2 {
	top: 190px;
	right: -43px;
	animation: floating 2.5s infinite 2.5s
}

.gemsaviourswordSlide .cyan-gem {
	top: 40px;
	right: 80px;
	animation: floating 3.4s infinite 2.5s
}

.gemsaviourswordSlide .flare1 {
	top: -81px;
	left: 111px;
	z-index: 9;
	position: absolute;
	animation: hideGem 4s linear 0s
}

.gemsaviourswordSlide .flare1 img {
	animation: glowing 3s infinite, spinFlare 2s infinite linear
}

.gemsaviourswordSlide .flare2 img {
	animation: glowing 4s infinite .2s, spinFlare 2s infinite linear
}

.gemsaviourswordSlide .flare2 {
	top: -65px;
	right: 114px;
	z-index: 9;
	position: absolute;
	animation: hideGem 4s linear 0s
}

.gemsaviourswordSlide .triangle-gem {
	top: 50px;
	left: 248px;
	animation: floating 3s infinite 2.5s
}

.gemsaviourswordSlide .gemHide {
	animation: hideGem 3s linear 0s
}

.gemsaviourswordSlide .gemsblast {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: gemblast .6s cubic-bezier(.36, .07, .19, .97);
	animation-delay: 2.9s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	z-index: 7
}

@keyframes spinFlare {
	0% {
		transform: rotate(0deg)
	}
	50% {
		opacity: 1
	}
	60% {
		opacity: 0
	}
	90% {
		opacity: 0
	}
	100% {
		transform: rotate(360deg);
		opacity: 1
	}
}

@keyframes glowing {
	0% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
	60% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes hideGem {
	0% {
		opacity: 0
	}
	98% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes floating {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0)
	}
	50% {
		transform: translate(3px, 10px);
		-webkit-transform: translate(3px, 10px);
		-moz-transform: translate(3px, 10px)
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0)
	}
}

@keyframes floating {
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0)
	}
	50% {
		transform: translate(3px, 10px);
		-webkit-transform: translate(3px, 10px);
		-moz-transform: translate(3px, 10px)
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0)
	}
}

@keyframes gemblast {
	0% {
		transform: scale(0)
	}
	100% {
		transform: scale(1)
	}
}

@keyframes slideUpOpen {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-90px)
	}
}

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0)
	}
	20%,
	80% {
		transform: translate3d(2px, 2px, 0)
	}
	30%,
	50%,
	70% {
		transform: translate3d(-4px, -2px, 0)
	}
	40%,
	60% {
		transform: translate3d(4px, 1px, 0)
	}
}

.medusaSlide {
	background-image: url(/Content/images/slot/NewLandingPage/medusa-slide1-green.jpg);
	background-position: center top;
	background-color: #036431;
	background-repeat: no-repeat;
	height: 423px
}

.blackBody .medusaSlide {
	background-image: url(/Content/images/slot/NewLandingPage/medusa-slide1.jpg);
	background-color: #f6cf0b
}

.slotContainer {
	background: #fff
}

.blackBody .slotContainer {
	background: #052819
}

.wrapSlotContainer {
	max-width: 1150px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(255, 255, 255, .85)
}

.blackBody .wrapSlotContainer {
	background-color: rgba(0, 50, 21, .92)
}

.listContainer {
	position: relative;
	margin-left: 5px;
	min-height: 500px
}

.landing-page-casino .btnMoreDetails {
	width: 180px;
	height: 50px;
	line-height: 50px;
	color: #fee71b;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	font-weight: 700;
	border: 1px solid #fee71b;
	text-transform: uppercase;
	margin: 0 auto;
	display: block;
	transition: all 1s ease!important;
	border-radius: 4px
}

.blackBody .landing-page-casino .btnMoreDetails {}

.landing-page-casino .btnMoreDetails:hover {
	color: #2b2700;
	background: #fee71b
}

ul.listData {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.listData:after {
	clear: both;
	content: '';
	display: table
}

ul.listData li:first-child {
	height: 450px;
	width: 453px;
	padding-bottom: 14px;
	padding-left: 7px;
	padding-right: 7px
}

ul.listData li {
	float: left;
	height: 150px;
	width: 227px;
	background: none;
	padding-bottom: 14px;
	padding-left: 7px;
	padding-right: 7px
}

.slotGameHolder {
	border: 1px solid #00623b;
	box-shadow: 0 0 2px #001d0c;
	border-radius: 3px;
	position: relative
}

.slotGameHolder.tabImg {
	background: #003215
}

.blackBody .slotGameHolder.tabImg {
	background: none
}

.slotGameHolder.tabImg:hover>.imgHolderSlot,
.slotGameHolder.tabImg:hover>.slotText {
	opacity: .3
}

.slotGameHolder p {
	margin: 0;
	height: 22px;
	line-height: 22px;
	display: block;
	padding-left: 11px;
	color: #5dca8a;
	z-index: -1
}

.blackBody .slotGameHolder p {
	color: #b2936d
}

.slotGameHolder .favoriteIcon {
	width: 14px;
	height: 12px;
	z-index: 999999;
	background: url(/Content/images/slot/NewLandingPage/favorite.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer
}

.slotGameHolder .favoriteIcon.selected {
	background: url(/Content/images/slot/NewLandingPage/favorite-selected.png) no-repeat
}

.imgHolderSlot {
	max-width: 220px;
	max-height: 116px;
	z-index: 99;
	position: relative;
	overflow: hidden
}

.imgHolderSlot img {
	width: 100%;
	height: auto;
	z-index: 99
}

.topSlotBtn {
	padding: 13px 0;
	border-bottom: 2px solid #01633c
}

.topSlotBtnSelect {
	display: none
}

.filterBtn {
	height: 41px;
	line-height: 41px;
	cursor: pointer;
	border: 1px solid #037b4b;
	color: #c39f76;
	color: #03562a;
	padding: 0 15px;
	background: none;
	border-radius: 3px;
	margin-left: 5px;
	transition: all 1s ease
}

.blackBody .filterBtn {
	color: #c39f76
}

.filterBtn:hover,
.filterBtn:focus {
	background: #037b4b;
	color: #fff
}

.filterBtn.active {
	background: #037b4b;
	color: #fff;
	pointer-events: none
}

.filterBtn.active>img {
	transform: scale(1.2)
}

.filterBtn img {
	vertical-align: middle;
	width: 22px;
	transition: all .2s ease-in-out;
	margin-right: 5px
}

.filterBtn:hover>img {
	transform: scale(1.1)
}

.bottomSlotBtn {
	padding: 10px 0
}

.bottomSlotFloat {
	float: left
}

html:lang(zh-cn) .hdslots-logo {
	background: url(/Content/images/slot/hdslots/HDSLOT_logo_cn.png) top center no-repeat
}

.hdSlotsbtn {
	z-index: 1
}

.blackBody .bottomSlotBtn .bottomSlotFloat a {
	color: #c39f76
}

@media screen and (max-width:520px) {
	.hdslots-container {
		height: 325px
	}
}

.queenslot-img {
	background: url(/Content/images/casino/games/landing-page/queeSlotLogo.png) top center no-repeat;
	width: 100%;
	height: 305px;
	background-size: contain;
	margin: 30px auto;
	max-width: 464px
}

.bottomSlotBtn .bottomSlotFloat a:hover {
	color: #97d69d
}

.bottomSlotBtn .bottomSlotFloat a:hover>i {
	transform: scale(1.1)
}

.bottomSlotBtn .bottomSlotFloat a i {
	font-size: 15px;
	vertical-align: sub;
	margin-right: 5px;
	transition: all .2s ease-in-out
}

.bottomSlotFloat+.bottomSlotFloat {
	float: right;
	padding-right: 10px
}

.bottomSlotBtn .bottomSlotFloat a {
	display: inline-block;
	margin-right: 5px;
	padding: 5px 10px;
	color: #006f36
}

.bottomSlotBtn .bottomSlotFloat a.active {
	color: #97d69d
}

.searchBtn {
	border: 1px solid #e2e2e2;
	background: #e2e2e2;
	padding: 3px 24px 3px 8px;
	height: 26px;
	color: #00623b;
	width: 150px;
	background-image: url(/Content/images/slot/NewLandingPage/searchForSlot.png);
	background-repeat: no-repeat;
	background-position-x: right
}

.blackBody .searchBtn {
	background-color: #001f12;
	background-image: url(/Content/images/slot/NewLandingPage/searchForSlot.png);
	background-repeat: no-repeat;
	background-position-x: right;
	border: 1px solid #001f12
}

.searchBtn::placeholder {
	color: #00623b
}

.searchBtn::placeholder {
	color: #00623b;
	opacity: .5
}

.searchBtn:-ms-input-placeholder {
	color: #00623b
}

.searchBtn::-ms-input-placeholder {
	color: #00623b
}

.progressiveJackpotSlot {
	border: 2px solid #002911;
	background: #003215 url(/Content/images/slot/NewLandingPage/progressivejackpotbg.png);
	height: 209px;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 10px 0;
	fill: green
}

.blackBody .progressiveJackpotSlot {
	border: 2px solid #002911;
	background: #ffde00 url(/Content/images/slot/NewLandingPage/progressivejackpotbg.png);
	height: 209px;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 10px 0
}

.progressiveJackpotTitle {
	padding: 5px;
	margin-top: 5px
}

.progressiveJackpotNumber {
	text-align: center;
	color: #deff00;
	font-size: 22px;
	font-family: 'utm-akashi';
	letter-spacing: 5px;
	margin: 0 20px;
	border: 1px solid #6f3c01;
	-webkit-box-shadow: inset 0 0 0 1px #fee30e;
	-moz-box-shadow: inset 0 0 0 1px #fee30e;
	box-shadow: inset 0 0 0 1px #fee30e;
	border-radius: 3px;
	background: #060200;
	padding: 3px
}

.progressiveJackpotNumber img {
	vertical-align: sub
}

.progressiveJackpotNumber span {
	display: inline-block;
	width: 232px
}

@media(max-width:875px) {
	.progressiveJackpotNumber {
		font-size: 18px
	}
}

@media(max-width:480px) {
	.progressiveJackpotNumber span {
		width: 202px
	}
}

@media(max-width:375px) {
	.progressiveJackpotNumber span {
		width: 156px
	}
}

.tblDataCount {
	color: #fff;
	padding: 5px 15px
}

.tblDataCount table {
	width: 100%
}

.tblDataCount table tr td {
	padding: 3px;
	text-align: center;
	width: 50%
}

.tblDataCount table tr td div {
	display: block;
	padding: 7px;
	border: 1px solid #6f3c01;
	-webkit-box-shadow: inset 0 0 0 1px #fee30e;
	-moz-box-shadow: inset 0 0 0 1px #fee30e;
	box-shadow: inset 0 0 0 1px #fee30e;
	border-radius: 3px;
	background: #060200;
	color: #ffde00
}

html:lang(en-US) .tblDataCount table tr:last-child td div {
	font-size: 10px
}

.tblDataCount table tr td div img {
	vertical-align: middle
}

.tblDataCount table tr td div span {
	font-family: 'utm-akashi';
	font-size: 12px;
	letter-spacing: 2px;
	color: #ffde00;
	display: inline-block
}

.tblDataCount table tr:first-child td {
	width: 100%
}

.tblDataCount table tr:first-child td div {
	font-size: 18px;
	padding: 4px
}

.tblDataCount table tr:first-child td div span {
	font-family: 'utm-akashi';
	font-size: 18px;
	letter-spacing: 3px;
	color: #ffde00;
	display: inline-block;
	margin-left: 10px
}

.topwinnersSlotPage {
	border: 2px solid #002911;
	height: 221px;
	overflow: hidden;
	background: #003215;
	padding: 5px 5px 25px 5px;
	border-radius: 4px
}

.blackBody .topwinnersSlotPage {
	border: 5px solid #fff490;
	height: 221px;
	overflow: hidden;
	background: #ffde00;
	padding: 3px;
	border-radius: 4px
}

.TopWinnersSlotPageContainer {
	height: 158px;
	overflow: hidden;
	padding: 1px
}

.topWinnersTitleSlotPage {
	text-align: center;
	padding: 10px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00ffffff', GradientType=0)
}

.TopWinnersSlotPage .listTopWinner {
	padding: 3px 7px;
	height: 44px;
	width: 100%;
	min-width: 251px;
	background: #00572a;
	margin-bottom: 1px
}

.TopWinnersSlotPage .listTopWinner:nth-child(even) {
	background: #034522
}

.blackBody .TopWinnersSlotPage .listTopWinner {
	border: 1px solid #121212;
	background: #121212;
	-webkit-box-shadow: inset 0 0 0 1px #ffde00;
	-moz-box-shadow: inset 0 0 0 1px #ffde00;
	box-shadow: inset 0 0 0 1px #ffde00;
	border-radius: 3px;
	margin-bottom: 3px
}

.TopWinnersSlotPage .listTopWinner>div {
	display: inline-block;
	vertical-align: middle
}

.TopWinnersSlotPage .listTopWinner>div:nth-child(2) {
	width: 100px;
	padding-left: 5px;
	color: #ffde00
}

.TopWinnersSlotPage .listTopWinner>div:nth-child(3) {
	text-align: center;
	width: 150px;
	color: #97d69d
}

.TopWinnersSlotPage .listTopWinner>div:nth-child(4) {
	text-align: right;
	width: 90px;
	color: #ffde00
}

.TopWinnersSlotPage .listTopWinner>div:nth-child(4) .coinImg {
	max-width: 14px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px
}

.gameinfo {
	position: fixed;
	right: -100%;
	top: 0;
	height: 100%;
	width: 500px;
	background: rgba(0, 0, 0, .9);
	color: #fff;
	z-index: 99999999;
	padding: 0 20px 20px 20px
}

.gameinfo .gameinforClose {
	text-align: right
}

.gameinfo .gameinforClose a {
	color: #fff;
	font-weight: bold;
	font-size: 25px
}

.gameinfoContent {
	height: calc(100% - 40px)
}

#gameinfoPager {
	margin: 10px 5px
}

#gameinfoPager a {
	max-width: 146px;
	height: auto;
	display: inline-block;
	opacity: .5
}

#gameinfoPager a.active {
	border: 2px solid #fff;
	opacity: 1
}

#gameinfoPager a img {
	max-width: 100%;
	width: 100%;
	height: auto
}

.gameinfoText {
	margin-top: 20px
}

.gameinfoTitle {
	margin: 0;
	padding: 0
}

.gameinfoTitle span {
	text-decoration: underline;
	letter-spacing: 2px
}

.gameInfoContext {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px
}

.gameinfobtnSection {
	margin-top: 30px;
	text-align: center
}

.gameinfobtnSection .btnPlaynowGameInfo {
	border: 1px solid #ffde00;
	background: none;
	padding: 13px;
	color: #ffde00;
	width: 100%;
	border-radius: 5px;
	font-size: 18px;
	transition: all 1s ease;
	margin-bottom: 10px;
	text-transform: capitalize
}

.gameinfobtnSection .btnPlaynowGameInfo:nth-child(2) {
	margin: 0 5px;
	width: 48.5%;
	border: none
}

.gameinfobtnSection .btnPlaynowGameInfo:nth-child(3) {
	width: 48.5%;
	border: none
}

.gameinfobtnSection .btnPlaynowGameInfo:hover {
	color: #000;
	background: #ffde00
}

.gameinfobtnSection .btnPlaynowGameInfo:nth-child(3):hover,
.gameinfobtnSection .btnPlaynowGameInfo:nth-child(2):hover {
	text-decoration: underline;
	color: unset;
	background: none
}

.tabImg {
	position: relative;
	background: #000
}

.image {
	opacity: 1;
	display: block;
	transition: .5s ease;
	backface-visibility: hidden
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 9999
}

.middle a.secText {
	color: #fff;
	font-size: 11px;
	margin-top: 20px;
	display: block;
	text-align: center;
	text-decoration: underline
}

.middle a.secText:hover {
	color: #fee71b
}

.tabImg:hover .image {
	opacity: .3
}

.tabImg:hover .middle {
	opacity: 1
}

.text {
	background: none;
	color: #fee71b;
	font-size: 12px;
	padding: 5px 15px;
	border: 1px solid #fee71b;
	border-radius: 3px;
	transition: all 1s ease
}

.text:hover {
	background: #fee71b;
	color: #000
}

html:lang(zh-CN) .text {
	width: 150px;
	text-align: center
}

@media(max-width:1199px) {
	.wrapSlotContainer {
		padding: 0 10px
	}
	.listContainer {
		margin-left: 0
	}
	ul.listData li:first-child {
		height: auto;
		width: 50%
	}
	.progressiveJackpotSlot {
		background: #003215;
		border: 10px dotted #ffff78
	}
	.progressiveJackpotSlot,
	.blackBody .progressiveJackpotSlot {
		height: unset
	}
	.topwinnersSlotPage {
		height: calc(50vh - 63px)
	}
	.TopWinnersSlotPageContainer {
		height: calc(31vh - 0)
	}
	ul.listData li:nth-child(1n+2) {
		height: auto;
		width: 25%
	}
	ul.listData li {
		height: auto;
		width: 25%
	}
	.imgHolderSlot {
		max-width: 100%;
		max-height: initial
	}
}

@media(max-width:991px) {
	ul.listData li:first-child {
		height: auto;
		width: 100%
	}
	.progressiveJackpotSlot {
		background: #003215;
		border: 10px dotted #ffff78;
		float: left;
		width: 49%;
		height: 209px
	}
	.blackBody .progressiveJackpotSlot {
		float: left;
		width: 49%;
		height: 209px
	}
	.topwinnersSlotPage {
		float: left;
		width: 49%;
		margin-left: 10px;
		height: 209px
	}
	.blackBody .topwinnersSlotPage {
		height: 209px
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(2),
	.TopWinnersSlotPage .listTopWinner>div:nth-child(3),
	.TopWinnersSlotPage .listTopWinner>div:nth-child(4) {
		width: calc(37.5% - 56px)
	}
	ul.listData li:nth-child(1n+2) {
		height: auto;
		width: 33%
	}
}

@media(max-width:850px) {
	.progressiveJackpotSlot,
	.blackBody .progressiveJackpotSlot {
		float: none;
		width: 100%;
		height: auto
	}
	.topwinnersSlotPage {
		float: none;
		width: 100%;
		margin-left: 0;
		height: auto
	}
	.blackBody .topwinnersSlotPage {
		height: auto
	}
}

@media(max-width:991px) {
	.slotSliderWrap2>.col-md-5 {
		position: absolute;
		width: 100%;
		background: rgba(0, 0, 0, .8);
		z-index: 999;
		height: unset;
		bottom: 0;
		left: 0;
		padding: 15px
	}
	.slotSliderWrap2>.col-md-5>img {
		width: unset!important;
		max-height: 75px;
		margin: 10px 0
	}
	.blackBody .SliderList p {
		color: #fff
	}
	.slots-pager {
		display: none
	}
}

@media(max-width:768px) {
	.forslider .wrap-panel {
		display: none
	}
	.forslider .wrap-panel #bx-pager {
		position: static
	}
	.forslider .wrap-panel #bx-pager {
		position: static
	}
	.filterBtn {
		margin-left: 2px
	}
	.medusaSlide {
		background-position: 70%;
		background-size: cover
	}
	.SliderList {
		position: relative
	}
	.slotSliderWrap>.col-md-6 {
		height: auto;
		position: absolute;
		bottom: 0;
		z-index: 999
	}
	.slotSliderWrap>.col-md-6:after,
	.slotSliderWrap2>.col-md-5:after {
		clear: both;
		content: '';
		display: table
	}
	.slotSliderWrap>.col-md-6>img {
		height: 60px;
		float: left
	}
	.slotSliderWrap>.col-md-6>p,
	.slotSliderWrap2>.col-md-5>p {
		margin: 0;
		overflow: hidden
	}
	.blackBody .slotSliderWrap>.col-md-6 p,
	.slotSliderWrap2>.col-md-5 p {
		color: #fff
	}
	.slotSliderWrap>.col-md-6>p br,
	.slotSliderWrap2>.col-md-5>p br {
		display: none
	}
	.slotSliderWrap>.col-md-6>.sliderBtnContainer,
	.slotSliderWrap2>.col-md-5>.sliderBtnContainer {
		display: block;
		margin-top: 15px
	}
	.slotSliderWrap>.col-md-6>.sliderBtnContainer .slotBtn,
	.slotSliderWrap2>.col-md-5>.sliderBtnContainer .slotBtn {
		transform: scale(.7)
	}
	.slotGameHolder p {
		padding: 10px;
		height: auto;
		line-height: normal;
		text-align: center
	}
	.slotGameHolder.tabImg:hover>.imgHolderSlot,
	.slotGameHolder.tabImg:hover>.slotText {
		opacity: 1
	}
	.slotGameHolder .middle {
		display: none
	}
	.middle {
		transition: .5s ease;
		opacity: 1;
		position: static;
		top: unset;
		left: unset;
		transform: unset;
		-ms-transform: unset;
		display: none
	}
	.middle .text {
		background: #fee71b;
		color: #000;
		font-size: 12px;
		padding: 10px;
		float: none;
		width: 100%;
		text-align: center;
		border-radius: 0
	}
	.middle a.secText {
		background: #cac7c7;
		color: #000;
		font-size: 11px;
		margin-top: 0;
		margin-bottom: 0;
		display: block;
		padding: 10px;
		text-align: center;
		text-decoration: none;
		line-height: normal
	}
	.middle a.secText:hover {
		color: #000
	}
	.middle a.secText.btnMoreInfo {
		background: #00623b;
		padding: 10px;
		text-decoration: none;
		color: #fff
	}
	.imgHolderSlot {
		max-width: 100%;
		max-height: 116px
	}
	.middle {
		display: none
	}
	.bottomSlotBtn>select {
		display: none
	}
	.col-md-7.parentRel.slot-overflow {
		display: none
	}
	.ganeshagoldSlide,
	.ganeshagoldSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/ganeshagold/Mobile_GaneshaGold.jpg) no-repeat top center;
		height: 423px
	}
	.emperorsfavourSlide,
	.emperorsfavourSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/emperorsfavour/Mobile_EmperorsFavour.jpg) no-repeat top center;
		height: 423px
	}
	.emperorsfavour-logo {
		width: 35%
	}
	.blackBody .halloweenSlide,
	.halloweenSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/halloween/Mobile_MrHalloween.jpg) no-repeat top center
	}
	.blackBody .legendofHouyiSlide,
	.legendofHouyiSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/legendofhouyi/Mobile_LegendofHouyi.jpg) no-repeat top center
	}
	.blackBody .restaurantCrazeSlide,
	.restaurantCrazeSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/restaurantcraze/Mobile_Restaurant_Craze.jpg) no-repeat top center
	}
	.blackBody .prosperityLionSlide,
	.prosperityLionSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/prosperitylion/Mobile_Prosperity_Lion.png) no-repeat top center
	}
	.blackBody .hiphopPandaSlide,
	.hiphopPandaSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/Mobile_Hiphop_Panda.jpg) no-repeat top center
	}
	.blackBody .santasGiftRushSlide,
	.santasGiftRushSlide {
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/santasgiftrush/Mobile_SantasGiftRush.jpg) no-repeat top center
	}
	.blackBody .threeMonkeySlide,
	.threeMonkeySlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/threemonkeys/mobile-threemonkeys.jpg) no-repeat top center
	}
	.blackBody .doublefortuneSlide,
	.doublefortuneSlide {
		height: 423px;
		background: #f6cf0d url(/Content/images/slot/NewLandingPage/TopSlider/doublefortune/mobile-doublefortune.jpg) no-repeat top center
	}
}

@media(max-width:767px) {
	.gameinfo,
	.topSlotBtn {
		display: none
	}
	.topSlotBtnSelect select {
		display: block;
		width: 49%;
		padding: 10px;
		border: 1px solid #006f36;
		float: left;
		margin: 0 2.5px
	}
	.bottomSlotBtn>.bottomSlotFloat {
		display: none
	}
	.btnMoreInfo {
		display: none!important
	}
	.topSlotBtnSelect {
		display: block;
		padding-top: 10px
	}
	.topSlotBtnSelect select option {
		color: #000
	}
}

@media(max-width:640px) {
	ul.listData li:nth-child(1n+2) {
		height: auto;
		width: 50%
	}
}

@media(max-width:550px) {
	.slotSliderWrap>.col-md-6 {
		text-align: center;
		padding: 5px 10px 0 10px
	}
	.slotSliderWrap>.col-md-6>img {
		height: 40px;
		float: none;
		display: inline-block;
		margin-bottom: 5px
	}
	.slotSliderWrap>.col-md-6>.sliderBtnContainer {
		display: block;
		z-index: 999999;
		margin-top: 5px
	}
	.topSlotBtnSelect select {
		display: block;
		width: 48%;
		margin: 0 2.5px
	}
}

@media(max-width:480px) {
	ul.listData li:nth-child(1n+2) {
		height: auto;
		width: 50%
	}
	.tblDataCount table tr td,
	.progressiveJackpotNumber {
		display: block;
		font-size: 18px
	}
	.tblDataCount table tr td div span {
		font-family: 'utm-akashi';
		font-size: 18px;
		letter-spacing: 3px;
		color: #ffde00;
		display: inline-block;
		margin-left: 10px
	}
	.bottomSlotFloat,
	.bottomSlotFloat+.bottomSlotFloat {
		float: none;
		display: block;
		padding-right: 0
	}
	.searchBtn {
		width: 100%
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(2) {
		display: none
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(3) {
		width: 120px
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(4) {
		width: 100px
	}
	.tblDataCount table tr td {
		width: 100%
	}
	.slotGameHolder p {
		font-size: 10px;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.imgHolderSlot {
		max-width: 100%;
		max-height: 90px
	}
}

@media(max-width:375px) {
	.progressiveJackpotTitle img,
	.topWinnersTitleSlotPage img {
		width: 100%;
		height: auto
	}
	.tblDataCount table tr td,
	.progressiveJackpotNumber,
	.tblDataCount table tr:first-child td div {
		display: block;
		font-size: 12px
	}
	.tblDataCount table tr td div span,
	.tblDataCount table tr:first-child td div span {
		font-size: 14px
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(3) {
		width: 100px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}
	.TopWinnersSlotPage .listTopWinner>div:nth-child(4) {
		width: 90px
	}
	.topWinnersTitleSlotPage img {
		width: 100%;
		height: auto
	}
}

@media(max-width:319px) {
	.topSlotBtnSelect>select {
		display: block;
		width: 100%;
		margin: 3px
	}
}

@media(max-height:767px) {
	.gameinfo {
		overflow-y: scroll
	}
	.gameinfoText {
		margin-bottom: 20px
	}
	#gameinfoPager a {
		max-width: 140px
	}
}

#game-popup {
	z-index: 999999999;
	background-color: rgba(0, 0, 0, .8);
	display: none
}

#game-popup .modal-dialog {
	width: 100%;
	height: auto;
	margin: 0;
	transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	-moz-transform: translate(0, 50%);
	-o-transform: translate(0, 50%)
}

#game-popup .modal-dialog .modal-content {
	width: 100%;
	height: 100%;
	background-color: transparent
}

#game-popup .slot-playhere {
	width: 100%;
	height: auto;
	position: relative
}

#game-popup .close {
	z-index: 999;
	top: 4px;
	right: 10px;
	color: #fff;
	opacity: 1;
	position: absolute
}

.slot-playhere .slotText {
	position: absolute;
	top: 13px;
	z-index: 3;
	width: 100%;
	text-align: center;
	color: #fff
}

.slot-playhere .slotGameHolder {
	background: none;
	border: none;
	padding-top: 40px
}

.slot-playhere .imgHolderSlot {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 20px auto;
	text-align: center
}

.slot-playhere .imgHolderSlot>img {
	max-width: initial;
	width: initial;
	height: auto
}

.slot-playhere .slotGameHolder .middle {
	display: block;
	text-align: center;
	opacity: 1;
	position: relative;
	top: inherit;
	left: inherit;
	transform: inherit;
	-ms-transform: inherit
}

.slot-playhere .middle a {
	width: 130px;
	display: inline-block;
	margin: 0 5px;
	margin-bottom: 30px;
	height: 30px;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	background: none;
	float: none
}

.slot-playhere .middle .text {
	background: none;
	color: #ffde00;
	padding: 0 0;
	border: none;
	line-height: normal
}

.slot-playhere .slotGameHolder p {
	font-size: 14px;
	font-weight: 800
}

.slot-playhere .middle a:nth-child(1) {
	border: 1px solid #ffde00
}

.slot-playhere .middle a:nth-child(2) {
	border: 1px solid #0eaf6f;
	color: #0eaf6f
}

.slot-playhere .middle a:nth-child(3) {
	display: none
}

.slot-playhere .imgHolderSlot {
	max-height: initial
}

.slot-playhere .slotGameHolder .favoriteIcon {
	display: none
}

html:lang(zh-CN) .slot-playhere .middle .text {
	width: unset
}

@media(max-width:462px) {
	.slot-playhere .imgHolderSlot {
		width: 80%
	}
	.slot-playhere .imgHolderSlot img {
		max-width: 100%
	}
}

@media(max-width:600px) {
	.slotSliderWrap2 p.tcenter {
		display: none
	}
	.slotSliderWrap2 .col-md-5 {
		width: 100%;
		padding: 10px 20px
	}
	.slotSliderWrap2 .col-md-5>img {
		float: none;
		display: block;
		margin: -80px auto 0;
		padding-bottom: 11px
	}
	.slotSliderWrap>.col-md-6>.sliderBtnContainer,
	.slotSliderWrap2>.col-md-5>.sliderBtnContainer {
		margin-top: 8px
	}
}

@media(max-width:425px) {
	.slot-playhere .middle a {
		display: block;
		margin: 10px auto
	}
}