@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

@charset "UTF-8";
/* CSS Document */

/* 
======================Trillium Color Pallette
Dark Blue - 	#074b78
Light Blue - 	#1890ba
Dark Pink - 	#ac436e
Light Pink - 	#d49dab
*/

/*============================================
GLOBAL STYLES
==============================================*/

@font-face {
	font-family: 'Vegur';
	src: url('fonts/vegur-regular-webfont.eot');
	src: url('fonts/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/vegur-regular-webfont.woff2') format('woff2'),
			 url('fonts/vegur-regular-webfont.woff') format('woff'),
			 url('fonts/vegur-regular-webfont.ttf') format('truetype'),
			 url('fonts/vegur-regular-webfont.svg#vegurregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body {
	margin:0;
	font-size:18px;
	font-family: 'Vegur', Myriad, Arial, Helvetica, sans-serif;
	background:#074b78;
	}
	
	/*body.off-canvas {overflow:hidden;}*/
	
h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	color:#074b78;
	font-size:1.75em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	display:block;
	border-bottom:1px solid #074b78;
	}
	
h2 {
	font-family: 'Vegur', Myriad, Arial, Helvetica, sans-serif;
	color:#ac436e;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0;
	}
	
h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	color:#ac436e;
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 0 0;
	}
	
h4 { 
	font-family: 'PT Sans Narrow', sans-serif;
	color:#000;
	font-size:.8em;
	line-height:1.1em;
	font-weight:bold;
	margin:0 0 25px 0;
	}

p {
	color:#074b78;
	font-size:.9em;
	font-weight:normal;
	line-height:1.2em;
	}
	
	p.about { 
		color:#000;
		font-size:.85em;
		}
	
	p.tagline { 
		font-family:"Times New Roman", Times, serif;
		text-align:center;
		font-style:italic;
		font-weight:bold;
		font-size:1.2em;
		margin:15px 0 0 0;
		}
	

ul {margin:-10px 0 30px 35px;}
	

li {
	color:#074b78;
	font-size:.9em;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:5px;
  }
	
a {
	color:#ac436e;
	font-size:inherit;
	}
	
	a:hover {
		color:#d49dab;
		text-decoration:underline;
		}
		
	a:visited {
		color:#d49dab;
		}
		
p + em {
	font-family: 'PT Sans Narrow', sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:1.2em;
	}

/*#pgContainer {
	max-width: 62.5em;
	margin: 0 auto;
	border:1px solid #EEE;
	border-top:none;
	box-shadow:2px 2px 3px #CCC;
	}*/
.row {max-width:100% !important;margin:0 !important;}
#main {
	padding:0 !important;
	background: #ffffff; /* Old browsers */		
		background: -moz-linear-gradient(top,  #ffffff 22%, #bee8f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#ffffff), color-stop(100%,#bee8f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 22%,#bee8f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 22%,#bee8f7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 22%,#bee8f7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 22%,#bee8f7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bee8f7',GradientType=0 ); /* IE6-9 */
		}

.hide {display:none;}

/*============================================
HEADER STYLES
==============================================*/
#header {
	border-top:35px solid #074b78;
	padding:15px 0px 25px 25px;
	margin-bottom:15px;
	background:#FFF;
	}
	
	#header .row {padding:0 !important;margin:0 !important;}
	#header .columns {padding:0 !important;margin:0 !important;}
	
	
.head_logo {
	text-align:center;
	padding-right:20px;
	}
	
.head_logo img {
	width:100%;
	max-width:175px;
	}
	
	#sidebarButton img {width:40px;}
	
	
	

/*-----MAIN NAV -----*/
#main_nav {
	background-color:#e5f3f8;
	box-shadow:2px 2px 3px #CCC;
	/*margin:35px -40px 0 0;*/
	margin:35px 0 0 0;
	}

#main_nav_ul {
	display:table;
	margin-left:10px;
	}

.main_nav_link {
		display:table-cell;
		float:left;
		margin:0;
		vertical-align:middle;
		font-size:.85em;
		text-transform:uppercase;		
		}
		
		.main_nav_link a {
			  display:block;
				padding:10px 15px;
				color:#000;
				text-decoration:none;
				vertical-align:middle;
				}
				
				.main_nav_link a:hover,
				.main_nav_link.active_pg a { background-color:#bee8f7;}
				
				
/*============================================
MOBILE MENU STYLES
==============================================*/
#complementary {
	background-color:#e5f3f8;
	padding:0;
	position: fixed;
	}

