/* 	--------------------------------------------------
    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.1 HOME PODS
		7.1 WIDE COLUMN PODS
	7.0 LISTING
		8.1 BLOG LISTING
		8.2 SEARCH LISTING
		8.3 SECTION LISTING
		8.4 GRID LISTING
		8.5 PROMO POD LISTING
	8.0 PANELS
	9.0 PAGE COMPONENT
		9.1 TABBED
		9.2 ACCORDION
		9.3 QUOTES
		9.4 IMAGES
		9.5 GALLERY
			9.5.1 IMAGE CAROUSEL
		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 AJAX LOADING
		11.2 COOKIES
		11.3 PRELOADER
	
*/

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

html {
	overflow-x: hidden !important;
}

body {
}

#site {
	margin: 0 auto;
}



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

header {
	border-width: 0 0 1px;
	border-style: solid;
}

	header .container {
		position: relative;
	}

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

		header #logo a {
			display: block;
			text-indent: -9999px;
			background-repeat: no-repeat;
			background-position: left center;
		}

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

@media (max-width:991px) {

	header {
		height: 80px;
	}

		header #logo {
			top: 0;
			left: auto;
			height: 80px;
			position: relative;
			float: left;
		}

			header #logo a {
				margin-top: 28px;
			}
}

@media (min-width:992px) {

	header {
		height: 180px;
		z-index: 500;
	}
}

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

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




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

.content {
	padding: 16px 0 24px;
}

@media (max-width:767px) {

	.content #left_col,
	.content #mid_col {
		padding-bottom: 24px;
	}
}

@media (min-width:768px) {

	.content {
		padding: 16px 0 40px;
	}
}

@media (min-width:992px) {

	.content {
		padding: 16px 0 64px;
	}
}

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

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



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

footer {
	padding: 16px 0;
}

	footer a {
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		-moz-transition: opacity 0.2s ease-in-out 0s;
		-ms-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}

		footer a:hover, footer a:focus,
		nav.footer .nav > li > a:hover,
		nav.footer .nav > li > a:focus {
			background: none;
			-webkit-opacity: 0.7;
			-moz-opacity: 0.7;
			-ms-opacity: 0.7;
			opacity: 0.7;
		}

@media (max-width:767px) {

	footer .company_details,
	footer .social {
		margin-bottom: 32px;
	}
}

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

	footer {
		padding: 24px 0;
	}

		footer .social {
			margin: 16px 0;
		}
}

