/* 	--------------------------------------------------
    uSkinned.net

	LAYOUT
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 GENERAL
	2.0 HEADER
	3.0 CONTENT
	4.0 FOOTER
		4.1 FOOTER NAV
	5.0 NAVIGATION
		5.1 MAIN NAV
		5.3 TOP NAV
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 PROMO PODS
	7.0 LISTING
		7.1 BLOG LISTING
		7.2 SEARCH LISTING
		7.3 SECTION LISTING
		7.4 GRID LISTING
	8.0 SITE WIDE PODS
		8.1 BLOCKQUOTE POD
		8.2 CODE POD
		8.3 GENERAL POD
		8.4 IMAGE POD
		8.5 LISTING POD
		8.6 NEWSLETTER POD
		8.7 VIDEO POD
	9.0 PAGE COMPONENT
		9.1 TABBED
		9.2 ACCORDION
		9.3 QUOTES
		9.4 IMAGES
		9.5 GALLERY
		9.6 RESOURCES
		9.7 TABLES
		9.8 COMMENTS
		9.9 AUTHOR BIO
		9.10 IMAGE SLIDESHOW
	10.0 ADVANCED PAGE COMPONENT
		10.1 BANNER
		10.2 CTA STRIP  
    	10.3 PROMO PODS  
	    10.4 VIDEO 
	    10.5 TEXT WITH IMAGE / VIDEO  
	    10.6 TEXT WITH FORM  
	    10.7 BLOG WITH FORM  
	    10.8 TABBED LISTING  
	    10.9 STANDARD COMPONENTS
	    10.10 GRID
	11.0 FORMS
		11.1 SITE SEARCH
		11.2 AJAX LOADING
		11.3 COOKIES
	12.0 MISC
		12.1 OVERLAY ICONS
	
	
	COLOURS 
	
	c1	#ed6d19		237,109,25
	c2	#cccccc		204,204,204
	c3	#181818		24,24,24
	c4	#f4f4f4		244,244,244
	c5 	#ffffff		255,255,255
	c6  #e3e3e3		227,227,227
	
*/

/*
	
	BOOTSTRAP BREAKPOINTS
	
	.col-xs-	< 768px		(container width 100%)
	.col-sm-	> 768px		(container width 750px)
	.col-md-	> 992px		(container width 970px)
	.col-lg-	> 1200px	(container width 1170px)
	
*/



/*	----------------------------------------------------------------------------------------------------
	1.0 GENERAL
	---------------------------------------------------------------------------------------------------- */

body {
	position: relative;
	color: #555555;
	padding-top: 90px;
	/*background-color:#f4f4f4; background-color:rgba(244,244,244,1);
		
    	-webkit-animation-duration: 0.5s;
    	animation-duration: 0.5s;
    	-webkit-animation-name: fadeIn;
    	animation-name: fadeIn;*/
}

@media (min-width:768px) {

	body {
		/*padding-top:160px;*/
	}
}

#site {
	position: relative;
	z-index: 2;
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
	/*box-shadow:0 0 100px rgba(0,0,0,0.1);*/
}

.vmgBtn {
	position: absolute;
	top: 32px;
	left: -54px;
}

@media (max-width: 767px) {
	.vmgBtn {
		overflow: hidden;
		width: 90px;
		position: absolute;
		right: inherit;
		left: 136px;
		top: 25px;
		border-left: 1px solid red;
	}

	.vmgBtn__img {
		position: relative;
		left: -117px;
		width: 200px;
		max-width: initial;
	}
}

@media (min-width: 768px) {
	.vmgBtn {
		position: absolute;
		top: 25px;
		right: 85px;
		left: auto;
		width: 210px;
	}
}

@media (min-width: 992px) {
	.vmgBtn {
		top: 41px;
		right: 15px;
	}

	.vmgBtn__img {
	}
}



/*	----------------------------------------------------------------------------------------------------
	2.0 HEADER
	---------------------------------------------------------------------------------------------------- */

header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	min-height: 90px;
	z-index: 500;
	overflow: visible;
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
	-ms-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}

html.reveal-out header {
	bottom: 0;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 90px 0 20px;
}

html.nav-up header {
	top: -100px;
}

html.nav-down header {
	top: 0;
}

html.nav-up header,
html.nav-down header {
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

html.nav-down.reached-top header {
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
	-ms-box-shadow: 0 1px 0 rgba(0,0,0,0);
	box-shadow: 0 1px 0 rgba(0,0,0,0);
}

html.reveal-out header, html.nav-down.reached-top.reveal-out header {
	background-color: #181818;
	background-color: rgba(24,24,24,1);
}

header #logo {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 501;
}

	header #logo a {
		display: block;
		text-indent: -9999px;
	}

		header #logo a:active {
			position: relative;
			top: 1px;
		}


@media (min-width:480px) and (max-width:767px) {

	header .container {
		width: 100%;
	}
}

@media (min-width:992px) {
	/* CHANGED BREAKPOINT FOR NAV - 768px to 992px */
	header {
		-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
		-ms-box-shadow: 0 1px 0 rgba(0,0,0,0);
		box-shadow: 0 1px 0 rgba(0,0,0,0);
	}

	html.reveal-out header {
		padding: 0;
		overflow: visible;
		bottom: auto;
	}

	html.reveal-out header,
	header,
	header .container {
		/*height:160px;*/
	}

		header .container {
			position: relative;
		}

		header #logo {
			top: 20px;
		}
}

@media (min-width:1200px) {
}



/*	----------------------------------------------------------------------------------------------------
	3.0 CONTENT
	---------------------------------------------------------------------------------------------------- */

.content {
	padding: 16px 0;
}

	.content.short {
		padding: 8px 0;
	}

@media (max-width:767px) {

	.content #left-col,
	.content #right-col,
	.content #mid-col {
		padding-bottom: 24px;
	}
}

@media (min-width:768px) {

	.content {
		padding: 24px 0;
	}
}

@media (min-width:992px) {

	.content {
		padding: 32px 0;
	}
}

@media (min-width:1200px) {

	.content {
		padding: 48px 0;
	}
}



/*	----------------------------------------------------------------------------------------------------
	4.0 FOOTER
	---------------------------------------------------------------------------------------------------- */

footer {
	padding: 16px 0;
}

	footer, footer a,
	footer a:hover, footer a:focus, footer a:active {
	}

		footer p:not(.heading) {
			font-size: 14px;
		}

		footer .company-details,
		footer .quick-links {
			margin-bottom: 32px;
		}

@media (min-width:768px) {

	footer .company-details,
	footer .quick-links {
		margin-bottom: 0;
	}
}

@media (min-width:768px) and (max-width:991px) {

	footer {
		padding: 24px 0;
	}
}

@media (min-width:992px) {

	footer {
		padding: 32px 0 80px;
	}

		footer a:hover {
			text-decoration: none;
			-webkit-opacity: 0.6;
			-moz-opacity: 0.6;
			-ms-opacity: 0.6;
			opacity: 0.6;
		}

		footer p.heading {
			font-size: 22px;
		}
}

@media (min-width:1200px) {

	footer {
		padding: 48px 0 80px;
	}
}



/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */

html.reveal-out {
	overflow: hidden;
}

.navigation {
	position: relative;
	z-index: 5;
}

html.reveal-out .navigation {
	overflow: auto;
}

.navigation .reveal {
	display: none;
}

html.reveal-out .navigation .reveal {
	display: block;
}

header a.expand {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 300;
	width: 60px;
	height: 60px;
	display: block;
	/*text-indent:-9999px;*/
	text-decoration: none;
	cursor: pointer;
	background-color: #ed6d19;
	background-color: rgba(237,109,25);
	left: 0;
}

	header a.expand em {
		display: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
	}

	header a.expand span {
		display: block;
		width: 30px;
		height: 3px;
		position: absolute;
		right: 15px;
		background-color: #ffffff;
		background-color: rgba(255,255,255,1);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		opacity: 1;
		-webkit-transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
		-moz-transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
		-ms-transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
		transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
	}

	header a.expand.active span {
		-webkit-transition: transform 0.3s ease-in-out 0.2s, opacity 0.2s ease-in-out 0s, left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0s;
		-moz-transition: transform 0.3s ease-in-out 0.2s, opacity 0.2s ease-in-out 0s, left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0s;
		-ms-transition: transform 0.3s ease-in-out 0.2s, opacity 0.2s ease-in-out 0s, left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0s;
		transition: transform 0.3s ease-in-out 0.2s, opacity 0.2s ease-in-out 0s, left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0s;
	}

	header a.expand span.top {
		top: 21px;
	}

	header a.expand span.mid {
		top: 29px;
	}

	header a.expand span.bottom {
		top: 37px;
	}

	header a.expand.active span.mid {
		width: 0;
	}

	header a.expand.active span.top,
	header a.expand.active span.bottom {
		top: 29px;
	}

	header a.expand.active span.top {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}

	header a.expand.active span.bottom {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}


