/* 	--------------------------------------------------
    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
	
*/

/*
	
	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;
		
    	-webkit-animation-duration: 0.5s;
    	animation-duration: 0.5s;
    	-webkit-animation-name: fadeIn;
    	animation-name: fadeIn;
		}		
	#site {
		position:relative; z-index:2;
		}
	body.spc-first #site {
		padding-top:70px;
		}

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

	body #site {
		padding-top:70px;
		}
	
	}



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

	header {
		position:fixed; top:0; right:0; left:0;
		width:100%; min-height:70px;
		z-index:500;
		overflow:hidden;
		
		-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;
		-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;
		-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;
		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;
		}				
	html.reveal-out header {
		bottom:0; 
		height:100%; max-height:100%;
		overflow:auto;
		padding:80px 0;
		}
	html.nav-up header {
		top:-70px;
		}
	html.nav-down header {
		top:0;
		}
	html.nav-down.reached-top header {
		background:none;
		}
	html.nav-down header {
		background-color:rgba(210,35,42,0.8);
		}
	html.reveal-out header, html.nav-down.reached-top.reveal-out header {
		background-color:rgba(210,35,42,1);
		}
		
	header #logo { 
		position:absolute; top:20px; left:15px; z-index:501;
		}
	header #logo a { 
		display:block; 
		text-indent:-9999px;
		background-repeat:no-repeat; background-position:center;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}	
			
			
	@media (min-width:768px) {
		
	}	
	
	@media (min-width:992px) {
		
	}
		
	@media (min-width:1200px) {
		
	}
	



/*	----------------------------------------------------------------------------------------------------
	3.0 CONTENT
	---------------------------------------------------------------------------------------------------- */
	
	.content { 
		padding:24px 0;
		}
	.content.short { 
		padding:16px 0;
		}
		
	@media (max-width:767px) {
	
	.content:not(.apc) #left-col,
	.content:not(.apc)  #right-col,
	.content:not(.apc)  #mid-col {
		padding-bottom:20px;
		}
		
	}
		
	@media (min-width:768px) {
		
	.content { 
		padding:32px 0;
		}
		
	}
		
	@media (min-width:992px) {	
		
	.content { 
		padding:48px 0;
		}
		
	}	
		
	@media (min-width:1200px) {		
		
	.content { 
		padding:64px 0;
		}
	
	}



/*	----------------------------------------------------------------------------------------------------
	4.0 FOOTER
	---------------------------------------------------------------------------------------------------- */
	
	footer { 
		padding:24px 0;
		}
	footer, footer .heading, footer a,
	footer a:focus, footer a:active, footer a:hover {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	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:32px 0;
		}
		
	}
		
	@media (min-width:992px) {	
		
	footer { 
		padding:48px 0 80px;
		}
	footer a:hover {
		text-decoration:none;
		
		-webkit-opacity:0.6;
		-moz-opacity:0.6;
		-ms-opacity:0.6;
		opacity:0.6;
		}	
		
	}	
		
	@media (min-width:1200px) {	
		
	footer { 
		padding:64px 0 80px;
		}
		
	}	
	