@media (min-width:992px) {

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

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



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

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

	.navigation .reveal {
		display: none;
	}

	.navigation a.expand {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 300;
		width: 80px;
		height: 80px;
		display: block;
		text-indent: -9999px;
	}

		.navigation a.expand span {
			display: block;
			width: 40px;
			height: 2px;
			position: absolute;
			left: 20px;
			opacity: 1;
			transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
		}

			.navigation a.expand span.top {
				top: 29px;
			}

			.navigation a.expand span.mid {
				top: 38px;
			}

			.navigation a.expand span.bottom {
				top: 47px;
			}

		.navigation a.expand.active span.mid {
			opacity: 0;
		}

		.navigation a.expand.active span.top,
		.navigation a.expand.active span.bottom {
			top: 38px;
		}

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

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

@media (max-width:991px) {

	.navigation {
		margin-right: -15px;
		margin-left: -15px;
	}

	html.reveal_out {
	}

		html.reveal_out header {
			z-index: 301;
			width: 100%;
			height: 100%;
		}

		html.reveal_out .navigation .reveal {
			display: block;
		}
}

@media (min-width:992px) {

	.navigation a.expand {
		display: none;
	}

	.navigation .reveal {
		display: block;
	}
}

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



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

.navigation nav.main {
}

	.navigation nav.main ul li a span {
		display: block;
	}

	.navigation nav.main ul li,
	.navigation nav.main ul li a {
		position: relative;
	}

		.navigation nav.main ul li i {
			cursor: pointer;
			position: absolute;
			top: 0;
			right: 0;
			width: 60px;
			height: 60px;
			padding-top: 15px;
			text-align: center;
		}

		.navigation nav.main ul li.has_child a span {
			padding-right: 40px;
		}

@media (max-width:991px) {

	.navigation nav.main {
		position: relative;
		clear: both;
	}

		.navigation nav.main ul {
			position: relative;
			clear: both;
			border-width: 0 0 1px;
			border-style: solid;
		}

			.navigation nav.main ul li {
				display: block;
				border-width: 1px 0 0;
				border-style: solid;
			}

				.navigation nav.main ul li a {
					display: block;
					padding: 15px; /*
		min-height:40px;*/
				}

				.navigation nav.main ul li.has_child a span {
				}

				.navigation nav.main ul li ul {
					display: none;
					border-width: 1px 0 0;
					border-style: solid;
					padding-left: 15px;
				}

					.navigation nav.main ul li ul li {
						border-width: 1px 0 0 1px;
						border-style: solid;
					}

						.navigation nav.main ul li ul li:first-child {
							border-top: 0 none;
						}

				.navigation nav.main ul li.open > ul {
					display: block;
					position: relative;
					top: auto;
					left: auto;
				}
}

@media (min-width:992px) {

	header,
	.navigation,
	.navigation nav.main,
	.navigation nav.main ul,
	.navigation nav.main ul li {
		z-index: 500;
	}

	nav.main {
		height: 80px;
		position: relative;
		top: 100px;
		right: 0;
		z-index: 300;
		border-width: 1px 0 0;
		border-style: solid;
	}

		nav.main ul {
			z-index: 400;
			overflow: visible;
			line-height: 1;
			font-size: 18px;
		}

			nav.main ul li {
				float: left;
				display: inline;
				position: relative;
			}

				nav.main ul li a {
					display: block;
					float: left;
					height: 80px;
					padding: 28px 20px 28px 0;
				}

				nav.main ul li:first-child a {
					padding-left: 0;
				}

	.navigation nav.main ul li.has_child a span {
		padding-right: 20px;
	}

	.navigation nav.main ul li i {
		top: 0;
		right: 18px;
		width: 20px;
		height: 80px;
		padding-top: 28px;
	}

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

		nav.main ul li:hover a.active,
		nav.main ul li a.active:hover {
		}


	/* DROP DOWN 2ND LEVEL */
	.navigation nav.main ul li ul {
		position: absolute;
		left: -999em;
		top: 79px;
		z-index: 2000;
		width: 200px;
		height: auto;
		padding: 0;
		display: block;
		border-top: 0;
		font-size: 15px;
	}

		.navigation nav.main ul li ul li {
			float: none;
			width: auto;
			display: block;
			border: 0 none !important;
		}

			.navigation nav.main ul li ul li i {
				padding-top: 15px;
				right: 10px;
			}

			.navigation nav.main ul li ul li a {
				float: none;
				display: block;
				height: auto;
				line-height: 1.3;
				padding: 15px;
			}

				.navigation nav.main ul li ul li a span {
					display: block;
					background: none !important;
				}
}

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

	.navigation nav.main ul li li.open > ul {
		top: 0;
		left: 200px;
	}

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

@media (min-width:992px) {

	nav.main ul {
		font-size: 20px;
	}
}

@media (min-width:1200px) {

	.navigation nav.main ul li li:hover > ul {
		top: 0;
		left: 200px;
	}

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



/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */
.nav__link {
	position: inherit;
}

.nav__link__image {
	width: auto;
	height: 15px;
	margin-left: -82px;
	margin-top: -7px;
}

.navigation nav.top {
	height: auto;
}

	.navigation nav.top > ul {
		color: #999;
	}

@media (max-width:991px) {

	.navigation nav.top > ul {
		position: relative;
		clear: both;
	}

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

			.navigation nav.top > ul li a {
				display: block;
				padding: 15px;
			}

	.navigation nav.top .dropdown-menu {
		position: relative;
		float: none;
		width: 100%;
		box-shadow: none;
		margin: 0 0 15px;
		padding: 0;
	}

	.navigation nav.top li:last-child .dropdown-menu {
		margin-bottom: 0;
	}

	.navigation nav.top .dropdown-menu a {
		padding: 10px 15px;
	}
}

@media (min-width:992px) {

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

		.navigation nav.top > ul {
			color: #999;
		}

			.navigation nav.top > ul li {
				display: inline;
				float: left;
				margin-left: 15px;
			}

				.navigation nav.top > ul li a {
					display: block;
					float: left;
				}

					.navigation nav.top > ul li a span {
					}

				.navigation nav.top > ul li div {
					display: block;
					float: left;
				}

		.navigation nav.top .dropdown-menu a {
			padding: 5px 10px;
		}
}

.navigation nav.top .dropdown-menu li {
	display: block;
	clear: both;
	float: none;
	margin: 0;
}

.navigation nav.top .dropdown-menu a {
	display: block;
	float: none;
}



/*  --------------------------------------------------
    5.1 SUB NAVIGATION             
    -------------------------------------------------- */

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

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

		nav.sub p.heading a {
			display: block;
		}

	nav.sub ul li a, nav.sub ul ul {
		border-width: 1px 0 0;
		border-style: solid;
	}

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

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

	nav.sub ul li:first-child a {
		border: 0 none;
	}

@media (min-width:992px) {

	nav.sub ul li a {
		padding: 16px;
	}
}



/*  --------------------------------------------------
    5.2 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

nav#breadcrumb {
	margin: 8px 0 0;
}

	nav#breadcrumb ol.breadcrumb {
		padding: 0;
		background: transparent;
	}

	nav#breadcrumb ol.breadcrumb {
		font-size: 12px;
	}

.breadcrumb > li + li::before {
	font-family: 'FontAwesome';
	content: "\f105";
}



/*  --------------------------------------------------
    5.3 PAGINATION NAVIGATION             
    -------------------------------------------------- */

nav#pagination, nav#pager {
	margin: 32px 0;
}

	nav#pagination .pagination {
	}

	nav#pagination ul li {
	}