@media (min-width:992px) {

	html.reveal-out {
		overflow: auto;
	}

		html.reveal-out .navigation {
			overflow: visible;
		}

	header a.expand {
		display: none;
	}

	.navigation .reveal { /* CHANGED BREAKPOINT FOR NAV - 768px to 992px */
		display: block;
	}
}



/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */

.navigation nav.main {
	padding: 0 0 20px;
}

	.navigation nav.main > ul {
		border-width: 0 0 1px;
		border-style: solid;
		border-color: rgba(255,255,255,0.2);
	}

	.navigation nav.main ul > li {
		position: relative;
		border-width: 1px 0 0;
		border-style: solid;
		border-color: rgba(255,255,255,0.2);
	}

	.navigation nav.main li a {
		display: block;
		padding: 18px 40px 0 15px;
		color: #ffffff;
		color: rgba(255,255,255,1);
		min-height: 50px;
		-webkit-transition: background-color 0.3s ease-in-out 0s;
		-moz-transition: background-color 0.3s ease-in-out 0s;
		-ms-transition: background-color 0.3s ease-in-out 0s;
		transition: background-color 0.3s ease-in-out 0s;
	}

	.navigation nav.main li > a:hover {
		color: #ffffff;
		color: rgba(255,255,255,1);
	}

	.navigation nav.main li > a.active, .navigation nav.main li > a.active:hover {
		color: #ffffff;
		color: rgba(255,255,255,1);
		background-color: rgba(255,255,255,0.2);
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
		-ms-opacity: 0.6;
		opacity: 0.6;
	}

	.navigation nav.main ul li i {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		text-align: center;
		color: #ffffff;
		color: rgba(255,255,255,1);
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
	}

	.navigation nav.main ul li i {
		width: 50px;
		min-height: 50px;
		padding-top: 16px;
		font-size: 20px;
	}

	.navigation nav.main ul li ul li i {
	}

	.navigation nav.main ul li.open > i {
		transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
	}

	.navigation nav.main ul ul {
		font-size: 16px;
		display: none;
	}

	.navigation nav.main ul li.open > ul {
		display: block;
	}

	.navigation nav.main ul li.open {
		background-color: rgba(24,24,24,0.2);
	}


@media (min-width:992px) { /* CHANGED BREAKPOINT FOR NAV - 768px to 992px */

	.navigation,
	.navigation nav.main,
	.navigation nav.main ul,
	.navigation nav.main ul li {
		z-index: 500;
		position: relative;
		overflow: visible;
	}

		.navigation nav.main {
			position: absolute;
			top: 0px;
			right: 15px;
			left: 15px;
			height: 60px;
			background-color: #fff;
			background-color: #f8f7ee;
		}
	/* Takes the nav bg to the edge */
	header::after {
		content: "";
		display: block;
		width: 100%;
		height: 120px;
		position: absolute;
		top: 0px;
		left: 0;
		background-color: #fff;
		background-color: #f8f7ee;
		border-bottom: 1px solid #ddd;
	}

	.navigation nav.main > ul {
		line-height: 0;
		overflow: visible;
		border: 0 none;
	}

	.navigation nav.main ul > li {
		float: left;
		position: relative;
		z-index: 1000;
		border: 0 none;
	}

	.navigation nav.main ul li {
		line-height: 1;
	}

	.navigation nav.main > ul > li > a {
		height: 60px;
		padding: 0;
	}

	.navigation nav.main ul > li:hover,
	.navigation nav.main ul > li:not(.has-child) a:not(.active):hover {
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
	}

	.navigation nav.main ul > li:not(.has-child):hover {
		background: none;
	}

	.navigation nav.main ul li a span {
		display: block;
		padding: 23px 9px;
	}

	.navigation nav.main > ul > li.has-child > a span {
		display: block;
        padding: 23px 9px;
	}

	.navigation nav.main ul li.has-child i {
		background: none;
		color: #ffffff;
		color: rgba(255,255,255,1);
	}

	.navigation nav.main > ul > li.has-child > i {
		font-size: 15px;
		top: 0;
		right: -5px;
		height: 60px;
		padding-top: 22px;
	}


	/* DROPDOWN */
	.navigation nav.main ul ul {
		position: absolute;
		top: 60px;
		left: -999em;
		z-index: 2000;
		width: 240px;
		height: auto;
		display: block;
		text-align: left;
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
		-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
		-ms-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
		box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	}

	.navigation nav.main ul li ul {
		font-size: 14px;
	}

		.navigation nav.main ul li ul li {
			display: block;
			float: none;
			padding: 0;
			margin: 0;
		}

		.navigation nav.main ul li ul a {
			padding: 0;
		}

			.navigation nav.main ul li ul a::before {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 3px;
				height: 100%;
				background-color: rgba(255,255,255,0.2);
			}

			.navigation nav.main ul li ul a:hover::before {
				background-color: rgba(255,255,255,0.4);
			}

			.navigation nav.main ul li ul a.active::before {
				background-color: rgba(24,24,24,1);
			}

			.navigation nav.main ul li ul a span {
				display: block;
				padding: 18px 15px;
			}

		.navigation nav.main ul li ul li i {
			font-size: 15px;
			height: auto;
			padding-top: 18px;
		}

	.navigation nav.main ul ul ul {
		top: 0;
		left: -999em;
	}

	.navigation nav.main ul li.has-child.open {
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
	}

	.navigation nav.main ul li.has-child ul a:hover {
		background-color: rgba(24,24,24,0.1);
	}

	.navigation nav.main ul li.open ul {
		left: 0;
	}

		.navigation nav.main ul li.open ul ul {
			left: -999em;
		}

	.navigation nav.main ul ul li.open ul {
		left: 240px;
	}
}

@media (min-width:992px) {
}

@media (min-width:992px) and (max-width:1199px) {

	.navigation nav.main ul li.has-child a {
		position: relative;
		z-index: 1;
	}

	.navigation nav.main ul li.has-child i {
		z-index: 100;
	}
}

@media (min-width:1200px) {

	.navigation nav.main ul li.has-child a {
		position: relative;
		z-index: 2;
	}

	.navigation nav.main ul li.has-child i {
		z-index: 1;
	}

	.navigation nav.main ul li.has-child:hover > i {
		transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
	}

	.navigation nav.main ul li.has-child:hover {
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
	}

	.navigation nav.main ul li:hover ul {
		left: 0;
	}

		.navigation nav.main ul li:hover ul ul {
			left: -999em;
		}

	.navigation nav.main ul ul li:hover ul {
		left: 240px;
	}
}



/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */

.navigation nav.top {
	padding: 15px 0 0 15px;
}

	.navigation nav.top > ul,
	.navigation nav.top ul .dropdown-menu {
		font-size: 14px;
	}

	.navigation nav.top ul > li {
		display: block;
		margin: 15px 0;
	}

	.navigation nav.top li a {
		color: #ffffff;
		color: rgba(255,255,255,1);
	}

@media (min-width:0) and (max-width:767px) {

	.navigation nav.top ul .dropdown-menu {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		float: none !important;
		width: auto;
		background: none;
		border: 0 none;
		box-shadow: none;
	}

		.navigation nav.top ul .dropdown-menu li a {
			padding: 0;
			background: none !important;
		}
}

