

/* ==========================================================================
Variables                                 
========================================================================== */














 







































/*

With the exception of Base Styles, all styles are separated into "modular" sections.
Each section corresponds to a group with the same name (class) in a COS template.

Table of Contents

1.  Base Styles
2.  Header
3.  Main Content
4.  Hero
5.  Intro
6.  Three Col
7.  CTA
8.  Two Col
9.  Blockquote
10. FAQ
11. Anchor Content
12. Blog
13. Footer
14. Home Page
*/

/* //////////////////////////
1. Base Styles                                            
///////////////////////////*/


*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
} 
body { 
	color: #000000;
	font-family: Neue Frutiger LT;
	line-height: 1.5;
}
/* override style attribute assigned to image tags by CMS
rethink this if a less extreme solution is better */

.anchor-content-section-wrapper ul{
	list-style-type: disc;
	padding-left: 5%;
}

.remove-empty,
.remove-empty *{
	min-height: 0 !important;
}

/* Page Center */
.container-fluid .row-fluid .page-center {
	float: none;
	max-width: 1140px;
	margin: 0 auto;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 20px;
                padding-left: 1.0rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 20px;
                padding-right: 1.0rem;            
            
        
    
    


}

@media screen and (min-width: 1280px) {
	.container-fluid .row-fluid .page-center {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Highlighted Text */
::-moz-selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
::selection {
	color: #fff;
	background: #333;
	text-shadow: none;
}
ul.nav-items li {
	padding-top: 8px;
}

/* =============== Typography and General Branding =============== */

/* Basic text */
p { font-size: 20px; font-weight: 300; } 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

.pillar-title h1 { color: #000000;	font-family: "Neue Frutiger LT";	font-size: 48px;	line-height: 52px; font-weight: 700; }
.pillar-title p { color: #000000;	font-family: "Neue Frutiger LT";	font-size: 48px;	line-height: 52px; font-weight: 300; }

h1 { color: #000000;	font-family: "Neue Frutiger LT";	font-size: 40px;	line-height: 44px; }
h2 { color: #000000;	font-family: "Neue Frutiger LT";	font-size: 28px;	line-height: 34px; }
h3 { color: #000000;	font-family: "Neue Frutiger LT";	font-size: 24px;	line-height: 34px; }

ol {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
}
/* Anchor Links */
a { 
	color: #000000; 
	text-decoration: none;
	font-weight: 600;
}
a:hover, a:focus { 
	text-decoration: underline;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

/* Block Quotes */
blockquote {}
blockquote p {}
blockquote small {}

/* Horizontal Rules */
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

/*move this?*/
.dark-bg{
	color: #fff;
}

/*end move this?*/


/* =============== EU Cookie Confirmation Bar =============== */

/* Confirmation Outer Wrapper*/
#hs-eu-cookie-confirmation {}

/* Confirmation Inner Wrapper*/
#hs-eu-cookie-confirmation-inner {}
#hs-eu-cookie-confirmation-inner p{}

/* Confirmation Button */
#hs-en-cookie-confirmation-buttons-area {}
a#hs-eu-confirmation-button {}


/* //////////////////////////
2. Header Styles                                            
///////////////////////////*/

.landform-header{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 50px 0;
                padding: 2.5rem 0;            
            
        
    
    

;
}
.landform-header .logo img{
	max-width: 195px;
}

.landform-header .logo *{
	float: none !important;
}

.landform-header .menu{
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-right: -23.333333333333332px;
                margin-right: -1.1666666666666665rem;            
            
        
    
    


}

.landform-header .menu ul{

	padding: 0;
	margin: 0;
}

.landform-header .menu li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.landform-header .menu a,
.landform-header .menu a:visited{
	font-weight: 300;
	color: #444;
	text-transform: uppercase;
	display: inline-block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 0 23.333333333333332px;
                padding: 0 1.1666666666666665rem;            
            
        
    
    


	position: relative;
	cursor: pointer;
	z-index: 3;
}

.landform-header .menu a:hover{
	text-decoration: none;
}

.landform-header .menu a:link:after{
	content: '';
	display: block;
	pointer-events: none;
	position: absolute;
	top: .4em;left: -.5em; bottom: .4em; right: -.5em;
	/*top: 2em;left: 1em; bottom: 2em; right: 1em;*/
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	/*border-top: 1px solid #444;
	border-bottom: 1px solid #444;*/
	opacity: 0;
	/*transition-delay: 2s;*/
	transition: all .6s ease-out;
	z-index: 1;
}

.landform-header .menu a:hover:after{
	/*background-color: rgba(0,0,0,.1);*/
	top: .4em;left: .5em; bottom: .4em; right: .5em;
	/*top: .3em;left: .5em; bottom: .3em; right: .5em;*/
	transition: all .4s ease-out;
	opacity: .2;
}

@media (max-width: 768px){
	/*.container-fluid .row-fluid .page-center.landform-header {*/
	/*    padding-left: 0;*/
	/*}*/
	.landform-header .menu ul{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    


		width: 100%;
		text-align: center;
	}
}

/* //////////////////////////
3. Main Content                                            
///////////////////////////*/


.interior-secondary .container-fluid .row-fluid .page-center.main-content{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 420px;
                padding-left: 21.0rem;            
            
        
    
    


}

.main-content{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 400; line-height: 1.6;
}

.blog-entry .main-content{
	line-height: 2;
}

.interior-secondary .main-content{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 70px;
                padding-top: 3.5rem;            
            
        
    
    


}

.interior-secondary .main-content .intro{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    

font-weight: 300; line-height: 2;
}

.interior-secondary .main-content h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 25px;
                font-size: 1.25rem;            
            
        
    
    

font-weight: 500
}

.interior-secondary .main-content h3{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
}

.interior-secondary .main-content h4{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 500;
}

.interior-pillar .container-fluid .row-fluid .page-center.main-content{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 400; line-height: 1.6;
	line-height: 2;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 70px;
                margin-bottom: 3.5rem;            
            
        
    
    


}

.interior-pillar .main-content h2{
	font-weight: 500;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 45px;
                font-size: 2.25rem;            
            
        
    
    


	margin: 0;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 46.666666666666664px;
                padding-top: 2.333333333333333rem;            
            
        
    
    


}

/* //////////////////////////
4. Hero                                           
///////////////////////////*/


.hero {
	display: table-cell;
	vertical-align: middle;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 140px 0;
                padding: 7.0rem 0;            
            
        
    
    

;
}

.hero.thank-you{
	text-align: center;
}

.hero.thank-you .page-center{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                max-width: 600px;
                max-width: 30.0rem;            
            
        
    
    


}

.hero h1{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 47px;
                font-size: 2.35rem;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 70px 0 0 0;
                margin: 3.5rem 0 0 0;            
            
        
    
    

;
}

.interior-primary .hero h1{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 68px;
                font-size: 3.4rem;            
            
        
    
    

;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
}

.hero .secondary-header{
	font-weight: 400;  
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 24px;
                font-size: 1.2rem;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 5px 0 50px 0;
                margin: 0.25rem 0 2.5rem 0;            
            
        
    
    

;
}

@media (min-width: 768px){
	.hero .row-fluid .span6{
		width: 50%;
		margin: 0;
	}

	.hero .row-fluid .span6:nth-child(even){
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 70px;
                padding-left: 3.5rem;            
            
        
    
    

;
	}

	.hero form{
		background: rgba(0,0,0,.6);
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 70px;
                padding: 3.5rem;            
            
        
    
    

;
		padding-top: 0;
	}
	.hero .hs_cos_wrapper.form-title{
		margin: 0;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 70px;
                padding: 3.5rem;            
            
        
    
    

;
		padding-bottom: 0;
		background: rgba(0,0,0,.6);
	}

}

@media (min-width: 1024px){
	.hero .row-fluid .span6:nth-child(odd){
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 70px;
                padding-right: 3.5rem;            
            
        
    
    

;
	}
}

.hero form input[type="text"],
.hero form input[type="email"],
.hero form input[type="tel"],
.hero form textarea,
.hero form select{
	width: 100% !important;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 10px;
                padding: 0.5rem;            
            
        
    
    

;
	color: #000000;
}

.hero form input[type="text"]:focus,
.hero form input[type="email"]:focus,
.hero form input[type="tel"]:focus,
.hero form textarea:focus,
.hero form select:focus{
	outline: none;
	box-shadow: 0 0 10px rgba(255,255,255,.5);
}
.hero form input[type="text"]:focus,
.hero form input[type="email"]:focus,
.hero form input[type="tel"]:focus{
	border: 2px solid #fff;
}

.hero form ul{
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

.hero .hs_cos_wrapper.form-title{
	margin: 0;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 24px;
                font-size: 1.2rem;            
            
        
    
    


}

.hero form *{
	float: none !important;
}

.landing-page .hero form div{
	width: 100% !important;
}


.hero form fieldset{
	max-width: none !important;
}

.hero form .input{
	margin-right: 0 !important;
}

.hero form label{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 17px;
                font-size: 0.85rem;            
            
        
    
    

;
	font-weight: 400;
	display: inline-block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    

;
}

.hero form legend{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 12px;
                font-size: 0.6rem;            
            
        
    
    

;
	font-weight: 400;
}

.hero form li label{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 5px;
                padding-top: 0.25rem;            
            
        
    
    

;
}

.hero form li label span{
	display: inline-block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 5px;
                padding-left: 0.25rem;            
            
        
    
    

;
}

.hero form .hs_submit{
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 46.666666666666664px;
                padding-top: 2.333333333333333rem;            
            
        
    
    


}

.hero form input[type="submit"]{
	display: inline-block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 10px 25px;
                padding: 0.5rem 1.25rem;            
            
        
    
    


	text-transform: uppercase;
	color: #000000;
	border-radius: 0;
	border: none;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all .4s ease;
}

.hero form input[type="submit"]:hover{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

/*//// Secondary page hero ////*/

/* layout stuff first */
.interior-secondary .hero{
	padding: 0;
}
.interior-secondary .container-fluid .hero .row-fluid .page-center{
	padding: 0;
}
.interior-secondary .hero .row-fluid{
	display: table;
}
.interior-secondary .hero .row-fluid:before,
.interior-secondary .hero .row-fluid:after{
	display: none;
}
.interior-secondary .hero .section-navigation,
.interior-secondary .hero .widget-type-header{
	display: table-cell;
	float: none;
	vertical-align: middle;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 140px 0;
                padding: 7.0rem 0;            
            
        
    
    


}
.interior-secondary .hero .section-navigation{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                width: 420px;
                width: 21.0rem;            
            
        
    
    


	background: #444;
	color: #fff;
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 70px;
                padding-right: 3.5rem;            
            
        
    
    


}

.interior-secondary .hero .header,
.interior-secondary .hero .header *{
	width: auto;
}
.interior-secondary .background-image-selector{
	display: none;
}
.interior-secondary .hero .section-navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.interior-secondary .hero{
	
	background-position-x: calc((100vw/2) - 150.0px);
	background-size: calc((100vw/2) + 150.0px) auto;
	background-repeat: no-repeat;
	background-color: #444;
	position: relative
}
.interior-secondary .hero h1{
	position: relative;
	z-index: 5;
}
/* In order to get background cover instead of a set size, here we make a pseudo element
the same size as the background size of .interior-secondary .hero
*/
.interior-secondary .hero:after{
	content: '';
	display: block;
	background-image: inherit;
	width: calc((100vw/2) + 150.0px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: left center;
	z-index: 0;
}
.interior-secondary .hero .section-navigation a{
	color: #fff;
	font-weight: 300;
}

.interior-secondary .hero .section-navigation .section-header{
	font-weight: 600;
	text-transform: uppercase;
}

.interior-secondary .hero .header h1{
	margin: 0;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 60px;
                font-size: 3.0rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 70px;
                padding-left: 3.5rem;            
            
        
    
    


	font-weight: 300;
}

/*//// Blog hero ////*/

/* tamp down ubiquifloat */
.blog-listing .hero *,
.blog-entry .hero *{
	float: none !important;
}

.blog-entry .hero{
	display: block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 140px 0 210px 0;
                padding: 7.0rem 0 10.5rem 0;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 70px;
                margin-bottom: 3.5rem;            
            
        
    
    


}

@media (max-width: 768px){
	.blog-entry .hero{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 23.333333333333332px;
                margin-bottom: 1.1666666666666665rem;            
            
        
    
    


	}
}

.blog-listing .hero,
.blog-entry .hero{
	text-align: center;
}

.blog-listing .hero h1,
.blog-entry .hero h1{
	font-weight: 300;
	text-transform: uppercase;
	

    
    
    

        
        
            
                
                     
            
            
                
                 font-size            
            
        

    


}

.blog-listing .hero .blog-description{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    

font-weight: 300; line-height: 2;
	max-width: 30em;
	margin: 0 auto;
}

.blog-listing .hero .single-field h3.form-title,
.blog-listing .hero .single-field form label{
	display: none;
}

.blog-listing .hero form{
	background: transparent;
}

.blog-listing .hero form{
	height: 2em;
	position: relative;
	display: inline-block;
	width: 90%;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 50px;
                padding: 2.5rem;            
            
        
    
    


	padding-top: 0;
}

@media (min-width: 768px){
	.blog-listing .hero form{
		width: 30em;
	}
}

.blog-listing .hero form *{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.blog-listing .hero form div.hs_submit{
	width: 25%;
	right: 0;
	left: auto;
}
@media (max-width: 475px){
	.blog-listing .hero form div.hs_submit{
		width: 35%;
	}
}
.blog-listing .hero form div.hs_submit input{
	font-weight: 600;
	padding: 0;
	letter-spacing: .2em;
	

    
    
    

        
        
            
                
                     
            
            
                
                 font-size            
            
        

    


}
.blog-listing .hero form div.hs_email{
	width: 75%;
}
.blog-listing .hero form input[type="email"]{
	background: rgba(255,255,255,.3);
	border: 1px solid #fff;
	color: #fff;
}

/* Home Page Hero */

.home .hero{
	padding-top: 0;
}

.home .hero .landform-header .menu a{
	color: #fff;
}

.home .hero{
	text-align: center;
}

.home .hero .intro{
	max-width: 500px;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 140px 0;
                padding: 7.0rem 0;            
            
        
    
    


}

.home .hero h1{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 23.333333333333332px;
                margin-bottom: 1.1666666666666665rem;            
            
        
    
    


}

.home .hero .intro-pitch {
	line-height: 1.8;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    


}


/* //////////////////////////
5. Intro                                           
///////////////////////////*/


.interior-primary .row-fluid .page-center.intro{
	text-align: center;
	font-weight: 300;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 28px;
                font-size: 1.4rem;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 50px 100px;
                padding: 2.5rem 5.0rem;            
            
        
    
    

;
}
.interior-primary .container-fluid .intro h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 35px;
                font-size: 1.75rem;            
            
        
    
    

;
	font-weight: 600;
}

.interior-pillar .intro{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    

font-weight: 300; line-height: 2;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 23.333333333333332px;
                padding-bottom: 1.1666666666666665rem;            
            
        
    
    


}

.interior-pillar .image{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 46.666666666666664px;
                margin-bottom: 2.333333333333333rem;            
            
        
    
    


}

/* fix injected markup */
.interior-pillar .intro .header span.hs_cos_wrapper{
	display: block;
	line-height: 1;
}

.interior-pillar .intro .header{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 50px;
                font-size: 2.5rem;            
            
        
    
    


	text-align: center;
	font-weight: 600;
	border-bottom: 1px solid #444;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 140px;
                padding-top: 7.0rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 23.333333333333332px;
                padding-bottom: 1.1666666666666665rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 46.666666666666664px;
                margin-bottom: 2.333333333333333rem;            
            
        
    
    


}


/* //////////////////////////
6. Three Col                                            
///////////////////////////*/


.three-col{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 210px 0;
                padding: 10.5rem 0;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 400; line-height: 1.6;
}
.blog-entry .three-col.related-posts{
	padding-top: 0;
}
.three-col .row-fluid .span4{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 70px;
                margin-bottom: 3.5rem;            
            
        
    
    

;
}
@media (min-width: 768px){
	.three-col .row-fluid .span4{
		width: 33.33333%;
		margin: 0;
	}

	.three-col .row-fluid .span4:nth-child(1){
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 46.666666666666664px;
                padding-right: 2.333333333333333rem;            
            
        
    
    

;
	}

	.three-col .row-fluid .span4:nth-child(2){
		

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 0 23.333333333333332px;
                padding: 0 1.1666666666666665rem;            
            
        
    
    

;
	}

	.three-col .row-fluid .span4:nth-child(3){
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 46.666666666666664px;
                padding-left: 2.333333333333333rem;            
            
        
    
    

;
	}
}

.three-col h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 10px 0 5px 0;
                margin: 0.5rem 0 0.25rem 0;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 27px;
                font-size: 1.35rem;            
            
        
    
    

line-height: 1.2;
}

.three-col h2 *{
	float: none !important;
}

/* //////////////////////////
7. CTA                                            
///////////////////////////*/
.full-width-cta.dark-bg{
	background: #000000;
}
.full-width-cta{
	text-align: center;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 45px;
                font-size: 2.25rem;            
            
        
    
    

;
	text-transform: uppercase;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 116.66666666666666px 0;
                padding: 5.833333333333333rem 0;            
            
        
    
    

;
}

.full-width-cta .cta-description-text{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 70px;
                margin-bottom: 3.5rem;            
            
        
    
    

;
	line-height: 1.2;
	font-weight: 300;
}

@media (min-width: 900px){
	.full-width-cta .cta-description-text{
		

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 0 190px;
                padding: 0 9.5rem;            
            
        
    
    

;
	}
}
.full-width-cta *{
	float: none !important;
	max-width: 600px;
	margin: 0 auto;
}
.full-width-cta.sentence-case{
	text-transform: none;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 140px;
                padding-top: 7.0rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 140px;
                padding-bottom: 7.0rem;            
            
        
    
    


}
.full-width-cta.two-part .header{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 45px;
                font-size: 2.25rem;            
            
        
    
    


	font-weight: 800;
}
.full-width-cta.two-part .pitch{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 24px;
                font-size: 1.2rem;            
            
        
    
    


}


/* //////////////////////////
8. Two Col                                            
///////////////////////////*/

.two-col{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 210px 0;
                padding: 10.5rem 0;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 400; line-height: 1.6;
}

/*.two-col h2{*/
/*    

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 27px;
                font-size: 1.35rem;            
            
        
    
    

line-height: 1.2;*/
/*}*/

@media (min-width: 768px){
	.two-col .row-fluid [class*="span"]{
		margin: 0;
	}

	.two-col .row-fluid .sixty{
		width: 60%;
	}

	.two-col .row-fluid .forty{
		width: 40%;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 70px;
                padding-left: 3.5rem;            
            
        
    
    

;
	}
	.two-col .row-fluid .fifty{
		width: 50%;
	}
	.two-col .row-fluid .fifty:first-child{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 35.0px;
                padding-right: 1.75rem;            
            
        
    
    


	}
	.two-col .row-fluid .fifty:last-child{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 35.0px;
                padding-left: 1.75rem;            
            
        
    
    


	}
}


.two-col .row-fluid .forty h2 *{
	float: none !important;
}
.two-col .row-fluid .forty h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 25px 0 15px 0;
                margin: 1.25rem 0 0.75rem 0;            
            
        
    
    

;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 24px;
                font-size: 1.2rem;            
            
        
    
    

text-transform: uppercase; letter-spacing: .12em;
}
@media (min-width: 768px) and (max-width: 900px){
	.two-col .row-fluid .forty h2{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 0;
                margin-top: 0;            
            
        
    
    

;
	}
}

.two-col .row-fluid .forty .widget-type-rich_text{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 17px;
                font-size: 0.85rem;            
            
        
    
    

font-weight: 300; letter-spacing: .04em; line-height: 1.9;
}

/* //////////////////////////
9. Blockquote                                            
///////////////////////////*/

.full-width-blockquote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 70px 0;
                padding: 3.5rem 0;            
            
        
    
    


}

.container-fluid .full-width-blockquote .row-fluid .box{
	background: rgba(0,0,0,.6);
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 70px;
                padding-top: 3.5rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 70px;
                padding-bottom: 3.5rem;            
            
        
    
    


}
@media (min-width: 600px){
	.container-fluid .full-width-blockquote .row-fluid .box{
		background: rgba(0,0,0,.6) url('https://cdn2.hubspot.net/hubfs/2574624/Landform/quote-mark.png') 70px 210px no-repeat;
		background-size: 93.33333333333333px 70px;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 210px;
                padding: 10.5rem;            
            
        
    
    


		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 140px;
                padding-right: 7.0rem;            
            
        
    
    


	}
	.pullquote-blockquote .quote{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    

;
		
		background: url('https://cdn2.hubspot.net/hubfs/2574624/Landform/quote-mark.png') 443.3333339691162px 0px no-repeat;
		background-size: 93.33333333333333px 70px;
	}
}

.full-width-blockquote .quote,
.pullquote-blockquote .quote{
	line-height: 1.2em;
	font-weight: 200;
}
.full-width-blockquote .quote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 50px;
                font-size: 2.5rem;            
            
        
    
    

;
}

.full-width-blockquote .attribution,
.pullquote-blockquote .attribution{
	text-transform: uppercase;
	font-weight: 600;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 25px;
                font-size: 1.25rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 25px;
                margin-top: 1.25rem;            
            
        
    
    


	text-align: right;
}


.interior-secondary .pullquote-blockquote{
	background-size: 0 0;
	background-repeat: no-repeat;
	background-color: #000000;
	position: relative;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 140px 0;
                padding: 7.0rem 0;            
            
        
    
    


}

.interior-secondary .pullquote-blockquote .quote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 560.0px;
                padding-left: 28.0rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 40px;
                font-size: 2.0rem;            
            
        
    
    

;
}

.interior-secondary .pullquote-blockquote:after{
	content: '';
	display: block;
	background-image: inherit;
	
	width: calc((100vw/2) - 150.0px);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: left center;
	z-index: 0;
}

.home .blockquote *{
	float: none !important;
}

.home .blockquote img{
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: -93.33333333333333px;
                margin-bottom: -4.666666666666666rem;            
            
        
    
    


}

.home .blockquote .quote-wrap{
	background: #000000;
	text-align: center;
}
.home .blockquote .attribution{
	text-transform: uppercase;
	font-weight: 600;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 93.33333333333333px;
                padding-bottom: 4.666666666666666rem;            
            
        
    
    


}

.home .blockquote .quote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 35px;
                font-size: 1.75rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 23.333333333333332px;
                padding: 1.1666666666666665rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 140px;
                padding-top: 7.0rem;            
            
        
    
    


	font-weight: 300;
	max-width: 1140px;
	margin: 0 auto;
}

/* //////////////////////////
10. FAQ                                            
///////////////////////////*/



/* kill floats on extra divs wrapped around custom modules */
.faq *{
	float: none !important;
}

.faq{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 20px;
                font-size: 1.0rem;            
            
        
    
    

font-weight: 300; line-height: 2;
}

.faq h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 30px;
                font-size: 1.5rem;            
            
        
    
    

font-weight: 600;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 23.333333333333332px 0;
                margin: 1.1666666666666665rem 0;            
            
        
    
    


}

.faq h2+p{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                margin: 0 0 46.666666666666664px 0;
                margin: 0 0 2.333333333333333rem 0;            
            
        
    
    


}

.container-fluid .row-fluid .page-center.faq{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 0 70px;
                padding: 0 3.5rem;            
            
        
    
    


}

.faq .wrap{
	border: 1px solid #000000;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 46.666666666666664px;
                padding: 2.333333333333333rem;            
            
        
    
    


	position: relative;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 23.333333333333332px;
                margin-bottom: 1.1666666666666665rem;            
            
        
    
    


}

.faq .wrap .arrow{
	content: '';
	pointer-events: none;
	 

    display: block;
    height: 0;
    width: 0;
    
     
           
    
        border-top: .5em solid transparent;
        border-bottom: .5em solid transparent;
        border-left: .75em solid ##000000;
    
    

	position: absolute;
	
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                top: 52.66666793823242px;
                top: 2.6333333969116213rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                right: 46.666666666666664px;
                right: 2.333333333333333rem;            
            
        
    
    


	transition: all .2s ease-in;
}

.faq .dt{
	font-weight: 600;
	letter-spacing: .04em;
}

.faq .dd{
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all .2s ease-in;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 0;
                margin-top: 0;            
            
        
    
    

;
}

.faq input[type=checkbox]{
	opacity: 0;
	cursor: pointer;
	

    position: absolute;
    
    
        top: 0;
    
    
    
    
        left: 0;
    

;
	
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                height: 113.33333587646484px;
                height: 5.666666793823242rem;            
            
        
    
    


	width: 100%;
}

.faq input[type=checkbox]:checked+.dd{
	height: auto;
	opacity: 1;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 23.333333333333332px;
                margin-top: 1.1666666666666665rem;            
            
        
    
    


}

.faq input[type=checkbox]:checked~.arrow{
	transform: rotate(90deg);
}

/* //////////////////////////
11. Anchor Content                                            
///////////////////////////*/

/* required for any implementation of anchor_content JS */
.anchor-content{
	position: relative;
}

.anchor-nav.fixed{
	position: fixed;
	top: 0px;
	bottom: auto;
	z-index: 100;
	width: 255px;
}
.sticky p {color: #000000;	font-family: "Neue Frutiger LT";	font-size: 15px;	line-height: 22px; font-weight: 700; margin-bottom: 0px; padding-bottom: 5px;}
.anchor-nav.absolute-bottom{
	position: absolute;
	bottom: 0;
	top: auto;
	width: 255px
}

/* end required for any implementation of anchor_content JS*/

.anchor-nav{
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 70px 0;
                padding: 3.5rem 0;            
            
        
    
    


}

.anchor-nav ul{
	margin: 0;
	padding: 0 !important;
	list-style: none !important;
}

.interior-pillar .anchor-nav a{
	color: #adadad;
	text-transform: uppercase;
}

.interior-pillar .anchor-nav li.selected a{
	color: #000000;
}

.anchor-nav a:hover,
.anchor-nav a:active,
.anchor-nav a:focus{
	text-decoration: none;
}


/* Content Strategy pillar page */
.anchor-content-section-wrapper .anchor-content-section h2{
	padding-top: 0;
}
.anchor-content-section-wrapper .hs_cos_wrapper:first-child .anchor-content-section{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 70px;
                padding-top: 3.5rem;            
            
        
    
    


}

.anchor-content-section-wrapper .two-col,
.anchor-content-section-wrapper .one-col{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 70px;
                padding-bottom: 3.5rem;            
            
        
    
    


}
.anchor-content-section-wrapper .quote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding: 70px;
                padding: 3.5rem;            
            
        
    
    

  
	background: #6cc0c7;
	color: #fff;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 35.0px;
                margin-top: 1.75rem;            
            
        
    
    


}
.anchor-content-section-wrapper .quote blockquote{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 25px;
                font-size: 1.25rem;            
            
        
    
    


	margin: 0;
}
.anchor-content-section-wrapper .quote .attribution{
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    


}
@media (min-width: 600px){
	.anchor-content-section-wrapper .quote{
		background: #6cc0c7 url('https://cdn2.hubspot.net/hubfs/2574624/Landform/quote-mark.png') 70px 70px no-repeat;
		background-size: 93.33333333333333px 70px;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 210px;
                padding-left: 10.5rem;            
            
        
    
    


	}
}
/* End Content Strategy end content strategy pillar page */

@media screen and (max-width: 480px){
	.anchor-nav.fixed {
		position: relative;
		top: 0;
		bottom: auto;
		z-index: 100;
		width: 100%;
	}
}

@media screen and (min-width: 768px){
	.interior-pillar .anchor-nav{
		max-width: 230px;
	}
	.interior-pillar .anchor-nav.fixed{
		width: 23.404255317%;
	}
}


@media screen and (max-width: 768px) {
	.interior-pillar .anchor-nav {
		background: #000000;
		width: 100%;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    


		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 46.666666666666664px;
                padding-bottom: 2.333333333333333rem;            
            
        
    
    


		text-align: center;
		opacity: 0;
		position: relative;
		transition: none;
	} 
	.interior-pillar .anchor-nav.fixed{
		top: 0;
		opacity: 1;
		transition: all 200ms ease;
	}
	.interior-pillar .main-content .anchor-content-section-title{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 70px;
                padding-top: 3.5rem;            
            
        
    
    


	}
	.interior-pillar .main-content .anchor-content-section{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: -70px;
                margin-bottom: -3.5rem;            
            
        
    
    


	}
	.interior-pillar .anchor-nav.fixed{
		left: 0;
		padding-top: 0px;
	}
	.interior-pillar .anchor-nav li:first-child{
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 23.333333333333332px;
                padding-top: 1.1666666666666665rem;            
            
        
    
    


	}
	.interior-pillar .anchor-nav a{
		display: block;
		width: 100%;
		text-align: center;
	}
	.interior-pillar .anchor-nav li.selected a{
		color: #fff;
	}
	.interior-pillar .anchor-nav .anchor-nav-show-hide{
		background: #000000;
		color: #fff;
		position: absolute;
		display: block;
		left: 50%;
		width: 6em;
		margin-left: -3em;
		bottom: -1.5em;
		height: 2em;
		cursor: pointer;
	}
	.interior-pillar .anchor-nav .anchor-nav-show-hide::before {
		border-style: solid;
		border-width: 0.25em 0.25em 0 0;
		content: '';
		display: inline-block;
		height: 1.45em;
		position: relative;
		top: -.25em;
		

    
    
        -webkit-transform: rotate(-45deg);
    
        -moz-transform: rotate(-45deg);
    
        -o-transform: rotate(-45deg);
    
        -ms-transform: rotate(-45deg);
    
        transform: rotate(-45deg);


		vertical-align: top;
		width: 1.45em;
		

    
    
        -webkit-transform: rotate(135deg);
    
        -moz-transform: rotate(135deg);
    
        -o-transform: rotate(135deg);
    
        -ms-transform: rotate(135deg);
    
        transform: rotate(135deg);


	}
	.interior-pillar .anchor-nav.open .anchor-nav-show-hide::before{
		

    
    
        -webkit-transform: rotate(-45deg);
    
        -moz-transform: rotate(-45deg);
    
        -o-transform: rotate(-45deg);
    
        -ms-transform: rotate(-45deg);
    
        transform: rotate(-45deg);


		top: .5em;
	}
	.interior-pillar .anchor-nav ul{
		max-height: 0;
		overflow: hidden;
		transition: all 500ms ease;
	}
	.interior-pillar .anchor-nav.open ul{
		max-height: 80vh;
		overflow: scroll;
	}
}

/* //////////////////////////
12. Blog                                            
///////////////////////////*/

.blog-listing .blog-content > .row-fluid-wrapper > .row-fluid{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 140px;
                padding-bottom: 7.0rem;            
            
        
    
    


}

.blog-listing .publish-date,
.blog-entry .publish-date{
	margin: 0;
	font-weight: 300;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 13px;
                font-size: 0.65rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 23.333333333333332px;
                margin-bottom: 1.1666666666666665rem;            
            
        
    
    


	text-transform: uppercase;
}

.blog-listing .blog-content h2,
.blog-entry .blog-content h2{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 25px;
                font-size: 1.25rem;            
            
        
    
    


}

.blog-listing .blog-content .more-link,
.blog-entry .blog-content .more-link{
	border: 1px solid#000000; display: inline-block; cursor: pointer; border-radius: 1px; transition: all .4s ease; text-transform: uppercase; font-weight: 500;

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 10px 15px;
                padding: 0.5rem 0.75rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 11px;
                font-size: 0.55rem;            
            
        
    
    


}

.blog-listing .blog-content .more-link:hover,
.blog-entry .blog-content .more-link:hover{
	background-color: #000000; color: #fff; text-decoration: none;
}

.blog-entry .entry-meta{
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 23.333333333333332px;
                padding-right: 1.1666666666666665rem;            
            
        
    
    


}
@media screen and (max-width: 768px) {
	.blog-entry .entry-meta{
		text-align: left;
		

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 23.333333333333332px;
                margin-bottom: 1.1666666666666665rem;            
            
        
    
    


	}
}

.blog-entry .entry-meta h4{
	margin: 0;
	font-weight: 300;
}


.blog-entry .entry-meta h4.publish-date{
	text-transform: uppercase;
}

.blog-entry .social-sharing,
.blog-listing .social-sharing{
	list-style: none;
	padding: 0;
	margin: .3em 0;
}
.blog-entry .social-sharing li,
.blog-listing .social-sharing li{
	display: inline-block;
	padding-left: .1em;

}
.blog-entry .social-sharing li a,
.blog-listing .social-sharing li a{
	width: 100%;
	display: block;
}

.blog-entry .social-sharing li a *{
	pointer-events: none;
}

.blog-entry .social-sharing svg,
.blog-listing .social-sharing svg{
	height: 1em;
}

.blog-listing p,
.blog-entry p{
	-webkit-margin-before: 0;
}

.blog-listing .blog-author h1{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 24px;
                font-size: 1.2rem;            
            
        
    
    

text-transform: uppercase; letter-spacing: .12em;
	font-weight: 700;
}

.blog-listing .blog-author p{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 17px;
                font-size: 0.85rem;            
            
        
    
    

font-weight: 300; letter-spacing: .04em; line-height: 1.9;
}
.blog-listing .blog-author{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 140px;
                margin-bottom: 7.0rem;            
            
        
    
    


}
.blog-listing .author-bio{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-left: 35.0px;
                padding-left: 1.75rem;            
            
        
    
    


}

.blog-listing #topic-sorting{
	position: relative;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 35.0px;
                padding-bottom: 1.75rem;            
            
        
    
    


}

.blog-listing #topic-nav{
	position: absolute;
	list-style: none;
	top: 0;
	left: 1.1em;
	margin-top: 0;
	padding: 25px 25px 25px 40px;
}

.blog-listing #topic-nav:after{
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	content: '';
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: all .2s ease-out;
}

