/* 	--------------------------------------------------
    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	#a05cc0		160,92,192
	c1	#a05cc0		38,48,102
	c2	#cccccc		204,204,204
	c3	#151515		21,21,21
	c4	#f4f4f4		244,244,244
	c5 	#ffffff		255,255,255
	c6  #eeeeee		238,238,238
	
*/

/*
	
	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:70px;
		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;
		}		
	#site {
		position:relative; z-index:2;
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		box-shadow:0 0 100px rgba(21,21,21,0.1);
		}	
		
	.row.heading-area {
		margin-bottom:20px;
		}
	.content-area {
		margin-bottom:30px;
		}
	.content-area:last-of-type {
		margin:0;
		}
		
	@media (min-width:992px) {
		
	body {
		padding-top:140px;
		}
	
	body.banner-top {
		padding-top:0;
		}	
		
	}		

.content-area a.btn { 
	text-decoration: none;
}
		


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

	header {
		position:fixed; top:0; right:0; left:0;
		width:100%; min-height:70px;
		z-index:500;
		overflow:visible;
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		
		-webkit-box-shadow:0 0 10px rgba(21,21,21,0.2);
		-moz-box-shadow:0 0 10px rgba(21,21,21,0.2);
		-ms-box-shadow:0 0 10px rgba(21,21,21,0.2);
		box-shadow:0 0 10px rgba(21,21,21,0.2);
		
		-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:-70px;
		height: 132px;
		}
	html.nav-down header {
		top:0;
		} 
		
	html.nav-up header,
	html.nav-down header {
		-webkit-box-shadow:0 0 10px rgba(21,21,21,0.2);
		-moz-box-shadow:0 0 10px rgba(21,21,21,0.2);
		-ms-box-shadow:0 0 10px rgba(21,21,21,0.2);
		box-shadow:0 0 10px rgba(21,21,21,0.2);
		}
		
	html.nav-down.reached-top header {
		
		-webkit-box-shadow:0 0 10px rgba(21,21,21,0);
		-moz-box-shadow:0 0 10px rgba(21,21,21,0);
		-ms-box-shadow:0 0 10px rgba(21,21,21,0);
		box-shadow:0 0 10px rgba(21,21,21,0);
		}	
	html.reveal-out header, html.nav-down.reached-top.reveal-out header {
		background-color:#151515; background-color:rgba(21,21,21,1);
		}
		
	header #logo { 
		position:absolute;
		top:15px;
		left:15px;
		z-index:501;
		opacity: 1;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
		}

	html.nav-up header #logo {
		opacity: 0;
	}
	header #logo a { 
		display:block; 
		text-indent:-9999px;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}	
			
			
	@media (min-width:480px) and (max-width:991px) {
	
	header .container {
		width:100%;
		}
		
	}	
	
	@media (min-width:992px) {
	
	header {		
		
		-webkit-box-shadow:0 1px 0 rgba(21,21,21,0);
		-moz-box-shadow:0 1px 0 rgba(21,21,21,0);
		-ms-box-shadow:0 1px 0 rgba(21,21,21,0);
		box-shadow:0 1px 0 rgba(21,21,21,0);
		}	
	html.reveal-out header {
		padding:0; overflow:visible; bottom:auto;
		}
	html.reveal-out header,
	header,
	header .container {
		height:140px;
		}
	header .container {
		position:relative;
		}
		
	header #logo {
		top:32px; 
		}
				
	}
		
	@media (min-width:1200px) {
		
	}
		
	@media (max-width:768px) {
		
		header #logo {
			height: 42px!important;
		}
		
		header #logo a {
			height: 42px!important;
			background-size: auto 42px!important;
			background-position: left top!important;
		}
		
		.reveal-out header #logo {
			display: none;
		}
	}

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

	
	.content { 
		padding:16px 0;
		}
	.content.short { 
		padding:8px 0;
		}
		
	@media (max-width:991px) {
	
	.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 .heading,
	footer a:hover, footer a:focus, footer a:active {
		color:#ffffff; color:rgba(255,255,255,1);
		}
	footer p:not(.heading) {
		font-size:15px;
		}
	footer .company-details,
	footer .quick-links {
		margin-bottom:32px;
		}	
		
	@media (max-width:768px) {
		
		footer {
			padding-top: 60px;
		}
		
		footer img {
			width: auto;
		}
	}
		
	@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:18px;
		}	
		
	footer .company-details,
	footer .quick-links {
		margin-bottom:0;
		}
		
	}	
		
	@media (min-width:1200px) {	
		
	footer { 
		padding:0 0 0;
		}
		
	}

/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     
	html.reveal-out {
		overflow:hidden;
		}
		
	.navigation {
		position:relative; z-index:5;
		}
	html.reveal-out .navigation {
		overflow:auto;
		}
		
	.navigation .reveal {
		display:none;
		padding-top: 20px;
		}
	html.reveal-out .navigation .reveal {
		display:block;
		}
		
	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;
		/*
		background-color:#a05cc0; background-color:rgba(38,48,102);*/
		}	
	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:20px;
		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:26px;
		}
	header a.expand span.mid {
		top:34px;
		}
	header a.expand span.bottom {
		top:42px;
		}
	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);
		}
		
	
	@media (min-width:992px) {
		
	html.reveal-out {
		overflow:auto;
		}
	html.reveal-out .navigation {
		overflow:visible;
		}
	header a.expand {
		display:none;
		}
	.navigation .reveal {
		display:block;
		}
	}		
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
	.navigation nav.main {
		/*padding:0 0 20px;*/
		clear: both;
		}
	.navigation nav.main:after {
		content: '';
		display: table;
		clear: both;
		}
	.navigation nav.main > ul {
		float: right;
		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.8);
		}
	.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;
	}

	body.banner-top .navigation nav.main li a {
		text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	}

	.navigation nav.main li > a:hover {
		color:#ffffff;
		background-color:#a05cc0;
		background-color:rgba(38,48,102,1);
		}

	body.banner-top .navigation nav.main li > a:hover {
		text-shadow: none;
	}
	
	.navigation nav.main li > a.active,
	.navigation nav.main li > a.active:hover {
		color: white;
		background-color:#a05cc0;
		background-color:rgba(56,69,142,1);
	}

	body.banner-top .navigation nav.main li > a.active,	
	body.banner-top .navigation nav.main li > a.active:hover {
		color: white;
		background-color:#a05cc0;
		background-color:rgba(38,48,102,1);
		text-shadow: none;
	}
		
	.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:#a05cc0; background-color:rgba(38,48,102,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(21,21,21,0.2);
		}
		
		
	@media (max-width:768px) { 
		
		.navigation nav.main > ul {
			float: none;
		}
		
		.navigation nav.main > ul ul {
			padding-left: 30px;
		}
	}
	
	@media (min-width: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:relative;
		/*height:40px;*/
		background-color:rgba(38,48,102,1);
		background-color: black;
		}
		
	.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 ul li {
		line-height:1.4em;
		}
	.navigation nav.main > ul > li > a {
		height:40px;
		padding:0;
		}
	.navigation nav.main ul > li:hover a {
		background-color:#a05cc0;
		background-color:rgba(38,48,102,1);
		}
	.navigation nav.main ul li a span {
		display:block;
		padding:18px 10px;
		}
	.navigation nav.main > ul > li.has-child > a span {
		padding-right:40px;
		}
	.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:40px; padding-top:18px;
		}
		
		
	/* DROPDOWN */	
	.navigation nav.main ul ul {
		position:absolute; top:50px; left:-999em; z-index:2000;
		width:290px; height:auto;
		display:block;
		text-align:left;
		background-color:#a05cc0; background-color:rgba(38,48,102,1);
		
		-webkit-box-shadow:0 5px 5px rgba(21,21,21,0.2);
		-moz-box-shadow:0 5px 5px rgba(21,21,21,0.2);
		-ms-box-shadow:0 5px 5px rgba(21,21,21,0.2);
		box-shadow:0 5px 5px rgba(21,21,21,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);
		}
	.navigation nav.main ul li ul a:hover::before {
		background-color:rgba(255,255,255,1);
		}
	.navigation nav.main ul li ul a.active::before {
		background-color:rgba(255,255,255,1);
		}
		
	.navigation nav.main ul li ul a span {
		display:block;
		padding:10px 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:#a05cc0; background-color:rgba(38,48,102,1);
		}
	.navigation nav.main ul li.has-child ul a:hover {
		background-color:rgba(21,21,21,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) 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: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:#a05cc0; background-color:rgba(38,48,102,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 {
		margin-right: 15px;
		padding:0 0 0 15px;
		width: auto !important;
		flex-direction: row;
		display: flex;
		justify-content: flex-end;
		}
	.navigation nav.top > ul,
	.navigation nav.top ul .dropdown-menu {
		font-size:13px;
		font-weight:500;
		}
	.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:#a05cc0; color:rgba(38,48,102,1);
		}
		
	.navigation nav.top ul .dropdown-menu {
		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;
		height:auto;
		}
		
	@media (min-width:0) and (max-width:991px) { 
		
	.navigation nav.top ul .dropdown-menu {
  		position:relative; top:5px; right:auto; left:0;
		width:auto;
		float:none!important;
		margin-right:15px;
		}
		
	}
		
	@media (min-width:992px) { 
		
	}
		
	@media (min-width:992px) { 
		
	.navigation nav.top {
		position:relative;
		padding:0;
		}
	.navigation nav.top ul .dropdown-menu {
		position:absolute; top:30px;
		}
		
	.navigation nav.top > ul {
		}
	.navigation nav.top ul > li {
		display:block; float:left; margin:0 0 0 15px;
		}
	.navigation nav.top li a {
		display:block;
		padding:13px 0;
		height:40px;
		display: flex;
		align-items: center;
		}
	body.banner-top .navigation nav.top li a {
		text-shadow: 0px 0px 50px rgba(0, 0, 0, 1);
		}
	.navigation nav.top li.dropdown > a {
		padding:12px 0;
		}
		
	.navigation nav.top li a:hover {
		text-decoration: underline!important;
		}
	.navigation nav.top ul .dropdown-menu {
		right: 0;
		}
		
	}
				
	@media (min-width:1200px) { 
		
	}
		                     
	