#complementary img {
	width:20%; 
	margin:5px 0 -5px 5px;}

ul#sideMainNav {margin:10px 0 0 0 !important;}

#complementary li {
	list-style:none;
	border-bottom:1px solid #bee8f7;
	margin-bottom:0;
	}
	
#complementary li a {
	display:block;
	color:#074b78;
	text-transform:uppercase;
	width:100%;
	padding:15px 0 15px 20px;
	}

	#complementary li a:hover,
	#complementary li a.active_pg {
		text-decoration:none;
		background-color:#bee8f7;
		}
		

		
		
/*============================================
FOOTER STYLES
==============================================*/

#footer {
	height:80px;
	background-color:#074b78;
	padding: 0 25px;
	}
	
	#footer div{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		
		-ms-transform: translate(0, -50%); /* IE 9 */
   	-webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
		}
		
		#footer_div {
			margin: 0 auto !important;
    	max-width: 70em !important;
			}

		#footer_copy, #footer_back {
			color:#FFF;
			font-size:.75em;
			text-align:center;
			text-transform:uppercase;
			}
			
		#footer_back {text-align:right;}
		
		#footer_copy p, #footer_back p {
			color:#FFF;
			margin:0;
			}
			
			#footer a {color:white;}
			
#footer_social a {
	display:inline-block;
	height:30px;
	width:30px;
	margin-top:3px;
	margin-right:5px;
	}

#footer div.social_icon {
	height:30px;
	width:30px;
	
	background:url('../img/social_sprite.png') no-repeat 0 0 transparent;
	top: 0;
	-ms-transform: translate(0, 0); /* IE 9 */
   	-webkit-transform: translate(0, 0); /* Safari */
    transform: translate(0, 0);
	}
	
	#footer div#linkedin:hover {background-position:-30px 0;}
	#footer div#google {background-position:-60px 0;}
	#footer div#google:hover {background-position:-90px 0;}
	
	
	
	
/*============================================
MAIN CONTENT STYLES
==============================================*/

#mainContent {
	max-width:90%;
	margin:0 auto;
	float:none;
	background:#FFFFFF;
	padding-bottom:35px !important;}

#pageBody {padding:0 25px;}

#index #pageBody {padding:0;}


/*===== HOME PAGE SLIDER STYLES =====*/
.orbit-container, .orbit-container li {
	background-color:white;
	}

.orbit-container .orbit-slides-container > * .orbit-caption {
	padding: 20px 65px 20px 25px;
	bottom:50px;
	right: 0;
	width:auto;
	background-color:#FFF;
	background-color:rgba(255,255,255,.8);
	box-shadow:1px 3px 10px #999;
	}
	
	.orbit-container .orbit-slides-container > * .orbit-caption {
		font-family: 'PT Sans Narrow', sans-serif;
		font-weight:bold;
		font-style:italic;
		font-size:1.35em;
		color:#000;
		}
		
	.orbit-bullets { 
		text-align:center;
		margin-bottom:15px;
		}
	.orbit-bullets li {
		float:none;
		display:inline-block;
		cursor:pointer;
		}
		
	.orbit-timer,
	.orbit-container .orbit-prev > span,
	.orbit-container .orbit-next > span {display:none;}
	
	.orbit-container .orbit-prev {
		background:url(../img/home_slider/arrow_prev.png) no-repeat center center transparent;
	}
	.orbit-container .orbit-next {
		background:url(../img/home_slider/arrow_next.png) no-repeat center center transparent;
	}
	
		.orbit-container .orbit-next:hover,
		.orbit-container .orbit-prev:hover {background-color:rgba(153,153,153,.8);}
		
		




/*===== ABOUT PAGE STYLES =====*/
.bios {padding:0 25px; }	





/*===== SERVICES ACCORDION STYLES =====*/

.section-container.accordion > section > .title {
	background:url('../img/accordion_closed_arrow.png') no-repeat 10px center #ac436e;
	}
	