/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     
	html.reveal-out {
		overflow:hidden;
		}
		
	.navigation {
		position:relative; z-index:5;
		height:0;
		
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		
		-webkit-transform:perspective(600px) rotateX(15deg);
		-moz-transform:perspective(600px) rotateX(15deg);
		-ms-transform:perspective(600px) rotateX(15deg);
		transform:perspective(600px) rotateX(15deg);
		
		-webkit-transition: transform 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s, opacity 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s;
		-moz-transition: transform 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s, opacity 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s;
		-ms-transition: transform 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s, opacity 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s;
		transition: transform 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s, opacity 0.5s cubic-bezier(.10,.20,.10,.5) 0.1s;
		}
	html.reveal-out .navigation {
		display:table;
		vertical-align:middle;
		width:100%; height:100%;
		
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		
		-webkit-transform:perspective(600px) rotateX(0deg);
		-moz-transform:perspective(600px) rotateX(0deg);
		-ms-transform:perspective(600px) rotateX(0deg);
		transform:perspective(600px) rotateX(0deg);
		}
		/*
	html.reveal-out.reveal-closing .navigation {
		
		-webkit-transform:perspective(600px) rotateX(-15deg);
		-moz-transform:perspective(600px) rotateX(-15deg);
		-ms-transform:perspective(600px) rotateX(-15deg);
		transform:perspective(600px) rotateX(-15deg);
		}
		*/
	
	header,	
	.navigation,
	.navigation .reveal {
		overflow-x:hidden!important;
		}
		
	.navigation .reveal {
		visibility:hidden;
		display:table-cell;
		vertical-align:middle;
		width:100%; max-width:100%; height:100%;
		}
	html.reveal-out .navigation .reveal {
		visibility:visible;
		}
		
	header a.expand {
		position:absolute; top:0; right:0; z-index:300;
		width:70px; height:70px;
		display:block;
		text-indent:-9999px;
		text-decoration:none;
		cursor:pointer;
		}	
	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:2px; 
		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:27px;
		}
	header a.expand span.mid {
		top:34px;
		}
	header a.expand span.bottom {
		top:41px;
		}
	header a.expand.active span.mid {
		width:0;
		}
	header a.expand.active span.top,
	header a.expand.active span.bottom {
		top:34px;
		}
	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);
		}	
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
	.navigation nav.main {
		padding:0 0 40px;
		}	
	.navigation nav.main > ul {
		font-size:24px;
		}
	.navigation nav.main ul > li {
		font-weight:300;
		position:relative;
		}
	.navigation nav.main li a {
		display:block; padding:10px;
		color:#ffffff; color:rgba(255,255,255,1);
		
		-webkit-transition:transform 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
		-moz-transition:transform 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
		-ms-transition:transform 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
		transition:transform 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
		}
	.navigation nav.main li > a:hover {
		color:#ffffff; color:rgba(255,255,255,1);
		background-color:rgba(255,255,255,0.4);
		}	
	.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.25);
		
		-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:#2b2b2b; color:rgba(43,43,43,1);
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}
	.navigation nav.main ul > li i {
		width:44px; min-height:44px; padding-top:14px;
		font-size:20px; 
		}
	.navigation nav.main ul li ul > li i {
		width:36px; min-height:36px; padding-top:11px;
		font-size:15px; 
		}
		
	.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(43,43,43,0.2);
		}
		
		
	@media (min-width:768px) { 
			
	.navigation nav.main > ul {
		font-size:32px;
		}
	.navigation nav.main ul ul {
		font-size:18px;
		}
	.navigation nav.main ul > li i {
		width:50px; min-height:50px; padding-top:16px;
		}
	.navigation nav.main ul li ul > li i {
		width:38px; min-height:38px; padding-top:12px;
		}
		
	}
		
	@media (min-width:992px) { 
			
	.navigation nav.main > ul {
		}
	.navigation nav.main li a {
		padding:15px;
		}
	.navigation nav.main li a:hover {
		
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1);
		}
	.navigation nav.main li a.active:hover {
		
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		}
	.navigation nav.main ul > li i {
		width:62px; min-height:62px;
		padding-top:17px;
		font-size:30px;
		}
	.navigation nav.main ul li ul > li i {
		width:48px; min-height:48px; padding-top:16px;
		font-size:20px; 
		}
		
	}
		
	@media (min-width:1200px) { 
			
	.navigation nav.main > ul {
		font-size:40px;
		}
	.navigation nav.main ul ul {
		font-size:22px;
		}
	.navigation nav.main li a {
		padding:20px;
		}
	.navigation nav.main ul > li i {
		width:80px; min-height:80px;
		padding-top:28px;
		}
	.navigation nav.main ul li ul > li i {
		width:62px; min-height:62px; padding-top:22px;
		font-size:25px; 
		}
		
	}				
                            
                            
                            
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */
	
	.navigation nav.top {
		padding:40px 0 0;
		}
	.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);
		}

	.navigation nav.top ul .dropdown-menu li a,
	.navigation nav.top ul .dropdown-menu li {
		display:block;
		color:#00a9f8; color:rgba(0,169,248,1);
		}
		
	.navigation nav.top ul .dropdown-menu {
		top:25px;
		margin:0; padding:0;
		}	
	.navigation nav.top ul .dropdown-menu li {
		margin:0; float:none;
		}
	.navigation nav.top ul .dropdown-menu li a {
		padding:10px 10px 12px;
		height:auto;
		}
		
	@media (min-width:0) and (max-width:991px) { 
		
	.navigation nav.top ul .dropdown-menu {
		right:auto; left:auto;
		width:100%;
		text-align:center;
		}
		
	}
		
	@media (min-width:768px) { 
		
	.navigation nav.top ul > li {
		display:inline-block; margin:0 5px;
		}
		
	}		
		
	@media (min-width:992px) { 
		
	.navigation nav.top li a:hover {
		
		-webkit-opacity:0.6;
		-moz-opacity:0.6;
		-ms-opacity:0.6;
		opacity:0.6;
		}
	.navigation nav.top ul .dropdown-menu {
		right:0;
		}
		
	}
				
	@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;
		}
	nav.sub.categories p.heading,
	nav.sub p.heading a { 
		display:block;
		padding:0 0 15px;
		}
		
	nav.sub .inner {
		border-width:1px; border-style:solid; border-color:#e1e1e1; border-color:rgba(225,225,225,1);
		padding-left:0;
		}
	nav.sub .nav {
		margin:0;
		}
	nav.sub .nav ul {
		font-size:16px;
		}
	nav.sub .nav li a {
		display:block; padding:10px 20px;
		border-width:0 0 0 3px; border-style:solid; border-color:transparent;
		background:transparent;
		font-weight:500;
		
		-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 .nav li {
		line-height:1.4;
		}
	
	/* ACTIVE */	
	nav.sub .nav li.active > a {
		font-weight:700;
		}
		
	nav.sub .nav ul {
		font-size:14px;
		}
	nav.sub .nav ul li a {
		padding:10px 20px 10px 30px;
		font-weight:400;
		}
	nav.sub .nav ul li::before {
		content:"";
		position:absolute; top:17px; left:0;
		width:5px; height:1px;
		}
		
	nav.sub .nav li a {
		color:#6e6e6e;
		}
	nav.sub li.active > a, nav.sub li.active > a:hover {
		color:#00a9f8; color:rgba(0,169,248,1);
		}	
	nav.sub li a:hover, nav.sub li a:hover {
		color:#2b2b2b; color:rgba(43,43,43,1);
		}
			
	nav.sub ul li.active > a, nav.sub ul li.active > a:hover, nav.sub ul ul li.active > a, nav.sub ul ul li.active > a:hover {
		border-color:#00a9f8; border-color:rgba(0,169,248,1);
		}	
	nav.sub ul li a:hover, nav.sub ul ul li a:hover {
		border-color:#2b2b2b; border-color:rgba(43,43,43,1);
		}	
	nav.sub ul, nav.sub ul li {
		border-color:#f7f7f7; border-color:rgba(247,247,247,1);
		}	
	nav.sub .nav li a {
		border-color:rgba(255,255,255,0);
		}


	@media (min-width:992px) {
		
	nav.sub p.heading {
		font-size:20px;
		}
		
	}

	@media (min-width:992px) {
		
	nav.sub p.heading {
		font-size:24px;
		}
		
	}
	
                            
                            
/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

	.breadcrumb-trail {
		overflow:hidden;
		border-width:1px 0 0; border-style:solid; border-color:#e1e1e1; border-color:rgba(225,225,225,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:#e1e1e1; background-color:rgba(225,225,225,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;
		background-color:#e1e1e1; background-color:rgba(225,225,225,1);
		}
		
	.breadcrumb-trail ol li,
	.breadcrumb-trail ol li a {
		display:inline-block;
		height:60px;
		}
	.breadcrumb-trail ol li a {
		padding:24px 40px 0 10px;
		font-weight:400;
		}
	.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 {
		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 {
		font-weight:500;
		padding:13px 20px; 
		color:#00a9f8; color:rgba(0,169,248,1);
		border-width:1px; border-style:solid; border-color:#e1e1e1;
		}
	nav#pagination .pagination li:not(.active) a:hover {
		color:#ffffff; color:rgba(255,255,255,1);
		background-color:#00a9f8; background-color:rgba(0,169,248,1);
		}
		
	nav#pagination .pagination li.prev,
	nav#pagination .pagination li.next {
		margin:0;
		}

	nav#pagination .pagination li.active a {
		font-weight:600;
		color:#ffffff; color:rgba(255,255,255,1);
		background-color:#073776; background-color:rgba(0,169,248,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 { 		
		}
	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-repeat:no-repeat;
		background-size:40px auto;
		}	
	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;
		} 
	nav.social ul li.soundcloud a {
		background-position:left -560px;
		}
	nav.social ul li.behance a {
		background-position:left -600px;
		}

                            
                            
