/*------------------------------

	STYLESHEET

	FF. Font Faces
	Gen. General 
	Full. Full Width Case
		Full-h. Home
	1700. Responsive Cases - Scale Down below 1700px
		1700-h. Home
	1440. Responsive Cases - Scale Down below 1440px
		1440-h. Home
	1024. Responsive Cases - Scale Down below 1024px
		1024-h. Home
	M. Responsive Cases - Scale Down Below 728	
		M-h. Home
 
------------------------------*/


/*------------------------------
    FF. FONT FACES 
------------------------------*/

	@font-face {
        font-family: 'Nexa-Book';
        src: url('../fonts/Nexa-Book.eot');
        src: url('../fonts/Nexa-Book.woff') format('woff'),
             url('../fonts/Nexa-Book.eot'),
             url('../fonts/Nexa-Book.ttf ') format('truetype');
        font-weight: normal;
        font-style: normal;
        }
    @font-face {
        font-family: 'Nexa-Bold';
        src: url('../fonts/Nexa Bold.eot');
        src: url('../fonts/Nexa Bold.woff') format('woff'),
             url('../fonts/Nexa Bold.eot'),
             url('../fonts/Nexa Bold.ttf ') format('truetype');
        font-weight: normal;
        font-style: normal;
        }
	@font-face {
        font-family: 'Nexa-Light';
        src: url('../fonts/Nexa Light.eot');
        src: url('../fonts/Nexa Light.woff') format('woff'),
             url('../fonts/Nexa Light.eot'),
             url('../fonts/Nexa Light.ttf ') format('truetype');
        font-weight: normal;
        font-style: normal;
        }	
		
/*------------------------------
    Gen. GENERAL 
------------------------------*/
	
	* {				
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-text-size-adjust: none;
		}
		
	body {
		margin: 0;
		padding: 0;	
		font-family: 'Nexa-Book', arial, sans-serif;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 0.06em;
		text-align: center;
		color: rgba(0,0,0,0.7);
		background: #faf5f2 url('../images/bg.jpg') no-repeat top center;	
		}
	
	h1 {	
		margin: 0 0 60px 0;
		padding: 0;		
		font-family: 'Nexa-Light', arial, sans-serif;
		font-weight: normal !important;
		font-size: 60px;
		line-height: 62px;
		text-align: left;
		color: #1c2b48;
		}
	h2 {			
		margin: 0 0 35px 0;	
		padding: 0 0 15px 0;	
		font-family: 'Nexa-Light', arial, sans-serif;
		font-weight: normal !important;
		font-size: 30px;
		line-height: 32px;
		color: #21888d;
		border-bottom: 2px solid rgba(0,0,0,0.07);
		}		
	h3 {			
		margin: 0 0 35px 0;		
		font-family: 'Nexa-Light', arial, sans-serif;
		font-weight: normal !important;
		font-size: 26px;
		line-height: 28px;
		color: #5fc4c9;
		}
		h1 strong,
		h2 strong,
		h3 strong {	
			font-family: 'Nexa-Light', arial, sans-serif;
			font-weight: normal !important;
			}
	h4 {			
		margin: 0 0 35px 0;		
		font-family: 'Nexa-Bold', arial, sans-serif;
		font-weight: normal !important;
		font-size: 20px;
		line-height: 22px;
		color: rgba(0,0,0,0.6);
		}
	
	p {		
		margin: 0 0 35px 0;
		padding: 0;
		}	
		p.note {		
			font-size: 14px;
			line-height: 23px;
			}
	
	strong {
		font-family: 'Nexa-Bold', arial, sans-serif;
		font-weight: normal;
		}
	
	em {
		font-weight: normal;
		}
	
	img {
		border: 0;
		vertical-align: top;
		}

	a:hover, a:active, a:focus, object { 
		outline: none; 
		}			
	a {
		text-decoration: none;
		color: #f8ae18;	
		webkit-transition: .2s ease-out;
		-moz-transition: .2s ease-out;
		-o-transition: .2s ease-out;
		-ms-transition: .2s ease-out;
		transition: .2s ease-out;
		}
	a:hover {
		text-decoration: none;
		color: #5fc4c9;
		}
	
	blockquote {	
		width: 100%;	
		padding: 55px 55px 15px 55px;
		margin: 0 0 35px 0;
		font-family: 'Nexa-Light', arial, sans-serif;
		font-size: 40px;
		line-height: 45px;
		color: #5fc4c9;
		background: #f9f5f2;
		}
			
	sup,
	sub {
		font-size: 11px;
		line-height: 11px;
		}

	form, 
	input,
	textarea {
		margin: 0;
		padding: 0;
		outline: none;
		-webkit-border-radius:0; 
		}

	/* CLEARS */

	.clear {
		clear: both;
		}
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
		
	/* TEXT HIGHLIGHT COLOR */

	::-moz-selection { 
		color: #fff;
		background: #21888d; 
		}
	::selection {
		color: #fff;
		background: #21888d;
		}

	/* BUTTONS */
	
	.button {
		position: relative;
		display: inline-block;
		padding: 17px 50px 13px 50px;
		font-family: 'Nexa-Bold', arial, sans-serif;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		background: #f48024;
		border-bottom: 6px solid #c45700;
		text-decoration: none;
		overflow: hidden;
		}				
		.button:after {
			background: url('../images/icon-arrow-white.png') no-repeat top left;				
			background-size: 13px auto;
			display: inline-block;
			position: absolute;
			top: 36%;
			right: -13px;
			width: 13px;
			height: 19px;
			content: "";
			transition: all .2s ease-out;
			}
	.button:hover {
		color: #fff;
		background: #5fc4c9;
		border-bottom: 6px solid #21888d;
		}	
		.button:hover:after {
			right: 13px;
			}

	.button.green {
		background: #90bd31;
		border-bottom: 6px solid #6e9a11;
		}	
	.button.green:hover {
		background: #5fc4c9;
		border-bottom: 6px solid #21888d;
		}		
	