.pagination > li > a, .pagination > li > span,
.pager li > a, .pager li > span {
	border-radius: 0;
	padding: 12px 16px;
}



/*  --------------------------------------------------
    5.4 SITEMAP NAVIGATION             
    -------------------------------------------------- */

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

	nav.sitemap ul {
		margin: 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.5 SOCIAL NAVIGATION        
    -------------------------------------------------- */

.social nav {
}

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

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

			.social nav 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;
				-webkit-opacity: 0.5;
				-moz-opacity: 0.5;
				-ms-opacity: 0.5;
				opacity: 0.5;
				-webkit-transition: opacity 0.2s ease-in-out 0s;
				-moz-transition: opacity 0.2s ease-in-out 0s;
				-ms-transition: opacity 0.2s ease-in-out 0s;
				transition: opacity 0.2s ease-in-out 0s;
			}

				.social nav ul li a:hover {
					-webkit-opacity: 1;
					-moz-opacity: 1;
					-ms-opacity: 1;
					opacity: 1;
				}

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

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

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

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

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

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

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

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

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

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

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

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

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


/*  --------------------------------------------------
    5.6 QUICK LINKS           
    -------------------------------------------------- */

.quick_links {
}

footer .quick_links nav {
	margin-top: 24px;
}

.quick_links ul {
}

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


/*  --------------------------------------------------
    5.7 FOOTER NAVIGATION             
    -------------------------------------------------- */

nav.footer {
	padding: 0;
	margin-top: 64px;
}

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

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

			nav.footer ul li.site_credit {
				margin: 0;
			}

			nav.footer ul li a,
			nav.footer ul li div {
				display: inline;
				padding: 0;
			}

	nav.footer .nav > li > a:hover,
	nav.footer .nav > li > a:focus {
		background: none;
	}

@media (max-width:767px) {

	nav.footer ul li.copyright {
		display: block;
		clear: both;
		margin-bottom: 16px;
	}

	nav.footer ul li.site_credit {
		display: block;
		clear: both;
		float: none !important;
		margin-top: 16px;
	}
}



/*  --------------------------------------------------
    5.8 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */

