/* CSS Document */

body {
	overflow-x: hidden;
	}
	
img{
	width:100%;
	height: auto;
	}
	
.shadow{
	-webkit-box-shadow: 2px 4px 16px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 4px 16px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 4px 16px 0px rgba(0,0,0,0.2);
	}
	
ul{
	list-style:none;
	}
	

	
	
/* Type Styles -------------------------------------------------------*/	
h1, p{
	margin:0 0 0 0;
	}

h1{
	font-family: 'Droid Serif', serif;
	font-size:60px;
	line-height:72px;
	margin-bottom:24px;
	}

h2{
	font-family: 'Droid Serif', serif;
	font-size: 48px;
	letter-spacing: -1px;
	line-height: 60px;
	margin-bottom:8px;
	}
	
.center{
	text-align:center;
	}
	
.bold {
	font-weight: 700;
	}

	

		
.subheader-1{
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:22px;
	line-height:36px;
	}
	
.subheader-2{
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:18px;
	line-height:22px;
	color:#b2b2b2;
	}

.body-1{
	font-family:'Nunito Sans', sans-serif;
	font-weight: 300;
	font-size:16px;
	line-height:28px;
	letter-spacing:.01em;
	}

	
.label-1{
	font-family:'Nunito Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:.05em;
	}
	
.label-2{
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	}
	
.quote{
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:30px;
	line-height:48px;
	text-align:center;
	}

	
/* Colors -------------------------------------------------------*/	
.red{
	color:#d13d4b;
	}
	
.green{
	color:#7ab14a;
	}
	
.purple{
	color:#6c55a6;
	}	
	
.yellow{
	color:#f5ab18;
	}
	
.white{
	color:rgba(255,255,255,1);
	}	
	
.white-80{
	color:rgba(255,255,255,0.8);
	}
	
.grey-70{
	color:rgba(0,0,0,0.7);
	}
	
.black{
	color:rgba(0,0,0,1);
	}
	
.grey-30{
	color:rgba(0,0,0,0.3);
	}
	


/* Spacers -------------------------------------------------------*/	
.spacer-xxlarge{
	padding-bottom:180px;
	}

.spacer-xlarge{
	padding-bottom:100px;
	}

.spacer-large{
	padding-bottom:80px;
	}
	
.spacer-medium{
	padding-bottom:60px;
	}
	
.spacer-small{
	padding-bottom:40px;
	}

.spacer-xsmall{
	padding-bottom:18px;
	}
	
.divider{
	margin:0 auto;
	}
	
.dash{
	width:24px;
	height:4px;
	background-color:#000000;
	}	
	
.dotted-divider{
	background-image: linear-gradient(to right, #DFE1E1 20%, rgba(255, 255, 255, 0) 0%);
  	background-position:center;  	
	background-size: 10px 2px;
  	background-repeat: repeat-x;
	padding-bottom:160px;
	}
	
	
/* Icons -------------------------------------------------------*/	
.icon-medium{
	width:30px;
	}
	
.icon-large{
	width:40px;
	}

.icons{
	font-family:'Nunito Sans', sans-serif;
	font-weight: 400;
	font-size:20px;
	line-height:28px;
	float:left;
	margin-top: -2px;
	}

.icons a{
	color:rgba(0,0,0,0.7);
	}

.icons a:visited{
	color:rgba(0,0,0,0.7);
	}
	
.icons a:hover, .icons a:active{
	color:#000000;
	text-decoration:none;
	}
	
.lnr-arrow-left{
	color:inherit;
	font-size:inherit;
	position: relative;
    top: 2px;
	font-weight:600 !important;
	}
	
/* Sticky Nav -------------------------------------------------------*/	
.section{
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%  
    }
	
.white-bg{
	background:#ffffff;
	position: relative;
    z-index: 3;
	}

.sticky-nav {
    position: fixed;
	z-index:2;
    font-size: 20px; 
    background:#ffffff;
    left:0;
	right:0;
	top: 0;
	border-bottom-width:1px;
	border-bottom-color:#f0f2f2;
	border-bottom-style:solid;
    }

.sticky-nav a {
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
    text-transform:uppercase;
	font-size:11px;
	letter-spacing:.05em;
    text-decoration: none;
	line-height:10px;
	color:#4b4b4b;
	display: inline-block;
    padding: 36px 20px;
    }

#red-hover:hover{
	color:#d13d4b;
	}

#green-hover:hover{
	color:#7ab14a;
	}

#purple-hover:hover{
	color:#6c55a6;
	}
	
#yellow-hover:hover{
	color:#f5ab18;
	}
	
	
/* Top Bar & Footer -------------------------------------------------------*/
.top-bar{
	max-height:100px;
	border-bottom-width:1px;
	border-bottom-color:#f0f2f2;
	border-bottom-style:solid;
	padding:30px 0;
	}
	
.footer{
	max-height:100px;
	border-top-width:1px;
	border-top-color:#f0f2f2;
	border-top-style:solid;
	padding:30px 0;
	}
	
.corner-icon{
	float:left;
	}	
	
.site-title{
	line-height:23px;
	padding-right:30px;
	}
	

/* Images -------------------------------------------------------*/	
	
/** Caption **/	
.box {
	cursor: pointer;	
	position:relative;
	float:left;
	width:100%;
}

.box .caption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top:0;
	color: #fff;
	z-index: 1;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
}

/** Caption Fade **/
.box .fade-caption, #mainwrapper .box  {
	opacity: 0;
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 15px;
}

.box .fade-caption .label-2{
	position: absolute;
    bottom:20px;
	left:20px;
	padding-right:20px;
	}


/** Caption Hover **/
.box:hover .fade-caption, #mainwrapper .box:hover  {
	opacity: 1;
}

.video-wrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}

.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
.profiles{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	}
	
.circle-img{
	width:100px;
	height: 100px;
	margin: 20px 12px;
	border-radius: 50px;
	}


	
@media (max-width: 1024px) {

	}
	
@media (max-width: 768px) {
/* Spacers -------------------------------------------------------*/	
.spacer-xxlarge{
	padding-bottom:160px;
	}

.spacer-xlarge{
	padding-bottom:80px;
	}

.spacer-large{
	padding-bottom:60px;
	}
	
.spacer-medium{
	padding-bottom:40px;
	}
	
.box {
	float:none;
}
	.mobile-stack{
	margin-bottom:40px
	}

	}
	

@media (max-width: 425px) {	



.sticky-nav a {
	font-size:9px;
    padding: 24px 9px;
    }
	
.spacer-xsmall{
	padding-bottom:10px;
	}
		
}