.blog-listing #topic-nav.active:after{
	opacity: .98;
}

.blog-listing #topic-nav li a{
	opacity: 0;
	text-transform: uppercase;
	pointer-events: none;
	transition: all .2s ease;
	position: relative;
	z-index: 1;
}

.blog-listing #topic-nav li{
	height: 25px;
}

.blog-listing #topic-nav li.divider{
	width: 100%;
}
.blog-listing #topic-nav li.divider span{
	opacity: 0;
	transition: all .2s ease;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 12px;
	background: #444;
}
.blog-listing #topic-nav.active li.divider span{
	opacity: .2;
	position: relative;
	z-index: 1;
	display: block;
}

.blog-listing #topic-nav li a.selected,
.blog-listing #topic-nav.active li a{
	opacity: .5;
	pointer-events: auto;
}

.blog-listing #topic-nav li a.selected{
	opacity: 1;
}

.blog-listing #topic-nav.active li a:hover,
.blog-listing #topic-nav.active li a:active{
	text-decoration: none;
	opacity: 1;
}

.blog-listing #topic-nav li a.selected{
	position: relative;
	text-decoration: none;
}
.blog-listing #topic-nav li a.selected:before{
	content: '';
	position: absolute;
	right: -22px;
	top: 4px;
	 

    display: block;
    height: 0;
    width: 0;
    
     
           
    
        border-top: .75em solid #000000;
        border-right: .5em solid transparent;
        border-left: .5em solid transparent;
    
    

	transition: all .2s ease;
}