@media (min-width:768px) {

	.navigation nav.top {
		position: absolute;
		top: 0;
		right: 15px;
		padding: 0;
	}

		.navigation nav.top > ul,
		.navigation nav.top ul .dropdown-menu {
			font-size: 12px;
		}

		.navigation nav.top ul > li {
			display: block;
			float: left;
			margin: 0 0 0 10px;
		}

		.navigation nav.top li a {
			display: block;
			padding: 13px 0 5px;
			height: 40px;
			color: #ed6d19;
			color: rgba(237,109,25,1);
		}

		.navigation nav.top ul .dropdown-menu {
			top: 30px;
			right: 0;
			margin: 0;
			padding: 0;
		}

			.navigation nav.top ul .dropdown-menu li {
				margin: 0;
				float: none;
			}

				.navigation nav.top ul .dropdown-menu li a {
					display: block;
					padding: 10px 10px 12px;
					height: auto;
				}
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}



/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */

nav.sub {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-bottom: 30px;
}

	nav.sub p.heading {
		font-size: 18px;
		margin: 0;
		border-width: 0 0 1px;
		border-style: solid;
		border-color: #e3e3e3;
		border-color: rgba(227,227,227,1);
	}

		nav.sub.categories p.heading,
		nav.sub p.heading a {
			display: block;
			color: #181818;
			color: rgba(24,24,24,1);
		}

	nav.sub ul {
		margin: 0;
	}

		nav.sub ul ul {
			font-size: 16px;
		}

		nav.sub ul li {
			position: relative;
		}

			nav.sub ul li a {
				display: block;
				padding: 10px 0;
				background: transparent;
				-webkit-transition: all 0.2s ease-in-out 0s;
				-moz-transition: all 0.2s ease-in-out 0s;
				-ms-transition: all 0.2s ease-in-out 0s;
				transition: all 0.2s ease-in-out 0s;
			}

				nav.sub ul li a:hover {
					padding-left: 3px;
				}

			/* ACTIVE */
			nav.sub ul li.active > a {
				color: #181818;
				color: rgba(24,24,24,1);
			}

		nav.sub ul ul {
			font-size: 13px;
		}

			nav.sub ul ul li a {
				padding: 6px 0 6px 10px;
				font-weight: 400;
			}

				nav.sub ul ul li a:hover {
					padding-left: 13px;
				}

			nav.sub ul ul li::before {
				content: "";
				position: absolute;
				top: 12px;
				left: 0;
				width: 5px;
				height: 1px;
				background-color: rgba(24,24,24,0.2);
			}

		nav.sub ul li a {
		}

		nav.sub ul li.active, nav.sub ul li.active > a, nav.sub ul li.active > a:hover, nav.sub ul li.active > a, nav.sub ul li.active > a:hover {
			font-family: 'montserratregular', sans-serif;
			font-weight: normal;
		}

			nav.sub ul li.active > a, nav.sub ul li.active > a:hover, nav.sub ul li.active > a, nav.sub ul li.active > a:hover {
				padding-left: 0;
			}

		nav.sub ul ul li.active > a, nav.sub ul ul li.active > a:hover, nav.sub ul ul li.active > a, nav.sub ul ul li.active > a:hover {
			padding-left: 10px;
		}

		nav.sub ul li a:hover, nav.sub ul ul li a:hover {
		}



/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

.breadcrumb-trail {
	overflow: hidden;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: rgba(24,24,24,0.1);
}

	.breadcrumb-trail ol {
		padding: 0;
		margin: 0;
		background: transparent;
		font-size: 14px;
	}

		.breadcrumb-trail ol li {
			display: block;
		}

.breadcrumb-trail {
	height: 60px;
}

	.breadcrumb-trail ol li {
		position: relative;
	}

		.breadcrumb-trail ol li::before,
		.breadcrumb-trail ol li::after {
			content: "";
			position: absolute;
			top: -7px;
			right: 15px;
			width: 1px;
			height: 40px;
			background-color: rgba(24,24,24,0.1);
			-webkit-transform: rotate(-30deg);
			-moz-transform: rotate(-30deg);
			-ms-transform: rotate(-30deg);
			transform: rotate(-30deg);
		}

		.breadcrumb-trail ol li::after {
			top: auto;
			bottom: -7px;
			-webkit-transform: rotate(30deg);
			-moz-transform: rotate(30deg);
			-ms-transform: rotate(30deg);
			transform: rotate(30deg);
		}

		.breadcrumb-trail ol li.active {
			background: none;
			padding-left: 10px;
			opacity: 0.6;
		}

			.breadcrumb-trail ol li.active::before,
			.breadcrumb-trail ol li.active::after {
				display: none;
			}

		.breadcrumb-trail ol li,
		.breadcrumb-trail ol li a {
			display: inline-block;
			height: 60px;
			color: rgba(24,24,24,0.6);
		}

			.breadcrumb-trail ol li a {
				padding: 24px 40px 0 10px;
				font-weight: 400;
				color: rgba(24,24,24,1);
			}

			.breadcrumb-trail ol li:first-child a {
				padding-left: 0;
			}



/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */

nav#pagination {
	margin: 20px 0 0;
}

	nav#pagination.post {
		margin-bottom: 30px;
	}

	nav#pagination .pagination {
		overflow: hidden;
		height: 100%;
		margin: 0;
		display: block;
		font-size: 0;
	}

.listing.shop nav#pagination {
	margin: 0;
}

	.listing.shop nav#pagination .pagination {
		border: 0 none;
	}

nav#pagination .pagination li {
	border: 0 none;
	display: inline-block;
	font-size: 14px;
	margin: 0 2px;
}

	nav#pagination .pagination li.prev,
	nav#pagination .pagination li.next {
		float: left;
	}

	nav#pagination .pagination li.next {
		float: right;
	}

	nav#pagination .pagination li a {
		border-width: 1px;
		border-style: solid;
		border-color: #e3e3e3;
		border-color: rgba(227,227,227,1);
		padding: 13px 20px;
		color: #ed6d19;
		color: rgba(237,109,25,1);
	}

	nav#pagination .pagination li:not(.active) a:hover {
		color: #ffffff;
		color: rgba(255,255,255,1);
		background-color: #ed6d19;
		background-color: rgba(237,109,25,1);
	}

	nav#pagination .pagination li.prev,
	nav#pagination .pagination li.next {
		margin: 0;
	}

	nav#pagination .pagination li.active a {
		font-weight: bold;
		color: #ffffff;
		color: rgba(255,255,255,1);
		background-color: #181818;
		background-color: rgba(24,24,24,1);
	}



/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */

nav.sitemap {
	overflow: hidden;
	height: 100%;
	position: relative;
}

	nav.sitemap ul {
		margin: 0;
		padding: 0 0 8px;
	}

		nav.sitemap ul li {
			display: block;
			padding: 0;
			margin: 0;
			background: url('/images/bg/sitemap-line.png') no-repeat left -31px;
		}

		nav.sitemap ul ul {
			margin-left: 16px;
		}



/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */

nav.social {
	margin-bottom: 30px;
}

	nav.social ul {
		line-height: 0;
	}

		nav.social ul li {
			display: inline-block;
			position: relative;
			margin: 0 2px 5px 0;
		}

			nav.social ul li a {
				display: block;
				float: left;
				text-indent: -9999px;
				width: 40px;
				height: 40px;
				background-image: url('../images/icons/social.png');
			/*	background-image: url('/images/icons/social.png');*/
				background-repeat: no-repeat;
			}

			nav.social ul li.first a {
			}

			nav.social ul li.last a {
			}

			nav.social ul li.facebook a {
				background-position: left top;
			}

			nav.social ul li.twitter a {
				background-position: left -40px;
			}

			nav.social ul li.linkedin a {
				background-position: left -80px;
			}

			nav.social ul li.google_plus a {
				background-position: left -120px;
			}

			nav.social ul li.pinterest a {
				background-position: left -160px;
			}

			nav.social ul li.instagram a {
				background-position: left -200px;
			}

			nav.social ul li.flickr a {
				background-position: left -240px;
			}

			nav.social ul li.tumblr a {
				background-position: left -280px;
			}

			nav.social ul li.vimeo a {
				background-position: left -320px;
			}

			nav.social ul li.youtube a {
				background-position: left -360px;
			}

			nav.social ul li.dribble a {
				background-position: left -400px;
			}

			nav.social ul li.skype a {
				background-position: left -440px;
			}

			nav.social ul li.rss a {
				background-position: left -480px;
			}



