/*--------------------< CSS Reset >--------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, 

h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 

code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 

strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 

ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 

tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; 

outline: 0; font-size: 100%; vertical-align: baseline; background: 

transparent; } body { line-height: 1; } ol, ul { list-style: none; 

} blockquote, q { quotes: none; } blockquote:before, 

blockquote:after, q:before, q:after { content: ''; content: none; 

} :focus { outline: 0; } ins { text-decoration: none; } del { 

text-decoration: line-through; } table { border-collapse: 

collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: 

both; visibility: hidden; } .clearfix { display: inline-block; } 

/* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide 

from IE Mac */ .none { display: none; } /* End Clearfix */

/*--------------------< /CSS Reset >--------------------*/

/*--------------------< Fonts >--------------------*/

@font-face {
    font-family: 'Foro-Regular';
    src: url('fonts/fororeg.eot');
	src: url('fonts/fororeg.eot?#iefix') format('embedded-opentype'),
			 url('fonts/fororeg.woff') format('woff'),
			 url('fonts/fororeg.ttf') format('truetype'),
			 url('fonts/fororeg.svg#fororeg') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
@font-face {
	font-family: 'Foro-Medium';
	src: url('fonts/foromed.eot');
	src: url('fonts/foromed.eot?#iefix') format('embedded-opentype'),
			 url('fonts/foromed.woff') format('woff'),
			 url('fonts/foromed.ttf') format('truetype'),
			 url('fonts/foromed.svg#foromed') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
@font-face {
	font-family: 'Foro-Bold';
	src: url('fonts/forobol.eot');
	src: url('fonts/forobol.eot?#iefix') format('embedded-opentype'),
			 url('fonts/forobol.woff') format('woff'),
			 url('fonts/forobol.ttf') format('truetype'),
			 url('fonts/forobol.svg#forobol') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
@font-face {
	font-family: 'Foro-Italic';
	src: url('fonts/foroita.eot');
	src: url('fonts/foroita.eot?#iefix') format('embedded-opentype'),
			 url('fonts/foroita.woff') format('woff'),
			 url('fonts/foroita.ttf') format('truetype'),
			 url('fonts/foroita.svg#foroita') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
/*--------------------< /Fonts >--------------------*/

/*--------------------< Global >--------------------*/

body{
    font-family: 'Source Sans Pro', sans-serif;
	-webkit-font-smoothing: antialiased;
	    	font-smoothing: antialiased;
	font-size: 18px;
	line-height: 24px;
	color: #282828;
}

a{
	color:#282828;
	text-decoration: none;
	-webkit-transition:color .15s ease-in;  
		-moz-transition:color .15s ease-in;  
		-o-transition:color .15s ease-in;  
		transition:color .15s ease-in;

}

a:hover{
	color: #9678B6;
}

p{
	margin-bottom: 25px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h2{
	font-family: 'Foro-Regular';
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 35px;
	color: #796878;
}

h3{
    font-family: 'Foro-Regular';
    font-size: 36px;
	line-height: 36px;
    color: #9678B6;
}

.right{
	float: right;
}

.left{
	float: left;
}

.dots{
	display: block;
	padding-bottom:70px;
	margin: auto;
}

.content{
	width: 980px;
	margin: auto;
}

img.fade {
	opacity: 1;
	-webkit-transition:opacity .2s ease-in;
		-moz-transition:opacity .2s ease-in;  
		-o-transition:opacity .2s ease-in;  
		transition:opacity .2s ease-in;
}

img.fade:hover {
	opacity: 0;
}

/*--------------------< /Global >--------------------*/

/*--------------------< Header >--------------------*/

#header{
    height: 500px;
	background-color: #9678B6;
	background-image: url(images/H3.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#header p{
	color: #686868;
	font-size: 17px;
	margin-bottom: 0px;
	-webkit-transition:color .15s ease-in;  
		-moz-transition:color .15s ease-in;  
		-o-transition:color .15s ease-in;  
		transition:color .15s ease-in;
}

#header p:hover{
	color: #000;
}

#header h1{
	font-family: 'Foro-Medium';
	color: #fff;
	font-size: 36px;
	line-height: 50px;
	float: right;
	margin-top: 160px;
}

#header a{
	color: #282828;
}

#header a:hover{
	color: #000;
}

/*--------------------< /Header >--------------------*/

/*--------------------< Nav >--------------------*/

nav{
	font-family: 'Foro-Regular';
	background-color: #ffffff;
	font-size: 15px;
	height: 96px;
}

nav img{
	margin-top: 25px;
}

nav li .selected {
	color: #9678B6;
}

.nav-container{
	height: 96px;
}

nav img{
	display: block;
	float: left;
}

nav ul{
	margin-top: 35px;
	float: right;
}

nav li{
	display: inline;
	margin-left: 30px;
}

nav a{
	color: #282828;
}

.sticky {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

/*--------------------< /Nav >--------------------*/

/*--------------------< Intro >--------------------*/
#intro{
    background-color: #ffffff;
    padding: 75px 0px;
}

#intro .main{
    font-family: 'Foro-Italic';
	font-size: 22px;
	line-height: 30px;
	width: 850px;
    text-align: center;
	margin: auto;
	padding-bottom: 25px;
}