ul.languageSelector {
	flex-direction: inherit;
	margin-right: 1rem;
	float: left;
	display: flex;
	align-items: center;
}   

ul.languageSelector:after {
	content: "|";
	font-weight: bold;
	margin-left: 2rem;
	color: white;
}

@media (max-width:991px) { 
	ul.languageSelector:after {
		content: "";
		display: none !important;
	}
}

ul.languageSelector li {
	margin-left: 10px !important;
	text-transform: uppercase;
}

ul.languageSelector ul li.even {
	margin-right: 1rem !important;
}

ul.languageSelector li.active a {
	color: #71ace2;
}

.navigation nav.top {
	width: 58%
	
}

	
.flag {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}


@media (max-width:1200px) { 
	.navigation nav.top {
		width: 71%;
	}
}


/*  --------------------------------------------------
    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:#eeeeee;
		border-color:rgba(238,238,238,1);
		background-color: rgba(38,48,102, 1);
		}
	nav.sub.categories p.heading,
	nav.sub p.heading a { 
		display:block;
		color:#ffffff; color:rgba(255,255,255,1);
		}
		
	nav.sub ul {
		margin:0;
		font-weight:600;
		}
	nav.sub ul ul {
		font-size:16px; 
		}
	nav.sub ul ul ul {
		margin-left:14px; font-weight:400;
		}
	nav.sub ul li {
		position:relative;
		}
	nav.sub ul li a {
		display:block; padding:10px 0;
		background:transparent;
		color:#151515; color:rgba(21,21,21,1);
		
		-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:#a05cc0;
		color:rgba(38,48,102,1);
		}
		
	nav.sub ul ul {
		font-size:13px;
		}
	nav.sub ul ul li a {
		padding:6px 0 6px 15px;
		}
	nav.sub ul ul li a:hover {
		padding-left:20px;
		}
		
	nav.sub ul ul li::before {
		content:"";
		position:absolute; top:12px; left:0;
		width:8px; height:2px;
		background-color:rgba(21,21,21,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 {
		/*padding: 5px 10px;*/
		/*background-color: rgba(38,48,102, 0.1);*/
	}
	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;*/
		font-weight: bold;
		}		
	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:15px;
		}	
	nav.sub ul li a:hover, nav.sub ul ul li a:hover {
		}					
	
                            
                            