/*------------------------------
    Full. LAYOUTS
------------------------------*/
		
	/*------------------------------
		Full-h. HOME
	------------------------------*/
	
	.whiteBar {
		display: none;
		}

	.logo {
		width: 267px;
		height: auto;
		margin: 55px 0 0 0;
		}

	.blurb {
		width: 575px;
		margin: 300px auto 0 auto;
		font-family: 'Nexa-Book', arial, sans-serif;
		font-size: 18px;
		line-height: 28px;
		}
		.blurb br.mobile {
			display: none;
			}

	hr {
		width: 800px;
		height: 2px;
		border: none;
		background: #e9e6e4;
		margin: 50px auto;
		clear: both;
		overflow: hidden;
		}

	.bottom {
		width: 990px;
		margin: 0 auto;
		padding: 0 0 200px 0;
		}
		.bottom-ventures {
			float: left;
			width: 50%;
			padding: 0 25px 0 0;
			}
			.bottom-ventures .logo {
				width: 220px;
				height: auto;
				margin: 0 0 50px 0;
				}
		.bottom-foundation {
			float: right;
			width: 50%;
			padding: 0 0 0 25px;
			}
			.bottom-foundation .logo {
				width: 220px;
				height: auto;
				margin: 0 0 50px 0;
				}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1700. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1700px
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1700px) {
			
	/*------------------------------
		1700-h. HOME
	------------------------------*/		
	
	
	
}


/*----------------------------------------------------------------------------------------------------------------------------------------
   	1440. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1440px
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1439px) {
	
	body {
		background-size: 1450px auto;	
		}

	/*------------------------------
		1440-h. HOME
	------------------------------*/		
	
	.logo {
		width: 210px;
		margin: 45px 0 0 0;
		}

	.blurb {
		width: 575px;
		margin: 230px auto 0 auto;
		}

	.bottom-ventures {
		padding: 0 15px 0 0;
		}
	.bottom-foundation {
		padding: 0 0 0 15px;
		}
	
}
			
/*----------------------------------------------------------------------------------------------------------------------------------------
   	1024. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1024
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1023px) {
	
	/*------------------------------
		1024-h. HOME
	------------------------------*/		
	
	.bottom {
		width: 700px;
		}

	hr {
		width: 600px;
		}
	
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	M. RESPONSIVE CASES - SCALES SITE DOWN BELOW 768
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 767px) {
		
	body {
		background-size: 780px auto;
		background-position: center 40px;	
		}

	/*------------------------------
		M-h. HOME
	------------------------------*/		
	
	.whiteBar {
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 40px;
		background: #fff;
		}

	.logo {
		position: relative;
		z-index: 2;
		width: 150px;
		margin: 30px 0 0 0;
		}

	hr {
		width: 320px;
		margin: 30px auto;
		}

	.blurb {
		width: 320px;
		margin: 140px auto 0 auto;
		padding: 0 30px;
		font-size: 14px;
		line-height: 22px;
		}
		.blurb br {
			display: none;
			}
		.blurb br.mobile {
			display: block;
			}

	.bottom {
		width: 100%;
		margin: 0;
		padding: 30px;
		}
		.bottom-ventures {
			width: 100%;
			padding: 0;
			margin: 0 0 50px 0;
			font-size: 14px;
			line-height: 22px;
			}
			.bottom-ventures .logo {
				margin-bottom: 20px;
				}
			.bottom-ventures p {
				margin-bottom: 20px;
				}
			.bottom-ventures .button {
				font-size: 14px;
				line-height: 18px;
				padding-left: 30px;
				padding-right: 30px;
				}
		.bottom-foundation {
			width: 100%;
			padding: 0;
			font-size: 14px;
			line-height: 22px;
			}
			.bottom-foundation .logo {
				margin-bottom: 20px;
				}
			.bottom-foundation p {
				margin-bottom: 20px;
				}
			.bottom-foundation .button {
				font-size: 14px;
				line-height: 18px;
				padding-left: 30px;
				padding-right: 30px;
				}
	
}

