@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	padding: 0px;
	margin: 0px;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 30px;
	z-index:9999;
	background: url(../img/loader-bg.jpg) #000 center center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
.loading img{
	width: 40%;
	padding: 1% 5%;
}
.loading img:nth-child(2){
	width: 30%;
	padding: 1% 5%;
}
.progress-custom { 
	width: 30%;
	height:36px;
	margin: 0.5% auto 0;
	border: #fec140 solid 2px;
	padding: 5px;
}
		
.progress-bar{
	width:1%;
	height:100%;
	background-color:#FFFFFF;
}
	
.loading span{
	color: #fec140;
	font-size: 24px;			
}
a, a:hover, a:active, a:focus {
	border: none;
	outline: none;
	text-decoration: none;
}
body {
	background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*body:before {
	 content: "";
	 display: block;
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -10;
	 background: url(../img/bg.jpg) no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	background-attachment: fixed;
	
}*/
.wrapper {
	width: 980px;
	max-width: 100%;
	margin: 0 auto;
	/*border: red solid 1px;*/
}

.fixed-header{
	background: url(../img/header-bg.png) no-repeat center top;
	padding: 5px 0;
	height: 70px;
}
.social{
	text-align: center;
}
.social ul{
	list-style-type: none;
}
.social ul li{
	display: inline-block;
	padding: 5px;
}
.header div:nth-child(4), .header div:nth-child(5){
	padding-top: 5px;
}
.header div{
	padding-left: 5px;
	padding-right: 5px;
}
.audio-btn{
	cursor: pointer;
}
.mtop{
	margin-top: 5%;
	margin-bottom: 5%;
}
.mtop2{
	margin-top: 8%;
	margin-bottom: 3%;
}
h1{
	margin-bottom: 3%;
}
.right-content div{
	padding-left: 0;
	padding-right: 0;
}
.releasedate-content > div:first-child{
	width: 44%;
}
.releasedate-desktop{
	margin-bottom: 5%;
}
.play-btn{
	position: absolute;
	left: 0;
	top: 35%;
	right: 0;
	transition: all .2s ease-in-out;
}
.play-btn:hover { 
	transform: scale(1.1); 
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
	background: none !important;
}
.nav-tabs > li > a {
	border: none;
	color: #666;
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.nav-tabs>li>a:hover {
	background: none;
}
.tab-content {
	background: url(../img/logo-garden-bg.png) no-repeat center center;
	background-size: 100% auto;
	/*background-size: 100% 100%;*/
	padding: 5 0px;
	width: 81%;
	margin: 0 auto 3%;
	/*min-height: 200px;
*/
}
.custom-tab {
	border-bottom: none;
}

.custom-tab > li {
	display: inline-block;
	float: none;
/*	margin-top: 15px;*/	
}

.custom-tab li img {
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer !important;	
}

.custom-tab-pane{
	height: 100%;
}
.custom-tab-pane ul{
	list-style-type: none;
}
.custom-tab-pane ul li{
	display: inline-block;
	padding: 5px;
}

.outer {
    display: table;
    height: 100%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
}
.ultrahd div:first-child img{
	margin-bottom: 10px;
}
.ultrahd div:last-child img{
	margin-top: 10px;
}
.ultrahd div:last-child img{
	margin-bottom: 10px;
}
.button-wrapper img{
	margin-bottom: 5px;
}
.custom-tab-pane span{
	font-size: 10px;
	color: #000000;
	font-family: 'Arial';
}
.adj-custom-tab-pane{
	padding-top: 20px;
}
.retail-contenter h2{
	margin-bottom: 3%;
}
.retail-content div{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 1%;
}
.gamedownload-btn{
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	text-align: center;
}
.gamedownload-btn img{
	display: inline-block;
	margin-left: 5px;
}
.sceneslam-btn{
	position: absolute;
	bottom: 20.5%;
	right: 4.59%;
	text-align: center;
}
.sceneslam-btn img{
	display: inline-block;
	margin-left: 5px;
}
.soundtrack-btn{
	position: absolute;
	bottom: 18%;
	right: 30%;
	text-align: center;
}
.soundtrack-btn img{
	display: inline-block;
}
.propstore-btn{
	position: absolute;
	bottom: 12%;
	right: 15%;
	text-align: center;
}
.propstore-btn img{
	display: inline-block;
}
.rhino-run-game{
	top: -30%;
	transform: translateY(30%);
}
.game-playnow{
	position: absolute;
	bottom: 0;
	left: 14%;	
	z-index: 1;
}
.mtop h2{
	margin-bottom: 3%;
}
.crosssell-container{
	margin-top: 5%;
}
.crosssell{
	/*width: 25%;*/
	text-align: center;
}
.crosssell img{
	display: inline-block;
}
.pg-bug{
	position: absolute;
	right: 0%;
	bottom: 25%;
}
.buy-now{
	margin-top: 5%;
}
.centered {
	text-align: center;
	font-size: 0;
}
.centered > div {
	float: none;
	display: inline-block;
	text-align: center;
}
.mtop2 h2{
	margin-bottom: 3%;
}
.partners-content div{
	padding-left: 5px;
	padding-right: 5px;
	width: 28%;
}
.partners-btns{
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
}
.get-more div{
	padding-left: 5px;
	padding-right: 5px;
}
.ma-redeem-btn{
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
}
.learn-more{
	position: absolute;
	left: 14%;
	bottom: 11%;
}
.footer{
	background: url(../img/footer/footer-bg.png) no-repeat center 0;
	background-size: cover;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}
.footer ul{
	list-style-type: none;
}
.footer ul li{
	display: inline-block;
	/*padding:10px 4px;*/
	padding:10px 15px;
	text-align: center;
}
.footer p{
	/*font-family: "Arial", sans-serif;*/
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 1%;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.53);
}
.footer a{
	color: #FFFFFF;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.53);
}

/*=================================
	video overlay
=================================*/

.videooverlay{
	background: rgba(0,0,0,0.7);
}
.video-dialog-box{
	width:100%;
	margin: 0 auto !important;
	
}
.video-container{
	width: 75% !important;
	height: 100% !important;
	margin: 0 auto;
	border-radius: 0;
	background: none !important;
	box-shadow: none;
	border: none;
	
}
.video-outer{
	display: table;
	height: 100%;
	width: 100%;
}
.video-inner{
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.close.videoOverlay-CloseButton {
	color: #fff;
	opacity: 1 !important;
	float: none !important;
	font-size: 40px;
	
}
.close.videoOverlay-CloseButton:focus, .close.videoOverlay-CloseButton :hover, .close.videoOverlay-CloseButton :visited {
	outline: 0;
	border: 0;
}
.videooverlay p{
	padding:10px 5px;
	color: #909090;
	font-size: 16px;
}
.modal-header, .modal-footer{
	border-bottom: none;
	border-top: none;
}
.modal-close-btn{
	background: #00afff;
	border-radius: 34px;
	color: #FFFFFF;
	padding:10px 20px;
}
.modal-close-btn:focus, .modal-close-btn:active{
	outline: none !important;
}
/*==========old browser===========*/
#olderbrowser {
	display: none;
	width: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	font-size: 20px;
	z-index: 10000;
	color: #fff;
	height: 100% !important;
	background: url(../img/ie8-bg.png);
	bottom: 0;
	overflow-y: hidden !important;
}
.ie-quote {
	margin-top: 15%;
}

.ie-quote p{
	padding-top:35px;	
}

/*==========old browser===========*/

/*====================================================
	Media Queries
====================================================*/

@media screen and (max-width:750px){
	
	.wrapper{
		/* image-rendering: -moz-crisp-edges;         Firefox */
		 /* image-rendering:   -o-crisp-edges;        Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
	}
	.loading img{
		width: 80%;
		padding: 1% 5%;
	}
	.loading img:nth-child(2){
		width: 50%;
		padding: 1% 5%;
	}
	.progress-custom { 
		width: 80%;
		height:36px;
		margin: 0.5% auto 0;
		border: #fec140 solid 2px;
		padding: 5px;
	}
	
/*	body:before {
	 content: "";
	 display: block;
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -10;
	 background: url(../img/mobile-bg.jpg) no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	}*/
	html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-height: 100%;
	position: fixed;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	background: url(../img/mobile-bg.jpg) #000000 no-repeat center center;;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
	.wrapper{
		  text-align: center;
	  } 
	  .wrapper img{
		  display: inline-block;
	  }
	.fixed-header{
		background: url(../img/header-bg_mobile.png) no-repeat center;
		background-size: cover;
		height: auto;
	}
	.header{
		text-align: center;
		padding-bottom: 15px;
	}
	.header img{
		display: inline-block;
	}
	.header div:nth-child(4){
		padding-top: inherit;
	}
	.header div{
		margin-top: 10px;
	}
	.header div:first-child{
		margin-top: 0px;
	}
	.releasedate-content > div:first-child{
		width: inherit;
	}
	.retail-content div img{
		float: none !important;
	}
	.partners-content div{
		width: inherit;
		margin-bottom: 3%;
	}
	/*.mtop{
		margin-top: 8%;
		margin-bottom: 8%;
	}*/
	.mtop-m{
		margin-top: 5%;
		margin-bottom: 3%;
	}
	.buy-container{
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.custom-tab > li{
		display: inline-block;
		/* padding-left: 2px;
		 padding-right: 2px;*/
		 width: 40%;
		margin-top: 5px;
		/*  margin-bottom: -20px;*/
	 }
	 .custom-tab>li>a>img{
		 max-width: 100%;
		 margin: 0 auto;
	 }
	.tab-content{
		background: url(../img/logo-garden-bg-mobile.png) no-repeat left top;
		min-height: inherit;
		padding:0 0 5% 0;
		background-size: cover;
	}
	.custom-tab-pane ul li{
		 width: 35%;
	 }
	.adj-custom-tab-pane, .adj-custom-tab-paneM{
		padding-top: 20px;
		margin-top: 10px;
	}
	 .adj-custom-tab-pane ul li img{
		 margin: 0 auto;
	 }
	.custom-tab-pane{
		height: 100%;
	}
	.custom-tab-pane ul li{
		padding: 1px 0;
	}
	.ultraHdcontent img:last-child{
		width: 100%;
		margin: -10px 0;		
	}
	.ultrahd, .btn-container{
		text-align: center;
	}
	.ultrahd img, .btn-container img{
		display: inline-block;
		margin: 2% auto;
	}
	.sceneslam-btn{	
		bottom: 5%;
		right: 0;
		left: 0;
	}
	.sceneslam-btn img{
		display: inline-block;
		margin-left: 0px;
		width: 33%;
	}
	.soundtrack-btn{
		bottom: 5%;
		right: 0;
		left: 0;
		text-align: center;
	}
	.game-content div:last-child{
		margin-top: 5%;
	}
	.rhino-run-game{
		top: inherit;
		transform: none;
	}
	.game-playnow{
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.btn-container img{
		width: 40%;
	}
	/*.crosssell-container{
		margin-top: 22%;
	}*/
	.crosssell{
		margin-bottom: 10%;
	}
	.pg-bug{
		right: 0;
		left: 0;
		display: block;
	}
	.buy-now{
		margin-top: 20%;
	}
	.gamedownload-btn{
		bottom: 2%;
	}
	.gamedownload-btn img{
		width:38%;
		margin-left: 0;
	}
	.propstore-btn{
		right: 0;
		left: 0;
		bottom: 5%;
	}
	.propstore-btn img{
		width: 75%;
	}
	.get-more{
		margin-top: 0;
	}
	.get-more > div a{
		float: none !important;
	}
	.footer p{
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 3%;
	}
	.footer ul li{
		width:30%;
		padding: 10px 5px;
	}
	.footer ul li:last-child{
		width:15%;	
	}
	.video-container{
		width: 90% !important;
	
	 }
	.videooverlay{
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch;
		position: fixed;	
	}
	 .modal-open {
		overflow: hidden;
		position:fixed;
		width: 100%;
		height: 100%;
	}

}

/* ----------- iPhone 5 and 5S ----------- */
@media screen and (device-aspect-ratio: 40/71) {
	
	
	.ultrahd div:first-child img{
		  width: 90%;
		  margin-top: 5%;
	  }
	
	.custom-tab-pane ul li {
    	width: 44% !important;
	  }
	  
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) 
{ 
	.custom-tab > li{
		width: 37% !important;
	}
	.ultrahd div:first-child img{
		  width: 90%;
		  margin-top: 5%;
	  }
	

}

@media screen
and (device-width: 360px)
and (device-height: 640px) 
and (orientation: portrait) {
	
	
	
	
}


@media only screen 
  and (max-width: 750px)
  and (orientation: landscape) {
	 
	  .wrapper{
		  text-align: center;
	  } 
	  .wrapper img{
		  display: inline-block;
	  }
	  .mtop{
		margin-top: 3%;
		margin-bottom: 3%;
	  }
	  .mobile-date{
		  display: block !important;
	  }
	  .buy-container{
		  padding: 0 15%;
	  }
	  .custom-tab > li{
		  width: auto;
	  }
	  .tab-content{
		  width: 73%;	
	  }
	  .gamedownload-btn img{
		  width: 21%;
	  }
	  .sceneslam-btn img{
		  width: 19%;
	  }
	  .crosssell{
		  width: 25%;
		  margin-bottom: 5%;
	  }
	  .crosssell-land-adj{
		  width: 25%;
		  float: inherit !important;
		  display: inherit !important;
		  text-align: center;
		   margin: 0 auto;
	  }
	  .crosssell-land-adj img{
		  display: inline-block;		  
	  }
	  .crosssell-container{
		  margin-top: 10%;
	  }
	  .mtop-m a:last-child img{
		  width: 56%;
	  }
	  .ultrahd div:last-child img{
		  margin-bottom: 5px;
	  }
	  .adj-custom-tab-pane, .adj-custom-tab-paneM{
		padding-top: 20px;
		margin-top: 10px;
	  }
	  .custom-tab-pane ul li{
		  padding: 5px;
	  }
	 /* .custom-tab-pane ul li {
    	width: 44%;
	  }*/
	  .tab-content{
		  background-size: cover;
	  }
	  .propstore-btn img{
		width: 40%;  
	  }
	  .video-container{
		width: 60% !important;
	
	  }
	  .learn-more{
		  left: 30%;
	  }
	  .partners-content div{
		  width: 100%;
	  }
}
@media screen
and (device-width: 360px)
and (device-height: 640px) 
and (orientation: portrait) {
	
	.gamedownload-btn img{
		width: 40%;
	}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 750px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	 
	  .learn-more{
		  left: 18%;
	  }
	.gamedownload-btn img{
		width:35%;
	}
}
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 750px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	 
	  .learn-more{
		  left: 32%;
	  }
	.ultrahd div:first-child img{
		  width: 75%;
		  margin-top: 5%;
	  }
	  .btn-container img{
		width: 35%;
	}
	
}
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)
  and (orientation: portrait) {
	 
	 
	  .loading img{
		width: 50%;
		padding: 1% 5%;
	}
	.loading img:nth-child(2){
		width: 30%;
		padding: 1% 5%;
	}
	.progress-custom { 
		width: 50%;
		height:36px;
		margin: 0.5% auto 0;
		border: #fec140 solid 2px;
		padding: 5px;
	}
	  
	  html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-height: 100%;
	position: fixed;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	background: url(../img/bg.jpg) #000000 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
	  .header div:nth-child(2), .header div:nth-child(5){
		  padding-top: 5px;
	  }
	  .header div:nth-child(5){
		  width: 20%;
	  }
	  .header div:nth-child(6){
		  width: 5%;
		  margin-top: 10px;
	  }
	  .promo-line{
		  padding: 0 10%;
	  }
	  .social ul li{
		  width: 23%;
	  }
	  .releasedate-content > div:first-child{
		  margin-left: 3%;
	  }
	  .tab-content{
		  width: 99%;
		  background-position: 100% top !important;
	  }
	  
	  .custom-tab > li{
		  width: 24%;
	  }
	  .custom-tab>li>a>img{
		  max-width: 100%;
	  }
	  .custom-tab-pane ul li{
		  width: 22%;
	  }
	  .adj-custom-tab-pane{
		  padding-top: 10px;
		  padding-bottom: 10px;
	  }
	  .bluray-dvd-bg-adj{
		  height: 100px !important;
	  }
	  .ultraHdcontent img:first-child{
		  width: 98%;
		  margin: 0 auto;
	  }
	  .ultrahd div:last-child img{
		  width: 95%;
		  padding-top: 20px;
	  }
	  .sceneslam-btn{
		  right: 0%
	  }
	  .sceneslam-btn img{
		  width: 38%;
	  } 
	  .soundtrack-btn{
		 right: 23%; 
	  }
	  .propstore-btn{
		right: 10%;  
	  }
	  .propstore-btn img{
		  width: 80%;
	  }
	  .crosssell-container >h2{
		  padding:2% 2% 0;
	  }
	  .gamedownload-btn img{
		  width: 40%;
	  }
	  .game-playnow{
		bottom: 10%;  
	  }
	  .rhino-run-game{
		top: -17%;
    	transform: translateY(17%);
	  }
	  .pg-bug{
		  right: -4%;
	  }
	  .video-container{
		width: 80% !important;
	
	  }
	  .footer p{
		  padding:0 16%;
	  }
	  .modal-open {
		overflow: hidden;
		position:fixed;
		width: 100%;
		height: 100%;
	}
	  

}
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)
  and (orientation: landscape) {
	  
	  html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		min-width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		min-height: 100%;
		position: fixed;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;
		background: url(../img/bg.jpg) #000000 no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
}
	
	  .soundtrack-btn{
		 right: 29%; 
	  }
	 .modal-open {
		overflow: hidden;
		position:fixed;
		width: 100%;
		height: 100%;
	}

}
@media screen and (device-aspect-ratio: 3/4) {
	
	html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-height: 100%;
	position: fixed;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	background: url(../img/bg.jpg) #000000 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
	
}
@media screen and (min-width:2400px){
	.fixed-header{
		background-size: cover;
	}
}