/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

	.breadcrumb-trail {
		overflow:hidden;
		}
	.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:10px;
		width:2px; height:40px;
		background-color:rgba(244,244,244,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(21,21,21,0.6);
		}
	.breadcrumb-trail ol li a {
		padding:24px 40px 0 10px;
		font-weight:400;
		color:rgba(21,21,21,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:0 none;
		font-weight:500;
		padding:13px 20px; 
		color:#151515; color:rgba(21,21,21,1);
		}
	nav#pagination .pagination li:not(.active) a:hover {
		color:#ffffff; color:rgba(255,255,255,1);
		background-color:#a05cc0; background-color:rgba(38,48,102,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:#151515; background-color:rgba(21,21,21,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        
    -------------------------------------------------- */
                    
	footer nav.social { 
		margin-bottom:30px;		
		}
	nav.social ul {
		line-height:0;
		}
	nav.social ul li {
		display:inline-block; position:relative;
		margin:0 2px 6px 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;
		}
		
	@media (min-width:992px) {
		
	nav.social ul li a:hover {
		opacity:0.7;
		}
	
	}	

                            
                            
/*  --------------------------------------------------
    5.8 QUICK LINKS           
    -------------------------------------------------- */
     
	.quick-links {
		}
	.quick-links .inner {
		padding-bottom:5px;
		}
	.quick-links ul {
		}
	.quick-links ul li {
		margin-bottom:10px;
		}      
	.quick-links ul li a {
		display:block;
		padding-left:12px;
		}
	.quick-links ul li a::after {
		content:"";
		position:absolute; top:6px; left:15px;
		display:block;
		width:5px; height:2px;
		background-color:rgba(21,21,21,0.5);
		} 
	footer .quick-links ul li a::after {
		background-color:rgba(255,255,255,0.5);
		}
	
	@media (min-width:992px) {
		
	.quick-links .inner {
		padding-bottom:10px;
		}
	.quick-links ul li a:hover {
		padding-left:15px;
		text-decoration:underline;
		}
	footer .quick-links ul li a:hover {
		text-decoration:none;
		}
		
	}
	
	@media (min-width:1200px) {
		
	.quick-links .inner {
		padding-bottom:20px;
		}
		
	}
                            
    
                        
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
     
	nav.footer {
		padding:47px 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;
		}
	nav.footer ul li.site-credit a {
		}
	footer 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;
		}
		
	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(38,48,102,0.8);
		color:#ffffff; color:rgba(255,255,255,1);
		}
	.c1-bg .slick-prev, .c1-bg .slick-next {	
		background-color:rgba(21,21,21,0.8);
		}		
	.slick-prev {
		left:0;
		background-color:rgba(38,48,102,0.4);
		}
	.slick-next {
		right:0;
		}
	.slick-prev:hover, .slick-next:hover {
		background-color:rgba(38,48,102,1);
		}
	.c1-bg .slick-prev:hover, .c1-bg .slick-next:hover {		
		background-color:rgba(21,21,21,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(21,21,21,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:#151515; background-color:rgba(21,21,21,1);
		}
		
	.banner ul.slick-dots li button,
	.c1-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, .c3-bg ul.slick-dots li.slick-active button {
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}
	.image-carousel .slick-slider {
		background: none !important;
		padding-top: 20px !important;
	}
	.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;
		}
	header + .apc.banner .slick-prev, header + .apc.banner .slick-next {
		top:47.5%;
		}
	.image-carousel .slick-prev, .image-carousel .slick-next {
		top:36.5%;
		}
	.image-carousel ul.slick-dots {
		display:block!important;
		}
		
	}					
		                       
.content-area .slick-slider {
	padding-top: 20px !important;
	background: none !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 {
		}
	.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 15px;
		}
	.promo-pods .item img { 
		overflow:hidden;
		}
		
	.promo-pods .item .image {
		margin:-15px; margin-bottom:15px;
		}
	.promo-pods .item .heading {
		margin:10px 0; margin-bottom:15px;
		}
		
	.promo-pods .item .heading { 
		display:block;
		margin:0 0 4px;
		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 { 
		}
		
	@media (min-width:480px) and (max-width:767px) {
		
	.promo-pods .item {
		width:50%!important; float:left!important;
		}
		
	}
		
	@media (min-width:992px) {
		
	.promo-pods .item .heading {
		font-size:20px;
		}
		
	.promo-pods .item .image {
		margin:-20px; margin-bottom:20px;
		}
	.promo-pods .item .heading {
		margin:10px 0;
		}
		
	}
		
	@media (min-width:1200px) {
		
	.promo-pods .item .heading {
		font-size:22px;
		}
		
	.promo-pods .item .image {
		margin:-30px; margin-bottom:30px;
		}
	.promo-pods .item .heading {
		margin:10px 0;
		}
	
	}	
		
		                          
                            
                            
/*  --------------------------------------------------
    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;
		}

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

	.listing { 
		overflow:hidden;
		height:100%;
		position:relative;
		}
	.apc .listing {
		padding:0; margin:0;
		}	
	.listing .item { 
		padding-bottom:0;
		margin-bottom:24px;
		}	
	.listing .item a { 
		}	
	.listing .item .image {
		margin-bottom:15px;
		}
	.listing .item .heading { 
		display:block;
		font-size:18px;
		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) {
		
	.listing .item .heading {
		font-size:20px;
		}	
	.listing .item .heading:hover {
		/*opacity:0.7;*/
		}
		
	}
		
	@media (min-width:1200px) {
		
	.listing .item .heading {
		font-size:22px;
		}
	
	}	      
                            
                            
