@charset "utf-8";

html, body {
	height: 100%;
}
.svd {
	position: relative;
	cursor: pointer;
}
.svd .sharevideo:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: rgba(0,0,0,0.01);
	z-index: 2010; 
	top: 0;
	left: 0;
}
.svd video {
	position: absolute;
	/*z-index: 2000;*/
}
.svd .sharevideo:before {
	/*content: '';*/
}
.svd .sharevideo .play_bt {
	background: url("../images/bt_play.png") no-repeat;
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -100px;
	width: 200px;
	height: 200px;
	z-index: 2015;
}
.sharebox {
	width: 800px;
	height: 580px;
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -290px 0 0 -400px;
}
.sharebox h2 {
	margin: 35px 0 0;
	padding: 0;
	line-height: 0;
}
.smd h3 {
	margin: 35px 0 0;
	padding: 0;
	line-height: 0;
}
.smd ul {
	margin: 18px 0 0;
	padding: 0;
}
.smd ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 10px;
}
.smd .thumb {
	width: 172px;
	height: 90px;
	display: block;
	float: left;
	margin: 36px 20px 0 45px;
	background-position: 0 -92px;
}
.svd {
	z-index: 2000;
	cursor: pointer;
}
.background_tiles {
	position: absolute;
	top: 50%;
	overflow: scroll;
}
.row {
	width: -webkit-calc(100%);
	width: 	  -moz-calc(100%);
	width: 		   calc(100%);
	overflow: hidden;
	height: 100%;
	margin-bottom: -1px;
}
.row .row {
	width: -webkit-calc(100%);
	width: 	  -moz-calc(100%);
	width: 		   calc(100%);
	height: -webkit-calc(100%);
	height: 	  -moz-calc(100%);
	height: 		   calc(100%);
	overflow: hidden;
}
.row li {
	display: block;
	float: left;
	position: relative;
	height: 100%;
}
.row li.w1 {
	width: -webkit-calc(100% / 8);
	width: 	  -moz-calc(100% / 8);
	width: 		   calc(12.5%);
}
.row li.w2 {
	width: -webkit-calc(100% / 4);
	width: 	  -moz-calc(100% / 4);
	width: 		   calc(25%);
}
.row li.w3 {
	width: -webkit-calc(100% / 8 * 3);
	width: 	  -moz-calc(100% / 8 * 3);
	width: 		   calc(37.5%);
}
.row li.w4 {
	width: 50%;
}
.row li.w5 {
	width: -webkit-calc(100% / 8 * 5);
	width: 	  -moz-calc(100% / 8 * 5);
	width: 		   calc(62.5%);
}
.row li.w6 {
	width: -webkit-calc(100% / 4 * 3);
	width: 	  -moz-calc(100% / 4 * 3);
	width: 		   calc(75%);
}
.row li.w7 {
	width: -webkit-calc(100% / 8 * 7);
	width: 	  -moz-calc(100% / 8 * 7);
	width: 		   calc(87.5%);
}
.row li.w8 {
	width: 100%;
}
.row li.w2_1 {
	width: -webkit-calc(100% / 2);
	width: 	  -moz-calc(100% / 2);
	width: 		   calc(50%);
}
.row li.w3_1 {
	width: -webkit-calc(100% / 3);
	width: 	  -moz-calc(100% / 3);
	width: 		   calc(33.3%);
}
.row li.last {
	width: -webkit-calc(33.4%);
	width: 	  -moz-calc(33.4%);
	width: 		   calc(33.4%);
	margin-bottom: -1px;
	overflow: hidden;
}
.row li.w3_2 {
	width: -webkit-calc(100% / 3 * 2);
	width: 	  -moz-calc(100% / 3 * 2);
	width: 		   calc(66.6%);
}
.row li.w4_1 {
	width: -webkit-calc(100% / 4);
	width: 	  -moz-calc(100% / 4);
	width: 		   calc(25%);
}
.row li.w4_2 {
	width: -webkit-calc(100% / 2);
	width: 	  -moz-calc(100% / 2);
	width: 		   calc(50%);
}
.row li.w5_1 {
	width: -webkit-calc(100% / 5);
	width: 	  -moz-calc(100% / 5);
	width: 		   calc(20%);
}
.row li.w5_2 {
	width: -webkit-calc(100% / 5 * 2);
	width: 	  -moz-calc(100% / 5 * 2);
	width: 		   calc(40%);
}
.row li.w5_3 {
	width: -webkit-calc(100% / 5 * 3);
	width: 	  -moz-calc(100% / 5 * 3);
	width: 		   calc(60%);
}
.row li img,
.row li video {
	width: 100%;
	height: auto;
}
.row li video {
	position: absolute;
}
.row_bottom {
	background: url('/assets/images/tile_w8_03.jpg') no-repeat;
	-webkit-background-size: 100% auto;
	   -moz-background-size: 100% auto;
	   		background-size: 100% auto;
}

.container {
	width: -webkit-calc(100%);
	width: 	  -moz-calc(100%);
	width: 		   calc(100%);
	overflow: hidden;
	height: 100%;
}

.container video {
	width: 100%;
	height: auto;
}

@media (min-width: 1201px){
	.background_tiles {
		width: 100%;
		margin-top: -65%;
	}
}
@media (max-width: 1200px){
	.background_tiles {
		width: 1200px;
		margin-top: -750px;
	}
}