.section-container.accordion > section.active > .title {
	background:url('../img/accordion_open_arrow.png') no-repeat 10px center #ac436e;
	}
	
.section-container.accordion > section.active > .title a,
.section-container.accordion > section > .title a {
	font-family: 'PT Sans Narrow', sans-serif !important;
	color:white;
	font-size:1.25em;
	padding-left:30px;
  }
	
.section-container.accordion > section > .title:hover {background-color:#ac436e;}
.section-container.accordion > section > .title a:hover {text-decoration:none;}




/*===== CLIENTS PAGE STYLES =====*/

#short_quote .orbit-container,
#long_quote .orbit-container {background:transparent;}

#short_quote .orbit-container .orbit-bullets,
#long_quote .orbit-container .orbit-bullets {margin:0px;}

#short_quote,
#long_quote {border:1px solid #074b78;padding:20px;}

#short_quote,
#short_quote ul,
#short_quote ul li {background-color:#ddeef5;}

#long_quote,
#long_quote ul,
#long_quote ul li {background-color:#f9f0f2;}

#short_quote p {color:#ac436e;}
#long_quote p {color:#074b78;}

p.quote {
	font-style:italic;
	font-size:1em;
	}
	p.quote_name {
		font-size:.8em;
		text-align:right;
		margin-right:25px;
		}
		
.client_logo {
	text-align:center;
	}
	.client_logo img { 
		width:80%;
		max-width:250px;
		margin-bottom:20px;
		}




/*===== PHILOSOPHY PAGE STYLES =====*/	

#animation_container {
	height: 300px;
	margin-bottom: 1.25em;
	position: relative;
	width: 100%;
	}
	
/*	#animation_background_image{
		background: url("../img/flower_bkg.jpg") no-repeat center center transparent;
		height: 300px;
		width: 100%;
		position:absolute;
		} */

#animation_center {
	height: 80px;
	left: 47.5%;
	opacity: 0.5;
	position: relative;
	top: 35%;
	width: 80px;
	z-index: 5;
	}
	
	
			.pulse1 {
						-webkit-animation: pulse1 3s linear infinite;
						-moz-animation: pulse1 3s linear infinite;
						-ms-animation: pulse1 3s linear infinite;
						animation: pulse1 3s linear infinite;
						cursor:pointer;
					}
					
					@keyframes "pulse1" {
					 0% {
							opacity:.75;
					 }
					 50% {
							opacity:.25;
					 }
					 100% {
							opacity:.75;
					 }
					
					}
					
					@-moz-keyframes pulse1 {
					 0% {
						 opacity:.75;
					 }
					 50% {
						 opacity:.25;
					 }
					 100% {
						 opacity:.75;
					 }
					
					}
					
					@-webkit-keyframes "pulse1" {
					 0% {
						 opacity:.75;
					 }
					 50% {
						 opacity:.25;
					 }
					 100% {
						 opacity:.75;
					 }
					
					}
					
					@-ms-keyframes "pulse1" {
					 0% {
						 opacity:.75;
					 }
					 50% {
						 opacity:.25;
					 }
					 100% {
						 opacity:.75;
					 }
					
					}
					
					
					.pulse2 {
						-webkit-animation: pulse1 3s linear infinite;
						-moz-animation: pulse1 3s linear infinite;
						-ms-animation: pulse1 3s linear infinite;
						animation: pulse1 3s linear infinite;
						cursor:pointer;
					}
					
					@keyframes "pulse2" {
					 0% {
							opacity:1.0;
					 }
					 50% {
							opacity:.95;
					 }
					 100% {
							opacity:1.0;
					 }
					
					}
					
					@-moz-keyframes pulse2 {
					 0% {
						 opacity:1.0;
					 }
					 50% {
						 opacity:.95;
					 }
					 100% {
						 opacity:1.0;
					 }
					
					}
					
					@-webkit-keyframes "pulse2" {
					 0% {
						 opacity:1.0;
					 }
					 50% {
						 opacity:.95;
					 }
					 100% {
						 opacity:1.0;
					 }
					
					}
					
					@-ms-keyframes "pulse2" {
					 0% {
						 opacity:1.0;
					 }
					 50% {
						 opacity:.95;
					 }
					 100% {
						 opacity:1.0;
					 }
					
					}
					
					
					.flowerGrow {
						opacity:1.0 !important;
						transition: all 3.5s ease-in-out;
   					 -webkit-transition: all 3.5s ease-in-out;
    				transform: scale(3.5) rotateZ(720deg);
							-webkit-transform: scale(3.5) rotate(720deg);
							
							
						}
						
					.flowerShrink {
						opacity:1.0 !important;
						transition: all 3.5s ease-in-out;
   					 -webkit-transition: all 3.5s ease-in-out;
    				transform: scale(1) rotateZ(0deg);
							-webkit-transform: scale(1) rotate(0deg);
						}
						
	.animation_box_container {
		width:35%;
		position:absolute;	
		overflow:hidden;
		}
	
	.starburst {
		position:absolute;	
		z-index:500;
		}
		
		.animation_box p {
			background-color:#f9f0f2;
			font-style:italic;
			font-size:.95em;
			font-weight:bold;
			color:#074b78;
			padding:15px 20px;
			margin:0;
			}
			
		/* Animation Positioning */
		#starburst1 {
			left: 53%;
    	top: 20%;
			}
		#starburst2 {
			left: 38.5%;
    	top: 28%;
			}
		#starburst3 {
			left: 50%;
    	top: 65%;
			}
			
		#animation_box1_container {
			left: 55%;
    	top: 5%;
			}
		#animation_box2_container {
			left: 10%;
    	top: 35%;
			}
		#animation_box3_container {
			left: 50%;
    	top: 70%;
			}
		
			
