.visible {
	visibility:visible;
	opacity:1!important;
}
/*--------------------------- Substrate --------------------------*/

.substrate {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	overflow:hidden;
	width:100%;
}

.substrate img {
	display:block;
	width:100%;
	height:auto;
}

.featured-content .substrate:after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	display:block;
	/*background:url(substrate_bg.png);*/
	content:" ";
}



/* ================================ LAYOUT =========================== */

/*------------------------------ Columns ---------------------------*/

.row {
    margin:0 auto;
	padding:0 30px;
    width:1140px;
}

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

.row:after {
    clear:both;
}

.row .row {
    min-width:0;
    max-width:none;
    width:auto;
}

.column {
    position:relative;
    float:left;
    margin-right: 3.8%;
    min-height:1px;
}

/*.column h1{
	background:#2d68cc;
	color:#fff;
	font-size:19px;
	font-weight:700;
	padding:8px 10px;
	text-transform:uppercase;
	}
.column p{
	background:#2d68cc;
	color:#fff;
	padding:8px 10px;
	}*/
.column h1{
	color:#2d68cc;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:uppercase;
	}

.column h2{
	color:#2d68cc;
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:uppercase;
	}
.column p{
	color:#000;
	font-size: 14px;
	line-height: 29px;
	text-align:left;
	}
.column a.readmore{
	background:#000;
	display:inline-block;
	color:#fff;
	margin-top:30px;
	padding:7px 20px;
	}
.column a.readmore:hover{
	background:#2d68cc;
	}
.column a.readmore span.plus {
	background: url(../../images/iconPlus.png) no-repeat 0 100%;
	}

.row .fivecol { width: 39.45%; }
.row .sevencol { width: 56.75%; }

.last { margin-right: 0px!important; }



/*--------------------------- Content --------------------------*/

.featured-content {
	position:relative;
	overflow:hidden;
}

.featured-content:after {
	position:absolute;
	right:0;
	bottom:-5px;
	left:0;
	z-index:100;
	display:block;
	width:100%;
	height:5px;
	content:" ";
}




/*-------------------------------Pagination------------------------------*/

.pagination {
	position:relative;
	z-index:1;
	float:left;
	overflow:hidden;
}

.pagination a,
.pagination span {
	float:left;
	margin:2em 11px 0 0;
	height:24px;
	color:#888;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	line-height:24px;
}

.pagination span {
	width:24px;
	border:1px solid #ddd;
	text-shadow:0 1px 0 #fff;
}

.pagination a:hover {
	color:#333;
}

.pagination a.next,
.pagination a.prev {
	width:7px;
	background-image:url(images/pagination_arrows.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
	color:transparent;
}

.pagination a.next {
	background-position:-53px 6px;
}

/* =========================== SLIDERS =========================== */

.themex-slider {
	position:relative;
	overflow:hidden;
}

.themex-slider > ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

.themex-slider > ul > li {
	position:relative;
	display:block;
	overflow:hidden;
}

.themex-slider > ul > li.current,
.themex-slider > ul > li:first-child {
	z-index:1;
}

.themex-slider > ul > li > img,
.themex-slider > ul > li > a > img {
	display:block;
	width:100%;
	height:auto;
}

.themex-slider .arrow {
	position:absolute;
	top:50%;
	z-index:100;
	margin-top:-12px;	
	width:32px;
	height:32px;
	cursor:pointer;
}

.themex-slider .arrow-left {
	background:url(../../images/logo/arrowLeft.png) no-repeat;
	left:50px;
}

.themex-slider .arrow-right {
	right:50px;
	background:url(../../images/logo/arrowRight.png) no-repeat;
}

/*------------------------------- Parallax Slider ----------------------------*/

.parallax-slider {	
	overflow:hidden;
	color:#fff;
}

.parallax-slider .substrate {
	width:130%;
}

.parallax-slider > ul {
	overflow:hidden;
	width:10000%;
	opacity:0;
}

.parallax-slider > ul > li {
	display:block;
	float:left;
}



/* ========================= RESPONSIVE STYLES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
	.row {
		width:940px;
	}
}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
	.row {
		width:708px;
	}
}


/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	
	.row .column {
		margin:0 0 3em 0;
		width:100%;
	}
	
	.row .column > .column {
		margin-bottom:1em;
	}
	
	.column.last,
	.courses-listing .column,
	.lessons-listing,
	.formatted-form .column{
		margin-bottom:0;
	}
	
	.site-header .search-form,
	table.cart .coupon,
	.boxed-slider .caption,
	.parallax-slider .substrate,
	.footer-navigation {
		display:none;
	}
	
	.mobile-search-form {
		display:block;
	}
	
	.select-menu,
	.site-header .site-logo,
	.site-footer .copyright,
	.header-navigation {
		float:none;
		width:100%;
	}
	
	.site-header,
	.site-footer {
		text-align:center;
	}
	
	.header-options {
		display:inline-block;
		float:none;
		margin:1em 0 2px 0;
	}
	
	.login-options,
	.share-button,
	.search-form,
	.select-menu {
		text-align:left;
	}
	
	.share-button {
		margin-left:0;
	}
	
	.parallax-slider {
		padding-top:3em;
	}
	
	.parallax-slider .column {
		top:0!important;
	}
	
	.post .post-image ,
	.course-content .course-questions {
		margin-bottom:1.5em;
	}
	
	.vertical-tabs .tabs {
		margin-bottom:1.5em;
		border-width:0;
	}
	
	.vertical-tabs .tabs li {
		margin-top:-1px;
	}
	
	.vertical-tabs .tabs li.current {
		margin-right:0;
		border-right:1px solid #E5E5E5;
	}
	
	.vertical-tabs .panes {
		padding:0;
		border-width:0;
	}
	
	.single-course .related-courses {
		margin-top:1em;
	}
	
	.woocommerce div.product div.images,
	.woocommerce .col2-set .col-2,
	.woocommerce .col2-set .col-1,
	.woocommerce ul.products li.product, 
	.woocommerce div.product div.summary {
		margin-right:0;
		margin-bottom:2em;
		width:100%;
	}
	
	.woocommerce .woocommerce-ordering {
		float:none;
		clear:left;
	}	
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {
	.row {
		padding:0 15px;
		width:450px;
	}
	
	.featured-content .substrate {
		width:500%;
	}
}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {
	.row {
		padding:0 15px;
		width:290px;
	}	
	
	.featured-content .substrate {
		width:700%;
	}
	
}