/*  --------------------------------------------------
    7.1 BLOG LISTING   
    -------------------------------------------------- */
			
	.listing.blog {
		}
		
	.listing.blog .item .image {
		margin:-15px; margin-bottom:15px;
		}
	.listing.blog .item .heading {
		margin:10px 0 0;
		}

	.meta { 
		font-size:12px;
		}
	.meta .author-date {
		padding-bottom:10px;
		}	
	.meta .inner {
		}
	.item div.meta {
		}
	.small .item div.meta {
		}
	.meta .comments,
	.meta .categories {
		font-size:10px; font-weight:500; 
		text-transform:uppercase;
		}

	.meta .categories a {
		/*color: #3cc47c;
		color: rgba(60, 196, 124, 1);*/
	}
		
	@media (min-width:480px) and (max-width:767px) {
		
	.listing.blog .item.col-xs-12 {
		width:50%!important; float:left!important;
		}
		
	}
		
	@media (min-width:768px) {
		
	div.meta .categories {
		padding-top:0;
		}
		
	}	
		
	@media (min-width:992px) {
		
	.listing.blog .item .image {
		margin:-20px; margin-bottom:20px;
		}
		
	.listing.blog .item .heading {
		font-size:20px;
		}
	.meta a:hover {
		text-decoration:underline!important;
		}
		
	}
		
	@media (min-width:1200px) {
		
	.listing.blog .item .image {
		margin:-30px; margin-bottom:30px;
		}
	.listing.blog .item .heading {
		font-size:22px;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    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:30px; padding-bottom:0;
		overflow:hidden;
		} 
		
	.listing.grid .item .image {
		margin:-15px; margin-bottom:15px;
		}
	.listing.grid .item .heading {
		margin:10px 0; margin-bottom:15px;
		}
		
	@media (min-width:480px) and (max-width:767px) {
		
	.listing.grid .item.col-xs-12 {
		width:50%!important; float:left!important;
		}
		
	}
		
	@media (min-width:992px) {
		
	.listing.grid .item .image {
		margin:-20px; margin-bottom:20px;
		}
	.listing.grid .item .heading {
		font-size:20px;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.listing.grid .item .image {
		margin:-30px; margin-bottom:30px;
		}
	.listing.grid .item .heading {
		font-size:22px;
		}
		
	}


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

	.swp {
		}
	.swp .item {
		position:relative;
		margin-bottom:30px;
		}
	.swp .item .heading:first-of-type a {
		text-decoration:none;
		}
	.swp .item .heading:first-of-type {
		font-size:18px;
		}	
	
	.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:#eeeeee; background-color:rgba(238,238,238,1);
		}
	.swp .listing .item .heading {
		font-size:16px; margin-bottom:15px;
		}
	.swp .listing .item .heading a {
		color:#151515; 
		}
	.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 {
		}
	.nav-tabs > li {
		margin-bottom:-2px;
		}
		/*
	.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, nav.tabs .nav li a:focus, nav.tabs .nav li a:active {
		padding:10px 15px; 
		background:none;
		min-width:50px;
		color:#151515;
		border-width:3px 2px 2px; border-color:#eeeeee; border-color:rgba(238,238,238,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, nav.tabs .nav li.active a:focus, nav.tabs .nav li.active a:active {
		border-width:3px 2px 2px;
		border-top-color:#a05cc0; border-top-color:rgba(38,48,102,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:not(.active) a,
	.c2-bg nav.tabs .nav li:not(.active) a,
	.c3-bg nav.tabs .nav li:not(.active) a {
		border-top-color:#a05cc0; border-top-color:rgba(38,48,102,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:#151515; border-top-color:rgba(21,21,21,1);
		}	
	.c1-bg nav.tabs .nav li:not(.active) a:hover,
	.c2-bg nav.tabs .nav li:not(.active) a:hover {
		border-top-color:#151515; border-top-color:rgba(21,21,21,1);
		}	
	.c1-bg nav.tabs .nav li.active a, .c1-bg nav.tabs .nav li.active a:focus, .c1-bg nav.tabs .nav li.active a:active {
		border-top-color:#151515; border-top-color:rgba(21,21,21,1);
		background-color:#ffffff; background-color:rgba(255,255,255,1);
		}	
		
		
	.tabbed .tab-content {
		padding:20px;
		border-width:2px; border-style:solid; border-color:#eeeeee; border-color:rgba(238,238,238,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:2px 2px 2px 3px; 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 {
		color:#151515;
		border-left-color:#a05cc0; border-left-color:rgba(38,48,102,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:15px;
		}
	
	}



/*  --------------------------------------------------
    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: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;
		border-width:2px 2px 1px;
		}
	.resources .item:last-of-type {
		border-width:2px;
		}
	.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%;
		margin-bottom:20px;
		border-width:1px 0 0 1px; border-style:solid; border-color:#eeeeee; border-color:rgba(238,238,238,1);
		}

	table.only-horizontal {
		border-left-width: 0;
	}
	footer table {
		border-width: 0;
	}
	thead {
		background-color:#f4f4f4; background-color:rgba(244,244,244,1);
		color:#151515; color:rgba(21,21,21,1);
		}
	table th, table td {
		padding:15px;	
		border-width:0 1px 1px 0; border-style:solid; border-color:#eeeeee; border-color:rgba(238,238,238,1);
		}
	footer table th,
	footer table td {
		padding: 0;
		border-width: 0;
	}
	table.only-horizontal th,
	table.only-horizontal td {
		border-right-width: 0;
	}
	.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 {
        overflow:hidden; height:100%;
		}
	.author-bio p.heading {
		margin-bottom:0;
		}
	.author-bio .image {
		margin-top:15px;
		}
    .author-bio .image img {
		width:auto; max-width:100%;
		}
	.author-bio .info {
		padding-top:15px;
		}
	.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;
		}
		
	}
    
    @media (min-width:992px) {
		
	.author-bio .image {
		float:right;
		margin:0 0 16px 48px;
		}
		
	}	
	
/*  --------------------------------------------------
	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:#a05cc0; border-color:rgba(38,48,102,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:#eeeeee; border-color:rgba(238,238,238,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 {
		position:relative; z-index:0;
		background-position:center;
		}
		
	/* BACKGROUND IMAGE OPTIONS */
		/*
	.apc.bg-cover {
		background-size:cover;
		}
	.apc.bg-repeat {
		background-repeat:repeat;
		}
	.apc.bg-repeat-x {
		background-repeat:repeat-x;
		}
	.apc.bg-repeat-y {
		background-repeat:repeat-y;
		}
		*/
		
	.apc .overview {
		margin-bottom:24px;
		}
	.apc .outro {
		margin-top:24px;
		}
		
	.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:30px; 
		}
	.apc .overview .text {
		margin-top:20px;
		}
		
	@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;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.apc {
		padding:64px 0;
		}
		
	.apc.no-padding .overview {
		margin-top:64px;
		}
	.apc.no-padding .outro {
		margin-bottom:64px;
		}
		
	}	

                            