.blog-listing #topic-nav.active li a.selected:before{
	left: -22px;
	top: 1px;
	transform: rotate(-90deg);
}

.blog-entry .tags{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 70px;
                margin-top: 3.5rem;            
            
        
    
    


}
.blog-entry .tags *{
	display: inline-block;
}
.blog-entry .tags ul{
	margin: 0;
	padding: 0;
}
.blog-entry .tags a{
	font-weight: 300;
	text-decoration: underline;
}
.blog-entry .tags span{
	text-transform: uppercase;
}
.blog-entry .tags li:after{
	content: ',';
}
.blog-entry .tags li:last-child:after{
	content: '';
}

.blog-entry .blog-comments .comment.depth-0{
	border: none;
}



  .comment:after {
    content: "";
    display: table;
    clear: both;
  }




.blog-entry .blog-comments .comment{
	position: relative;
	padding-top: 2em;
}

.blog-entry .blog-comments .comment-body,
.blog-entry .blog-comments button{
	margin-left: 25%;
}

.blog-entry .blog-comments .comment-date,
.blog-entry .blog-comments .comment-from{
	display: block;
	position: absolute;
	width: 25%;
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 70px;
                padding-right: 3.5rem;            
            
        
    
    


}

.blog-entry .blog-comments .comment-date{
	top: 2.75em;
}

