.row{padding-left:0; padding-right: 0; margin-left: 0; margin-right: 0;}

/*Navigation*/
/*styling open close button*/
.button {
	display:inline;
	position:absolute;
	right:50px;
	top:6px;
	z-index:999;
	font-size:30px;
	color:#004990;
}


.button a {
	text-decoration:none;
}


.nav-button {
	display:inline;
	position:absolute;
	right:50px;
	top:6px;
	z-index:10000;
	font-size:30px;
	color:#004990;
}


.nav-button a {
	text-decoration:none;
}

.main-nav-link{
	color: #FFFFFF;
    text-decoration: none;
    font-size: 32px;
    font-family: 'Open Sans', helvetica, sans-serif;
    font-weight: 700;
}

.main-nav-link:hover{
	text-decoration: none; color: #2a2aff;
}


.nav-links li{
	list-style-type: none;
	text-align:left;
}
.menu-button-open{
/*	border: 2px solid #004990;*/
    padding: 5px 20px;
    font-size: 18px;
    background-color: transparent;
	z-index: 100000;
}

.menu-button-close{
	border: 2px solid #fff !important;
}

.menu-button-close:hover{
	/*border: 2px solid #004990 !important;*/
	color:#004990;
}
.menu-button-close a:hover{
		color: #004990;
}
.menu-button-close a{
		color: #fff;
   
}
.btn-open:after {
	color:#004990;
	content:" \f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
/*.btn-open-text:after {
	color:#004990;
	content:"Menu";
	font-family:"Open Sans";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}*/
.btn-open:hover:after {color:#004990;}
.button > .btn-close, .btn-close a{C}
.btn-close:after {content:"\f00d"; font-family:"FontAwesome"; transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; color:#fff;}

/*.btn-close-text:after {content:"Close";
	font-family:"Open Sans";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}*/

.btn-close:hover:after {
	color: #fff;
}
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
    left:0;
	background: #000040;
	overflow:auto;
	z-index: 99999;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.nav-wrap {
	color:#fff;
	width: 80%;
}

@media (max-width: 900px){

.btn-open:after {color: #fff;}
.white-nav .btn-open:after {color:#000040;}
    
    
}
@media screen and (max-width:48em) {
/*	
.content {
	width:100%;
	margin-top:200px;
	font-size:20px;
	color#333;
	text-align: center;
}*/
	
}
	
.navbar-default {
    padding-top: 15px;
    background-color: transparent;
    border-color: transparent;
}

@media screen and (max-width:910px) {
	
	.right,.left{float: none;}
	.nav-mobile-centered{margin: auto; text-align: center;}
	ul.nav-links {padding-left: 0;}
	.nav-links li{text-align: center;}
	.menu-newsletter-form > h2{ margin-top: 55px;}
}


@media screen and (max-width:767px) {
	.nav-wrap{width: 95%;}
	.main-nav-link{font-size:2.25em;}
.menu-button-open{/*	border: 2px solid #004990;*/ padding: 0; font-size: 18px;
	
}    
	
}

/* CSS Effects */
/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(1);
		opacity: 0.0;		
	}

	80% {
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.0;		
	}
	80% {
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}





/*Homepage Hero*/
.homepage-hero{background: url('../img/effective-together-hero.jpg') center center no-repeat;background-size: cover; min-height:600px;}

.homepage-hero h1{font-size:50px; color:#fff; font-family: 'Open Sans', helvetica, sans-serif; font-weight: 700; padding-top: 275px;}

.homepage-hero h2{font-size:28px; color:#fff; font-family: 'Open Sans', helvetica, sans-serif; font-weight: 400; margin-top:0; padding-top: 0px; padding-bottom: 50px;}

@media screen and (max-width:767px) {
    .homepage-hero{background: url('../img/effective-together-hero.jpg') center center no-repeat;background-size: cover; min-height:250px;}
    .homepage-hero h1{font-size:30px; padding-top: 100px;}
}

/*Blue Sections*/
.blue-section{background-color: #0000cd; color: #fff; padding:30px; margin-top: 30px; margin-bottom: 40px;}

h3.blue-section-title{margin-top: 0;}

.blue-section h4{font-family: 'Open Sans', helvetica, sans-serif; font-size:32px; font-weight: 700; margin-top: 25px;}

.blue-section p{font-family: 'Playfair Display', 'Georgia', serif; font-size: 18px; margin-top:25px;}
@media screen and (max-width:767px) {

    h3.blue-section-title{font-size: 16px;}
    .blue-section h4{font-size: 22px;}
}


/*Resources Section*/
.resources-video{padding: 0;}

/*Responsive Video*/
.video-container{background:#ccc;padding:0;}

.vid {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 25px;} 
.vid iframe, .vid object,.vid embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-mobile-headline{display: none; margin:0px;}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.video-container{padding-bottom:10px;}
.flex-video { padding-top: 0;}
}

@media (max-width: 767px){.video-mobile-headline{display: block;}}


/* FeedBurner */
    #creditfooter{display: none;}
    .feedburnerFeedBlock {display: block; clear: both;}
    div.feedburnerFeedBlock ul {margin-left:0; padding:0; list-style-type: none; margin-bottom: 30px;}
    
    div.feedburnerFeedBlock ul > li{width:47%; display:inline-block; padding:30px; 
    margin: 15px 0 0 0; background-color: #0000cd; color:#fff;     font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 18px; vertical-align: top;
    }
    
    div.feedburnerFeedBlock ul > li:first-of-type{margin-right: 2%;}
    div.feedburnerFeedBlock ul > li > div {margin-top: 15px;}
    
    div.feedburnerFeedBlock ul li span.headline{font-family: 'Open Sans', helvetica, sans-serif; font-size: 32px; font-weight: 700; color:#fff; margin-top: 0;} 
    div.feedburnerFeedBlock ul li span.headline a{color:#fff; text-decoration: none;} 
    div.feedburnerFeedBlock ul li span.headline a:hover, div.feedburnerFeedBlock ul li span.headline a:active, div.feedburnerFeedBlock ul li span.headline a:focused{color:#fff; text-decoration: none;} 
    
    @media screen and (max-width: 1199px){
        div.feedburnerFeedBlock ul > li{min-height: 450px}
} 

    @media screen and (max-width: 767px){
        div.feedburnerFeedBlock ul li span.headline{font-size: 22px; } 
        div.feedburnerFeedBlock ul > li{display: block; width: 100%; margin: 0 auto; margin-bottom: 45px; min-height: 200px;}
        div.feedburnerFeedBlock ul > li:first-of-type{margin-right: 0;}
}

/* News Section */
.blue-section.news h4{margin-top: 0;}
.news-cta{padding: 25px 0 ; font-family: 'Open Sans', helvetica, sans-serif; text-align: center; color:#fff; background-color: #000040;}
.news-cta h4{font-weight: 400; font-size: 14px; margin:0 auto;}
.news-cta h4 > a, .news-cta h4 > a:hover, .news-cta h4 > a:active{color:#fff;}


/* Contact Form */
#Contact{padding-left: 0; padding-right: 0;}
.contact{margin-top: 45px;}
.contact > .container{padding-left:0; padding-right:0;}
.contact h4{font-size: 18px; color:#000; font-weight: 700; margin-top: 0;}
.input-group {width: 100%;}
.form-control{border:1px solid #f0eeee; box-shadow: none;}
label{font-weight: 400;}

@media (max-width: 767px){
    .contact-info{margin-bottom: 35px;}
    
}

/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f135";
  font-family: "FontAwesome";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

.btn-default.submit-btn{margin-top: 15px; border-radius: 0; border:2px solid #f0eeee; font-size: 14px; font-weight: 700;}

/* Footer */
.row.footer {border: 1px solid #f0f0f0; margin-top: 45px; padding-top: 25px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;}
.row.footer, .row.footer a, .row.footer a:hover {color:#c2c2c2;}
.row.footer a{padding:15px;}
.row.footer a:first-of-type{padding-left:0px;}
.footer .disclaimer{text-align: right;}


/* Services Page */
.services-hero {padding-left: 0;}
.services-hero img{width: 100%; max-width: 700px;}

.services-intro h1{font-family: 'Open Sans', helvetica, sans-serif; font-size: 24px; font-weight: 700; margin-top: 0;}
.services-intro h2{font-family: 'Open Sans', helvetica, sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 25px;}
.services-intro h3{font-family: 'Open Sans', helvetica, sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 0;}

.services-intro p{font-family: 'Playfair Display', 'Georgia', serif; font-size: 18px; margin-top:25px;}
.resources-cta {background: #0000cd; color:#fff; padding-top: 35px; padding-bottom: 35px; margin-top: 35px;}
.resources-cta h4{font-size: 32px; font-family: 'Open Sans', helvetica, sans-serif; font-weight: 700; margin: 0 auto;}
.resources-cta a, .resources-cta a:hover, .resources-cta a:active{color:#fff; text-decoration: underline;}



@media (max-width: 767px){
    .services-hero {padding-left: 0; padding-right: 0;}
    .services-intro h1{margin-top: 25px;}
}