/*  --------------------------------------------------
    10.1 BANNER  
    -------------------------------------------------- */                   
	
	.apc.banner {
		overflow:hidden;
		height:850px;
		position:relative; z-index:0;
        background: #000;
		}
	.apc.banner .slides, .apc.banner .slick-list {
		height:auto;
		height: 650px;
		}
		
	.apc.banner .item {
		position:relative; z-index:0;
		background-repeat:no-repeat; background-position:center top;
		background: none;
		background-image: none !important;
	}
		
	.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.banner-top.browser-ios .apc.banner .item.takeover, 
	body.banner-top.browser-ios .apc.banner .item.takeover .container, 
	body.banner-top.browser-ios .apc.banner .item.takeover .row {
		
		height:calc(100vh - 138px); 
		}
		
	.apc.banner .image {
		}
	.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;
		}
	.apc.banner .table-cell {
		padding-right:50px; padding-left:50px;
		}
	.apc.banner .info .heading {
		font-size:24px;
		text-shadow: 0px 0px 90px rgba(0, 0, 0, 0.9);
		}
	.apc.banner .info .text p {
		color: white;
		text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.9);
		}
	.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;
		}


	.slick-slider {
		height: auto !important;
		padding: 120px 0px 0px 0px !important;
		background: black !important;
	}

	@media (max-width:768px) {
		.slick-slider {
			padding: 0px 30px 0px 30px !important;
		}
	}

	.apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
		height: auto !important;
		padding: 0px !important;
	}
		
		
	/* SCROLL PROMPT */	
	.apc.banner .scroll-prompt {
		position:absolute; right:0; bottom:30px; left:0; z-index:100;
		width:100%;
		display: none;
		
	    -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;
		}
		
	.apc.banner .c2-bg .scroll-prompt .mouse-scroll,
	.apc.banner .c4-bg .scroll-prompt .mouse-scroll,
	.apc.banner .c5-bg .scroll-prompt .mouse-scroll,
	.apc.banner .c6-bg .scroll-prompt .mouse-scroll {
		border-color:#151515; border-color:rgba(21,21,21,1);
		}
	.apc.banner .c2-bg .scroll-prompt .mouse-scroll::before,
	.apc.banner .c4-bg .scroll-prompt .mouse-scroll::before,
	.apc.banner .c5-bg .scroll-prompt .mouse-scroll::before,
	.apc.banner .c6-bg .scroll-prompt .mouse-scroll::before {
		background-color:#151515; background-color:rgba(21,21,21,1);
		}
		
	@media (max-height:414px) {
		
	body.banner-top.browser-ios .apc.banner .item.takeover, 
	body.banner-top.browser-ios .apc.banner .item.takeover .container, 
	body.banner-top.browser-ios .apc.banner .item.takeover .row {
		
		height:calc(100vh - 114px); 
		}
		
	}
		
	@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-top:30px; padding-bottom:80px;
		}
	
	}
		
	@media (min-width:768px) {
		
	.apc.banner .info .heading {
		font-size:28px;
		}
		
	}
		
	@media (min-width:768px) and (max-width:991px) {
		
	.apc.banner .info .heading {
		font-size:28px;
		}
		
	body.banner-top.browser-ios .apc.banner .item.takeover, 
	body.banner-top.browser-ios .apc.banner .item.takeover .container, 
	body.banner-top.browser-ios .apc.banner .item.takeover .row {
		
		height:calc(100vh - 90px); 
		}
		
	}
		
	@media (min-width:992px) {	
			
	html:not(.nav-up):not(.nav-down) body.banner-top header,
	html.reached-top body.banner-top header,
	body.banner-top nav.main {
		background:transparent;
		}
		
	.apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
		height:50vh;
		min-height:450px;
		}
	.apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
		height:70vh;
		min-height:650px;
		display: flex;
		flex-direction: column;
        justify-content: center;
		}
	.apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
		height:100vh;
		}
	body.banner-top.browser-ios .apc.banner .item.takeover, 
	body.banner-top.browser-ios .apc.banner .item.takeover .container, 
	body.banner-top.browser-ios .apc.banner .item.takeover .row {
		height:calc(100vh - 25px);
		}
	body:not(.banner-top) .apc.banner .item.takeover, 
	body:not(.banner-top) .apc.banner .item.takeover .container, 
	body:not(.banner-top) .apc.banner .item.takeover .row {
		height:100vh;
		
		height:calc(100vh - 140px);
		
		height:-o-calc(100vh - 140px); 
		height:-webkit-calc(100vh - 140px); 
		height:-moz-calc(100vh - 140px);
		}
		
	.apc.banner .item .info {
		position:absolute; top:0; bottom:0; left:0;
		padding:0;
		}
	.apc.banner .table-cell {
		padding-right:0; padding-left:0;
		}
		
	header + .apc.banner .item:not(.takeover) .info {
		padding:60px 0!important;
		}
		
	.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:767px) {
				
	.apc.banner .item {
		background-position: center!important;
    	background-size: auto 100%;
		}
						
	}
	
	@media (min-width:768px) {
				
	.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 FORM  
    -------------------------------------------------- */                
	      
	

                            
/*  --------------------------------------------------
    10.6.1 FORM ON APC
    -------------------------------------------------- */                
	
	.apc.no-padding .listing-side,
	.apc.no-padding .text-side {
		padding-top:24px; padding-bottom:24px;
		} 
	.apc.no-padding .listing-side .heading.main,
	.apc.no-padding .text-side .heading.main {
		margin-top:20px;
		}
		
	.apc.no-padding .form-side .btn {
		display:block; width:100%;
		padding:15px 20px; 
		font-size:20px;
		} 
		
	@media (min-width:0) and (max-width:991px) {
	
	.apc.no-padding .form-side.pull-right {
		padding-bottom:24px;
		}	
		
	}	
		
	@media (min-width:768px) {
		
	}
		
	@media (min-width:992px) {		
		
	.apc.no-padding .listing-side,
	.apc.no-padding .text-side {
		padding-top:32px; padding-bottom:32px;
		} 
	.apc.no-padding .form-side .inner {
		padding-bottom:60px!important;
		}
		
	}
		
	@media (min-width:1200px) {
		
	.apc.no-padding .listing-side,
	.apc.no-padding .text-side {
		padding-top:48px; padding-bottom:48px;
		} 
	.apc.no-padding .form-side .inner {
		padding:60px;
		padding-bottom:120px!important;
		}
		
	}               
	

                            
/*  --------------------------------------------------
    10.7 LISTING WITH FORM  
    -------------------------------------------------- */                  
	
	.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::after {
		content:"";
		display:block;
		width:20px; height:3px;
		margin:20px 0 0;
		background-color:rgba(21,21,21,0.2);
		}
	.apc.signup-listing .listing .item .heading {
		font-size:18px;
		}
	.apc.signup-listing .listing .item .meta {
		margin:10px 0 0;
		}
		
	.apc.signup-listing .form-side .btn {
		display:block; width:100%;
		padding:15px 20px; 
		font-size:20px;
		} 
		
	@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:25px;
		}
		
	}

                            