.blog-entry .blog-comments #comments-listing{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 35.0px;
                padding-top: 1.75rem;            
            
        
    
    


}
.blog-entry .blog-comments #comment-form{
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-top: 210px;
                padding-top: 10.5rem;            
            
        
    
    


}

.blog-entry .blog-comments .no-comments ~ #comment-form,
.blog-entry .blog-comments #comments-listing.no-comments{
	padding-top: 0;
}

.blog-entry .blog-comments #comment-form:before{
	content: 'Your Comment';
	display: block;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    

font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-bottom: 70px;
                padding-bottom: 3.5rem;            
            
        
    
    


}

.blog-entry .blog-comments .hs-error-msgs *{
	float: none !important;
}
.blog-entry .blog-comments .hs-error-msgs{
	clear: both;
	list-style: none;
	padding: 0;
	color: red;
}
.blog-entry .blog-comments .hs-error-msgs label{
	width: 100%;
	padding-left: 25%;
}

.blog-entry .blog-comments .new-comments label{
	width: 25%;
	float: left;
	text-align: right;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                padding-right: 70px;
                padding-right: 3.5rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 12px;
                font-size: 0.6rem;            
            
        
    
    


	font-weight: 600;
}
.blog-entry .blog-comments .new-comments .input{
	width: 75%;
	float: left;
}

