.section {
	clear: both;
	padding: 0%;
	margin: 0%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1%;
	text-align:center;
	line-height:2;
}
img {
	max-width: 100%;
	height: auto;
	border-radius:5px;
}
.boxed > .col > img { width:100%; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.boxed { max-width:1200px; margin:auto; line-height:2; padding:20px; background:rgba(0,0,0,0.7); border-radius:5px; margin-bottom:30px !important;}
.boxed > .col { text-align:justify; }
.navigation-responsive { display:none; height:30px; width:100%; color:#c40000; margin-bottom:20px; border-radius:5px; text-indent:15px; }

/*  GRID OF TWELVE  */
.w12 {
	width: 98%;
}

.w11 {
	width: -webkit-calc(100% - (100% / 12) - 2%);
	width: -moz-calc(100% - (100% / 12) - 2%);
	width: -ms-calc(100% - (100% / 12) - 2%);
	width: -o-calc(100% - (100% / 12) - 2%);
	width: calc(100% - (100% / 12) - 2%);
}
.w10 {
	width: -webkit-calc(100% - (100% / 6) - 2%);
	width: -moz-calc(100% - (100% / 6) - 2%);
	width: -ms-calc(100% - (100% / 6) - 2%);
	width: -o-calc(100% - (100% / 6) - 2%);
	width: calc(100% - (100% / 6) - 2%);
}

.w9 {
	width: -webkit-calc(100% - (100% / 4) - 2%);
	width: -moz-calc(100% - (100% / 4) - 2%);
	width: -ms-calc(100% - (100% / 4) - 2%);
	width: -o-calc(100% - (100% / 4) - 2%);
	width: calc(100% - (100% / 4) - 2%);
}

.w8 {
	width: -webkit-calc(100% - (100% / 3) - 2%);
	width: -moz-calc(100% - (100% / 3) - 2%);
	width: -ms-calc(100% - (100% / 3) - 2%);
	width: -o-calc(100% - (100% / 3) - 2%);
	width: calc(100% - (100% / 3) - 2%);
}

.w7 {
	width: -webkit-calc(100% - (100% / 3) - (100% / 12) - 2%);
	width: -moz-calc(100% - (100% / 3) - (100% / 12) - 2%);
	width: -ms-calc(100% - (100% / 3) - (100% / 12) - 2%);
	width: -o-calc(100% - (100% / 3) - (100% / 12) - 2%);
	width: calc(100% - (100% / 3) - (100% / 12) - 2%);
}

.w6 {
	width: -webkit-calc((100% / 2) - 2%);
	width: -moz-calc((100% / 2) - 2%);
	width: -ms-calc((100% / 2) - 2%);
	width: -o-calc((100% / 2) - 2%);
	width: calc((100% / 2) - 2%);
}

.w5 {
	width: -webkit-calc((100% / 2) - (100% / 12) - 2%);
	width: -moz-calc((100% / 2) - (100% / 12) - 2%);
	width: -ms-calc((100% / 2) - (100% / 12) - 2%);
	width: -o-calc((100% / 2) - (100% / 12) - 2%);
	width: calc((100% / 2) - (100% / 12) - 2%);
}

.w4 {
	width: -webkit-calc((100% / 3) - 2%);
	width: -moz-calc((100% / 3) - 2%);
	width: -ms-calc((100% / 3) - 2%);
	width: -o-calc((100% / 3) - 2%);
	width: calc((100% / 3) - 2%);
}

.w3 {
	width: -webkit-calc((100% / 4) - 2%);
	width: -moz-calc((100% / 4) - 2%);
	width: -ms-calc((100% / 4) - 2%);
	width: -o-calc((100% / 4) - 2%);
	width: calc((100% / 4) - 2%);
}

.w2 {
	width: -webkit-calc((100% / 6) - 2%);
	width: -moz-calc((100% / 6) - 2%);
	width: -ms-calc((100% / 6) - 2%);
	width: -o-calc((100% / 6) - 2%);
	width: calc((100% / 6) - 2%);
}

.w1 {
	width: -webkit-calc((100% / 12) - 2%);
	width: -moz-calc((100% / 12) - 2%);
	width: -ms-calc((100% / 12) - 2%);
	width: -o-calc((100% / 12) - 2%);
	width: calc((100% / 12) - 2%);
}

.tabs-menu { padding:0; margin: 0; text-align: center; }
.tabs-menu li { display: inline-block; list-style:none; white-space: nowrap; text-align: center; }
.tabs-menu li a { display: block; height: 100%; padding:10px; }
.tabs-menu li:hover, .tabs-menu li.current { background: #c00; }
.tabs-menu li:hover a, .tabs-menu li.current a { color: #fff; text-decoration: none; }
.tabs-menu li a img { height:120px; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mobileInfo { display: none; }

/*  GO FULL WIDTH BELOW 800 PIXELS */
@media only screen and (max-width: 800px) {
	.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
		width: 98%;
	}
	#tubular-container,
	#tubular-player,
	#tubular-shield,
	#video-controls,
	.tubularcontrol { 
	display: none;
	width: 0;
	height: 0;
	position: fixed;
	top: -5000px;
	}
	
	.mobileInfo { display: block; }

	.navigation { display:none !important; }
	.navigation-responsive { display:block; }
	h1 { padding: 0 !important; background: none !important; }
	.tabs-menu li a img { height: 50px; }
	.tabs-menu li a { padding:5px 10px; }
}
/* -------------------------------------------------- GRID -------------------------------------------------- */