/*============================================
MEDIA QUERIES
==============================================*/		
@media screen and (min-width:1800px) {
	.head_logo {
		text-align:right;
		padding-right:35px;
		}
}

@media screen and (min-width:1280px) {
	#mainContent,
	.row.mainHead {
		max-width:70em;
		}
		
		
	/* Animation Positioning */
		#starburst1 {
			left: 53%;
    	top: 20%;
			}
		#starburst2 {
			left: 41%;
    	top: 28%;
			}
		#starburst3 {
			left: 50%;
    	top: 65%;
			}
			
		#animation_box1_container {
			left: 55%;
    	top: 5%;
			}
		#animation_box2_container {
			left: 10%;
    	top: 35%;
			}
		#animation_box3_container {
			left: 51%;
    	top: 70%;
			}
}
@media screen and (max-width: 1279px) {
		#animation_center {left: 46.5%;}
		.animation_box_container {width: 45%;}
		/* Animation Positioning */
		#starburst1 {
			left: 54%;
    	top: 21%;
			}
		#starburst2 {
			left: 39%;
    	top: 28%;
			}
		#starburst3 {
			left: 49%;
    	top: 65%;
			}
			
		#animation_box1_container {
			left: 56%;
    	top: 5%;
			}
		#animation_box2_container {
			left: 2%;
    	top: 35%;
			width:39%;
			}
		#animation_box3_container {
			left: 52%;
    	top: 72%;
			}
}

@media screen and (max-width: 950px) {	
		.animation_box_container {width: 40%;}
		.animation_box p {font-size:.9em !important;}
		
		/* Animation Positioning */
		#starburst1 {
			left: 58%;
    	top: 21%;
			}
		#starburst2 {
			left: 35.5%;
    	top: 28%;
			}
		#starburst3 {
			left: 50%;
    	top: 65%;
			}
			
			
		#animation_box1_container {
			left: 60%;
    	top: 0%;
			}
		#animation_box2_container {
			left: 0%;
    	top: 35%;
			width:39%;
			}
		#animation_box3_container {
			left: 52%;
    	top: 72%;
			}
			
		
}