/*  --------------------------------------------------
    5.8 QUICK LINKS           
    -------------------------------------------------- */
     
	.quick-links {
		}
	.quick-links ul {
		}
	.quick-links ul li {
		margin-bottom:10px;
		}  
	.quick-links ul li i.ion-chevron-right {
		font-size:10px;
		position:relative; top:-2px;
		}
	.quick-links ul li a:hover {
		opacity:0.7;
		}
                            
                            
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
     
	nav.footer {
		padding:80px 0 0;
		}
	nav.footer ul {
		font-size:13px;
		}
	nav.footer ul li {
		display:block; padding:10px 0;
		}	
	nav.footer ul li a,
	nav.footer ul li div {
		display:inline;
		padding:0;
		background:none!important;
		}
	nav.footer ul li.site-credit a {
		font-weight:500;
		}
		
	@media (min-width:768px) {
		
	nav.footer ul li {
		margin:0 8px 0 0; padding:0;
		display:inline-block;
		}
		
	}
		
	@media (min-width:768px) and (max-width:991px) {
		
	nav.footer ul li.site-credit {
		clear:both; display:block;
		padding:20px 0 0; 
		}
		
	}
		
	@media (min-width:992px) {
		
	nav.footer ul li.site-credit {
		margin:0; float:right;
		}
		
	}	
                            
                            
                            
