#mainImage{
	content: '';
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	height: calc(100vw*1.77 / 5);
	min-height:360px;
	max-height: 750px;
	background-color: #fff;
}
#mainImage IMG{ position:absolute; top:-25px; }

/* SKEWS */
.skewFirstLeft{ background-color: #FA5D07; z-index: 100; position: relative; margin-top:-20px; padding-top: 30px; }
.skewFirstLeft P{ z-index: 15; position: relative; }
.skewFirstLeft:before {	position: absolute;	background-color: inherit; content: ""; min-height: 220px; top: 0; left: 0; margin-top: -3%; transform: skewY(3.2deg); width: 100%; }
.skewFirstRight{ position: relative; background-color: inherit;	z-index:100; padding-bottom: 30px; }
.skewFirstRight:after{ z-index:-10;	position: absolute;	background-color: inherit; content: "";	min-height: 220px; bottom: 0; left: 0; margin-bottom: -3.5%; transform: skewY(-3.2deg);	width: 100%; }
.skewFirstRight * { color:white; }

#whiteSimpleBlock{ background-color: white; position: relative;	width:100%;	margin: 0 0 100px 0; padding: 9% 0 9% 0; color:white; }
#whiteSimpleBlock:before{ position: absolute;	background-color: inherit; content: "";	min-height: 220px; bottom: 0; left: 0; margin-bottom: -3%; transform: skewY(3.2deg); width: 100%;  }
#whiteSimpleBlock DIV.simpleText{	color:#292929; position: relative; }
#whiteSimpleBlock H1{	color:#292929; position: relative; }

.skewLastLeft{ background-color: #888; margin-top:-100px; margin-bottom:-40px; z-index: 100; color:white; position: relative; }
.skewLastLeft:before { position: absolute; background-color: inherit; content: ""; min-height: 200px; top: 0; left: 0; margin-top: -3%; transform: skewY(3.2deg); width: 100%; }
.skewLastRight{ position: relative; background-color: inherit; z-index:100; padding:20px 0; min-height: 200px; color:white; }
.skewLastRight:after{ z-index:-1; position: absolute; background-color: inherit; content: ""; min-height: 200px; bottom: 0; left: 0; margin-bottom: -3.5%; transform: skewY(-3.2deg); width: 100%; }
.skewLastRight * { color:inherit; }

.videoColumn1{  float: left; }
.videoColumn2{ float: right; }
.videoColumn1{ width:560px; height:315px; margin-top:60px; }
.videoColumn2{ width:calc(100% - 640px); margin-top:60px; }
.videoColumn1 iframe{ width: inherit; height: inherit; border:1px solid #292929; }
h2{	margin-top:-2px; margin-bottom: 10px; }
.groupFilter, .groupOthers{ margin-top:10px !important; }
#clipList, #clipListTop{ width: 100%; margin-left:-10px; display: block; }
#clipListTop{ margin-top:70px; }
#clipListTop .clip * { color:#292929; }
#clipList .clip *{ color:white; }
.clip{ padding:10px 0px 20px 10px; float: left; display: inline-block; width: 25%; }
.clip .colC1,
.clip .colC2{ float: left; }
.clip .colC1{ padding-right:25px }
.clip .colC2{ margin-left:15px; width: calc(100% - 165px); height: 150px; line-height: 140px; }
.clip SPAN.txt{ display: inline-block; vertical-align: middle; font-size: 25px; line-height: normal; }
.clip SPAN.txt .small { font-size: 16px; line-height: 23px !important; margin-top: 6px; }

@media only screen and (max-width: 2100px){
	.clip{ width: 33.33%; }
	#clipListTop A:nth-child(4){ display:none; }
}
@media only screen and (max-width: 1900px){
	.clip{ width: 50%; }
	#clipListTop A:nth-child(4){ display:inline-block; }
}
@media only screen and (max-width: 1200px){
	.clip{ width: 100%; }
	#clipListTop{ margin-left: 90px; width:calc(100% - 100px); }
}
@media only screen and (max-width: 900px){
	#clipListTop{ margin-top:40px; }
	.videoColumn1, .videoColumn2{ float: none; width:100%; margin-top:25px; }
	.videoColumn1{ height:447px; }

}
@media only screen and (max-width: 700px){
	.videoColumn1{ height:340px; }
}
@media only screen and (max-width: 600px){
	#clipListTop{ margin-top:40px; margin-left: auto; width:100%; }
	.videoColumn1, .videoColumn2{ float: none; width:100%; margin-top:25px; }
	.videoColumn1{ height:300px; }
}
@media only screen and (max-width: 500px){
	.videoColumn1{ height:194px; }
}