@media screen and (max-width: 767px) {	

	#mainContent,
	.row.mainHead {
		max-width:100%;
		}
	
	#pageBody, #index #pageBody {
		padding:0;
		position: relative;
    padding-top: 165px;
		}
	
	.row {margin:0 !important;}
	
	.column, .columns {
    padding-left: 0.6em;
    padding-right: 0.6em;
		}
	
	#header { 
		position: fixed;
		background-color:#FFF;
		border-top: 25px solid #074b78;
    width: 100%;
    z-index: 999;
		padding: 5px 0 15px 0;
		box-shadow:0 2px 5px #1890ba;
		}
		
	.headLogo div.mobile_btn {
		position:relative;
		float:left;
		margin-right:-40px;
		}
		
	.head_logo {
    display: block;
    margin: 0 auto;
		text-align:center;
		}
		
	.head_logo img {width:25%;}

	#footer {padding:0;}
	
	/*===== INDEX PAGE STYLES =====*/
	
	#index #mainContent {
		margin:0;
		padding:0;}
		
		p.tagline {padding:0 20px;}
		
		.orbit-container {overflow:visible;}
				#short_quote .orbit-container,
				#long_quote .orbit-container {overflow:hidden;}
		
	.orbit-container .orbit-slides-container > * .orbit-caption {
		bottom:-35px; 
		text-align:center;
		width:100%;
		padding:10px;
		}	
		
	.orbit-bullets {
		top:50px;
		margin-bottom:75px;
		}
		
		#short_quote .orbit-bullets,
		#long_quote .orbit-bullets { top:10px; }
		
		.touch .orbit-container .orbit-next,
		.touch .orbit-container .orbit-prev,
		.touch .orbit-bullets {display:block;}
	
	
	
	/*===== ABOUT PAGE STYLES =====*/	
		
		.bios {padding:0; }
		
	
	/*===== SERVICES PAGE STYLES =====*/		
		.section-container.accordion > section > .content,
		.section-container.accordion > .section > .content {padding:.9375em 0 !important;}
	
	
	/*===== CLIENTS PAGE STYLES =====*/	
	p.quote {
		font-style:italic;
		font-size:.9em;
		font-weight:bold;
		line-height:1.25em;
		}
		p.quote_name {
			font-size:.75em;
			text-align:right;
			margin-right:25px;
			}
	
	/*===== PHILOSOPHY PAGE STYLES =====*/	
	#animation_center {left: 44.5%;}
	
	
	#animation_container {margin-bottom:3.25em;}
	 
			.animation_box p {font-size:.95em !important;text-align:center;}	
			
		#animation_box1_container,
		#animation_box2_container,
		#animation_box3_container {
			left: 0;
    	top: 85%;
			width:100%;
			}
			
	/* Animation Positioning */
		#starburst1 {
			left: 55%;
    	top: 20%;
			}
		#starburst2 {
			left: 34%;
    	top: 28%;
			}
		#starburst3 {
			left: 49%;
    	top: 65%;
			}
		
}

@media screen and (max-width: 575px) {	
	#pageBody, #index #pageBody {
    padding-top: 135px;
		}
		
		#animation_container {margin-bottom:3.25em;}
			
		/* Animation Positioning */
		#starburst1 {
			left: 57%;
    	top: 21%;
			}
		#starburst2 {
			left: 31%;
    	top: 28%;
			}
		#starburst3 {
			left: 49%;
    	top: 65%;
			}
}
	
@media screen and (max-width: 480px) {	
	.head_logo img {width:25%;}

	.orbit-container .orbit-prev, .orbit-container .orbit-next {background-size:35%;}
	.orbit-container .orbit-slides-container > * .orbit-caption {font-size:1.1em;}
	p.tagline {font-size: 1.1em;}
	
	.client_logo img {width: 100%;}
	
	.left_col_pics img {width:100%;}
	
	.section-container.accordion > section.active > .title a,
	.section-container.accordion > section > .title a {font-size:1.1em;}
	 
	 
	 #animation_center {left: 41.5%;}
	 
	 .starburst img { width:65px; }
			
		/* Animation Positioning */
		#starburst1 {
			left: 60%;
    	top: 21%;
			}
		#starburst2 {
			left: 21%;
    	top: 25%;
			}
		#starburst3 {
			left: 43%;
    	top: 65%;
			}
}
	
	
@media screen and (max-width: 400px) {	
	.head_logo img {width:40%;}
	
	#animation_center {left: 34%;}
	
	/* Animation Positioning */
		#starburst1 {
			left: 59%;
    	top: 22%;
			}
		#starburst2 {
			left: 8%;
    	top: 25%;
			}
		#starburst3 {
			left: 35%;
    	top: 65%;
			}
			
}