.slick-prev, .slick-next {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 2000;
	top: 45%;
	background: none;
	border: 0 none;
	cursor: pointer;
}

	.slick-prev:hover, .slick-next:hover {
	}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

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

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

ul.slick-dots {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 100%;
}

	ul.slick-dots li {
		margin: 0 4px;
		width: 16px;
		height: 16px;
	}

		ul.slick-dots li button {
			border-width: 2px;
			border-style: solid;
			border-radius: 15px;
			width: 16px;
			height: 16px;
			-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;
		}


/*@media (max-width:767px) {
	
	.banner .slick-prev, .banner .slick-next {
		display:none!important;
		}
		
	}*/

@media (min-width:768px) {

	.slick-prev, .slick-next {
		top: 45%;
	}
}



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

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

	.promo_pods .item {
		position: relative;
		margin-bottom: 32px;
	}

		.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 img {
			overflow: hidden;
		}

		.promo_pods .item.imagepod img,
		.promo_pods .item.videopod img {
			margin: 0;
		}

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

		.promo_pods .item .text {
			display: block;
			margin-bottom: 16px;
		}

			.promo_pods .item .text p {
				margin: 0;
			}

		.promo_pods .item .link {
			margin-bottom: 8px;
		}

@media (max-width:767px) {

	.promo_pods .item .image {
		max-width: 140px;
	}

	.promo_pods .item.imagepod .image,
	.promo_pods .item.videopod .image {
		max-width: 100%;
	}
}



/*  --------------------------------------------------
    6.1 HOME PODS         
    -------------------------------------------------- */

body.home .promo_pods {
}



/*  --------------------------------------------------
    6.2 WIDE COLUMN PODS         
    -------------------------------------------------- */

.promo_pods.wide {
}



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

.listing {
	position: relative;
	padding-top: 8px;
	margin-top: 16px;
}

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

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

	.listing .item a {
	}

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

		.listing .item .image img {
		}

	.listing .item p.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;
		}


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

.latest.panel .panel-body {
	padding: 16px 4px;
}

.listing.blog {
	margin-top: 0;
}

.latest .listing.blog {
	margin-bottom: 32px;
}

	.latest .listing.blog > .heading,
	.latest .newsletter > .heading {
		font-size: 24px;
		margin-top: 0;
	}

	.latest .listing.blog .item {
		margin: 8px 0 0;
	}

		.latest .listing.blog .item:first {
			margin-top: 32px;
		}

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

.latest .listing.blog .item .heading {
	font-size: 16px;
	margin-bottom: 0;
}

div.meta {
	font-size: 12px;
}

div.meta {
}

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

.latest .listing.blog .item div.meta {
	margin-top: 0;
}

div.meta div {
	padding-top: 8px;
	overflow: hidden;
	height: 100%;
}

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

@media (min-width:768px) {

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

	.latest.panel .panel-body {
		padding: 16px 8px;
	}
}



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

.listing.search {
}




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

.listing.section {
}

@media (max-width:767px) {

	.listing.section .item .image img {
		max-width: 220px;
	}
}



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

.listing.grid {
}

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

@media (max-width:767px) {

	.listing.grid .item .image img {
		max-width: 100%;
	}
}



/*  --------------------------------------------------
    7.4.1 HOME GRID LISTING 
    -------------------------------------------------- */

body.home .listing.grid {
	margin: 0 0 40px;
}

.listing.grid .item {
	margin: 8px 0;
}



/*  --------------------------------------------------
    7.5 PROMO POD LISTING   
    -------------------------------------------------- */

.promo_pods .item .listing {
	padding: 0;
	margin: 0 0 8px;
}

	.promo_pods .item .listing p.heading {
		margin-bottom: 16px;
	}

	.promo_pods .item .listing .item {
		margin: 8px 0;
		margin: 0;
		padding: 0;
		border-width: 0 0 1px;
		border-style: solid;
	}

		.promo_pods .item .listing .item:last-child {
			border: 0 none;
		}

		.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;
	}



@media (min-width:992px) {

	.promo_pods .item a.see_all {
		top: 20px;
		right: 16px;
	}
}