/*  --------------------------------------------------
    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(43,43,43,0.8);
		color:#ffffff; color:rgba(255,255,255,1);
		}		
	.slick-prev {
		left:0;
		background-color:rgba(43,43,43,0.4);
		}
	.slick-next {
		right:0;
		}
	.slick-prev:hover, .slick-next:hover {
		background-color:#2b2b2b; background-color:rgba(43,43,43,1);
		}
		
	.slick-prev i, .slick-next i {
		font-size:20px;
		}
	
		
	.banner .slick-prev, .banner .slick-next {
		top:auto; bottom:0;
		width:50px; height:50px;
		}
	.banner .slick-prev {
		right:50px; left:auto;
		}
	.banner .slick-next {
		right:0; left:auto;
		}
	.banner .slick-prev i, .banner .slick-next i {
		}
		
	.image-carousel .slides {
		padding-bottom:40px;
		}
	.image-carousel .slick-prev, .image-carousel .slick-next {
		top:auto; bottom:0;
		width:40px; height:40px;
		}
	.image-carousel .slick-prev {
		right:41px; left:auto;
		}
	.image-carousel .slick-next {
		right:1px; left:auto;
		}		
		
	ul.slick-dots {
		position:absolute; bottom:20px; left:0;
		width:100%;
		margin:0;
		}
	ul.slick-dots li {
		margin:0; margin-right:10px;
		float:left;
		width:10px; height:10px;
		}
	ul.slick-dots li button {
		border-radius:50%;
		width:12px; height:12px;
		background-color:rgba(43,43,43,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:#2b2b2b; background-color:rgba(43,43,43,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);
		}
		
	.banner ul.slick-dots li:nth-child(1) {
		margin-left:15px;
		}
	.image-carousel ul.slick-dots {
		position:relative; bottom:auto; left:auto; top:19px;
		}
		
		
	@media (min-width:992px) {
		
	.banner .slick-prev, .banner .slick-next {
		width:70px; height:70px;
		}
	.banner .slick-prev {
		right:70px;
		}
		
	}					
		                       
                            
                            
/*  ----------------------------------------------------------------------------------------------------
    6.0 PROMO PODS         
    ---------------------------------------------------------------------------------------------------- */

	.promo-pods {
		position:relative;
		overflow:hidden;
		height:100%;
		}
	.promo-pods .item {
		position:relative;
		margin-bottom:24px;
		}
		
	.promo-pods .item a {
		}
	.promo-pods .item.imagepod a,
	.promo-pods .item.videopod a {
		display:block;
		}
	.promo-pods .item a:hover .text {
		text-decoration:none;
		}
		
	.promo-pods .item .image {
		margin:0 0 8px;
		}		
	.promo-pods .item .inner .image {
		margin:-15px -15px 20px;
		}
	.promo-pods .item img { 
		overflow:hidden;
		}
	.promo-pods .item.imagepod img,
	.promo-pods .item.videopod img {
		width:100%;			
		margin:0;
		}
		
	.promo-pods .item .heading { 
		display:block;
		margin:0 0 10px;
		font-size:18px;
		}
	.promo-pods .item .text { 
		display:block;
		margin-bottom:16px;
		}
	.promo-pods .item .text p {
		margin:0;
		}
	.promo-pods .item .link {
		margin:0;
		}
	.promo-pods .item .link a { 
		display:block;
		}
		
	@media (min-width:992px) {
		
	.promo-pods .item .heading {
		font-size:24px;
		}	
		
	.promo-pods .item .inner .image {
		margin:-20px -20px 20px;
		}
		
	}
		
	@media (min-width:1200px) {
		
	.promo-pods .item .heading {
		font-size:28px;
		}
			
	.promo-pods .item .inner .image {
		margin:-30px -30px 20px;
		}
	
	}
		
		                          
                            
                            
/*  --------------------------------------------------
    6.1 WIDE COLUMN PODS         
    -------------------------------------------------- */

	.promo-pods.wide {
		}

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

	.promo-pods.wide .col-sm-6:nth-child(2n+1) {
		clear:both;
		}

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

	.promo-pods.wide .col-md-4:nth-child(3n+1) {
		clear:both;
		}

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

	.promo-pods.wide .col-lg-3:nth-child(4n+1) {
		clear:both;
		}

	}
                            
                            
                            
