

/******************************************************************************
							LINKS 
******************************************************************************/


a {
	/*color: #F15725;*/
	text-decoration: none;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a:hover {
	color: #5bc5ee;
	text-decoration: none;
}




/******************************************************************************
							FONTS 
******************************************************************************/


@font-face {
    font-family: worklight;
    src: url(../font/worklight.ttf) ;
}


@font-face {
    font-family: workregular;
    src: url(../font/workregular.ttf) ;
}


@font-face {
    font-family: workmedium;
    src: url(../font/workmedium.ttf);
}


@font-face {
    font-family: worksemibold;
    src: url(../font/worksemibold.ttf) ;
}


@font-face {
    font-family: workblack;
    src: url(../font/workblack.ttf);
}


@font-face {
    font-family: zeitlight;
    src: url(../font/zeitlight.ttf);
}

@font-face {
    font-family: zeitbold;
    src: url(../font/zeitbold.ttf);
}









.menu-main-container{
	z-index: 998;
		box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.28);
		display: none;
	}


div.menu-main-container{
	height: 50px;
	/*padding-top: 35px;*/
	/*display: flex;*/
	/*align-content: center;*/
}


div.menu-main-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.menu-main-container > ul > li {
    /*float: left;*/
}

div.menu-main-container  li.menu-item a:hover {
	/*text-decoration: none;*/
/*background-color:#fff;*/
color:#d4426a;
/*border-radius:5px;*/
} 



.menu{
	display: flex;
	justify-content: center;
}


.menu-item{
	padding-right: 30px;
	text-transform: uppercase;
	color: #2d363f;
	font-family: zeitlight,serif;
	font-size: 18px;
}


.menu-item a{
	color: #2d363f;
}


.menu-item-280{
	font-family: zeitbold,serif;
}


.menu-item-365{
	font-family: zeitbold,serif;
	color: #d4426a !important;
}




.current-menu-item a{
	font-family: zeitbold,serif;
    /*color:#d4426a;*/
    color:#007bff;
}








/*mobile*/
p{
	font-size: 17px;
	font-family: zeitlight,serif;
	font-weight: 400;
	color: #444343;
	line-height: 1.5;
}


em{
	font-size: 20px;
	font-family: workmedium, serif;
}



h1{
	
	font-size: 34px;
	font-family: worksemibold,serif;
	font-weight: 300;
	line-height: 1.0;
	color: #2c6aa8;
}


h2{
	
	font-size: 35px;
	font-family: workmedium,serif;
	font-weight: 300;
	color: #606060;
	line-height: 1.1;
	
}



h3{
	font-size: 26px;
	font-family: worksemibold,serif;
	font-weight: 300;
}



h4{
	
	font-size: 26px;
	font-family: workregular,serif;
	font-weight: 300;
	line-height: 0.9;
	color: #cccccc;
}


h5{

	font-size: 20px;
	font-size: 18px;
	font-family: workregular,serif;
	line-height: 1.2;
	color: #ffffff;

}



h6{

}


li{

}






/******************************************************************************
							BUTTON PRIMARY
******************************************************************************/




.btn-primary {
	color: white;

	padding: 4px 0px 0px 0px;

	background-color: #007bff;
	border-radius: 25px;
	border:2px solid #007bff;

	font-family: 'workmedium';
	font-size: 18px;

	
	text-align: center;
	
	line-height: 30px;

	position: relative;
	display: block;

	height: 40px;
	width: 180px;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;


}



.btn-primary:hover {

	text-decoration: none;
	background-color: transparent;
	border: 2px solid #5bc5ee;
	/*padding: 3px 0px 0px 0px;*/
	color: #5bc5ee;
}


.btn-primary:active {
	text-decoration: none;
	/*background-color: transparent;*/
	/*border : 2px solid #61d3ff;*/
	/*background-color: white;*/
	/*color: #61d3ff;*/
}


.btn-primary.centered {
	margin: 0 auto;
}



.btn-primary:focus{
    outline: none;
}




/*attached to buttons in two column modus*/
.btn-twocolumn{
	margin-bottom: 24px;
}



.btnMarDn{
	/*margin-bottom: 40px;*/
}



button {

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;

}






.headertagline h4{

	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 20px;
	font-family: workregular,serif;
	font-weight: 300;
	line-height: 0.9;
	color: #2c6aa8; 
	/*color: #cccccc;*/
	/*color: purple;*/

}








.gen_shad{
	box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.28);
}


/*for the captcha badge*/

.grecaptcha-badge { 
    visibility: hidden;
}






.home_logo{
	z-index: 999;
	display: flex;
	align-items: center;


}


.home_logo img{

	/*box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.28);*/

}