/*  --------------------------------------------------
    5.8 QUICK LINKS           
    -------------------------------------------------- */

.quick-links {
}

	.quick-links ul {
	}

		.quick-links ul li {
			margin-bottom: 10px;
		}

			.quick-links ul li a {
				display: block;
				padding-left: 10px;
			}

				.quick-links ul li a::after {
					content: "";
					position: absolute;
					top: 7px;
					left: 15px;
					display: block;
					width: 5px;
					height: 1px;
					background-color: rgba(24,24,24,0.3);
				}

@media (min-width:992px) {

	.quick-links ul li a:hover {
		padding-left: 13px;
	}
}



/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */

nav.footer {
	padding: 80px 0 0;
}

	nav.footer ul {
		font-size: 11px;
	}

		nav.footer ul li {
			display: block;
			padding: 10px 0;
		}

			nav.footer ul li a,
			nav.footer ul li div {
				display: inline;
				padding: 0;
				Line-height: 1.6;
				word-wrap: break-word;
			}

			nav.footer ul li.site-credit a {
			}

footer nav.footer ul li.site-credit a,
footer nav.footer ul li.site-credit a:hover, footer nav.footer ul li.site-credit a:focus, footer nav.footer ul li.site-credit a:active {
	color: #ed6d19;
	color: rgba(237,109,25,1);
}

ul.helplines p {
	line-height: 0.4;
}

@media (min-width:768px) {

	nav.footer ul li {
		margin: 0 8px 0 0;
		padding: 0;
		display: inline-block;
	}

		nav.footer ul li.site-credit {
			clear: both;
			display: block;
			padding: 40px 0 0;
		}
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) {

	nav.footer ul li a:hover {
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
		-ms-opacity: 0.6;
		opacity: 0.6;
	}

	nav.footer ul li.site-credit {
		float: right;
		clear: none;
		padding: 0;
	}
}



/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */

.slick-prev, .slick-next {
	display: table;
}

	.slick-prev i, .slick-next i {
		position: relative;
		margin: 0 !important;
		display: block;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}

.slick-prev, .slick-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 42.5%;
	z-index: 200;
	background: none;
	border: 0 none;
	cursor: pointer;
	background-color: rgba(237,109,25,0.8);
	color: #ffffff;
	color: rgba(255,255,255,1);
}

.slick-prev {
	left: 0;
	background-color: rgba(237,109,25,0.4);
}

.slick-next {
	right: 0;
}

	.slick-prev:hover, .slick-next:hover {
		background-color: rgba(237,109,25,1);
	}

	.slick-prev i, .slick-next i {
		font-size: 20px;
	}

ul.slick-dots {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
}

	ul.slick-dots li {
		margin: 0 5px;
		display: inline-block;
		width: 10px;
		height: 10px;
	}

		ul.slick-dots li button {
			border-radius: 50%;
			width: 12px;
			height: 12px;
			background-color: rgba(24,24,24,0.4);
			-webkit-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
			-moz-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
			-ms-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
			transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
		}

		ul.slick-dots li.slick-active button {
			background-color: #181818;
			background-color: rgba(24,24,24,1);
		}

.banner ul.slick-dots li button,
.c1-bg ul.slick-dots li button, .c2-bg ul.slick-dots li button, .c3-bg ul.slick-dots li button {
	background-color: rgba(255,255,255,0.4);
}

.banner ul.slick-dots li.slick-active button,
.c1-bg ul.slick-dots li.slick-active button, .c2-bg ul.slick-dots li.slick-active button, .c3-bg ul.slick-dots li.slick-active button {
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}

.image-carousel ul.slick-dots {
	position: relative;
	bottom: auto;
	top: 19px;
	display: none !important;
}

@media (min-width:768px) {

	.image-carousel .slick-prev, .image-carousel .slick-next {
		top: 35%;
	}
}


@media (min-width:992px) {

	.banner .slick-prev, .banner .slick-next {
		width: 50px;
		height: 50px;
	}

	.image-carousel .slick-prev, .image-carousel .slick-next {
		top: 36.5%;
	}

	.image-carousel ul.slick-dots {
		display: block !important;
	}
}



/*  ----------------------------------------------------------------------------------------------------
    6.0 PROMO PODS         
    ---------------------------------------------------------------------------------------------------- */

.promo-pods {
	position: relative;
	overflow: hidden;
	height: 100%;
}

	.promo-pods .item {
		position: relative;
		margin-bottom: 24px;
	}

		.promo-pods .item a:hover .heading,
		.promo-pods .item a:hover .text {
			text-decoration: none;
		}

		.promo-pods .item .image {
			margin: 0 0 15px;
		}

		.promo-pods .item img {
			overflow: hidden;
		}

		.promo-pods .item a {
		}

		.promo-pods .item .heading {
			display: block;
			margin: 0 0 10px;
			font-size: 16px;
			text-decoration: none;
		}

		.promo-pods .item .text {
			display: block;
			margin-bottom: 20px;
		}

			.promo-pods .item .text p {
				margin: 0;
			}

		.promo-pods .item .link {
			margin: 0;
		}

			.promo-pods .item .link a {
				height: 150px;
				width: 100%;
			}

@media (min-width:480px) and (max-width:767px) {

	.promo-pods .item {
		width: 50% !important;
		float: left !important;
	}
}

@media (min-width:992px) {
}

@media (min-width:1200px) {

	.promo-pods .item .heading {
		font-size: 18px;
	}
}



/*  ----------------------------------------------------------------------------------------------------
    7.0 LISTING   
    ---------------------------------------------------------------------------------------------------- */

.listing {
	overflow: hidden;
	height: 100%;
	position: relative;
}

.apc .listing {
	padding: 0;
	margin: 0;
}

.listing .item {
	padding-bottom: 16px;
	margin-bottom: 24px;
}

	.listing .item a {
	}

	.listing .item .image {
		margin-bottom: 15px;
	}

	.listing .item .heading {
		display: block;
		font-size: 16px;
		margin: 0 0 8px;
	}

	.listing .item .text {
		display: block;
		margin: 0 0 16px;
	}

		.listing .item .meta a,
		.listing .item .text a {
			display: inline;
		}


