@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {
    font-family: "pt_sans_narrowregular",Helvetica,​Arial,​sans-serif;
}

.button {
	background-image: linear-gradient(to bottom, #007AC3 0%, #2f3f86 100%);
	background-color: #435ed5;
	line-height: 1;
	font-size: 1rem;
	font-weight: 400;
	padding-top: 0.7777777778rem;
    padding-right: 1.5555555556rem;
    padding-bottom: 0.8333333333rem;
    padding-left: 1.5555555556rem;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-image:linear-gradient(to bottom, #5372fd 0%, #435ed5 100%);
	background-color: #435ed5;
}

button.radius, .button.radius {
	border-radius: 5px;
}

.slab hr.style1 { 
	width: 500px;
    margin: 0 auto 2rem auto;
    line-height: 1;
    border-top: 4px double #ccc;
    background: transparent;
}

.slab hr.style1:after {
    content: 'â—† â—† â—†';
    display: inline-block;
    position: relative;
    top: -21px;
    color: #35B7E9;
    padding: 0 5px;    
    font-size: 32px;
}


img.circle {
	border-radius:50%;
}

.circle {
	border-radius:50%;
}

.border-thin {
	border-width: 1px;
	border-style: solid;
}

.border-med {
	border-width: 7px;
	border-style: solid;
}

.border-thick {
	border-width: 10px;
	border-style: solid;
	padding:10px;

}

.border-ltblue {
	border-color: #A6BCD5;
	box-shadow: inset 0px 0px 10px 5px rgba(166,188,213,0.75);
}

.border-blue {
	border-color: #2F3F86;	
}

.border-ltbeige {
	border-color: #E8DFCB;
}

.border-medbeige {
	border-color: #AF9075;
}

.border-spirit {
	border-color: #007AC3;
}

.border-yellow {
	border-color: #FFDF00;
}

.border-white {
	border-color: #FFFFFF;
}

.slab {
	padding:4rem 0;
	position: relative;
}

.slab.bg-light {
	background: #ffffff;
}

.slab h2  { 
	font-size:230%;
}

.slab.bg-light h2 {
	color:#7E2A15;
}

.slab.bg-dark h2 {
	color:#FFFFFF;
}

.slab hr {
	width:130px;
	height: 2px;
	border: medium none;
	margin: 1rem 0;
	display: block;
	clear: both;
	background: #B2B5B6; /*shark-skin*/
}



.slab img {

}



.img-swap-ul {
	list-style: outside none none;
}

.img-swap-ul li[class*="icon-"]::before {
	font-weight: bold;
	font-size: 1.25rem;
}

.img-swap-li {
	line-height: 2;
	font-family: "Source Sans Pro",Helvetica,​Arial,​sans-serif;
	color:#777777;
	font-weight: bold;
}

.img-swap img {
	opacity:0;
	position: absolute;
    top: 0;
    left: 0;
}

.img-swap img.active {
	opacity: 1;
	padding: .5rem;

}



.img-swap-li.active {
	color:#222;
}


.img-wrapper {
	text-align: center;
    /*padding: 0 2rem;*/
    margin:0 2rem;
    max-width: 600px;
}
.half-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.half-wrapper {
	  display: inline-block;
  vertical-align: middle;

	/*top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/

}

.half-wrapper ul[class*="block-grid-"]>li:nth-last-child(-n+2) {
	padding:0 0.5555555556rem 0;
}


.quotething-container {
	position:relative;
}

.quotething:before {
	content: "“";
    display: block;
    font-size: 12rem;
    position: absolute;
    top: -3.75rem;
    font-weight: 300;
    left: -3.75rem;
    font-family: "Source Sans Pro",Helvetica,​Arial,​sans-serif;
    opacity: .7;
}

p.quotething {
	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
    margin: 0;
    line-height: 1.2;
    font-size: 300%;
    color:#fff
}

.quotething-byline {
	text-align:right;
	display: block;
}

.quotething-img-container {
	position: absolute;
	right: 0;
	z-index: 999;
	border-radius: 49%;
	top: 50%;
	width: 290px;
	transform: translateY(-50%);
}

.quotething-img-container img { 
	border-radius:50%;
}


.icon-color-dkblue:before {
	color:#1E2A5B;
}

.icon-color-medblue:before {
	color:#2F3F86;
}

.icon-color-ltblue:before {
	color:#A6BCD5;
}

.icon-color-dspblue:before {
	color:#007AC3;
}

.icon-color-ltspblue:before {
	color:#35B7E9;
}

.icon-color-stain:before {
	color:#3B1322;
}

.icon-color-pigment:before {
	color:#D30C55;
}

.icon-color-pollen:before {
	color:#FFDF00;
}

.icon-color-green:before {
	color:#266726;
}


/*HERO*/

.slab.hero-full {
	height: 85vh;
	background-image: url(/_resources/images/lawn.jpg);
	background-position-y: 25%;
	background-size: cover;
	background-repeat: no-repeat;	
}

.slab.hero-half {
	height: 50%;
	background-image: url(/_resources/images/lawn.jpg);
	background-position-y: 25%;
	background-size: cover;
	background-repeat: no-repeat;	
}

.hero-text {
	top: 50%;
    transform: translateY(-50%);
    position: relative;
    background-image:radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.49) 47%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 100%);

}

.hero-text h1 {
	font-size:4rem;
	line-height:1;
	font-weight:600;
	background-color:transparent;
}

.hero-text p {
	font-weight:400;
	font-size:1.5rem;
	background-color:transparent;
}


.hp-circle-block img {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.hero-down {
  position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -96px;
    margin-bottom: -12px;
    z-index: 10;
    transform-origin: 50% 100%;
}

.hero-down-arrow {
  display: block;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    cursor: pointer;
    z-index: 100;
    bottom: 100%;
    margin-bottom: -16px;
}


.heroarrow {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    
    transform: rotate(45deg);
}

.after-hero {
	position:relative;
	padding: .75rem 0;
	background:#fff
}

.slab .panel img {
	width:100%;
}




/*END HERO*/

@media only screen and (max-width: 64.063em) {
	.half-wrapper {
		top: 0;    
	    transform: translateY(0);
	}

	.quotething:before {
	    font-size: 6rem;
	    top: -1rem;
	    left: -1rem;
	}

	p.quotething {
		font-size:200%;
		padding:1rem;
	}

	.quotething-img-container {
		position: relative;
		width:100%;
		top: 0;    
	    transform: translateY(0);
	}

}