.blog-entry .blog-comments .new-comments .input+.hs-error-msgs{
	position: relative;
	margin: 0;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                top: -23.333333333333332px;
                top: -1.1666666666666665rem;            
            
        
    
    


}
.blog-entry .blog-comments .new-comments .input input,
.blog-entry .blog-comments .new-comments .input textarea{
	width: 100%;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                font-size: 16px;
                font-size: 0.8rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 10px 5px;
                padding: 0.5rem 0.25rem;            
            
        
    
    


	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-bottom: 35.0px;
                margin-bottom: 1.75rem;            
            
        
    
    


	border: 1px solid #aaa;
}

.blog-entry .blog-comments .new-comments .hs_subscribe .input,
.blog-entry .blog-comments .new-comments .hs_subscribe .input input,
.blog-entry .blog-comments .new-comments .hs_subscribe label{
	width: auto;
	float: none;
}

.blog-entry .blog-comments .new-comments .hs_subscribe label{
	margin-left: 25%;
}

.blog-entry .blog-comments .new-comments .input textarea{
	min-height: 8em;
}

.blog-entry .blog-comments .new-comments .hs_submit{
	margin-left: 25%;
}

.blog-entry .blog-comments .new-comments .hs_submit input[type=submit]{
	border: 1px solid#000000; display: inline-block; cursor: pointer; border-radius: 1px; transition: all .4s ease; text-transform: uppercase; font-weight: 500;

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 10px 15px;
                padding: 0.5rem 0.75rem;            
            
        
    
    


	background: #fff;
	

    
    
    
    
        
        
            
                
                     
             
            
            
                
                
                margin-top: 35.0px;
                margin-top: 1.75rem;            
            
        
    
    


}

.blog-entry .blog-comments .new-comments .hs_submit input[type=submit]:hover{
	background-color: #000000; color: #fff; text-decoration: none;
}

.blog-listing .blog-pagination{
	text-align: right;
	text-transform: uppercase;
}

/* //////////////////////////
13. Footer                                            
///////////////////////////*/

.footer{
	text-align: center;
	font-weight: 300;
	

    
    
    
    
        
        
            
                
                     
             
            
            
        
            
                
                     
             
            
            
                
                
                padding: 50px 0;
                padding: 2.5rem 0;            
            
        
    
    


}

.footer.dark-bg{
	background-color: #000000;
}

.span12.widget-span.widget-type-cell.site-header__logo { height: 72px; }

/* //////////////////////////
14. Slider                                            
///////////////////////////*/


.slide img{
	height: auto !important;
}