/*--------------------< Intro >--------------------*/

/*--------------------< Who >--------------------*/

#who{
    background-color: #ffffff;
    padding: 125px 0px;
}

.handshake{
	text-align: center;
	margin-bottom: 50px;
}

.handshake .rule{
	width: 365px;
	height: 1px;
	background-color: #dedfdf;
	margin-top: 75px;
}

#who .main{
	font-family: 'Foro-Italic';
	font-size: 22px;
	line-height: 30px;
	width: 850px;
	text-align: center;
	margin: auto;
	margin-bottom: 25px;
}

#who h1{
    font-family: 'Foro-Regular';
    font-size: 18px;
    line-height: 18px;
	text-align: center;
	/*margin-bottom: 20px;*/
	color: #9678B6;
}

#who h3{
	font-family: 'Foro-Regular';
	color: #796878;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}

#who .sub li{
	width: 224px;
	color: #aaaaaa;
	border-right: 1px solid #dedfdf;
	float: left;
	padding: 30px 50px;
	text-align: center;
	min-height: 90px;
}

#who .sub li:last-child{
	border: none;
}

/*--------------------< /Who >--------------------*/

/*--------------------< Rely >--------------------*/

#rely{
    background-color: #ffffff;
	padding: 125px 0px;
}

.handshake{
	text-align: center;
	margin-bottom: 50px;
}

.handshake .rule{
	width: 365px;
	height: 1px;
	background-color: #dedfdf;
	margin-top: 75px;
}

#rely .main{
	font-family: 'Foro-Italic';
	font-size: 22px;
	line-height: 30px;
	width: 850px;
	text-align: center;
	margin: auto;
	margin-bottom: 25px;
}

#rely h1{
    font-family: 'Foro-Regular';
    font-size: 18px;
    line-height: 18px;
	text-align: center;
	/*margin-bottom: 20px;*/
	color: #9678B6;
}

#rely h3{
	font-family: 'Foro-Regular';
	color: #796878;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}

#rely .sub li{
	width: 224px;
	color: #aaaaaa;
	border-right: 1px solid #dedfdf;
	float: left;
	padding: 30px 50px;
	text-align: center;
	min-height: 90px;
}

#rely .sub li:last-child{
	border: none;
}

/*--------------------< /Rely >--------------------*/

/*--------------------< Testimonials >--------------------*/

#testimonials{
	font-family: 'Foro-Italic';
	background-image: url(images/testimonial-bg.gif);
	padding: 75px 0px;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}

#testimonials p{
	width: 850px;
	margin: auto;
	margin-bottom: 50px;
}

#testimonials h3{
    font-family: 'Foro-Regular';
    font-size: 36px;
    line-height: 36px;
    color: #293237;
}

#testimonials img{
	margin-bottom: 50px;
}

#testimonials .content{
	overflow: hidden;
}

#testimonials .author{
	color: #293237;
}

#testimonials .author h3{
	font-family: 'Foro-Bold';
	font-size: 24px;
}

#testimonials .author p{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	margin-bottom: 0px;
}

#slider-next, #slider-prev{
	width: 49px;
	height: 93px;
	display: block;
	position: relative;
	top:-350px;
}

#slider-next{
	background-image: url(images/next-hover.png);
	background-repeat: no-repeat;
	float: right;
	right: 20px;
}	

#slider-prev{
	background-image: url(images/prev-hover.png);
	background-repeat: no-repeat;
	float: left;
	left: 20px;
}

/*--------------------< /Testimonials >--------------------*/

/*--------------------< What >--------------------*/

#what{
	background-color: #ffffff;
	padding: 125px 0px;
}

.handshake{
	text-align: center;
	margin-bottom: 50px;
}

.handshake .rule{
	width: 365px;
	height: 1px;
	background-color: #dedfdf;
	margin-top: 75px;
}