.home_image{

	margin-top: 20px;

	/*margin-left: -80px;*/

}



.white_p_text h2{
	color: white !important;
}
.white_p_text p{
	color: white !important;
}






.one_col_white_text p{
	color: white !important;
}


.one_col_white_text h2{
	color: white !important;
}

.one_col_white_text a{
	color: white !important;
}




/*used for styling call out boxes*/


.callout_box_style p{
	color: white !important;
}
.callout_box_style h2{
	color: white !important;
}
.callout_box_style h3{
	color: white !important;
}
.callout_box_style h5{
	color: white !important;
}

.callout_box_style{

	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	
}



/*adds space for shadow effect*/

.marbtm{
	margin-bottom: 40px;
}

/*offset for callout boxes.*/

.martop{
	margin-top: 50px;

}




.image_scroll_class{

	height: 500px;
	overflow: hidden;

}


.image_scroll_class img{
	cursor: ns-resize;
	/*cursor: grab;*/
}







/*.three_col_leadership p{*/
	/*font-size:	18px;*/
	/*border: 6px solid red;*/
/*}*/
/**/





/*menu formatting*/

#responsive-menu-title{
	/*font-family: "calibribold",sans-serif;*/
}

#responsive-menu-container{
	opacity: .9
}

#responsive-menu{
	/*font-family: calibriregular;*/
}

#responsive-menu-search-box{
	display: none;
}









.ani_fade_on_1{

	opacity: .0;

	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;

}

.ani_fade_on_2{

	opacity: .0;

	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;

}

.ani_fade_on_3{

	opacity: .0;

	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;

}











.blue_background{
	background-color: #2d4277;
}





.vanilla{
	color: #f5f6ed;
}

.offwhite{
	color: #fffef9;
}

.darkblue{
	color: #1e2a30;
}




.privacy h3{
	/*color: black !important;*/
}



/*three column smaller text*/
/*mobile*/
.three_col_small p{
	font-size: 19px;

}

.three_col_small{
	padding-bottom: 40px;
}



.three_col_center{
	text-align: center;
	padding-bottom: 55px;
}

.three_col_center p{
	font-size: 20px;
}




.three_col_center_box{
	/*background-color: #f5f6ed;*/

	background-color:rgb(245,246,237, 0.7);

	text-align: center;
	padding-bottom: 40px;
	padding-top: 30px;
}

.three_col_center_box p{
	font-size: 20px;
}






/*blue breakout CTA boxes*/

.one_col_style_ctaarea{
	padding-top: 40px;
	padding-bottom: 40px;
}






/*CENTER*/
/*same as align-center-flexbox */
/*KEEP*/

.flex_center{
    display: flex;
    align-items: center;
    justify-content: center;
}





/******************************************************************************
							one column module
******************************************************************************/



.one_col_but_align_left{
	display: flex;
	/*justify-content: left;*/
}

.one_col_but_align_cent{
	display: flex;
	justify-content: center;
}


.one_col_but_align_right{
	display: flex;
	justify-content: flex-end;

}




.one_col_standard{
	padding-top: 40px;
	padding-bottom: 25px;


	box-shadow: 10px 10px 9px 0px rgba(0,0,0,0.28);

	
}





/*element classes*/

.one_col_ele_center{
	justify-content: center;
}


.one_col_ele_padding{
	
	padding-top: 50px;
	padding-bottom:40px;
	padding-left: 5%;
	padding-right: 5%;

}






/******************************************************************************
							thirtythree module
******************************************************************************/

#thirtythree.no-padding {
	padding: 0;
}

#thirtythree.no-padding div[class*="col-"]{
	padding: 0;
}



#thirtythree .img-sq .img-cont {
	width:100%;
	height: auto;
	min-height: 350px;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}




/*custom button on 33*/

#thirtythree .btn-primary {

	/*color: #1e2a30;*/
	/*background-color: white;*/
	/*width: 200px;*/
	/*font-size: 16px;*/

}


#thirtythree .btn-primary:hover {

	/*color: white;*/
	/*text-decoration: none;*/
	/*border : 2px solid gray;*/
	/*background-color: gray;*/
	
}







/******************************************************************************
							Full Bleed Image
******************************************************************************/


#full-bleed-image {
	width:100%;
    background-repeat: no-repeat;
}


#full-bleed-image h2{
	padding-bottom: 25px;
}







/******************************************************************************
							two_column_layout module
******************************************************************************/



#two_column_layout.no-padding {
	padding: 0;
}

#two_column_layout.no-padding div[class*="col-"]{
	padding: 0;
}