/*  --------------------------------------------------
    6.2 PROMO PODS ALT   
    -------------------------------------------------- */
			
	.promo-pods .row.alt {
		margin:0;
		}
	.promo-pods .alt .item {
		margin-bottom:0; padding-bottom:0;
		overflow:hidden;
		} 
	.promo-pods .alt .item .image {
		margin:0;
		}
		
	.promo-pods .alt .item .info {
		position:absolute; top:0; right:0; bottom:0; left:0;
		padding:15px;
		}
		
	@media (min-width:0) and (max-width:767px) {
		
	.promo-pods .alt .item {
		margin:0 0 20px;
		}
		
	}
		
	@media (min-width:0) and (max-width:991px) {
		
	.promo-pods .alt .item .info {
		top:auto;
		padding-top:20px;
		}
		
	}
		
	@media (min-width:992px) {
	
	.promo-pods .alt .item .info {
		padding:30px;
		
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		
		-webkit-transform:scale(2);
		-moz-transform:scale(2);
		-ms-transform:scale(2);
		transform:scale(2);
		
		-webkit-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		-moz-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		-ms-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		}
	.promo-pods .alt .item:hover .info {
		
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		
		-webkit-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		-moz-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		-ms-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	}
                            
                            
                            
/*  ----------------------------------------------------------------------------------------------------
    7.0 LISTING   
    ---------------------------------------------------------------------------------------------------- */

	.listing { 
		overflow:hidden;
		height:100%;
		position:relative;
		}
	h1 + .listing, h2 + .listing, h3 + .listing, h4 + .listing, h5 + .listing, h6 + .listing,
	p + .listing,
	ul + .listing,
	ol + .listing {
		margin-top:30px;
		}
	.apc .listing {
		padding:0; margin:0;
		}	
	.listing .item { 
		padding-bottom:16px;
		margin-bottom:24px;
		}		
	.listing .item a { 
		}		
	.listing .item .image {
		margin-bottom:8px;
		}
	.listing .item .heading { 
		display:block;
		font-size:20px;
		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) {
		
	.listing .item .pull-right {
		float:none; text-align:left;
		}
	
	}	
		
	@media (min-width:768px) {
		
	}
		
	@media (min-width:992px) {
		
	.listing .item .heading {
		font-size:24px;
		}
		
	}
		
	@media (min-width:1200px) {
		
	.listing .item .heading {
		font-size:28px;
		}
	
	}	      
                            
                            
/*  --------------------------------------------------
    7.1 BLOG LISTING   
    -------------------------------------------------- */
			
	.listing.blog {
		}
	.listing.blog .item .image {
		margin-bottom:16px;
		}

	div.meta { 
		font-size:12px;
		}
	p + .meta,
	ul + .meta,
	ol + .meta  {
		margin-top:30px;
		}
	.meta .author-date {
		padding-bottom:10px;
		}	
	div.meta .inner {
		border-width:1px; border-style:solid;
		}
	.item div.meta {
		margin-top:40px;
		}
	.short .item div.meta {
		margin-top:20px;
		}
	div.meta .categories {
		padding-top:10px;
		}
		
	@media (min-width:768px) {
		
	div.meta .categories {
		padding-top:0;
		}
		
	}	
                            
                            
                            
/*  --------------------------------------------------
    7.2 SEARCH LISTING   
    -------------------------------------------------- */
			
	.listing.search {
		}

                            
                            
                            
/*  --------------------------------------------------
    7.3 SECTION LISTING   
    -------------------------------------------------- */
			
	.listing.section {
		}
		
	@media (max-width:767px) {
		
	.listing.section .item .image {
		max-width:320px;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    7.4 GRID LISTING   
    -------------------------------------------------- */
			
	.listing.grid {
		}
	.listing.grid .item {
		margin-bottom:0; padding-bottom:0;
		overflow:hidden;
		} 
	.listing.grid .item .image {
		margin:0;
		}
		
	.listing.grid .item .info {
		position:absolute; top:0; right:0; bottom:0; left:0;
		padding:15px;
		}
		
	.listing.grid .item .info .heading {
		font-size:18px;
		}
		
	@media (min-width:0) and (max-width:767px) {
		
	.listing.grid .item {
		margin:0 0 20px;
		}
		
	}
		
	@media (min-width:0) and (max-width:991px) {
		
	.listing.grid .item .info {
		top:auto;
		padding-top:20px;
		}
		
	}

	/*
		
	@media (min-width:480px) and (max-width:767px) {
		
	.listing.grid .item {
		width:50%!important; float:left!important;
		}
		
	}
	*/
		
	@media (min-width:992px) {
	
	.listing.grid .item .info {
		padding:30px;
		
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
		
		-webkit-transform:scale(2);
		-moz-transform:scale(2);
		-ms-transform:scale(2);
		transform:scale(2);
		
		-webkit-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		-moz-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		-ms-transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		transition:opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
		}
	.listing.grid .item:hover .info {
		
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
		
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		
		-webkit-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		-moz-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		-ms-transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		transition:opacity 0.4s ease-in-out 0s, transform 0.2s ease-in-out 0s;
		}
	.listing.grid .item .info .heading {
		font-size:24px;
		}
		
	}	
		
	@media (min-width:1200px) {
	
	.listing.grid .item .info .heading {
		font-size:28px;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    7.5 PROMO POD LISTING   
    -------------------------------------------------- */

	.promo-pods .item .listing {
		padding:0; margin:0 0 8px;
		border-width:0 0 1px; border-style:solid;
		}	
	.promo-pods .item .listing .item {
		margin:8px 0; margin:0; padding:0;
		border-width:1px 0 0; border-style:solid;
		}
	.promo-pods .item .listing .item p.heading {
		font-size:14px;
		margin:8px 0;
		}
	.promo-pods .item .listing.blog .item p.heading {
		margin:8px 0 0;
		}
	.promo-pods .item .listing .item div.meta	{
		margin:0 0 8px;
		}
	.promo-pods .item a.see_all {
		top:20px; right:16px;
		}


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

	.swp {
		}
	.swp .item {
		position:relative;
		margin-bottom:30px;
		}	
	.swp .item .heading a {
		text-decoration:none;
		}
	.swp .item.general-pod .heading,
	.swp .item .heading:first-of-type {
		font-size:18px;
		}
	.swp .item a {
		text-decoration:none;
		}
	.swp .item .heading a:hover,
	.swp .item .text a:hover {
		opacity:0.7;
		}
	.swp .item .text a {
		color:#ffffff;
		}

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

	@media (min-width:992px) {
	
	.swp .item.general-pod .heading,
	.swp .item .heading:first-of-type {
		font-size:20px;
		}
		
	}

	@media (min-width:1200px) {
	
	.swp .item.general-pod .heading,
	.swp .item .heading:first-of-type {
		font-size:24px;
		}
		
	}
		
		

/*  ----------------------------------------------------------------------------------------------------
    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 .link {
		margin:20px 0 0;
		}
		
	.swp .listing {
		margin:0; padding:0;
		}
	.swp .listing .item {
		margin:0; padding:10px 0;
		}
	.swp .listing .item .heading {
		font-size:16px; 
		}
	.swp .listing .item .meta {
		margin: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-width:0 0 0 1px; border-style:solid; border-color:#e1e1e1; border-color:rgba(225,225,225,1);
		}
	nav.tabs .nav li a {
		padding:15px;
		background:none;
		border-width:5px 1px 1px 0; border-style:solid;
		}
	nav.tabs .nav li a {
		border-color:#e1e1e1; border-color:rgba(225,225,225,1);
		}
	nav.tabs .nav li a:hover {
		border-top-color:rgba(43,43,43,0.4);
		}
	.nav-tabs li.active a {
		border-width:5px 1px 1px; border-style:solid;
		}
	nav.tabs .nav > li.active > a, nav.tabs .nav > li.active > a:hover, nav.tabs .nav > li.active > a:focus {
		border-bottom-color:#ffffff; border-bottom-color:rgba(255,255,255,1);
		}		
	nav.tabs .nav > li.active > a, nav.tabs .nav > li.active > a:hover, nav.tabs .nav > li.active > a:focus {
		border-top-color:#00a9f8; border-top-color:rgba(0,169,248,1);
		}	
		
	.tabbed .tab-pane {
		padding-top:10px;
		}
		
	@media (min-width:0) and (max-width:767px) {
	
	nav.tabs .nav li {
		display:inline-block!important; float:left!important;
		}
	.nav-justified > li > a {
		margin-bottom:0;
		}
		
	}

	/* FOR DIFFERENT BACKGROUNDS */				
	.c1-bg nav.tabs .nav,
	.c2-bg nav.tabs .nav,
	.c3-bg nav.tabs .nav {
		border-color:rgba(225,225,225,0.2);
		}
	.c1-bg nav.tabs .nav li a,
	.c2-bg nav.tabs .nav li a,
	.c3-bg nav.tabs .nav li a {
		color:#ffffff; color:rgba(255,255,255,1);
		border-color:rgba(225,225,225,0.2);
		}
	.c1-bg nav.tabs .nav li a:hover,
	.c2-bg nav.tabs .nav li a:hover,
	.c3-bg nav.tabs .nav li a:hover {
		border-top-color:rgba(225,225,225,0.4);
		}
	.c1-bg nav.tabs .nav > li.active > a, .c1-bg nav.tabs .nav > li.active > a:hover, .c1-bg nav.tabs .nav > li.active > a:focus,
	.c2-bg nav.tabs .nav > li.active > a, .c2-bg nav.tabs .nav > li.active > a:hover, .c2-bg nav.tabs .nav > li.active > a:focus,
	.c3-bg nav.tabs .nav > li.active > a, .c3-bg nav.tabs .nav > li.active > a:hover, .c3-bg nav.tabs .nav > li.active > a:focus {
		border-color:rgba(225,225,225,0.2);
		}
	.c1-bg nav.tabs .nav > li.active > a, .c1-bg nav.tabs .nav > li.active > a:hover, .c1-bg nav.tabs .nav > li.active > a:focus {
		border-bottom-color:#00a9f8; border-bottom-color:rgba(0,169,248,1);
		}
	.c2-bg nav.tabs .nav > li.active > a, .c2-bg nav.tabs .nav > li.active > a:hover, .c2-bg nav.tabs .nav > li.active > a:focus {
		border-bottom-color:#073776; border-bottom-color:rgba(7,55,118,1);
		}
	.c3-bg nav.tabs .nav > li.active > a, .c3-bg nav.tabs .nav > li.active > a:hover, .c3-bg nav.tabs .nav > li.active > a:focus {
		border-bottom-color:#2b2b2b; border-bottom-color:rgba(43,43,43,1);
		}
	.c4-bg nav.tabs .nav > li.active > a, .c4-bg nav.tabs .nav > li.active > a:hover, .c4-bg nav.tabs .nav > li.active > a:focus {
		border-bottom-color:#f7f7f7; border-bottom-color:rgba(247,247,247,1);
		}	
			
	.c1-bg nav.tabs .nav > li.active > a, .c1-bg nav.tabs .nav > li.active > a:hover, .c1-bg nav.tabs .nav > li.active > a:focus,
	.c2-bg nav.tabs .nav > li.active > a, .c2-bg nav.tabs .nav > li.active > a:hover, .c2-bg nav.tabs .nav > li.active > a:focus,
	.c3-bg nav.tabs .nav > li.active > a, .c3-bg nav.tabs .nav > li.active > a:hover, .c3-bg nav.tabs .nav > li.active > a:focus {
		border-top-color:#ffffff; border-top-color:rgba(255,255,255,1);
		}


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

	.accordion {
		}
	.accordion .panel {
		border:0 none; border-radius:0;
		box-shadow:none; background:transparent;
		}
	.accordion .heading {
		margin:0; font-size:18px;
		}	
	.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 5px; 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:#00a9f8; border-left-color:rgba(0,169,248,1);
		}	
	.accordion .heading a.collapsed {
		border-color:#e1e1e1; border-color:rgba(225,225,225,1);
		}
		
	.accordion .heading i {
		font-size:20px; 
		position:absolute; top:15px; right:15px;
		}
		
	.accordion .panel-body {
		padding:15px 0; 
		}	



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

	.spc.quotes {
		} 	
	.spc.quotes blockquote p {
		font-size:22px;
		}
		
	@media (min-width:768px) {
		
	}
		
	@media (min-width:992px) {
		 
	.spc.quotes blockquote {
		padding-top:40px;
		}
	.spc.quotes blockquote p {
		font-size:28px;
		}
	.spc.quotes blockquote cite {
		font-size:14px;
		}		
	.quotes blockquote::before {
		font-size:40px;
		}
	.quotes blockquote::after {
		font-size:30px;
		}
		
	}	
		
	@media (min-width:1200px) {
          
	.spc.quotes blockquote p {
		font-size:32px;
		}                

	} 
                            
                            
                            
/*  --------------------------------------------------
    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 {
		padding:10px 0 0;
		font-size:80%;
		
		-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:991px) {

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

	}

	@media (min-width:992px) {

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

	}			

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

	.resources { 
		}
	.resources .item {
		padding:16px;
		}
	.resources .item .heading {
		display:block;
		}
	.resources .item .size {
		font-size:12px; 
		}



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

	table {
		width:100%;
		border-width:1px 0 0 1px; border-style:solid; border-color:#e1e1e1; border-color:rgba(225,225,225,1);
		}
	thead {
		background-color:#f7f7f7; background-color:rgba(247,247,247,1);
		color:#2b2b2b; color:rgba(43,43,43,1);
		}
	table th, table td {
		padding:15px;	
		border-width:0 1px 1px 0; border-style:solid; border-color:#e1e1e1; border-color:rgba(225,225,225,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 {
		margin-top:30px;
		}
	.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;
		}


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

	.apc {
		position:relative;
		padding:24px 0;
		overflow:hidden; height:100%;
		}
	.apc .overview {
		margin-bottom:24px;
		}
	.apc .outro {
		margin-top:24px;
		}
	.apc .image.video {
		position:relative;
		}
		
	.apc.banner {
		padding:0!important;
		}
	.apc.banner,
	.apc.promo-pods {
		margin:0;
		}
		
	.apc .heading.main {
		font-size:22px;
		}

	.apc .link .btn {
		margin-right:10px;
		}
	.apc .link .btn:last-of-type {
		margin-right:0;
		}
		
	@media (min-width:0) and (max-width:767px) {
		
	.apc .link .btn:not(:first-of-type) {
		margin-top:10px;
		}	
		
	}
		
	@media (min-width:768px) {
		
	.apc {
		padding:32px 0;
		}
		
	.apc .heading.main {
		font-size:26px;
		}
		
	}	
		
	@media (min-width:992px) {
		
	.apc {
		padding:48px 0;
		}
		
	.apc .heading.main {
		font-size:30px;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.apc {
		padding:64px 0;
		}
		
	.apc .heading.main {
		font-size:32px;
		}
		
	}	

                            
/*  --------------------------------------------------
    10.1 BANNER  
    -------------------------------------------------- */                   
	
	.apc.banner {
		overflow:hidden;
		height:100%;
		position:relative; z-index:0;
		}
	.apc.banner .slides, .apc.banner .slick-list {
		height:auto;
		}
		
	.apc.banner .item {
		position:relative; z-index:0;
		background-repeat:no-repeat; background-position:center top;
		}
		
	.apc.banner .item.takeover, 
	.apc.banner .item.takeover .container, 
	.apc.banner .item.takeover .row {
		height:100vh;
		
		height:calc(100vh - 70px);
		
		height:-o-calc(100vh - 70px); 
		height:-webkit-calc(100vh - 70px); 
		height:-moz-calc(100vh - 70px);
		}
	body.browser-ios .apc.banner .item.takeover, 
	body.browser-ios .apc.banner .item.takeover .container, 
	body.browser-ios .apc.banner .item.takeover .row {
		
		height:calc(100vh - 138px);
		}
		
	.apc.banner .image {
		}
	.apc.banner .item.takeover .image {
		display:none!important;
		}
	.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:18px; 
		margin-bottom:10px;
		}
	.apc.banner .info p {
		padding:0; margin:0;
		}
	.apc.banner .info p.link {
		margin:20px 0 0;
		}
	
	.apc.banner blockquote::before, .banner blockquote::after {
		display:none;
		}
		
		
	/* SCROLL PROMPT */	
	.apc.banner .scroll-prompt {
		position:absolute; right:0; bottom:10px; 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) {
		
	body.browser-ios .apc.banner .item.takeover, 
	body.browser-ios .apc.banner .item.takeover .container, 
	body.browser-ios .apc.banner .item.takeover .row {
		
		height:calc(100vh - 94px);
		}
		
	.apc.banner .info .heading {
		font-size:20px;
		}
		
	}
		
	@media (min-width:992px) {	
		
	.apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
		height:50vh;
		min-height:400px;
		}
	.apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
		height:70vh;
		min-height:600px;
		}
	.apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
		height:100vh;
		}
		
	.apc.banner .info {
		position:absolute; top:0; bottom:0; left:0;
		padding:0;
		}
		
	.apc.banner .info .heading {
		font-size:26px;
		}
		
	}	
		
	@media (min-width:1200px) {	
		
	.apc.banner .info .heading {
		font-size:30px;
		}
	.apc.banner .info .col-lg-5.col-lg-offset-3	{
		margin:0 auto; float:none;
		}
		
	.apc.banner .scroll-prompt a {
		height:auto; padding-bottom:5px;
		}
	.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) {
				
	.apc.banner .item {
		background-position:center!important;
		background-size:auto 100%;
		}
						
	}
	
	@media (min-width:1025px) {
				
	.apc.banner .item {
		background-size:cover;
		}

	}

                            