#what .main{
	font-family: 'Foro-Italic';
	font-size: 22px;
	line-height: 30px;
	width: 850px;
	text-align: center;
	margin: auto;
	margin-bottom: 25px;
}

#what h1{
    font-family: 'Foro-Regular';
    font-size: 18px;
    line-height: 18px;
	text-align: center;
	/*margin-bottom: 20px;*/
	color: #9678B6;
}

#what h3{
	font-family: 'Foro-Regular';
	color: #796878;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}

#what .sub li{
	width: 224px;
	color: #aaaaaa;
	border-right: 1px solid #dedfdf;
	float: left;
	padding: 30px 50px;
	text-align: center;
	min-height: 90px;
}

#what .sub li:last-child{
	border: none;
}

/*--------------------< /What >--------------------*/

/*--------------------< Office >--------------------*/
#office{
    background-image: url(images/office.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding:538px 0px 100px 0px;
}
/*--------------------< /Office >--------------------*/

/*--------------------< Difference >--------------------*/

#difference{
	/*background-image: url(images/office.jpg);*/
	background-repeat: no-repeat;
	background-position: top center;
	padding:110px 0px 100px 0px;
}

#difference h1{
    font-family: 'Foro-Regular';
    font-size: 18px;
    line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	color: #9678B6;
}

#difference p{
	width: 800px;
	font-size: 22px;
	line-height: 30px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
}

#difference .sub li{
	width: 264px;
	color: #aaaaaa;
	border-right: 1px solid #dedfdf;
	float: left;
	padding: 28px 30px;
	text-align: center;
}

#difference .sub li:last-child{
	border: none;
}
/*--------------------< /Difference >--------------------*/

/*--------------------< Leadership >--------------------*/

#leadership{
	padding: 60px 0px 100px 0px;
	background-color: #ffffff;
}

#leadership h3{
	font-family: 'Foro-Regular';
	font-size: 48px;
	line-height: 48px;
	color: #9678B6;
	padding-left: 40px;
}

#leadership h4{
	font-family: 'Foro-Regular';
	font-size: 24px;
	line-height: 24px;
	border-bottom: 1px solid #c7c8c8;
	padding: 0px 0px 40px 40px;
	margin-bottom: 40px;
}

#leadership h5{
	font-family: 'Foro-Regular';
	color: #9678B6;
	padding-left: 40px;
	margin-bottom: 25px;
}

#leadership h6{
    font-family: 'Foro-Regular';
	font-size: 18px;
	line-height: 24px;
	border-bottom: 1px solid #c7c8c8;
	padding: 0px 0px 40px 40px;
	margin-bottom: 40px;
}

#leadership p{
	color: #686868;
	padding-left: 40px;
}

#leadership .two-column p{
	width: 550px;
}

#leadership .two-column img{
	float: right;
	margin-top: -230px;
}

#leadership .two-column h3{
	margin-top: 30px;
}

.social{
	margin-left: 0px;
	margin-top: 50px;
}

.social a{
	margin-right: 13px;
}

.social a{
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	-webkit-transition:background-position .2s ease-in;  
		-moz-transition:background-position .2s ease-in;  
		-o-transition:background-position .2s ease-in;  
		transition:background-position .2s ease-in;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
}

.social a:hover{
	background-position: 0px 45px;
}

.social2{
    margin-left: 50px;
	margin-top: 50px;
}

.social2 a{
	margin-right: 13px;
}

.social2 a{
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	-webkit-transition:background-position .2s ease-in;  
		-moz-transition:background-position .2s ease-in;  
		-o-transition:background-position .2s ease-in;  
		transition:background-position .2s ease-in;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
}

.social2 a:hover{
	background-position: 0px 45px;
}

.twitter{
	background-image: url(images/twitter-icon.png);
}

.linkedin{
	background-image: url(images/linkedin-icon.png);
}

.facebook{
	background-image: url(images/facebook-icon.png);
}

.pinterest{
    background-image: url(images/pinterest-icon2.png);
}

/*--------------------< /Leadership >--------------------*/

/*--------------------< Map >--------------------*/

#map{
	height: 480px;
    background-color: #2f2f2f;
}

/*--------------------< /Map >--------------------*/

/*--------------------< Engage >--------------------*/

#engage{
    background-color: #ffffff;
    padding: 50px 0px;
}

.handshake{
	text-align: center;
	margin-bottom: 50px;
}

.handshake .rule{
	width: 365px;
	height: 1px;
	background-color: #c4c4c4;
	margin-top: 75px;
}

