/**
** COMPONENTS & ELEMENTS
** ------------------------------------------
**
**/

/* Responsive Grid */
.grid { clear: both; padding: 0px; margin: 0px; }
.col { display: block; float:left; margin: 1% 0 0% 1.6%; }
.col:first-child { margin-left: 0; }

.colspan_2_of_2 { width: 100%; }
.colspan_1_of_2 { width: 49.2%; }

.colspan_3_of_3 { width: 100%; }
.colspan_2_of_3 { width: 66.1%; }
.colspan_1_of_3 { width: 32.2%; }

.colspan_4_of_4 { width: 100%; }
.colspan_3_of_4 { width: 74.6%; }
.colspan_2_of_4 { width: 49.2%; }
.colspan_1_of_4 { width: 23.8%; }

.colspan_5_of_5 { width: 100%; }
.colspan_4_of_5 { width: 79.68%; }
.colspan_3_of_5 { width: 59.36%; }
.colspan_2_of_5 { width: 39.04%; }
.colspan_1_of_5 { width: 18.72%; }


.row:before, .row:after { content:""; display:table; }
.row:after { clear:both; }

/* RESPONSIVE VIDEO ------------------- */
.videoWrapper {
	position: relative;
	padding-bottom: 51.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width: 100%;
	margin: 0 auto;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Responsive Images ----------------- */
.fluid {
	width: 100%;
	width: auto/9;
	height: auto;
}


/* BUTTON ---------------------------- */
.button {
	background-color: #fff;
	color: #464646 !important;
	border: 2px solid #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 0.882em;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	/*
	-webkit-border-radius: 5px;
	border-radius: 5px;
	*/
	display:inline-block;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	opacity: 1;
	
}
.button:hover {
	text-decoration: none;
	background-color: #eee;
	border: 2px solid #fff;
	border-bottom: 2px solid #fff;
	opacity: 0.75;
	color: #43deef;
}


/* Floats --------------------------- */
.left { float: left; }
.right { float: right; }


/* Clear Fix ------------------------ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* Audio Player ----------------- */
.audiojs {
	width: 270px;
	margin: 0 auto;
	background-image: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.audiojs .play-pause {
	width: 37px;
}

.audiojs .scrubber {
	width: 112px;
}

.audiojs .loaded {
	background-image: none;
}

.audiojs .time {
	float: right;
	border-left: 1px solid #000;
	color: #ddd;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
	font-family: "effra",sans-serif;
	margin-right: 8px;
}





@media only screen and (max-width: 750px) {
	
}

@media only screen and (max-width: 570px) {
	.colspan_2_of_2,
	.colspan_1_of_2,
	
	.colspan_3_of_3,
	.colspan_2_of_3,
	.colspan_1_of_3,
	
	.colspan_4_of_4,
	.colspan_3_of_4,
	.colspan_2_of_4,
	.colspan_1_of_4,
	.colspan_5_of_5,
	.colspan_4_of_5,
	.colspan_3_of_5,
	.colspan_2_of_5,
	.colspan_1_of_5 { width: 100%; margin-left: 0px; margin-top: 20px; }
	
	
	
	
}