/*  --------------------------------------------------
    10.8 APC TABBED
    -------------------------------------------------- */                
	
	.apc.tabbed {
		}
		
	.apc.tabbed .tab-content {
		border:0 none;
		padding:0;
		
		background:none;
		}
		
	.apc.tabbed .listing {
		margin:0;
		}
		
                            
/*  --------------------------------------------------
    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 {
		}
	body .apc.umb-grid.c3-bg {
		color:#eeeeee; color:rgba(238,238,238,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 .slides {
		padding-bottom:70px;
		}
	.apc.image-carousel .slick-prev,
	.apc.image-carousel .slick-next {
		top:auto; right:0; bottom:0; left:auto;
		}
	.apc.image-carousel .slick-prev {
		right:50px;
		}
		
	@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 FEATURED CONTENT
    -------------------------------------------------- */

  	.apc.
{
		}

		.apc.featured-content .slick-slider {
			background: none !important;
		}
	.apc.featured-content .slides, .apc.featured-content .slick-list {
		}
		
  	.apc.featured-content .slick-prev {
		left:auto;
		}
  	.apc.featured-content .slick-next {
		right:15px;
		}
		
  	.apc.featured-content .listing {
		overflow:visible;
		padding:0 15px; margin:0 -15px;
		}
  	.apc.featured-content .listing .item {
		margin:0 15px;
		}
	
	/*.apc.featured-content .listing .item:hover .inner {
		-webkit-transition: box-shadow 0.2s ease-in-out;
		-moz-transition: box-shadow 0.2s ease-in-out;
		-ms-transition: box-shadow 0.2s ease-in-out;
		transition: box-shadow 0.2s ease-in-out;
	}
	.apc.featured-content .listing .item:hover .inner {
		-webkit-box-shadow: 0px 0px 0px 2px rgba(38,48,102,0.21) inset;
		-moz-box-shadow: 0px 0px 0px 2px rgba(38,48,102,0.21) inset;
		box-shadow: 0px 0px 0px 2px rgba(38,48,102,0.21) inset;
	}*/
		
  	.apc.featured-content .item .heading {
		font-size:18px;
		}
		
	@media (min-width:0) and (max-width:991px) {	
		
	.apc.featured-content .slides {
		padding-bottom:60px;
		}
	.apc.featured-content .slick-prev,
	.apc.featured-content .slick-next {
		top:auto; right:15px; bottom:0; left:auto;
		}
	.apc.featured-content .slick-prev {
		right:65px;
		}
	
	}
		
	@media (min-width:992px) {
		
  	.apc.featured-content .slick-prev,
  	.apc.featured-content .slick-next {
		top:-60px;
		width:40px; height:40px;
		}
  	.apc.featured-content .slick-prev {
		right:55px;
		}
		
	}
		
	@media (min-width:992px) {
		
  	.apc.featured-content .item .heading {
		font-size:23px;
		}
		
	}
		
	@media (min-width:1200px) {	
		
  	.apc.featured-content .item .heading {
		font-size:23px;
		}
		
	}

                            