.stagger_two_col_tile{


	padding-left: 20px;
	padding-right: 15px;

	/*background-image: linear-gradient(-30deg, #1b2225, #484d57);*/

	background-color: #343b4a;
	/*border-radius: 8px;*/

}


.stagger_two_col_tile p{
	color: white;
	font-size: 19px;
}



.stagger_two_col_tile-start{
	height: auto;
	margin-top: 70px;
	margin-bottom: 40px;
}


	.spacer10-tile{
		display: block;
		height: 0px;
	}


.tile-left{
	/*margin-bottom: 110px;*/
	margin-top: 30px;
	margin-bottom: 30px;
}

.tile-right{
	margin-top: 30px;
	margin-bottom: 30px;
	/*margin-top: 110px;*/
}


.tile-right h3{
	font-size: 28px;
	margin-bottom: 15px;
}

.tile-left h3{
	font-size: 28px;
	margin-bottom: 15px;
}


.two_col_standard{

	margin-top: 90px;
	margin-bottom: 90px;

}

.two_col_standard h2{

	font-size: 40px;

}

.two_col_standard p{

	font-size: 22px;

}







/*This is padding around colored breakout box*/


/*ec_style_breakoutbox : BreakoutBox*/
/*ec_style_cta : CTA*/
/*fb_style_vanilla : Vanilla*/


/*mobile*/
.ec_style_breakoutbox{
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.ec_style_breakoutbox p{
	/*opacity: .3;*/
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	/*text-align: center;*/
}


/*mobile*/
.ec_style_maxwidth{
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}




.ec_style_maxwidth p{
	/*opacity: .3;*/
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	/*text-align: center;*/
}


.ec_style_maxwidth_wide p{
	/*opacity: .3;*/
	margin-left: auto;
	margin-right: auto;
	max-width: 860px;
	/*text-align: center;*/
}








.img-responsive{
	width:100%;
	height:auto;

}







/*form*/

#drip-form input{
	width: 310px;
}







/*footer*/

.footer_nav_button{
	color: white;
	padding-right: 6%;
	font-weight: bold;
}



.footer_text_style{
	line-height: .5;
	color: white;
	/*at sm*/
	margin-bottom: 10px;
	text-align: center;
}


.footer_text_style p{
	line-height: .5;
	/*font-size: 20px !important;*/
}

#footer p{
	font-size: 19px !important;
	/*color:white !important;*/
}




/*contact form 7*/

input{

	border-radius:8px;
	border:1px solid #999999;
	padding: 5px 0px 5px 10px;
	width: 240px;
	padding-right: 15px;
	font-size: 17px;
}



input[type=checkbox]{
	width:22px;
	height: 18px;
	font-size:22px;
	transform:scale(1.25, 1.25);
	border-color: #777777;
	border-radius: 0px;

}


/*submit button on form resting state*/

input[type=button], input[type=submit], input[type=reset] {

	color: white;
	background-color: #d4426a;


	/*background-color: #d3295e;*/


	padding: 1px 0px 1px 0px;

	border-radius:50px;

	border: 2px solid #d4426a;


	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	position: relative;
	/*display: block;*/
	width: 90px;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;

}





input[type=submit]:hover{

	text-decoration: none;
	border:2px solid #2e5675;
	background-color: white;
	color: #d4426a;
	cursor: pointer;

	background-color: #2e5675;
	/*color: white;*/

}






/*classes for full bleed image*/

.fullbleed_style_title{

}


/*for the lab*/
.fullbleed_style_title_mup{
	margin-top: -220px;
}








/*classes for two column*/

.portfolio-listing{
	margin-bottom: 60px;
	line-height: 28px
}







.horz-line{
	border-bottom: 1px solid #7e553f;
}







/*contact form*/


.wpcf7-form{
	margin-left: 0px;
}

.wpcf7-list-item-label{
	font-size: 18px;
}

.wpcf7-form-control{
	margin-bottom: 12px;
}

.wpcf7-text{
	margin-right: 40px;
}


/*global*/
.your-name, .your-email, .company-name, .your-phone{
	margin-left: 0px;
}


.your-email{
	margin-left: 0px;
}

.company-name, .your-phone{
	margin-left: 0px;
}

.your-phone{
	margin-left: 0px;
}



.your-message{
	margin-bottom: 20px;

}

.your-name{
	margin-top: 20px;
}


.contact_field{
	width: 320px;
}

.contact_textarea{
	width: 90%;
}

.wpcf7-textarea{
	height: 150px;
	/*font-size:20px;*/
	padding: 4px 4px 4px 8px;

	max-width: 320px;
	/*color: #d4426a;*/
	/*color: white;*/
}


.wpcf7-submit{
	width: 240px !important;
	
	/*background-color: white !important;*/

	text-transform: uppercase;
	color: white !important;
	border-radius:20px !important;
}