/*  ----------------------------------------------------------------------------------------------------
    8.0 PANELS
    ---------------------------------------------------------------------------------------------------- */

.panel {
}

	.panel .panel-body {
	}



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

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

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



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

.tabbed {
}

	.tabbed .nav-tabs {
		font-size: 14px;
	}

		.tabbed .nav-tabs * {
			border-radius: 0;
			box-shadow: 0 none;
		}

		.tabbed .nav-tabs li a {
			padding: 16px;
		}

		.tabbed .nav-tabs li.active a {
			background: transparent;
		}

@media (min-width:992px) {

	.tabbed .nav-tabs i {
		display: none;
	}

	.tabbed .tab-content {
		padding: 16px;
		border-width: 0 1px 1px;
		border-style: solid;
	}
}



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

.accordion {
}

	.tabbed .panel,
	.accordion .panel {
		border-radius: 0;
		box-shadow: 0 none;
	}

	.tabbed .panel-heading,
	.accordion .panel-heading {
		padding: 0;
		font-size: 14px;
	}

		.tabbed .panel-heading .panel-title,
		.accordion .panel-heading .panel-title {
			padding: 0;
			margin: 0 !important;
			font-size: 14px;
		}

			.tabbed .panel-heading .panel-title a,
			.accordion .panel-heading .panel-title a {
				display: block;
				padding: 12px;
				text-decoration: none;
			}



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

.quotes {
}

blockquote {
	padding: 0;
	border: 0 none;
	text-align: center;
}

	blockquote i {
		display: block;
		margin: 0 auto 16px;
	}

	blockquote p {
		font-size: 22px;
	}

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

blockquote cite {
	font-size: 11px;
}

blockquote::before, blockquote::after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 70%;
	height: 1px;
}

blockquote::before {
	margin-bottom: 24px;
}

blockquote::after {
	margin-top: 24px;
}

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

@media (min-width:992px) {

	blockquote {
		padding: 0 10%;
	}

		blockquote p {
			font-size: 28px;
		}

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



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

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

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

	.page_component.image .info {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.7);
	}

		.page_component.image .info .text {
			padding: 10px;
			font-size: 11px;
			color: rgba(255,255,255,0.8);
		}



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

.gallery {
}

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

		.gallery .item a {
		}

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

		.promo_pods .item a .overlayicon,
		.gallery .item a .overlayicon {
			-webkit-opacity: 0;
			-moz-opacity: 0;
			-ms-opacity: 0;
			opacity: 0;
		}

		.image.video a .overlayicon,
		.promo_pods .item.videopod a .overlayicon,
		.gallery .item.video a .overlayicon,
		.promo_pods .item a:hover .overlayicon,
		.gallery .item a:hover .overlayicon {
			-webkit-opacity: 1;
			-moz-opacity: 1;
			-ms-opacity: 1;
			opacity: 1;
		}

		.image.video a .overlayicon,
		.promo_pods .item a .overlayicon,
		.gallery .item a .overlayicon {
			display: table;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			text-align: center;
			padding: 0;
			margin: 0;
			-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;
		}

		.gallery .item a .overlayicon {
			left: 0;
		}

			.image.video a .overlayicon i,
			.promo_pods .item a .overlayicon i,
			.gallery .item a .overlayicon i {
				display: table-cell;
				width: 100%;
				height: 100%;
				vertical-align: middle;
				padding: 0;
				margin: 0;
				-webkit-transition: color 0.2s ease-in-out 0s;
				-moz-transition: color 0.2s ease-in-out 0s;
				-ms-transition: color 0.2s ease-in-out 0s;
				transition: color 0.2s ease-in-out 0s;
			}


