/* 	--------------------------------------------------
    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
        11.4 UMBRACO FORMS
	
*/

/*
	
	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;
		}
    a.btn {
        padding: 6px 12px 1px 12px;
    }


/*	----------------------------------------------------------------------------------------------------
	2.0 HEADER
	---------------------------------------------------------------------------------------------------- */
    div[role="main"]>h1  {
        font-family: 'Belgrano', serif;
    }

	header {
		border-width:0 0 1px; border-style:solid;
		}
	header .container {
		position:relative;
		}
	header #logo { 
		position:absolute; top:5px; 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:767px) {
	
	header {
		height:80px;
		}
	header #logo { 
		top:0; left:auto; height:80px;
		position:relative;
		float:left;
		}
	header #logo a {
		/*margin-top:28px;*/
        margin: 5px 0;
		}	
	}
			
	@media (min-width:768px) {
	
	header {
		height:180px;
		z-index:500;
		}
	}

    @media (min-width:768px) and (max-width:991px) {
    header {
        height: 100px;
        }
    }
			
	@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;
		}			
	footer .social {
        margin-top:30px;
	}
	@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:767px) {
		
	.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 {
        font-family: 'Fira Sans', sans-serif;
		}	
	.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:767px) {
		
	.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:768px) {
	
	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;font-weight: 100;
		}
	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:768px) 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             
    -------------------------------------------------- */

	.navigation nav.top { 
		height:auto;
		}
	.navigation nav.top > ul { 
		color:#999;
		}	
	
	@media (max-width:767px) {
		
	.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:768px) {
		
	.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;*/
        background-color: #e6f8ec;
        padding: 5px 15px 1px 15px;
		}
	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:30px;
		}
	nav.footer ul {
		font-size:11px;
        font-family: 'Maitree', serif;
		}
	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;*/
        margin-bottom:16px;
        background-color: #e6f8ec;
        padding: 5px 15px 1px 15px;
		}
    .promo_pods.wide {
        margin-bottom:24px;
        background-color: none;
        padding: 0;
    }
	.promo_pods .item {
		position:relative;
		/*margin-bottom:32px;*/
        margin-bottom:16px;
        margin-top: 7px;
		}
		
	.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:21px;
        font-weight: 400 !important;
        font-family: 'Fira Sans', sans-serif;
        padding-top: 5px;
		}
	.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.blog .item {
        /*padding-bottom: 1px;
        margin-bottom: 0px;
        border-top: 4px solid #def6e8;
        padding-top: 20px;*/
        }
    div[role="main"] .listing.blog .item.even {
        background-image: url('../images/bg/pattern-lightGreen.jpg');
	padding: 20px 20px 1px 20px;
        }
	.listing .item a { 
		}		
	.listing .item .image {
		margin-bottom:8px;
		}
	.listing .item .image img {
		}
	.listing .item p.heading { 
		display: block;
        font-size:32px;
        margin: 0 0 8px;
        font-weight: 500;
        line-height: 1.6em;
		}
	.listing .item .text {
		display:block;
		margin:0 0 16px; 
		}
	.listing .item .meta a,
	.listing .item .text a {
		display:inline;
		}
    .panel .author a {
        color:#646a7a;
    }               
/*  --------------------------------------------------
    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 .panel-body {
        background-image: url('../images/bg/pattern-lightGreen.jpg');
        }*/
	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;
		}
	.promo_pods .item a.see_all {
		top:20px; right:16px;
		}
	



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

    .newsletter .panel-body {
        background-color:#4b4f5b;
        color:white;
    }
    .newsletter .heading.main {
        color:white;
    }
    .newsletter .btn {
        background-color: #63c988;
        border-bottom: 5px solid #4abb6b;
        padding: 10px 20px 5px 20px;
    }
    .newsletter .btn:hover {
        background-color: #4abb6b;
        border-bottom: 5px solid #4abb6b;
        padding: 10px 20px 5px 20px;
    }
	.panel {
         margin-bottom: 15px;

	}
    .panel .panel-body p {
        font-family: 'Fira Sans', sans-serif;
    }

/*  ----------------------------------------------------------------------------------------------------
    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;*/
		font-size:15px;
		}
	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;*/
        margin-bottom:50px;
		}                
	.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;bottom:-36px; 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;
        top: -36px !important;
		}
	.slideshow .item .image {
		}
	.slideshow .item .image img {
		display:block;
		overflow:hidden;
		}        
	.slideshow .item .info {
		position:absolute; top:auto; right:0; /*bottom:0;*/ bottom:-36px; 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 .image:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        background-image: url('../images/bg/tint-darkBlue.png');
        border-top: 10px solid rgba(0,0,0,.3);
        border-bottom: 10px solid rgba(0,0,0,.3);
        }
    
	.advanced-component.banner,
	.advanced-component.promo_pods {
		margin:0;
        background-color: transparent;
		}
		
	.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;
        margin: 0 0 8px;
        font-weight: 500;
        line-height: 1.6em;
		}
		
	}


                            
/*  ----------------------------------------------------------------------------------------------------
    10.1 BANNER
    ---------------------------------------------------------------------------------------------------- */
    
    .advanced-component .container.valign .heading span {
        color:white;
        font-family: 'Belgrano', serif;
    }
    .advanced-component .container.valign .text  {
        color:white;
    }
    .advanced-component .container.valign a.btn {
        background-color: #63c988;
	border-bottom:5px solid #4abb6b;
    }	
    .advanced-component .container.valign a.btn:hover {
        background-color: #4abb6b;
    }	

	.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;
		}
		
    .advanced-component.banner .info {
		position:absolute; top:0; right:0; bottom:0; left:0;
        z-index: 2;
		}
    @media (max-width:600px) {
        .advanced-component.banner .info {
            position: relative;
            }
        }

	@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 {
		}
	.advanced-component.banner .image {
        max-height:600px;
        }
	}
    .USNStandardPagelevel1 .advanced-component.banner .image {
        max-height:300px;
    }
    .USNStandardPagelevel2 .advanced-component.banner .image {
        max-height:300px;
    }
		
    @media (max-width:991px) {
	    .advanced-component .container.valign .heading span {
            font-family: 'Belgrano', serif;
		}	
        .advanced-component .container.valign .text p {
            font-family: 'Maitree', serif;
        }
        .advanced-component.banner .info {
		    padding:16px 0 24px;
		}	
        .advanced-component.banner .image {
            max-height:400px;
        }
	}

	@media (min-width:992px) {	
			
	/*.advanced-component.banner .info {
		position:absolute; top:0; right:0; bottom:0; left:0;
        z-index: 2;
		}*/
	.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:absolute; top:40px; right:15px;
		}
	.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.4 UMBRACO FORMS */
    .contour .btn.primary {
        background-color: #63c988;
        border-bottom:5px solid #4abb6b;
        padding: 10px 20px 5px 20px;
        color:white;
        margin-bottom: 20px;
        font-size: 1.4em;
    }
    .contour .btn.primary:hover {
        background-color: #4abb6b;
    }
    .contour .contourPage label.fieldLabel {
        font-weight:400;    
    }

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