/*  --------------------------------------------------
    10.2 CTA STRIP  
    -------------------------------------------------- */                   
	
	.apc.cta-strip {
		}
	.apc.cta-strip .heading.main {
		margin-bottom:10px;
		}
	.apc.cta-strip p.link {
		margin-top:12px;
		}
		
	@media (min-width:0) and (max-width:767px) {	
	/*	
	.apc.cta-strip {
		text-align:center;
		}
	*/	
	}
		
	@media (min-width:768px) {	
		
	}
		
	@media (min-width:992px) {	
		
	.apc.cta-strip p.link .btn {
		display:block;
		}
		
	}
		
	@media (min-width:1200px) {	
		
	.apc.cta-strip .intro {
		font-size:150%;
		}
	
	}

                            
/*  --------------------------------------------------
    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 BLOG WITH FORM  
    -------------------------------------------------- */                  
	
	.apc.signup-listing {
		
		}
	.apc.signup-listing .listing.blog .item {
		margin-top:24px;
		}
	.apc.signup-listing .listing.blog .item .image {
		padding:16px;
		}
		
	@media (min-width:768px) {
		
		
	}
		
	@media (min-width:992px) {
		
	.apc.signup-listing .listing.blog .item .image {
		margin-top:-16px;
		}
		
	}
		
	@media (min-width:1200px) {
		
		
	}

                            