@media (max-width:767px) {

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

@media (min-width:768px) {

	.page_component.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%;
	margin-bottom: 16px;
}

.page_component.tables table {
}

table thead {
}

table tr th,
table tr td {
	padding: 8px;
}

table tr th {
	padding: 12px 8px;
}

table thead tr th.first,
table tfoot tr td.first {
}

table thead tr th.last,
table tfoot tr td.last {
}

table tbody tr.even td {
}

table tbody tr td {
}



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

.author_bio {
}

	.author_bio p.heading {
		margin-bottom: 0;
	}

	.author_bio .image {
		margin-top: 16px;
	}

	.author_bio .info {
		padding: 16px 16px 0;
	}

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

		.author_bio .info .text p {
		}

@media (min-width:768px) {

	.author_bio .info {
		padding: 16px 16px 16px 0;
	}
}



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

.slideshow {
}

	.slideshow .item {
		display: block;
	}

		.slideshow .item .image {
		}

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

		.slideshow .item .info {
			position: absolute;
			top: auto;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: rgba(0,0,0,0.7);
		}

			.slideshow .item .info .text {
				padding: 10px;
				font-size: 11px;
				color: rgba(255,255,255,0.8);
			}



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

.advanced-component {
	padding: 24px 0;
	overflow: hidden;
	height: 100%;
}

	.advanced-component .overview {
		margin-bottom: 24px;
	}

	.advanced-component .image.video {
		position: relative;
	}

	.advanced-component.banner {
		padding: 0 !important;
	}

	.advanced-component.banner,
	.advanced-component.promo_pods {
		margin: 0;
	}

	.advanced-component .heading.main {
		font-size: 22px;
	}

@media (min-width:768px) {

	.advanced-component {
		padding: 32px 0;
	}

		.advanced-component .heading.main {
			font-size: 26px;
		}
}

@media (min-width:992px) {

	.advanced-component {
		padding: 48px 0;
	}

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

@media (min-width:1200px) {

	.advanced-component {
		padding: 64px 0;
	}

		.advanced-component .heading.main {
			font-size: 32px;
		}
}



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

.advanced-component.banner,
.advanced-component.banner .row,
.advanced-component.banner .container,
.advanced-component.banner .slides,
.advanced-component.banner .item {
	z-index: 0;
}

.advanced-component.banner {
	overflow: hidden;
	height: 100%;
	position: relative;
}

	.advanced-component.banner .row {
		margin-bottom: 0;
	}

	.advanced-component.banner .slides {
		overflow: hidden;
		height: 100%;
		position: relative;
	}

		.advanced-component.banner .slides .item {
			position: relative;
		}

	.advanced-component.banner a .heading,
	.advanced-component.banner a {
	}

	.advanced-component.banner img {
		display: block;
		overflow: hidden;
	}

	.advanced-component.banner .info {
	}

		.advanced-component.banner .info .heading {
			margin-top: 0;
			margin-bottom: 0;
		}

		.advanced-component.banner .info p {
			padding: 0;
			margin: 0;
		}

		.advanced-component.banner .info .text {
			margin-top: 16px;
		}

		.advanced-component.banner .info .link {
			margin-top: 24px;
		}

	.advanced-component.banner .quote .info blockquote cite {
		display: block;
		margin-top: 16px;
	}

@media (max-width:991px) {

	.advanced-component.banner .info {
		padding: 16px 0 24px;
	}
}

@media (min-width:768px) {

	.advanced-component.banner {
		padding: 0;
	}

		.advanced-component.banner .info .heading {
			font-size: 22px;
		}

		.advanced-component.banner .info p {
		}

			.advanced-component.banner .info p.intro {
				font-size: 18px;
			}

		.advanced-component.banner .quote .info blockquote p {
			font-size: 24px;
		}

		.advanced-component.banner .quote .info blockquote cite {
		}
}

@media (min-width:992px) {

	.advanced-component.banner .info {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

		.advanced-component.banner .info .heading {
			font-size: 42px;
		}

		.advanced-component.banner .info p {
			font-size: 18px;
		}

			.advanced-component.banner .info p.intro {
				font-size: 20px;
			}

	.advanced-component.banner .quote .info blockquote p {
		font-size: 30px;
	}

	.advanced-component.banner .quote .info blockquote cite {
		font-size: 15px;
	}
}

@media (min-width:1200px) {

	.advanced-component.banner .info .heading {
		font-size: 58px;
	}

	.advanced-component.banner .quote .info blockquote p {
		font-size: 38px;
	}
}


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

.advanced-component.cta-strip {
}


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

.advanced-component.promo_pods {
}

@media (max-width:991px) {

	.advanced-component.promo_pods .item:nth-child(2n+1) {
		clear: both !important;
	}
}

@media (min-width:992px) {

	.advanced-component.promo_pods .item:nth-child(4n+1) {
		clear: both !important;
	}
}



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

.advanced-component.video-component {
}



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

.advanced-component.text-with-image_video {
}



/*  --------------------------------------------------
    10.6 TEXT WITH FORM  
    -------------------------------------------------- */

.advanced-component.text-with-form {
}



/*  --------------------------------------------------
    10.7 BLOG WITH FORM  
    -------------------------------------------------- */

.advanced-component.blog-with-form {
}


/*  --------------------------------------------------
    10.8 TABBED LISTING  
    -------------------------------------------------- */

.advanced-component.tabbed-listing {
}

	.advanced-component.tabbed-listing .tabbed .nav,
	.advanced-component.tabbed-listing .tabbed .nav * {
		border: 0 none;
	}

		.advanced-component.tabbed-listing .tabbed .nav li {
			display: inline-block;
			float: none;
		}

	.advanced-component.tabbed-listing .tabbed .tab-content {
		padding: 32px 0 0;
		border: 0 none;
	}


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

.advanced-component.standard-components {
	padding: 8px 0;
}

	.advanced-component.standard-components .page_component {
	}

@media (min-width:768px) {

	.advanced-component.standard-components {
		padding: 12px 0;
	}
}

@media (min-width:992px) {

	.advanced-component.standard-components {
		padding: 16px 0;
	}
}

@media (min-width:1200px) {

	.advanced-component.standard-components {
		padding: 24px 0;
	}
}


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



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

textarea {
	resize: none;
}

fieldset {
	margin: 0 0 16px;
}

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

label {
	font-weight: normal;
}

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

/* VALIDATION */
.input-validation-error {
}

.field-validation-error {
	display: block;
	padding: 5px;
	font-size: 12px;
}

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

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

/* NEWSLETTER */
.latest .newsletter,
.latest .newsletter .panel-body {
	background: none !important;
	border: 0 none !important;
	padding: 0;
}



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

.site_search {
	padding: 0;
	position: relative;
}

	.site_search form {
		padding: 0;
		margin: 0;
		border: 0 none;
	}

	.site_search .form-group {
		width: 100%;
	}

	.site_search .form-control {
		width: 100%;
		height: 40px;
		padding-right: 45px;
	}

	.site_search .btn {
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
	}

@media (max-width:767px) {

	.site_search {
		margin: 16px 0;
	}
}

@media (min-width:768px) {

	header .site_search {
		position: relative;
		bottom: 12px;
	}

	.site_search .btn {
		top: 0;
	}
}

@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;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}

		.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;
			}



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

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


.fa-questions {
	display: block;
	position: absolute;
	font-size: 15px;
	top: 17px;
	right: 15px;
}

.question_parent_fa {
	color: black;
}

.question_heading {
	margin: 5px 0 0 !important;
}

.question_link {
	position: relative;
	display: block;
	padding: 15px 45px 15px 15px;
	background-color: #fff;
	border-width: 1px 1px 1px 2px;
	border-style: solid;
	border-color: #e8e8e8;
	text-decoration: none !important;
	color: #303434 !important;
	font-weight: 400 !important;
}

	.question_link:hover {
		background-color: #e6e6e6;
	}

.year-title {
	margin: 28px 0px 5px !important;
	font-size: 25px !important;
}

.d-flex {
	display: flex !important;
	flex-direction: column;
}

@media (min-width:992px) {
	.d-flex {	
		flex-direction: row;
	}
}

@media (max-width:992px) {
	.mobile-bg-dark {
		background-color: #303434;
	}
}

.news-date {
	width: 20%;
	margin-right: 11px;
}

.news-text {
	width:100% !important;
}

.news-underline {
	font-size: 16px;
}

.custom_news_header {
	line-height: 1.3 !important;
	color: white !important;
}

.isFirst {
	margin-top: 30px;
}

.isLast {
	margin-bottom: 30px;
}

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