.wpcf7-mail-sent-ok{
	border: none !important;
}


.wpcf7-validation-errors{
	border: none !important;
}

.wpcf7-response-output{
	border: none !important;
	margin: 0 !important;
	color: #f00 !important;
}



/*leadership*/
.two_col_right_leadership p{
	font-size: 19px;
}



/*full bleed image classes*/
.fb_style_homepage{
	display: none;
}



/*styling for the homepage intro two column*/
.two_col_left_style_intro{
	line-height: 1.4;
	padding: 50px 20px 0px 35px;
	max-width: 540px;
}


.two_col_right_style_home{

	padding: 10px 10px 0px 0px;
}





.two_col_left_style_post{
	line-height: 1.4;
	padding: 20px 20px 0px 35px;
	max-width: 540px;
}

.two_col_right_style_post{
	padding-right: 40px;

}



.three_col_leadership{
	
}


.three_col_leadership p{
	font-size:	18px;
	/*border: 6px solid red;*/
}




.top_navigation_text{

	font-size:19px;
	text-transform: uppercase;
	color: white;
	font-weight: 500;

	padding-right: 40px;

}







/*spacer above the title on the portfolio landing page*/
.vert_spacer_title_portlanding{
	/*used for xs, sm sizes*/
	/*height: 20px;*/
}


/*at this size or higher do this*/
@media (min-width: 768px) { 


	p{
		

	}


	h1{
	
	
	}


	h2{
	

	}


	h6{

	}



/*attached to buttons in two column modus*/
.btn-twocolumn{
	margin-bottom: 0px;
}



	.headertagline h4{


		padding-top: 0px;
		padding-bottom: 0px;

		font-size: 26px;
		font-family: workregular,serif;
		font-weight: 300;
		line-height: 0.9;
		/*color: #cccccc;*/
		/*color: yellow;*/
		color: #2c6aa8; ;

	}




	.wpcf7-form{
		margin-left: 50px;
	}

	.menu-main-container{
		/*border: 6px solid red;*/
		display: block;
	}

	.stagger_two_col_tile{


		padding-left: 40px;
		padding-right: 35px;

		/*background-image: linear-gradient(-30deg, #1b2225, #484d57);*/

		background-color: #343b4a;
		/*border-radius: 8px;*/

	}


	.spacer10-tile{
		display: block;
		height: 10px;
	}


	.offset-md-1x{
		margin-left: 6% !important;
	}


	.tile-right h3{
		font-size: 33px;
		margin-bottom: 16px;
	}

	.tile-left h3{
		font-size: 33px;
		margin-bottom: 16px;
	}


	.tile-left{
		/*margin-top: auto;*/
		margin-top: -60px;
		margin-bottom: 80px;
	}


	.tile-right{
		margin-top: 80px;
		margin-bottom: auto;
	}

	.stagger_two_col_tile-start{
		height: 380px;
		margin-top: 130px;
		margin-bottom: 0px;
	}



	.footer_nav_button{
		padding-right: 7%;
	}




	.three_col_small{
		padding-bottom: auto;
	}




	/*global*/
.your-name, .your-email, .company-name, .your-phone{
	margin-left: 40px;
}


.your-email{
	margin-left: 38px;
}

.company-name, .your-phone{
	margin-left: 80px;
}

.your-phone{
	margin-left: 90px;
}



.your-message{
	margin-bottom: 20px;
}

.your-name{
	margin-top: 20px;
}


.wpcf7-textarea{

	max-width: 360px;

}







		/*icons on homepage*/
	.two_col_left_style_icons{
		padding-left: auto;
		padding-bottom: auto;
	}



	.ec_style_title p{
		max-width: 55%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 12px;
	}


	.top_navigation_visible{
		/*display: block;*/
	}


	.ec_style_breakoutbox{
		padding-top: 10px;
		padding-left: 100px;
		padding-right: 100px;
	}

	.ec_style_maxwidth{
		padding-top: 20px;
		padding-left: 100px;
		padding-right: 100px;
	}



	.footer_text_style{
		margin-bottom: 35px;
		/*text-align: left;*/
	}


	.two_col_right_style_home{
		padding: 0px 0px 0px 30px;
	}

	/*full bleed image classes*/
	.fb_style_homepage{
		display: block;
	}


	.label_text{
		padding-right: 15px;
	}


	input{
		width: 280px;
	}




 }



@media (min-width: 992px) { 

	

	.logo_padding{
		padding-left: 10%;
		/*padding-right: 17%;*/
	}

	

	.two_col_right_style_home{
		padding: 20px 30px 0px 30px;
	}


 }