@media (max-width:767px) {

	.spc.listing .item .pull-right {
		float: none;
		text-align: left;
	}
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {

	.listing .item .heading {
		font-size: 18px;
	}
}


/*  --------------------------------------------------
    7.1 BLOG LISTING   
    -------------------------------------------------- */

.listing.blog {
}

	.listing.blog .item .image {
		margin-bottom: 16px;
	}

div.meta {
	margin: 30px 0;
}

.listing div.meta {
	margin: 0;
}

.meta .author-date {
	padding-bottom: 10px;
}

div.meta .inner {
}

.item div.meta {
	margin-top: 40px;
}

.small .item div.meta {
	margin-top: 20px;
}

div.meta .categories {
	padding-top: 10px;
}

@media (min-width:768px) {

	div.meta .categories {
		padding-top: 0;
	}
}

@media (min-width:992px) {

	.listing.blog .item .heading {
		font-size: 20px;
	}
}

@media (min-width:1200px) {

	.listing.blog .item .heading {
		font-size: 24px;
	}
}



/*  --------------------------------------------------
    7.2 SEARCH LISTING   
    -------------------------------------------------- */

.listing.search {
	margin-top: 30px;
}




/*  --------------------------------------------------
    7.3 SECTION LISTING   
    -------------------------------------------------- */

.listing.section {
	margin-top: 30px;
}



/*  --------------------------------------------------
    7.4 GRID LISTING   
    -------------------------------------------------- */

.listing.grid {
}

	.listing.grid .item {
		margin-bottom: 30px;
		padding-bottom: 0;
		overflow: hidden;
	}

		.listing.grid .item .image {
		}

			.listing.grid .item .image img {
				width: auto;
			}

@media (min-width:480px) and (max-width:767px) {

	.listing.grid .item {
		width: 50% !important;
		float: left !important;
	}
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}


/*  ----------------------------------------------------------------------------------------------------
    8.0 SITE WIDE PODS
    ---------------------------------------------------------------------------------------------------- */

.swp {
}

	.swp .item {
		position: relative;
		margin-bottom: 30px;
	}

		.swp .item .heading a {
			text-decoration: none;
		}

		.swp .item .heading i {
			font-size: 15px;
			display: none;
		}

		.swp .item .link {
			margin-bottom: 0;
		}



		/*  ----------------------------------------------------------------------------------------------------
    8.1 BLOCKQUOTE POD
    ---------------------------------------------------------------------------------------------------- */

		.swp .item.blockquote-pod {
		}

	.swp blockquote p {
		font-size: 16px;
	}

@media (min-width:992px) {

	.swp blockquote p {
		font-size: 20px;
	}
}



/*  ----------------------------------------------------------------------------------------------------
    8.2 CODEPOD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.code-pod {
}


/*  ----------------------------------------------------------------------------------------------------
    8.3 GENERAL POD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.general-pod {
}


/*  ----------------------------------------------------------------------------------------------------
    8.4 IMAGE POD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.image-pod {
}


/*  ----------------------------------------------------------------------------------------------------
    8.5 LISTING POD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.listing-pod {
}

	.swp .item.listing-pod .inner > .heading {
		margin-bottom: 30px;
	}

	.swp .item.listing-pod .link {
		margin: 20px 0 0;
	}

.swp .listing {
	margin: 0;
	padding: 0;
}

	.swp .listing .item {
		margin: 0;
		padding: 0;
	}

		.swp .listing .item::after {
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			margin: 10px 0 15px;
			background-color: #e3e3e3;
			background-color: rgba(227,227,227,1);
		}

		.swp .listing .item .heading {
			font-size: 16px;
		}

		.swp .listing .item .meta {
			margin: 0;
			padding: 0;
			font-size: 10px;
		}


/*  ----------------------------------------------------------------------------------------------------
    8.6 NEWSLETTER POD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.newsletter-pod {
}


/*  ----------------------------------------------------------------------------------------------------
    8.7 VIDEO POD
    ---------------------------------------------------------------------------------------------------- */

.swp .item.video-pod {
}




/*  ----------------------------------------------------------------------------------------------------
    9.0 PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

.spc {
	position: relative;
	margin-bottom: 24px;
}

	.spc.textblock,
	.spc.listing {
		margin: 0;
	}



/*  --------------------------------------------------
    9.1 TABBED
    -------------------------------------------------- */

.tabbed {
}

nav.tabs .nav {
	font-size: 14px;
	border: 0 none;
}

	nav.tabs .nav li {
	}

.spc nav.tabs .nav li:first-child {
	margin-left: 0;
}

.spc nav.tabs .nav li:last-child {
	margin-right: 0;
}

nav.tabs .nav li a {
	padding: 10px 15px;
	background: none;
	min-width: 50px;
	border-width: 2px 1px 1px;
	border-color: #e3e3e3;
	border-color: rgba(227,227,227,1);
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}

nav.tabs .nav li:not(.active) a:hover {
	border-top-color: #cccccc;
	border-top-color: rgba(204,204,204,1);
	background-color: rgba(255,255,255,0.5);
}

nav.tabs .nav li.active a {
	border-width: 2px 1px 1px;
	border-top-color: #ed6d19;
	border-top-color: rgba(237,109,25,1);
	border-bottom-color: #ffffff;
	border-bottom-color: rgba(255,255,255,1);
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}


.c1-bg nav.tabs .nav li a,
.c2-bg nav.tabs .nav li a,
.c3-bg nav.tabs .nav li a,
.c4-bg nav.tabs .nav li a,
.c6-bg nav.tabs .nav li a {
	border-width: 2px 0 0;
}

.c1-bg nav.tabs .nav li:not(.active) a,
.c2-bg nav.tabs .nav li:not(.active) a,
.c3-bg nav.tabs .nav li:not(.active) a {
	border-top-color: #ed6d19;
	border-top-color: rgba(237,109,25,1);
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}

.c2-bg nav.tabs .nav li:not(.active) a {
	border-top-color: #cccccc;
	border-top-color: rgba(204,204,204,1);
}

.c3-bg nav.tabs .nav li:not(.active) a {
	border-top-color: #181818;
	border-top-color: rgba(24,24,24,1);
}

.c1-bg nav.tabs .nav li:not(.active) a:hover,
.c2-bg nav.tabs .nav li:not(.active) a:hover {
	border-top-color: #181818;
	border-top-color: rgba(24,24,24,1);
}

.c1-bg nav.tabs .nav li.active a {
	border-top-color: #181818;
	border-top-color: rgba(24,24,24,1);
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}


.tabbed .tab-content {
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #e3e3e3;
	border-color: rgba(227,227,227,1);
}


@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {

	nav.tabs .nav {
		font-size: 15px;
	}
}


/*  --------------------------------------------------
    9.2 ACCORDION
    -------------------------------------------------- */

.accordion {
}

	.accordion .panel {
		border: 0 none;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
	}

	.accordion .heading {
		margin: 0;
		font-size: 14px;
	}

		.accordion .heading a {
			position: relative;
			display: block;
			padding: 15px 45px 15px 15px;
			background-color: #ffffff;
			background-color: rgba(255,255,255,1);
			border-width: 1px 1px 1px 2px;
			border-style: solid;
			border-color: #e1e1e1;
			border-color: rgba(225,225,225,1);
			text-decoration: none !important;
		}

			.accordion .heading a,
			.accordion .heading a.collapsed:hover {
				border-left-color: #8cca30;
				border-left-color: rgba(140,202,48,1);
			}

				.accordion .heading a.collapsed {
					border-color: #e1e1e1;
					border-color: rgba(225,225,225,1);
				}

		.accordion .heading i {
			font-size: 15px;
			position: absolute;
			top: 15px;
			right: 15px;
		}

	.accordion .panel-body {
		padding: 15px 0;
	}


@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {

	.accordion .heading {
		font-size: 18px;
	}
}



/*  --------------------------------------------------
    9.3 QUOTES
    -------------------------------------------------- */

.spc.quotes {
}

	.spc.quotes blockquote p {
		font-size: 22px;
	}

@media (min-width:768px) {
}

@media (min-width:992px) {

	.spc.quotes blockquote {
		padding: 0px 0px 0px 40px;
	}

		.spc.quotes blockquote p {
			font-size: 28px;
		}

		.spc.quotes blockquote cite {
			font-size: 14px;
		}

	.quotes blockquote::before {
		font-size: 30px;
		color: #d08ce3;
	}

	.quotes blockquote::after {
		font-size: 30px;
		color: #d08ce3;
	}
}

@media (min-width:1200px) {

	.spc.quotes blockquote p {
		font-size: 20px;
	}
}


/*  --------------------------------------------------
    9.4 IMAGES             
    -------------------------------------------------- */

.spc.image {
	margin-bottom: 16px;
}

	.spc.image img {
		display: block;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	}

	.spc.image .info {
	}

		.spc.image .info .text {
			margin: 10px 0 0;
			font-size: 90%;
			font-style: italic;
			-webkit-opacity: 0.6;
			-moz-opacity: 0.6;
			-ms-opacity: 0.6;
			opacity: 0.6;
		}



/*  --------------------------------------------------
    9.5 GALLERY        
    -------------------------------------------------- */

.gallery {
}

	.gallery .item {
		margin-bottom: 24px;
	}

		.gallery .item a {
		}

		.gallery .item .image {
			position: relative;
		}


@media (max-width:767px) {

	.spc.gallery .item:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width:768px) {

	.spc.gallery .item:nth-child(3n+1) {
		clear: both;
	}
}



/*  --------------------------------------------------
    9.6 RESOURCES         
    -------------------------------------------------- */

.resources {
}

	.resources .item {
		padding: 16px;
	}

		.resources .item .heading {
			display: block;
			font-size: 16px;
			margin-bottom: 4px;
		}

		.resources .item .size {
			font-size: 12px;
		}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {

	.resources .item .heading {
		font-size: 18px;
	}
}



/*  --------------------------------------------------
    9.7 TABLES
    -------------------------------------------------- */

table {
	width: 100%;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #e3e3e3;
	border-color: rgba(227,227,227,1);
}

thead {
	background-color: #f4f4f4;
	background-color: rgba(244,244,244,1);
	color: #181818;
	color: rgba(24,24,24,1);
}

table th, table td {
	padding: 15px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e3e3e3;
	border-color: rgba(227,227,227,1);
}

.tables table .even td, .tables .body .item.even {
	background-color: #ffffff;
	background-color: rgba(255,255,255,1);
}

table th {
	font-weight: 500;
	font-size: 15px;
}

table tr p:first-of-type {
	margin-top: 0;
}

table tr p:last-of-type {
	margin-bottom: 0;
}


/*  --------------------------------------------------
    9.9 AUTHOR BIO
    -------------------------------------------------- */

.author-bio {
}

	.author-bio p.heading {
		margin-bottom: 0;
	}

	.author-bio .image {
		margin-top: 16px;
	}

	.author-bio .info {
		padding: 16px 16px 0;
	}

		.author-bio .info p.heading {
			font-size: 16px;
		}

		.author-bio .info .text p {
		}

@media (min-width:768px) {

	.author-bio .info {
		padding: 16px 16px 16px 0;
	}
}



/*  --------------------------------------------------
	9.10 IMAGE SLIDESHOW
    -------------------------------------------------- */

.slideshow {
}

	.slideshow .item {
		display: block;
	}

		.slideshow .item .image {
		}

			.slideshow .item .image img {
				display: block;
				overflow: hidden;
			}

		.slideshow .item .info {
		}

			.slideshow .item .info .text {
				padding: 10px 0 0;
				font-size: 80%;
				-webkit-opacity: 0.6;
				-moz-opacity: 0.6;
				-ms-opacity: 0.6;
				opacity: 0.6;
			}



/*  --------------------------------------------------
	9.11 PRICING MENU
    -------------------------------------------------- */

.pricing-menu {
}

	.pricing-menu .wrap {
	}

	.pricing-menu .head {
		padding: 10px 0 20px;
		margin-bottom: 20px;
		border-width: 0 0 2px;
		border-style: solid;
		border-color: #ed6d19;
		border-color: rgba(237,109,25,1);
	}

		.pricing-menu .head .heading {
			margin: 0;
			font-size: 14px;
		}

	.pricing-menu .item {
		padding: 15px 0;
		border-width: 0 0 1px;
		border-style: solid;
		border-color: #e3e3e3;
		border-color: rgba(227,227,227,1);
	}

		.pricing-menu .item:last-of-type {
			border: 0 none;
		}

		.pricing-menu .item .heading {
			text-transform: none;
			letter-spacing: 0;
			font-size: 16px;
			margin: 0 0 8px;
		}

		.pricing-menu .item .text p {
			margin: 0 0 5px;
			font-size: 90%;
			font-style: italic;
		}

	.pricing-menu .price p {
		margin: 5px 0 0;
	}

@media (min-width:768px) {
}

@media (min-width:992px) {

	.pricing-menu .item .heading {
		font-size: 18px;
	}

	.pricing-menu .item .price {
		text-align: right;
	}

	.pricing-menu .price p {
		margin: 0 0 10px;
	}
}

@media (min-width:1200px) {
}



/*  ----------------------------------------------------------------------------------------------------
    10.0 ADVANCED PAGE COMPONENT
    ---------------------------------------------------------------------------------------------------- */

.apc {
	position: relative;
	padding: 24px 0;
	overflow: hidden;
	height: 100%;
}

	.apc .overview {
		margin-bottom: 24px;
	}

		.apc .overview .text :last-child {
			margin-bottom: 0;
		}

	.apc .outro {
		margin-top: 24px;
	}

		.apc .outro .text :first-child {
			margin-top: 0;
		}

	.apc.no-padding .overview {
		margin-top: 24px;
	}

	.apc.no-padding .outro {
		margin-bottom: 24px;
	}

	.apc .image.video {
		position: relative;
	}

	.apc.banner {
		padding: 0 !important;
	}

	.apc.banner,
	.apc.promo-pods {
		margin: 0;
	}

	.apc .heading.main {
		font-size: 25px;
	}

@media (min-width:768px) {

	.apc {
		padding: 32px 0;
	}

		.apc.no-padding .overview {
			margin-top: 32px;
		}

		.apc.no-padding .outro {
			margin-bottom: 32px;
		}
}

@media (min-width:992px) {

	.apc {
		padding: 48px 0;
	}

		.apc.no-padding .overview {
			margin-top: 48px;
		}

		.apc.no-padding .outro {
			margin-bottom: 48px;
		}

		.apc .heading.main {
			font-size: 30px;
		}
}

@media (min-width:1200px) {

	.apc {
		padding: 64px 0;
	}

		.apc.no-padding .overview {
			margin-top: 64px;
		}

		.apc.no-padding .outro {
			margin-bottom: 64px;
		}

		.apc .heading.main {
			font-size: 35px;
		}
}


/*  --------------------------------------------------
    10.1 BANNER  
    -------------------------------------------------- */

.apc.banner {
	overflow: hidden;
	height: auto;
	position: relative;
	z-index: 0;
}

	.apc.banner .item {
		position: relative;
		z-index: 0;
		background-repeat: no-repeat;
		background-position: center;
	}

		.apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
			height: 100vh;
			height: calc(100vh - 90px);
			height: -o-calc(100vh - 90px);
			height: -webkit-calc(100vh - 90px);
			height: -moz-calc(100vh - 90px);
		}

	.apc.banner .image {
	}

	.apc.banner .item.takeover .image {
		display: none;
	}

	.apc.banner img {
		display: block;
		overflow: hidden;
	}

	.apc.banner .info {
		width: 100%;
		z-index: 100;
	}

	.apc.banner .item.takeover .info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		padding: 0;
	}

	.apc.banner .info .heading {
		font-size: 24px;
	}

	.apc.banner .info p {
		padding: 0;
		margin: 0;
		margin-top: 10px;
	}

		.apc.banner .info p.link {
			margin: 30px 0 0;
		}

	.apc.banner blockquote::before, .banner blockquote::after {
		display: none;
	}


	/* SCROLL PROMPT */
	.apc.banner .scroll-prompt {
		position: absolute;
		right: 0;
		bottom: 30px;
		left: 0;
		z-index: 100;
		width: 100%;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
	}

		.apc.banner .scroll-prompt a {
			display: inline-block;
			width: 100%;
			height: 40px;
			margin: 0 auto;
			cursor: pointer;
			text-decoration: none !important;
		}

			.apc.banner .scroll-prompt a i {
				font-size: 30px;
				line-height: 40px;
				display: block;
				padding: 0;
				margin: 0 0 0 2px;
			}

		.apc.banner .scroll-prompt .mouse-scroll {
			position: relative;
			width: 21px;
			height: 35px;
			margin: 0 auto;
			border-width: 2px;
			border-style: solid;
			border-color: #ffffff;
			border-color: rgba(255,255,255,1);
			border-radius: 10px;
		}

			.apc.banner .scroll-prompt .mouse-scroll::before {
				content: "";
				position: absolute;
				top: 10px;
				left: 7px;
				width: 3px;
				height: 6px;
				border-radius: 50%;
				background-color: #ffffff;
				background-color: rgba(255,255,255,1);
				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
				-webkit-animation-duration: 1.25s;
				animation-duration: 1.25s;
				-webkit-animation-delay: 3s;
				animation-delay: 3s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-name: fadeInDown;
				animation-name: fadeInDown;
			}