/*  ----------------------------------------------------------------------------------------------------
    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-width:3px;
		border-radius:0; min-height:50px;
		}
	.form-control:focus {
		border-color:#a05cc0; border-color:rgba(38,48,102,1);
		box-shadow: 0 0 5px rgba(38,48,102,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(21,21,21,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
	---------------------------------------------------------------------------------------------------- */
	
	header .site-search {
		float: right;
		margin:0 15px;
		}
	header .site-search input[type=text] {
		background-color: rgba(255, 255, 255, 0.8);
		-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;
		}		
	header .site-search input[type=text]:focus {
		background-color: rgba(255, 255, 255, 1);		
		}		
	.site-search fieldset {
		position:relative; pointer-events:all;
		}
	.site-search .form-group {
		margin-bottom: 0;
		}
	.site-search .form-control {
		width:100%; height:40px; min-height:40px; padding-right:40px;
		border:0 none;
		}	
	.site-search button {
		width:40px;
		height:40px;
		line-height: 30px;
		padding:5px 10px;
		position:absolute;
		top:0;
		right:0;
		font-size:20px;
		text-align:center;
		border:0 none;
		}
		
	@media (max-width:768px) {
		
		header .site-search {
			float: none;
			margin: 0;
			padding: 0;
		}
	}	
		
	@media (min-width:992px) {	
		
	header .site-search {
		position: relative;
		margin:0;
		width:25%;
		}
		
	}
		
	@media (min-width:1200px) {	
		
	header .site-search {
		width:25%;
		margin-left: 3rem;
		}
	header .site-search:focus {
		/* width:40%; */
		}
		
	}

		
                            
/*  --------------------------------------------------
    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_c5.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(21,21,21,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:0px;
		}
		
	.inner {
		padding:15px;
		}

	#left-col .content-area.inner {
		padding:30px;
		}
		
	.padding-top {
		padding-bottom:15px;
		}
	.short-padding-top {
		padding-top:15px;
		}
	.padding-bottom {
		margin-bottom:15px;
		}
	.short-padding-bottom {
		padding-bottom:15px;
		}
		
	.margin-top {
		margin-bottom:15px;
		}
	.short-margin-top {
		margin-top:15px;
		}
	.margin-bottom {
		margin-bottom:15px;
		}
	.short-margin-bottom {
		margin-bottom:15px;
		}	
		
	.has-borders {
		border-width:2px; border-style:solid;
		}
	.has-border-top {
		border-width:2px 0 0; border-style:solid;
		}
	.has-border-bottom {
		border-width:0 0 2px; 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-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;
		}
	#left-col .content-area.inner {
		padding:30px;
		}
		
	.padding-top {
		padding-bottom:20px;
		}
	.padding-bottom {
		margin-bottom:20px;
		}
		
	.margin-top {
		margin-bottom:20px;
		}
	.margin-bottom {
		margin-bottom:20px;
		}
		
	}	
	
	@media (min-width:1200px) {
		
	.container-fluid .item-square {
		padding-bottom:35%;
		}
	.inner {
		padding:30px;
		}
	#left-col .content-area.inner {
		padding:30px;
		}
		
	.padding-top {
		padding-bottom:30px;
		}
	.padding-bottom {
		margin-bottom:30px;
		}
		
	.margin-top {
		margin-bottom:30px;
		}
	.margin-bottom {
		margin-bottom:30px;
		}	
		
	}


/*	--------------------------------------------------
	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(21,21,21,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(21,21,21,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(21,21,21,0.75);
		}
		
	.overlayicon {
		font-size:50px;
		}
		
	}	
		
	@media (min-width:1200px) {
		
	.overlayicon {
		font-size:60px;
		}
		
	}



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

body #contour legend,
body .contour legend {
	color: rgba(38,48,102, 1);
	border-color: rgba(38,48,102, 0.2);
}

body .contour span.checkboxlist,
body .contour span.radiobuttonlist {
	padding: 0 10px 20px 0;
	float: none;
}

body .contour input.datepickerfield {
	max-width: 400px !important;
    padding: 5px;
    display: block;
    width: 95%;
	margin: 0.5em 0;
    border: 1px solid #bbb;
}

body .contourNavigation input[type="submit"]:hover {
	color: white;
	background-color: #3cc47c;
	background-color: rgba(60, 196, 124, 1);
}

/*body .contour span.field-validation-error {
	display: block;
}*/



/* Expertise pagina styling */

.expertise-overzicht-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5rem;
}
	
.expertise-item-wrapper {
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
	flex-basis: calc(16.666% - 1.3rem);
	width: calc(16.666% - 1.3rem);
}


.expertise-item-wrapper img {
	width: 100%;
	height: auto;
	align-self: center;
	opacity: 0.95;
}

.expertise-item-wrapper img:hover {
	filter: saturate(1.5);
	opacity: 1;
}

.expertise-item-wrapper p {
	text-align: center;
	margin-top: 1.5rem;
}

.expertise-item-wrapper a:hover {
	font-weight: bold;
}

.expertise-item-wrapper:nth-of-type(6n) {
	margin-right: 0;
}

@media (max-width:768px) {
	.expertise-item-wrapper {
		flex-basis: calc(32% - 0.6rem);
		width: calc(32% - 0.6rem);
	}
	.expertise-item-wrapper:nth-of-type(6n) {
		margin-right: 0.5rem;
	}
	.expertise-item-wrapper:nth-of-type(3n) {
		margin-right: 0.5rem;
	}
}

@media (max-width:480px) {
	.expertise-item-wrapper {
		flex-basis: calc(50% - 2rem);
		width: calc(50% - 0.6rem);
	}
	.expertise-item-wrapper:nth-of-type(6n) {
		margin-right: 2rem;
	}
	.expertise-item-wrapper:nth-of-type(3n) {
		margin-right: 2rem;
	}
	.expertise-item-wrapper:nth-of-type(2n) {
		margin-right: 0;
	}
}

.container > .row > .col-md-6.col-xs-12.pull-right > .image {
	margin-top: 5rem;
}