/*  --------------------------------------------------
    10.8 APC TABBED
    -------------------------------------------------- */                
	
	.apc.tabbed {
		}
		
	.apc.tabbed.promo-pods nav {
		padding-right:15px; padding-left:15px;
		}
		
	.apc.tabbed .tab-content {
		border:0 none;
		padding:20px 0 0;
		
		background:none;
		}
		
	.apc.tabbed .listing {
		margin:0 0 30px;
		}
		
                            
/*  --------------------------------------------------
    10.9 STANDARD COMPONENTS
    -------------------------------------------------- */             

	.apc.standard-components {
		}	
	.apc.standard-components .spc {
		}
		
	@media (min-width:768px) {
		
	.apc.standard-components {
		}
		
	}	
		
	@media (min-width:992px) {
		
	.apc.standard-components {
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.apc.standard-components {
		}
		
	}
		
     

/*  --------------------------------------------------
    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 {
		color:#e3e3e3; color:rgba(227,227,227,1);
		}
	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 {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	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;
		}
		
	}
	

                            
/*  ----------------------------------------------------------------------------------------------------
    11.0 FORMS
    ---------------------------------------------------------------------------------------------------- */
	
	textarea { resize:none; }
	
	fieldset {
		margin:0 0 16px;
		}
	legend {
		padding:0 0 8px;
		margin:8px 0 16px;
		}
	label {
		font-weight:normal;
		}	
	em.req {
		font-style:normal;
		}	
	.form-control {
		border-radius:0; min-height:50px;
		border-width:2px 1px 1px;
		}
	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 {
		padding:0;
		position:relative;
		}	
	.site-search fieldset {
		position:relative;
		max-width:300px; margin:0 auto;
		}
	.site-search .form-group {
		width:100%; margin:0;
		}
	.site-search .form-control {
		width:100%; height:40px; min-height:40px; padding-right:40px;
		}	
	.site-search .btn {
		width:40px; height:40px;
		position:absolute; top:0px; right:0;
		font-size:20px;
		}
		
	@media (min-width:768px) {
	}
		
	@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;
		}
	.has-border-top {
		border-width:1px 0 0; border-style:solid;
		}
	.has-border-bottom {
		border-width:0 0 1px; border-style:solid;
		}
		
	.rounded {
		border-radius:3px;
		}		
	
	.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:120px;
		}
	div.table-cell.align-bottom {
    	vertical-align:bottom;
		padding-bottom:120px;
		}
		
	.no-padding {
		padding:0!important;
		}
	.padding-top {
		padding-top:30px!important;
		}
	.padding-bottom {
		padding-bottom:30px!important;
		}
	.no-padding-top {
		padding-top:0!important;
		}
	.no-padding-bottom {
		padding-bottom:0!important;
		}
	.short-padding {
		padding:20px 0!important;
		}
	.short-padding-top {
		padding-top:20px!important;
		}
	.short-padding-bottom {
		padding-bottom:20px!important;
		}
		
	.no-margin {
		margin:0!important;
		}
	.margin-top {
		margin-top:30px!important;
		}
	.margin-bottom {
		margin-bottom:30px!important;
		}
	.no-margin-top {
		margin-top:0!important;
		}
	.no-margin-bottom {
		margin-bottom:0!important;
		}
	.short-margin {
		margin:20px 0!important;
		}
	.short-margin-top {
		margin-top:20px!important;
		}
	.short-margin-bottom {
		margin-bottom:20px!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;
		}
	.inner.small-inner {
		padding:15px 20px;
		}
	.spc.quick-links .inner {
		padding-bottom:10px;
		}
		
	}	
	
	@media (min-width:1200px) {
		
	.container-fluid .item-square {
		padding-bottom:35%;
		}
	.inner {
		padding:30px;
		}
	.inner.small-inner {
		padding:15px 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);
		}
	.image.img-rounded .overlayicon {
		border-radius:3px;
		}	
		
	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;
		}
		
	}



    
/*	--------------------------------------------------
	Recipe
	-------------------------------------------------- */

.recipe-container
{
    width:200px; 
    height:200px;
    float:left;
    position: relative;
    margin-left: 13px;
}

.recipe-container:first-of-type
{
    margin-left: 0px;
}

.recipe-spinner{
    position:absolute; 
    top:0;
    width: 100%; 
    height: 100%;
}

.recipe-overlay{
    position:absolute; 
    bottom:0; 
    background-color:rgba(255,255,255,1);
    display:none;
    width: 100%;
    height: 75px;
    padding:5px;font-size:14px;
}

.recipe-name{
    width: 158px;
    float: left;
}

.recipe-buttons{
    width:32px; 
    align-items:center; 
    float:left; 
    margin-top: 5px;
}


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