@media (max-width:991px) {

	.apc.banner .item.short,
	.apc.banner .item.medium {
		background-image: none !important;
	}

		.apc.banner .item.short .info,
		.apc.banner .item.medium .info {
			padding: 30px 0 50px;
		}
}

@media (min-width:768px) {

	.apc.banner .info .heading {
		font-size: 28px;
	}
}

@media (min-width:992px) {

	.apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
		height: 50vh;
		height: calc(50vh - 160px);
		height: -o-calc(50vh - 160px);
		height: -webkit-calc(50vh - 160px);
		height: -moz-calc(50vh - 160px);
	}

	.apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
		height: 70vh;
		height: calc(70vh - 160px);
		height: -o-calc(70vh - 160px);
		height: -webkit-calc(70vh - 160px);
		height: -moz-calc(70vh - 160px);
	}

	.apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
		height: 100vh;
		height: calc(100vh - 160px);
		height: -o-calc(100vh - 160px);
		height: -webkit-calc(100vh - 160px);
		height: -moz-calc(100vh - 160px);
	}

	.apc.banner .info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		padding: 0;
	}

		.apc.banner .info .heading {
			font-size: 35px;
		}
}

@media (min-width:1200px) {

	.apc.banner .info .heading {
		font-size: 40px;
	}

	.apc.banner .scroll-prompt a {
		height: auto;
		padding-bottom: 20px;
	}

		.apc.banner .scroll-prompt a span {
			font-size: 9px;
			text-transform: uppercase;
			letter-spacing: 0.09em;
			display: block;
			margin-top: 15px;
			display: none;
		}

		.apc.banner .scroll-prompt a i {
			font-size: 20px;
		}
}