/* Make embedded videos responsive */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.homepage-flex-wrapper {
 display: flex;
 z-index: 2;
 position: relative;
 	@media (max-width:992px) { 
		padding-top: 140px;
	}
}

.homepage-flex-wrapper h2 {
    margin-top: 0px;
}

.homepage-flex-wrapper p {
    margin-bottom: 15px !important;
}

@media (max-width:768px) {
	.homepage-flex-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width:768px) {
	.homepage-flex-wrapper {	
		flex-direction: column-reverse;
	}
}


/* Background video */
.homepage-video-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homepage-video-wrapper::after {
		content:"";
		display: block;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		background: rgba(0, 0, 0, 0.4444);
}

.homepage-video-wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	display: block;
}

@media only screen and (min-width: 992px) {
	.homepage-video-wrapper video {
		margin-top: 140px;
	}
}

.banner-top .slick-slider {
	background: none !important;
}


.nav-down .banner-top header.c3-bg {
	background: #000000 !important;
}

.nav-up .banner-top header.c3-bg {
	background: #000000 !important;
}

/* .reached-top .banner-top header.c3-bg {
	background: none !important;
} */

html:not(.nav-down):not(.nav-up) .banner-top header.c3-bg {
	/* background: none !important;
	moz-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); */
}

@media (max-width:768px) {
	html:not(.nav-down):not(.nav-up) .banner-top header.c3-bg {
		background: black !important;
	}

	.reached-top .banner-top header.c3-bg {
		background: black !important;
	}
}


/* homepage custom layout for banner */


.homepage-block-left {
	flex: 1;
	margin-right: 5rem;
}

.homepage-block-left p {
	line-height: 2.3rem;
}

.homepage-block-left .btn {
	background-color: #004cff;
	text-decoration: none;
	color: #FFFFFF;
}

.homepage-block-left .btn:hover {
	background-color: white;
	text-decoration: none;
	color: #004cff;
}

.homepage-block-right {
	flex: 1;
	display: flex;
}

	
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
	
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Homepage carousel styling */

.image-carousel img {
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
}

 .image-carousel img:hover {
  filter: none;
  -webkit-filter: none;
}
.overlayicon {
	display: none;
}

.overlayicon:hover {
	background-color: transparent !important;
	display: none;
}

/* header color */
header.c3-bg {
	background: black !important;
}

/* Temp header responsive fix */
@media (max-width:768px) {
	.advanced-page.banner-top .slick-track .image  {
		display: none;	
	}
}

.footer-bottom-left img {
	margin-left: 1rem;
}


.c1-text .ion-search,
.c1-text:hover .ion-search,
.c1-text:focus .ion-search,
.c1-text:active .ion-search {
	color: #3cc47c;
	color: rgba(60, 196, 124, 1);
}

	
(max-width:768px) {
		
		table.res-mobile,
		table.res-mobile tbody,
		table.res-mobile tr,
		table.res-mobile tr td {
			display: block;
			width: 100%!important;
		}
		
		table.res-mobile tr td {
			padding: 0 0 15px!important;
		}
		
		.apc.featured-content .slides {
			padding-bottom: 20px!important;
		}
		
		.listing.blog .slides .slick-arrow {
			display: none!important;
		}
		
		.navigation nav.top {
			float: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		.navigation nav.top ul {
			float: none;
			margin-bottom: 20px;
			width: 100%;
		}
		
		.navigation nav.top ul li {
			display: inline-block;
			margin-right: 15px;
		}
		
		.content.apc.banner .item.short.c5-bg {
			background-color: #555;
		}
		
		.content.apc.banner .item.short.c5-bg .table {
			margin: 0 15px;
		}
	}

.pato50 {
	padding-top: 50px;
}
	
/* footer mediaqueries */


	@media (max-width:768px) {
		
		table.res-mobile,
		table.res-mobile tbody,
		table.res-mobile tr,
		table.res-mobile tr td {
			display: block;
			width: 100%!important;
		}
		
		table.res-mobile tr td {
			padding: 0 0 15px!important;
		}
		
		.apc.featured-content .slides {
			padding-bottom: 20px!important;
		}
		
		.listing.blog .slides .slick-arrow {
			display: none!important;
		}
		
		.navigation nav.top {
			float: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		.navigation nav.top ul {
			float: none;
			margin-bottom: 20px;
			width: 100%;
		}
		
		.navigation nav.top ul li {
			display: inline-block;
			margin-right: 15px;
		}
		
		.content.apc.banner .item.short.c5-bg {
			background-color: #555;
		}
		
		.content.apc.banner .item.short.c5-bg .table {
			margin: 0 15px;
		}
	}

.pato50 {
	padding-top: 50px;
}
	
@media only screen and (max-width: 1280px) and (min-width: 200px) {
	.footer-bg-wrapper {	
		padding-left: 2em;
    	padding-right: 2em;
	}
}

@media only screen and (max-width: 900px) and (min-width: 200px) {
	.footer-wrapper {
		flex-direction: column;
	}
	.footer-right {
		margin-left: 0 !important;
}

@media only screen and (max-width: 470px) and (min-width: 200px) {
	.footer-wrapper {
		padding-top: 3em !important;
	}
	.footer-left-wrapper {
		flex-direction: column !important;
		height: auto !important;
		padding-top: 1em !important;
	}
	.footer-left-col1 {
		height: auto !important;
	}
	.footer-left-col2 {
		height: auto !important;
	}
	.footer-right-wrapper {
		height: auto !important; 
		padding-bottom: 1em;
		padding-top: 1em !important;
	    margin-top: 1em!important;

	}
	.footer-right p {
		padding-top: 0 !important;
	}
	.footer-right-col1 {
		height: auto !important;
	}
	.footer-right-col2 {
		height: auto !important;
	}
	.footer-bottom {
		padding-top: 1em !important;
	}
}
	
.navigation nav.top {
	flex-direction: column;
}
	
ul.languageSelector {
	flex-direction: inherit;
	margin-right: 1rem;
	float: left;
	display: block;
}