#engage .main{
	font-family: 'Foro-Italic';
    color: #494949;
	font-size: 18px;
	line-height: 30px;
	width: 850px;
	text-align: center;
	margin: auto;
	margin-bottom: 60px;
}

#engage .video{
    width: 850px;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
}

#engage h3{
	font-family: 'Foro-Regular';
	color: #796878;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 50px;
}

#engage .sub li{
	width: 224px;
	color: #aaaaaa;
	border-right: 1px solid #aaaaaa;
	float: left;
	padding: 30px 50px;
	text-align: center;
	min-height: 90px;
}

#engage .sub li:last-child{
	border: none;
}
/*--------------------< /Engage >--------------------*/

/*--------------------< Contact >--------------------*/

#contact{
	padding: 20px 0px;
    margin-top: 60px;
}

#contact .addy a{
	color: #686868;
}

#contact .addy a:hover{
	color: #9678B6;
}

#contact h2{
	text-align: left;
	margin-bottom: 10px;
}

#contact h3{
	font-family: 'Foro-Regular';
	color: #9678B6;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-size: 19px;
}

#contact h4{
	font-family: 'Foro-bold';
}

#contact h5{
	font-family: 'Foro-Italic';
	margin-bottom: 33px;
}

#contact-form{
	width: 350px;
	float: right;
	/* border: 1px solid black; */
}

#contact-form input, #contact-form textarea{
	font-family: 'Source Sans Pro', sans-serif;
	width: 310px;
	color: #686868;
	font-family: "HelveticaNeue-Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 13px 20px;
	margin-right: 40px;
	margin-bottom: 22px;
	border: 1px solid #ced2d4;
	-webkit-transition:border-color .25s ease-in;  
		-moz-transition:border-color .25s ease-in;  
		-o-transition:border-color .25s ease-in;  
		transition:border-color .25s ease-in;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 10px;
}

#contact-form input:hover, #contact-form textarea:hover{
	border-color: #9678B6;	
}

#contact-form input:focus, #contact-form textarea:focus{
	border-color: #9678B6;	
}

#contact-form textarea{
	height: 120px;
	margin-bottom: 13px;
	resize: none;
}

#contact-form .submit-button{
	font-family: 'Foro-Regular';
	font-size: 18px;
	color: #fff;
	background-color: #9678B6;
	padding: 15px 0px;
	width: 125px;
	font-weight: normal;
	border: none;
	-webkit-transition:background-color .25s ease-in;  
		-moz-transition:background-color .25s ease-in;  
		-o-transition:background-color .25s ease-in;  
		transition:background-color .25s ease-in;
}

#contact-form .submit-button:hover{
	background-color: #c4c3d0;
}

/*--------------------< /Contact >--------------------*/

/*--------------------< Footer >--------------------*/

#footer{
	text-align: center;
	background-color: #ffffff;
	color:#5f6365;
	font-size: 14px;
	padding: 30px 0px;
}

#footer p{
	margin-bottom: 0px;
}
/*--------------------< /Footer >--------------------*/

/*--------------------< Tabs >--------------------*/
.etabs {
	margin: 0;
	padding: 0;
	text-align: center;
}
.etabs li:last-child a{
	margin-right: 0px !important;
}
.tab {
	display: inline-block;
	zoom:1; *display:inline;
}
.tab a {
	font-family: 'Foro-Regular';
	color: #686868;
	font-size: 20px;
	display: block;
	border: 1px solid #c7c8c8;
	padding: 14px 40px;
	border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 30px;
		-khtml-border-radius: 20px;
	-webkit-transition:background-color .25s ease-in, border-

color .25s ease-in, color .25s ease-in;  
		-moz-transition:background-color .25s ease-in, 

border-color .25s ease-in, color .25s ease-in;
		-o-transition:background-color .25s ease-in, 

border-color .25s ease-in, color .25s ease-in;
		transition:background-color .25s ease-in, border-

color .25s ease-in, color .25s ease-in;
	margin-right: 74px;
	margin-bottom: 75px;
}
.tab a:hover, .tab a.active {
	background-color: #9678B6;
	color: #fff;
	border: none;
	border: 1px solid #9678B6;
}
.tab.active {
}

#leadership .tab a{
	font-size: 17px;
	padding: 13px 0px;
	width: 210px;
	margin-right: 40px;
}

/*--------------------< /Tabs >--------------------*/


@media only screen and (max-device-width: 480px) {

	nav ul{
		margin-right: 20px;
	}
	
	nav img{
		margin-left: 20px;
	}
	
	#contact .left{
		margin-left: 40px;
	}
}