/* PARALLAX BANNER */
@media (max-width:1024px) {
}

@media (min-width:1025px) {

	.apc.banner .item {
		background-size: cover;
	}
}


/*  --------------------------------------------------
    10.2 CTA STRIP  
    -------------------------------------------------- */

.apc.cta-strip {
}

	.apc.cta-strip .heading.main {
		margin-bottom: 0;
	}

	.apc.cta-strip p.link {
		margin-top: 0;
	}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}


/* PARALLAX BANNER */
@media (max-width:1024px) {

	.apc.cta-strip {
		background-position: center !important;
	}
}

@media (min-width:1025px) {

	.apc.cta-strip {
		background-size: cover;
	}
}


/*  --------------------------------------------------
    10.3 PROMO PODS  
    -------------------------------------------------- */

.apc.promo-pods {
}

@media (max-width:991px) {

	.apc.promo-pods .item:nth-child(2n+1) {
		clear: both !important;
	}
}

@media (min-width:992px) {
}



/*  --------------------------------------------------
    10.4 VIDEO  
    -------------------------------------------------- */

.apc.video-component {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}



/*  --------------------------------------------------
    10.5 TEXT WITH IMAGE OR VIDEO  
    -------------------------------------------------- */

.apc.text-with-image-or-video {
}

	.apc.text-with-image-or-video .info {
		padding-top: 20px;
	}

		.apc.text-with-image-or-video .info .heading {
			margin-top: 0;
		}

	.apc.text-with-image-or-video p.link {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.apc.text-with-image-or-video .overlayicon {
		font-size: 60px;
	}

@media (min-width:768px) and (max-width:991px) {

	.apc.text-with-image-or-video.wide .image {
		max-width: 720px;
		margin: 0 auto;
	}
}

@media (min-width:992px) {

	.apc.text-with-image-or-video.wide {
		padding: 0;
	}

	.apc.text-with-image-or-video .item {
		display: table;
	}

	.apc.text-with-image-or-video .info {
		padding-top: 0;
		display: table-cell;
		vertical-align: middle;
	}

	.apc.text-with-image-or-video.wide .info {
		padding: 48px 0;
	}

	.apc.text-with-image-or-video .overlayicon {
		font-size: 100px;
	}

	.apc.text-with-image-or-video:not(.wide) .pull-right .image {
		margin-left: -15px;
	}

	.apc.text-with-image-or-video:not(.wide) .pull-left .image {
		margin-right: -15px;
	}

	.apc.text-with-image-or-video.wide .image {
		margin: 0 -15px;
	}
}

@media (min-width:1200px) {

	.apc.text-with-image-or-video.wide .info {
		padding: 64px 0;
	}

	.apc.text-with-image-or-video .overlayicon {
		font-size: 140px;
	}
}



/*  --------------------------------------------------
    10.6 TEXT WITH SIGNUP  
    -------------------------------------------------- */

.apc.text-signup {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}



/*  --------------------------------------------------
    10.7 SIGNUP WITH LISTING
    -------------------------------------------------- */

.apc.signup-listing {
}

	.apc.signup-listing .listing .item {
		margin: 20px 0 0;
		position: relative;
	}

		.apc.signup-listing .listing .item:first-of-type {
			margin-top: 40px;
		}

		.apc.signup-listing .listing .item .heading {
			font-size: 16px;
		}

		.apc.signup-listing .listing .item .meta {
			margin: 10px 0 0;
		}

@media (min-width:768px) {

	.apc.signup-listing .listing .item .heading {
		font-size: 18px;
	}
}

@media (min-width:992px) {

	.apc.signup-listing .listing .item .heading {
		font-size: 20px;
	}
}

@media (min-width:1200px) {

	.apc.signup-listing .listing .item .heading {
		font-size: 22px;
	}
}


/*  --------------------------------------------------
    10.8 APC TABBED
    -------------------------------------------------- */

.apc.tabbed {
}

	.apc.tabbed .tab-content {
		border: 0 none;
		padding: 30px 0 0;
		background: none;
	}

	.apc.tabbed .listing {
		margin: 0 0 30px;
	}


/*  --------------------------------------------------
    10.9 STANDARD COMPONENTS
    -------------------------------------------------- */

.apc.standard-components {
	padding-bottom: 0;
}

	.apc.standard-components .spc {
	}

@media (min-width:768px) {

	.apc.standard-components {
		padding-bottom: 8px;
	}
}

@media (min-width:992px) {

	.apc.standard-components {
		padding-bottom: 24px;
	}
}

@media (min-width:1200px) {

	.apc.standard-components {
		padding-bottom: 40px;
	}
}


/*  --------------------------------------------------
    10.10 GRID
    -------------------------------------------------- */

.apc.umb-grid {
}

/* BODY COLOR */
body .apc.umb-grid.c1-bg {
	color: #ffffff;
	color: rgba(255,255,255,0.95);
}

body .apc.umb-grid.c2-bg {
}

body .apc.umb-grid.c3-bg {
	color: #e3e3e3;
	color: rgba(227,227,227,1);
}

body .apc.umb-grid.c4-bg {
}

body .apc.umb-grid.c5-bg {
}

body .apc.umb-grid.c6-bg {
}

/* LINKS */
body .apc.umb-grid.c1-bg a, body .apc.umb-grid.c1-bg a:active, body .apc.umb-grid.c1-bg a:focus {
	color: #ffffff;
	color: rgba(255,255,255,0.95);
	text-decoration: underline;
}

body .apc.umb-grid.c2-bg a, body .apc.umb-grid.c2-bg a:active, body .apc.umb-grid.c2-bg a:focus {
}

body .apc.umb-grid.c3-bg a, body .apc.umb-grid.c3-bg a:active, body .apc.umb-grid.c3-bg a:focus {
}

body .apc.umb-grid.c4-bg a, body .apc.umb-grid.c4-bg a:active, body .apc.umb-grid.c4-bg a:focus {
}

body .apc.umb-grid.c5-bg a, body .apc.umb-grid.c5-bg a:active, body .apc.umb-grid.c5-bg a:focus {
}

body .apc.umb-grid.c6-bg a, body .apc.umb-grid.c6-bg a:active, body .apc.umb-grid.c6-bg a:focus {
}

/* HEADINGS */
body .apc.umb-grid.c1-bg h1, body .apc.umb-grid.c1-bg h2, body .apc.umb-grid.c1-bg h3,
body .apc.umb-grid.c1-bg h4, body .apc.umb-grid.c1-bg h5, body .apc.umb-grid.c1-bg h6,
body .apc.umb-grid.c1-bg .heading {
	color: #ffffff;
	color: rgba(255,255,255,1);
}

body .apc.umb-grid.c2-bg h1, body .apc.umb-grid.c2-bg h2, body .apc.umb-grid.c2-bg h3,
body .apc.umb-grid.c2-bg h4, body .apc.umb-grid.c2-bg h5, body .apc.umb-grid.c2-bg h6,
body .apc.umb-grid.c2-bg .heading {
}

body .apc.umb-grid.c3-bg h1, body .apc.umb-grid.c3-bg h2, body .apc.umb-grid.c3-bg h3,
body .apc.umb-grid.c3-bg h4, body .apc.umb-grid.c3-bg h5, body .apc.umb-grid.c3-bg h6,
body .apc.umb-grid.c3-bg .heading {
	color: #ffffff;
	color: rgba(255,255,255,1);
}

body .apc.umb-grid.c4-bg h1, body .apc.umb-grid.c4-bg h2, body .apc.umb-grid.c4-bg h3,
body .apc.umb-grid.c4-bg h4, body .apc.umb-grid.c4-bg h5, body .apc.umb-grid.c4-bg h6,
body .apc.umb-grid.c4-bg .heading {
}

body .apc.umb-grid.c5-bg h1, body .apc.umb-grid.c5-bg h2, body .apc.umb-grid.c5-bg h3,
body .apc.umb-grid.c5-bg h4, body .apc.umb-grid.c5-bg h5, body .apc.umb-grid.c5-bg h6,
body .apc.umb-grid.c5-bg .heading {
}

body .apc.umb-grid.c6-bg h1, body .apc.umb-grid.c6-bg h2, body .apc.umb-grid.c6-bg h3,
body .apc.umb-grid.c6-bg h4, body .apc.umb-grid.c6-bg h5, body .apc.umb-grid.c6-bg h6,
body .apc.umb-grid.c6-bg .heading {
}


/*  --------------------------------------------------
    10.11 IMAGE CAROUSEL 
    -------------------------------------------------- */

.apc.image-carousel {
}

	.apc.image-carousel .heading.main {
		margin-bottom: 0;
	}

	.apc.image-carousel .item .image {
		margin: 0 1px 0 0;
	}

	.apc.image-carousel .gallery .item a .overlayicon {
		right: 1px;
	}

@media (min-width:768px) {
}

@media (min-width:992px) {

	.apc.image-carousel .heading.main {
		font-size: 24px;
	}
}

@media (min-width:1200px) {

	.apc.image-carousel .heading.main {
		font-size: 28px;
	}
}


/*  --------------------------------------------------
    10.12 TEXT WITH LISTING
    -------------------------------------------------- */

.apc.text-listing {
}

	.apc.text-listing .listing .item .heading {
		margin: 0;
	}

@media (min-width:768px) {
}

@media (min-width:992px) {

	.apc.text-listing .heading.main {
		padding-top: 10%;
	}

	.apc.text-listing .listing .item .heading {
		font-size: 20px;
	}
}

@media (min-width:1200px) {
}


/*  --------------------------------------------------
    10.14 TEXT WITH FORM
    -------------------------------------------------- */

.apc.text-with-form {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}


/*  ----------------------------------------------------------------------------------------------------
    11.0 FORMS
    ---------------------------------------------------------------------------------------------------- */

textarea {
	resize: none;
}

fieldset {
	margin: 0 0 16px;
}

legend {
	padding: 0 0 8px;
	margin: 8px 0 16px;
}

label {
	font-weight: normal;
	display: block;
}

em.req {
	font-style: normal;
}

.form-control {
	border-radius: 0;
	min-height: 40px;
}

	.form-control:focus {
		border-color: #ed6d19;
		border-color: rgba(237,109,25,1);
		box-shadow: 0 0 5px rgba(237,109,25,1);
	}

select, select option {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

fieldset label em.req {
	color: #a94442;
	color: rgba(169,68,68,1);
}

/* VALIDATION */
.input-validation-error {
	border-color: #a94442;
}

	.input-validation-error:focus {
		box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(169,68,68,0.5);
	}

.field-validation-error {
	display: block;
	padding: 5px;
	font-size: 12px;
	background-color: #a94442;
	color: #ffffff;
	color: rgba(255,255,255,1);
}

.field-validation-valid {
	display: none;
}

.validation-summary-valid {
	display: none;
}

footer .newsletter fieldset {
	position: relative;
}

footer .newsletter .btn {
	position: absolute;
	top: 0;
	right: 0;
	min-height: 40px;
}



/*	----------------------------------------------------------------------------------------------------
	11.1 SITE SEARCH
	---------------------------------------------------------------------------------------------------- */

.site-search {
	position: relative;
	margin: 15px;
}

	.site-search fieldset {
		position: relative;
		pointer-events: all;
	}

	.site-search .form-group {
	}

	.site-search .form-control {
		width: 100%;
		height: 40px;
		min-height: 40px;
		padding-right: 40px;
	}

	.site-search button {
		width: 40px;
		height: 40px;
		padding-top: 5px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 25px;
		text-align: center;
		border: 0 none;
	}

@media (min-width:768px) {

	header .site-search {
		margin: 0;
		position: absolute;
		top: 40px;
		right: 15px;
		width: 25%;
	}
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}



/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */

.ajax-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

	.ajax-wrap .ajax-loading {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(255,255,255,0.9);
	}

		.ajax-wrap .ajax-loading .loading {
			margin: 0;
			position: relative;
			text-align: center;
			display: table;
			width: 100%;
			height: 100%;
		}

			.ajax-wrap .ajax-loading .loading span.message {
				display: table-cell;
				width: 100%;
				height: 100%;
				text-indent: -9999px;
				vertical-align: middle;
				background-repeat: no-repeat;
				background-position: center;
				background-image: url('/images/icons/loading-on-white.gif');
			}


/*  --------------------------------------------------
    11.3 COOKIES
    -------------------------------------------------- */

.cookies {
	padding: 1em;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

	.cookies p.link {
		padding: 0;
	}

	.cookies a.close {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 18px;
		text-decoration: none !important;
		font-weight: bold;
	}

		.cookies a.close:hover {
			-webkit-opacity: 0.7;
			-moz-opacity: 0.7;
			-ms-opacity: 0.7;
			opacity: 0.7;
		}



/*	--------------------------------------------------
	12.0 MISC
	-------------------------------------------------- */

.swp {
	margin-bottom: 30px;
}

.inner {
	padding: 15px;
}

.spc.quick-links .inner {
	padding-bottom: 5px;
}

.has-borders {
	border-width: 1px;
	border-style: solid;
}

.item .table {
	margin: 0;
}

.table-cell {
	padding: 32px;
}

.item-square {
	padding-bottom: 100%;
}

	.item-square .info {
		max-width: 640px;
		margin: 0 auto;
		padding: 0;
	}

	.item-square .inner {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

div.table {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0;
}

div.table-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

	div.table-cell.align-top {
		vertical-align: top;
		padding-top: 140px;
	}

	div.table-cell.align-bottom {
		vertical-align: bottom;
		padding-bottom: 140px;
	}

.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

@media (max-width:991px) {

	.item-square {
		padding-bottom: 75%;
	}

	.apc.banner .item.short div.table-cell,
	.apc.banner .item.medium div.table-cell {
		padding: 0 !important;
	}
}

@media (min-width:768px) {

	.item-square {
		padding-bottom: 50%;
	}

		.item-square .info {
			padding: 0;
		}
}

@media (min-width:992px) {

	.container-fluid .item-square {
	}

	.inner {
		padding: 20px;
	}

	.spc.quick-links .inner {
		padding-bottom: 10px;
	}
}

@media (min-width:1200px) {

	.container-fluid .item-square {
		padding-bottom: 35%;
	}

	.inner {
		padding: 30px;
	}

	.spc.quick-links .inner {
		padding-bottom: 20px;
	}
}


/*	--------------------------------------------------
	12.1 OVERLAY ICONS
	-------------------------------------------------- */

.image {
}

	.image a {
		display: block;
		position: relative;
		overflow: hidden;
	}

.overlayicon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,0);
	color: #ffffff;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 40px;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	-webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	opacity: 0;
}

.item.video-pod a .overlayicon,
div.video a .overlayicon {
	background-color: rgba(0,0,0,0.25);
}

a:hover .overlayicon,
.item.video-pod a .overlayicon,
div.video a .overlayicon {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
}

.overlayicon::before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.masonry .overlayicon::before {
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	top: 35%;
}


@media (min-width:768px) {
}

@media (min-width:992px) {

	a:hover .overlayicon,
	.item.video-pod a:hover .overlayicon,
	div.video a:hover .overlayicon {
		background-color: rgba(0,0,0,0.75);
	}

	.overlayicon {
		font-size: 50px;
	}
}

@media (min-width:1200px) {

	.overlayicon {
		font-size: 60px;
	}
}



/*	--------------------------------------------------
	END
	-------------------------------------------------- */