/*
Theme Name: ECS Theme
Theme URI: http://educationconsultingsolutions.com/
Author: etoddtDesign
Author URI: http://www.etoddt.com
Description: Theme for Education Consulting Solutions
Version: 1.0

*/


body {
	font-family: 'SegoeUI';
	background-color:#eceeee;
	background-image: url('images/bg_line.png'), url('images/bg_shade2.png'), url('images/bg_texture.jpg');
	background-position: top left;
	background-repeat: repeat-x, repeat-x, repeat;
}
body.page-id-96  {
	background-image: url('images/bg_line.png'), url('images/bg_shade.png'), url('images/bg_texture.jpg');
}

	@font-face {
	  font-family: 'SwissC';
	  src: url('/fonts/swissc-webfont.eot');
	  src: local('?'),
		url("/fonts/swissc-webfont.woff") format("woff"),
		url("/fonts/swissc-webfont.ttf") format("opentype"),
		url("/fonts/swissc-webfont.svg#SwissC") format("svg");
	}
	
	@font-face {
	  font-family: 'SwissCB';
	  src: url('/fonts/swisscb-webfont.eot');
	  src: local('?'),
		url("/fonts/swisscb-webfont.woff") format("woff"),
		url("/fonts/swisscb-webfont.ttf") format("opentype"),
		url("/fonts/swisscb-webfont.svg#SwissCB") format("svg");
	}
	
	@font-face {
	  font-family: 'TexGyre';
	  src: url('/fonts/texgyreadventor-regular-webfont.eot');
	  src: local('?'),
		url("/fonts/texgyreadventor-regular-webfont.woff") format("woff"),
		url("/fonts/texgyreadventor-regular-webfont.ttf") format("opentype"),
		url("/fonts/texgyreadventor-regular-webfont.svg#TexGyre") format("svg");
	}
		
	@font-face {
	  font-family: 'SegoeUI';
	  src: url('/fonts/segoeui-webfont.eot');
	  src: local('?'),
		url("/fonts/segoeui-webfont.woff") format("woff"),
		url("/fonts/segoeui-webfont.ttf") format("opentype"),
		url("/fonts/segoeui-webfont.svg#SegoeUI") format("svg");
	}

h1, h2, h3	{font-family: 'TexGyre'}
p, li, span, input, textarea, select, h4, h5, td	{font-family: 'SegoeUI'}

h1	{font-size:22pt; font-weight:normal; text-transform:uppercase}
h2	{font-size:18pt; font-weight:bold}
h3	{font-size:16pt; font-weight:normal; text-transform:uppercase}
h4	{font-size:17pt; font-weight:normal; text-transform:uppercase}
h5	{font-size:11pt; font-weight:bold}

small {font-size:10pt}

.size	{
	width:942px;
	margin:0 auto;
}

#content h1, #content h2, #content h4, #content p, #content li {color:#646058}
#content p, #content li	{font-size:10pt}
#content ul {list-style-position:inside}
#content li {list-style-position: initial}
#subnav .navBar a {line-height:30px}

.flex-wrapper {display:flex}

/* SHARED STYLES */
.navBar, .homeBlue, .homeGray, .joinBtn, #map .shield_, #map .shield a, .staffBox, .homeBlue .btn, .homeGray .btn, .homeClear .btn, .contactBlue, .contactGreen, .theFlutterBox, .imageBorder, .single-post #content p a, .wpcf7-submit, .facebook .box, .instagram .box, .twitter .box, .emailLink, .starInfo {
    -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
       -moz-border-radius: 6px;
   			border-radius: 6px;
}
.joinBtn, .homeBlue .btn, .homeGray .btn, .homeClear .btn, .wpcf7-submit, .emailLink {
	-webkit-box-shadow: 0px 5px 12px -5px #000000;
	 -khtml-box-shadow: 0px 5px 12px -5px #000000;
	   -moz-box-shadow: 0px 5px 12px -5px #000000;
			box-shadow: 0px 5px 12px -5px #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color='#000000');
	zoom: 1;
}
.homeBlue .btn, .homeGray .btn, .homeClear .btn, .navBar a:hover, .navBar a:active, .joinBtn, .single-post #content p a, .wpcf7-submit, .emailLink, #map .shield:before	{
	-webkit-transition: all .4s ease;
	   -moz-transition: all .4s ease;
		 -o-transition: all .4s ease;
			transition: all .4s ease; 
}
.homeRight, homeLeft, .contactRight {
	background-image: url('images/undershadow_right.png'); 
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: transparent;
}
.contactLeft {
	background-image: url('images/undershadow_left.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}


/* HEADER */
#header	{
	margin-top:-20px;
	width:100%;
	position:relative;
}

	.logo {
		background-image:url('images/logo.png');
		background-position: top left;
		background-repeat: no-repeat;
		width:519px; height:136px;
		position:absolute;
		top:9px; left:-150px;
		cursor:pointer;
	}
	
	.phone {
		float:right;
		width:550px;
		margin-top:60px;
	}
	
	.phone h2 {
		margin-top:0;
		margin-right:0;
		margin-bottom:5px;
		margin-left:0;
		font-size:17pt;
		color:#ffffff;
		float:right;
		padding:0;
	}
	
	.phone span {
		font-family: 'SwissC';
		font-size:28pt;
		letter-spacing:-1px;
		text-transform:uppercase;
		color:#677b8f;
	}
	
	.call-us {
		font-size:14pt
	}
	
	.social {
		border-left:1px solid #7b898b;
		width:36px; height:80px;
		padding-left:20px;
		margin-left:20px;
		float:right;
	}
	.social img {
		float:left;
		border:0 none;
	}

/* NAVIGATION */
#nav, #subnav {
	background-image: url('images/undershadow_full.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height:90px;
	width:100%;
	clear:both;
	position:relative;
	top:5px;
	}
	.navBar			{background-color:#ffffff}
	#nav .navBar, #subnav .menu, #menu-main-menu {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-justify-content: center;
			-ms-justify-content: center;
				justify-content: center;
		-webkit-align-content: stretch;
			-ms-align-content: stretch;
				align-content: stretch;
		-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
		list-style-type:none;
		padding:0;
		margin:0;
		}
	.menu-main-menu-container {width: 100%}
	.navBar li		{
		display:inline;
		-webkit-flex: 1;
			-ms-flex: 1;
				flex: 1;
		padding:0;
		margin:0;
		}
	.navBar li ul 	{display:none}
	.navBar a	{
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		display:block;
		height:46px;
		width:100%;
		line-height:42px;
		text-align:center;
		text-decoration:none;
	}
	.navBar li:first-child a {
		-webkit-border-radius: 6px 0 0 6px;
		 -khtml-border-radius: 6px 0 0 6px;
		   -moz-border-radius: 6px 0 0 6px;
				border-radius: 6px 0 0 6px;
	}
	.navBar li:last-child a,
	.page-id-707 .menu-item-174 a {
		-webkit-border-radius: 0 6px 6px 0;
		 -khtml-border-radius: 0 6px 6px 0;
		   -moz-border-radius: 0 6px 6px 0;
				border-radius: 0 6px 6px 0;
	}
	.page-id-707 .menu-item-174 a {
		border-right: 0 none;
	}
	.navBar a:link, .navBar a:visited 	{
		color:#646058;
		font-family:'SwissC';
		border-width:3px;
		border-style:solid;
		border-color:#ffffff;
		background-color:#ffffff;
	}
	.navBar a:hover, .navBar a:active 	{
		color:#333333;
		font-family:'SwissC';
		border-color:#e2e2e2;
		border-width:3px;
		border-style:solid;
		background-color:#f2f2f2;
	}
	.navBar .current_page_parent a,
	.navBar .current_page_item a {
		color:#fff;
		font-family:'SwissCB';
		border-color:#bfbfbf;
		border-width:3px;
		border-style:solid;
		background-color:#922790;
		cursor:default!important;
		overflow:hidden;
	}
	/*SUBNAV*/
	#subnav {
		border-bottom:1px solid #666;
		margin-bottom:15px;
	}
	#subnav .menu		{margin:0; padding:0}
	#subnav .navBar a	{
		font-size:11pt;
		line-height:10pt;
		padding-top:4px;
		height:40px;
		width:auto;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
	}
	#subnav .navBar a:link, #subnav .navBar a:visited	{
		width: 100%;
		color:#646058;
		font-family:'SwissC';
		border-color:#e4eae9;
		border-width:3px;
		border-style:solid;
		background-color:#e4eae9;
		border-right:1px solid #ccc;
	}
	#subnav .navBar a:hover, #subnav .navBar a:active	{
		color:#333333;
		font-family:'SwissC';
		border-color:#e2e2e2;
		border-width:3px;
		border-style:solid;
		background-color:#f2f2f2;
	}
	/*#subnav .navBar li:first-child a, #subnav .navBar li:last-child a {
		width:177px;
	}*/
	#subnav .navBar li:last-child a:link, #subnav .navBar li:last-child a:link {
		border-right:0 none;
	}
	#subnav .current_page_item {display:none}
	
/* GALLERY CONTENT */
.bnnGallery, .bnnGallery {
	height: 390px;
    width: 100%;
	background-image: url('images/undershadow_full_768.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#accordion-wrapper, #accordion-wrapper {
	border: 20px solid #eee;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}
#content .bnnGallery p, #content .bnnGallery h1,
#content .bnnGallery p, #content .bnnGallery h1 {color:#eee}
/*.bnnGallery {
	display:none; /*Important - hides on full screen mode* /
	background-image: url('images/undershadow_full_768.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	width:100%;
	height:300px;
	padding-bottom: 60px;
}
	.bnnGallery_ {
		border:16px solid #f5f4f4;
		background-color:#f5f4f4;
		-webkit-border-radius: 6px;
		 -khtml-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
		overflow:hidden;
		padding:0 -10px -10px 0;
	}
	.bnnGallery p {
		margin:0;
		padding:0;
		line-height:0;
	}
	.bnnGallery img {
		display:block;
		float:left;
		width:32%;
		height:auto;
		margin:0 .5% 5px 0;
	}
	.bnnGallery img:nth-child(3n+3) {
		margin:0 0 5px 0;
	}
	.bnnGallery a img  {
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease; 
		border-width:2px;
		border-style:solid;
	}
	.bnnGallery a:link img, .bnnGallery a:visited img  {
		border-color:#e6e5e5;
	}
	.bnnGallery a:active img, .bnnGallery a:hover img  {
		border-color:#922790;
	}*/
	
	
/* HOME CONTENT */
.homeRight {
	float:right;
	width: 45%;
	margin-left:25px;
	clear:right;
	}
.homeLeft {
	width: 50%;
	float:left;
	clear:left;
	margin-top:30px;
	margin-left:0;
	}
	.homeBlue, .homeGray {
		width:90%;
		padding:5%;
		color:#ffffff;
		background-color:#30666d;
	}
	.homeGray {
		background-color:#aaaaaa;
	}
	.homeClear {
		color:#646058;
	}
	
	.homeBlue, .homeGray, .homeClear	{font-size:10pt; line-height:140%}
	.homeBlue h3, .homeGray h3	{font-size:19pt; line-height:100%; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; margin-top:0}
	.homeBlue li, .homeBlue p, .homeGray li, .homeGray p	{color:#ffffff!important}
	.homeClear h3 	{font-size:22pt; line-height:30px; text-transform:uppercase; font-weight:normal; margin-top:0}
	.homeBlue .btn, .homeGray .btn	{
		padding:10px;
		text-align:center;
		background-color:#a3d0d6;
		cursor:pointer;
	}
	.homeBlue .btn:hover	{background-color:#2c6591}
	.homeBlue .btn a, .homeGray .btn a	{
		font-family:'SwissCB';
		font-size:17pt;
		line-height:100%;
		text-decoration:none;
	}
	.homeBlue a:link, .homeBlue a:visited {color:#2c6591}
	.homeBlue a:hover, .homeBlue a:active {color:#ffffff}
	
	.homeGray .btn	{background-color:#2c6591}
	.homeGray .btn:hover	{background-color:#922790}
	.homeGray a:link, .homeGray a:visited {color:#A3D0D6}
	.homeGray a:hover, .homeGray a:active {color:#ffffff}
	
	.homeClear .btn {
		padding:10px;
		text-align:center;
		background-color:#922790;
		cursor:pointer;
		width:460px;
	}
	.homeClear .btn:hover	{background-color:#a3d0d6}
	.homeClear .btn a	{
		font-family:'SwissCB';
		font-size:17pt;
		line-height:100%;
		text-decoration:none;
	}
	.homeClear a:link, .homeClear a:visited {color:#ffffff}
	.homeClear a:hover, .homeClear a:active {color:#2c6591}

	.page-child .homeRight 	{margin:0 0 20px 20px}
	.page-child .imageBorder {border:10px solid #f5f4f4; clear:both; float:left}
	.page-child .imageBorder img {clear:both; float:right; margin:0}
	.page-child .entry-content img {display:none}
	.page-child .theBlog .entry-content img {
		display: block;
		float: left;
		margin: 0 15px 15px 0;
		width: 180px;
		height: auto;
		}
	.page-child .entry-content h2	{font-weight:normal!important}
	.page-child .entry-content h3	{color:#545058}
	.page-child .shadowSpacer	{float:left;}

	#post-96 {display:none}


/* CONTACT PAGE */
.contactLeft, .contactRight {width: 48%}
.contactLeft {float:left}
.contactRight {
	float:right;
	background-image: url('images/undershadow_right_large.png')!important;
	background-position: bottom right;
	background-repeat:no-repeat;
	}
	.contactBlue {
		padding:20px;
		color:#ffffff;
		background-color:#7993ae;
	}
	.contactGreen {
		padding:20px;
		color:#ffffff;
		background-color:#30666d;
	}
	.contactBlue, .contactGreen		{
		font-size:10pt;
		line-height:140%;
		color:#ffffff;
	}
	.contactBlue h3	{font-size:19pt; margin-top:0}
	.contactBlue p, .contactGreen p	{color:#ffffff!important}
	.contactBlue small	{color:#cccccc}
	.contactGreen h3 	{font-size:22pt; text-transform:uppercase; font-weight:normal; margin-top:0}
	.contactBlue .btn	{
		font-family:'SwissCB';
		font-size:17pt;
		line-height:100%;
		padding:10px;
		text-align:center;
		background-color:#a3d0d6;
		color:#2c6591;
		cursor:pointer;
	}
	.contactBlue .btn:hover	{
		background-color:#2c6591;
		color:#ffffff;
	}
	.wpcf7-form p {
		display:block;
		overflow:hidden;
		line-height:180%;
		padding-bottom:5px;
		border-bottom:1px solid #aaa;
	}
	.wpcf7-form p br	{display:none}
	.wpcf7-form span	{display:block; float:right}
	.wpcf7-form input, .wpcf7-form textarea	{
		font-size:10pt;
		padding:8px 5px;
		border:0 none;
		margin-top:5px;
	}
	.wpcf7-form .ph1, .wpcf7-form .ph2, .wpcf7-form .ph3	{display:inline}
	.wpcf7-form .ph1 input, .wpcf7-form .ph2 input	{width:35px; margin-left:4px}
	.wpcf7-form .ph3 input	{width:50px; margin-left:4px}
	.wpcf7-form .your-name input,
	.wpcf7-form .your-email input
		{width:180px}
	.wpcf7-form .your-subject input,
	.wpcf7-form .your-message textarea
		{width:400px}
	@media screen and (max-width:942px) {
		.wpcf7-form .your-subject input,
		.wpcf7-form .your-message textarea
			{width:320px}
	}
	@media screen and (max-width:768px) {
		.wpcf7-form .your-subject input,
		.wpcf7-form .your-message textarea
			{width:260px}
	}
	@media screen and (max-width:640px) {
		.wpcf7-form .your-subject input,
		.wpcf7-form .your-message textarea
			{width:430px}
	}
	@media screen and (max-width:480px) {
		.wpcf7-form .your-subject input,
		.wpcf7-form .your-message textarea
			{width:310px}
	}
	@media screen and (max-width:320px) {
		.wpcf7-form .your-subject input,
		.wpcf7-form .your-message textarea
			{width:240px}
	}
	.wpcf7-form textarea {height:80px}
	.wpcf7-form p:last-child {border-bottom:0; text-align:center}

	.wpcf7-submit, .emailLink	{
		color:#ffffff;
		cursor:pointer;
		padding:8px 40px!important;
		text-decoration:none;
		position:relative;
		left: 50%;
		margin:0 0 15px -60px; 
		background-color:#922790;
		text-transform:uppercase;
	}
	.wpcf7-submit:hover, .emailLink:hover	{color:#30666d; background-color:#cccccc}
	
	.page-id-644 .wpcf7-form td,
	.page-id-644 .wpcf7-form input[type=text],
	.page-id-644 .wpcf7-form select,
	.page-id-644 .wpcf7-form textarea {
		font-size:10pt;
		color:#646058;
		}
	.page-id-644 .wpcf7-form td {
		padding-left:5%;
		}
	.page-id-644 .wpcf7-form hr {
		border:0 none;
		border-bottom:1px dashed #646058;
		}
	.page-id-644 .wpcf7-form td:nth-child(1) {
		width:25%;
		}
	.page-id-644 .wpcf7-form td:nth-child(2) {
		white-space:nowrap;
		width:75%;
		}
	.page-id-644 .wpcf7-form td:nth-child(2) p {
		display:inline
		}
	.page-id-644 .wpcf7-form span {
		float:none;
		display:inline;
		}
	.page-id-644 .wpcf7-form input[type="submit"] {
		margin:15px auto;
		left:auto;
		}
	.page-id-644 .wpcf7-form input[type=text] {width:80%}
	.page-id-644 .wpcf7-form input.medium {width:35%}
	.page-id-644 .wpcf7-form input.small {width:10%}
	.page-id-644 .wpcf7-form textarea {width:100%; height:225px}
	.page-id-644 .wpcf7-form select {
		background: transparent;
		position: relative;
		padding-top: 14px;
		height:40px;
		width:115%;
		top: -7px;
		border:0 none;
		cursor:pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
				appearance: none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
		}
	.page-id-644 .wpcf7-form .select_wrap {
		background:#fff url(images/select_down.png) right 13px no-repeat;
		display: inline-block;
		margin-bottom: -11px;
		line-height: 35px;
		overflow: hidden;
		height: 31px;
		width: 32%;
		}
	.page-id-644 .entry-content .wpcf7 .wpcf7-form img {display:none}
	
	div.wpcf7-response-output {
		-webkit-border-radius:8px;
		   -moz-border-radius:8px;
				border-radius:8px;
		}
	div.wpcf7-mail-sent-ok {
		background-color: #99CC66;
		border: 2px solid #398F14;
		color: #003300;
		}
	div.wpcf7-mail-sent-ok {
		background-color: #99CC66;
		border: 2px solid #398F14;
		color: #003300;
		}


.socialMedia {
	width:100%;
	float:right;
	margin-top:-30px;
	}
	.socialMedia h3 {color:#666666}
	.instagram, .facebook {margin-left:15px}
	.facebook, .instagram, .twitter {
		width: 31%;
		overflow:hidden;
		float:right;
		background-image: url('images/undershadow_small.png');
		background-position: bottom right;
		background-repeat:no-repeat;
	}
	.facebook .box, .instagram .box, .twitter .box {
		padding:60px 2% 8px;
		width:95%;
		clear:both;
		background-color:transparent;
		background-position:10px 10px;
		background-repeat:no-repeat;
	}
	.facebook .box	{
		background-color:#3f63b5;
		background-image:url(images/icn_fb.png);
	}
	.instagram .box	{
		background-color:#922790;
		background-image:url(images/icn_in.png);
	}
	.twitter .box	{
		background-color:#96dcff;
		background-image:url(images/icn_tw.png);
	}
	.fb-like-box	{
		background-color:#ffffff;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}

	

/* TOOLS YOU CAN USE */
.toolList {
    width: 63%;
}
.display-posts-listing {
	list-style-type:none;
	margin:0; padding:0;
}
	.display-posts-listing .listing-item {
		float:left;
		width:43%;
		height:70px;
		padding:20px 2% 5px;
		display:block;
		margin:0 2% 15px 0;
		border:2px dotted #7e8383;
	}
	/*.display-posts-listing li:nth-child(2n+2) {
		margin-left:1%;
	}*/
	.display-posts-listing .title {
		display:block;
		width:100%;
		height:auto;
		overflow:visible;
		margin:-9px 0 5px;
		font-size:15pt;
		font-family:'SwissC';
		text-decoration:none;
	}
	.theNewsContent .display-posts-listing .title {
		width:100%;
		height:auto;
	}
	.display-posts-listing .excerpt {
		font-size:10pt;
		color:#646058;
	}
	.display-posts-listing .excerpt-dash {display:none}
	.display-posts-listing a {font-weight:bold; text-decoration:none}
	.display-posts-listing a.title {font-weight:normal}
	.display-posts-listing a:link, .display-posts-listing a:visited {color:#922790}
	.display-posts-listing a:hover, .display-posts-listing a:active {color:#30666d}
	.display-posts-listing a.title:link, .display-posts-listing a.title:visited {color:#30666d}
	.display-posts-listing a.title:hover, .display-posts-listing a.title:active {color:#922790}
	
	.single-post #content p {
		text-align: center;
	}
	.single-post #content p a	{
		display:inline-block;
		position: relative;
		margin: 20px auto;
		padding:10px 45px;
		cursor:pointer;
		min-width: 30%;
		font-size: 20px;
		font-family: 'TexGyre';
		text-align: center;
		text-decoration:none;
		text-transform:uppercase;
	}
	.single-post #content p a:before {
		content: url("https://ecsresults.com/wp-content/uploads/2019/09/download.png");
		position: absolute;
		left: 10px;
		top: 10px;
	}
	.single-post #content p a:link, .single-post #content p a:visited 	{color:#ffffff; background-color:#30666d}
	.single-post #content p a:active, .single-post #content p a:hover 	{color:#922790; background-color:#999999}
	.single-post #content {min-height:300px}


/* MAP */
#map	{
	left:-70px;
	height:590px;
	position:relative;
	width:calc(100% + 90px);
	background-image:url('images/map.png');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	}
	@media screen and (max-width: 768px) {
		#map {
			left: -65px;
			width: calc(100% + 150px);
		}
	}
	@media screen and (max-width: 640px) {
		#map {
			left: 0;
			width: 100%;
		}
	}
	#map .shield {
		background-image: url('images/undershadow_small.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		position:relative;
		float:right;
		width:33%;
	}
	@media screen and (max-width: 942px) {
		#map .shield {
			width:25%;
		}
	}
	#map .shield_ {
		background-color:#30666d;
		padding:20px 20px 50px;
		color:#ffffff;
		height:500px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	#map .shield:after,
	#map .shield:before {
		position:absolute;
		display:block;
		left:0;
		width: calc(100% - 16px);
	}
	#map .shield:after {
		top:552px;
		z-index:2;
		height:50px;
		content:" ";
		background: -webkit-linear-gradient(top,  rgba(48,102,109,0) 0%,rgba(48,102,109,1) 60%,rgba(48,102,109,1) 100%);
		background: -moz-linear-gradient(top,  rgba(48,102,109,0) 0%, rgba(48,102,109,1) 60%, rgba(48,102,109,1) 100%);
		background: linear-gradient(to bottom,  rgba(48,102,109,0) 0%,rgba(48,102,109,1) 60%,rgba(48,102,109,1) 100%);
		-webkit-border-bottom-left-radius: 6px;
		    -moz-border-radius-bottomleft: 6px;
				border-bottom-left-radius: 6px;
	}
	#map .shield:before {
		font-family:"TexGyre";
		content:"v Scroll Down v";
		text-align:center;
		font-size:15px;
		color:#153338;
		height:15px;
		z-index:3;
		top:580px;
		opacity:1;
	}
	#map .shield.no:before {
		opacity:0;
	}
	#map .shield h3 {margin:0 0 5px}
	#map .shield a {
		font-size:10pt;
		display:block;
		color:#ffffff;
		margin:1px 5px;
		padding:3px 6px;
		clear:both;
		text-decoration:none;
	}
	#map .shield p {
		margin:0;
	}
	#map .shield_ br {
		display:none;
	}

	#map .shield a:link, #map .shield a:visited {background-color:transparent}
	#map .shield a:hover, #map .shield a:active {background-color:#36737b}
	#map .shield a.selected {background-color:#44909a!important}
	
	#map small {
		position:relative;
		left: 70px;
		}
	
	.shadowSpacer	{clear:both}
	
	.stars, .stars.left {
		position:absolute;
		height:18px;
		width:18px;
		cursor:pointer;
	}
	.stars {
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease; 
		background: url('images/star.png') top left no-repeat;
	}
	.stars:hover {
		background: url('images/star_.png') top left no-repeat;
	}
	.stars.left {background: url('images/star.png') top right no-repeat}
	.starBox {background: url('images/starPoint.png') 15px 5px no-repeat}
	.stars.left .starBox {background: url('images/starPoint_.png') 240px 15px no-repeat; right: 300px}
	.starBox {
		position:relative;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		height:80px;
		width:320px;
	}
	.starInfo {
		background-color:#30666d;
		position:absolute;
		overflow:hidden;
		padding:10px;
		height:40px;
		width:260px;
	}
	.stars .starInfo {
		top:20px; left:30px;
	}
	.stars.left .starInfo {
		top:30px; left:0;
	}
	.starInfo h1, .starInfo p	{color:#fff!important; margin:0!important; padding:0!important; line-height:15px}
	.starInfo h1 {font-size:13px}
	.starInfo p	{font-size:10px}
	.stars.left h1, .stars.left p	{text-align:right}

	
/* NEWS */
.theNews, .theFlutter	{
	margin:0; padding:0;
}
.theNews_	{
	margin:30px;
}
	.theNews h4 {color:#646058}
	.theNewsContent	.display-posts-listing li:nth-child(2n+2) {
		margin-left:4%;
	}
	.theNewsContent	.display-posts-listing .listing-item {
		padding:0;
		height:120px;
		width:48%;
		margin:0 0 25px 0;
		border:0 none;
		border-bottom:1px dashed #999999;
	}
	.theNewsContent .date	 {
		font-size:8pt;
		color:#888;
		margin-top:5px;
		margin-bottom:8px;
		width:100%;
		display:block;
		text-indent:20px;
		}
	.theNewsContent .excerpt {}


/* FLUTTER */
	.theFlutter {
		width:33%;
		float:right;
	}
	.theFlutter_ {
		margin:0 0 0 10px;
	}
	.theFlutter h4 {
		color:#646058;
		width:45%;
		height:60px;
		padding-left:55%;
		padding-top:50px;
		margin-left:-30px;
		margin-top:-30px;
		margin-bottom:-20px;
		background: url('images/icn_flutter.png') 10px 10px no-repeat;
	}
	.theFlutterBox {
		padding:10px 10px;
		width:100%;
		overflow:hidden;
		border:2px dotted #7f8483;
		background-color:rgba(245,244,244,.4);
		background-image: url('images/bg_flutter.png');
		background-position: 40px 40px;
		background-repeat: no-repeat;
	}
	.theFlutterBox .listing-item {
		border:0 none;
		width:100%;
		float:left;
		margin-right:15px;
	}
	.theFlutterBox .listing-item:nth-child(3n+3) {
		padding-right:0!important;
		margin-right:0!important;
		border-right:0 none!important;
	}
	.theFlutterBox .title {
		transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-webkit-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		font-family:'SwissCB';
		font-size:28pt!important;
		display:block;
		color:#cac5bc!important;
		float:left;
		width:80px;
		height:20px;
		margin:35px 0 20px -30px;
	}
	.theFlutterBox .excerpt {
		display:block;	
		font-size:12pt;
		line-height:13pt;
		font-weight:bold;
	}
	.theFlutterBox a {text-decoration:none;}
	.theFlutterBox .excerpt a:link, .theFlutterBox .excerpt a:visited {color:#922790}
	.theFlutterBox .excerpt a:hover, .theFlutterBox .excerpt a:active {color:#30666d}


	.theBlog {
		position: relative;
	}
	.theBlog article {
		width:90%;
	}
	.theBlog .theFlutter {
		position: absolute;
		right: 0;
		top: 0;
		width: 33%;
	}
	.theBlog .listing-item {
		border:0 none;
		height:100%;
		padding:10px 0 10px 4%;
	}

/* STAFF */
.staffBox {
	margin: 20px 10px 0;
	padding: 10px 0 10px 0;
	background-color:#f5f4f4;
	}
	.staffBox_ {
		height:auto;
		margin:20px 20px 0 20px;
		overflow:hidden;
	}
	.staffBox_:after {
		/* content:"..." */
	}
	.staffBox h5 {
		line-height:16px;
		margin:0; padding:0;
	}
	.staffBox p {
		line-height:20px;
		margin:20px 0 0 0;
	}
	.wp-post-image {float:left; margin:0 15px 15px 0}
		.entry-content .wp-post-image {border:1px solid #7f8483}

	.staffBox.half   {
		width:calc(50% - 20px);
		/* flex: 1 1 35%; */
		}
		.theBlog #content {
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
					flex-wrap: wrap;
		}
		.theBlog #content h1 {
			-webkit-flex:1 1 100%;
				-ms-flex:1 1 100%;
					flex:1 1 100%;
		}
	.staffBox.third  {
		/* width:31.5%; old float width */
		-webkit-flex: 1 1 28%;
			-ms-flex: 1 1 28%;
				flex: 1 1 28%;
		}
	.staffBox.right {
		float: right;
		}
		@media screen and (max-width:640px) {
			.staffBox.half,
			.staffBox.third   {
				-webkit-flex-basis:100%;
					-ms-flex-basis:100%;
						flex-basis:100%;
			}
		}
	a.readMore	{
		text-transform:uppercase;
		text-decoration:none;
		margin:8px 20px 0 0;
		float:right;
		font-size:11pt;
		font-family: 'TexGyre';
	}
	a.readMore:before	{content:'...';}
	a.readMore:link, a.readMore:visited {color:#9fa29d}
	a.readMore:hover, a.readMore:active {color:#922790}
	
	.bioThumb {
		float:right;
		margin:0 0 10px 15px;
		border:1px solid #333;
	}
	
	.page-template-ECS-who-we-are-php .bioThumb {display:none}
	
	.page-template-default .entry-content .bioThumb {display:block}


/* JOIN */
.joinBox, .joinBox2 {
	width:100%;
	clear:both;
	margin-top:30px;
	margin-bottom:40px;
	border-top:1px solid #9fa29d;
	border-bottom:1px solid #9fa29d;
	background-color:rgba(255,255,255,.3);
}
	.page-id-96 .joinBox, .page-id-50 .joinBox, .page-id-27 .joinBox {display:none}
	.joinBtn	{
		color:#ffffff;
		cursor:pointer;
		margin:22px auto 25px;
		text-align:center;
		width:50%;
		padding:10px;
		font-size:16pt;
		font-family:'SwissCB';
		background-color:#922790;
	}
	.joinBtn:hover	{color:#cccccc; background-color:#30666d}
	.lineBreak	{clear:both; margin:30px 0; width:100%; border-bottom:1px solid #9fa29d}

/* FOOTER */
.footer		{
	border-top:1px solid #888;
	margin:0; padding:0;
	margin-bottom:10px;
	margin-top:50px;
	padding-top:40px;
	width:100%;
	clear:both;
	float:left;
	list-style-type:none;
}
	.footer li	{
		display:inline;
		padding:0 10px;
	}
	.footer .children {display:none}
	.footer a, .copyRight 	{
		font-family:'SegoeUI';
		font-size:10pt;
		text-decoration:none;
	}
	.footer a:link, .footer a:visited {color:#888888}
	.footer a:hover, .footer a:active {color:#922790}
	
	.copyRight	{
		clear:both;
		float:right;
		color:#888888;
		margin:10px 0 0;
		text-align:right;
	}
	
	
/* YAHOO IMAGE */
	[src*="http://visit.webhosting.yahoo.com/wisit.gif"] {
		display:none!important;
		}	

	div#sb_instagram {
		background: #fff!important;
	}

/* WPC FORM */
	.wpcf7-form .ph1,
	.wpcf7-form .ph2,
	.wpcf7-form .ph3 {float: none}
	.wpcf7-form .phone-wrap{
		width: 50%;
			text-align: right;
		}


@media screen and (max-width: 942px) {
	.size {
		width: 768px;
	}
	h1 {
		margin:0;
	}
	h4 {
		margin:10px 0;
	}
	.logo {
		left: -100px;
		top: 5px;
	}
	.bnnGallery {
		height:360px;
	}
	.bnnGallery #accordion-wrapper {
		width:736px!important;
	}
	.bnnGallery #accordion-wrapper, .bnnGallery .slide, .bnnGallery img {
		height:290px!important;
	}
	.bnnGallery .caption {
		padding:20px 20px 20px 60px;
	}
	.phone h2 {
		color: transparent;
	}
	.phone h2:last-child {
		color: #fff;
		margin-right: -10px;
	}
	.homeRight {
		width:56%;
	}
	.homeBlue h3 {
		font-size: 15pt;
	}
	.homeClear h3 {
		font-size: 18pt;
		margin:0;
	}
	.homeClear .btn {
		margin:0 auto;
	}
	.theNews h4 {
		padding-bottom: 20px;
	}
	.theFlutter h4 {
		font-size:15pt
	}
	.phone h2:first-child {
		color:transparent;
	}
	#nav, #subnav {
		height:80px
	}
	#nav, #subnav {
		background-image: url('images/undershadow_full_768.png');
	}
	#subnav .navBar a {
		overflow:hidden;
	}
	.display-posts-listing .listing-item {
		margin-bottom:8px;
		height:90px;
	}
	.display-posts-listing .title {
		margin-top:-19px;
	}
	.socialMedia {
		float:left;
	}
	.facebook, .twitter {
		float:left;
		margin-left:2%;
		background-repeat:no-repeat;
	}
	.facebook {
		background-image: url("images/undershadow_left.png");
		background-position: left bottom;
	}
	.twitter {
		background-image: url("images/undershadow_right.png");
		background-position: right bottom;
	}
	.fb_iframe_widget, .fb_iframe_widget iframe {
		width: 226px!important;
	}
	.joinBox, .joinBox2 {
		margin-bottom: 20px;
	}
	.joinBtn {
		width:60%;
	}
	#content p, #content li, small {
		font-size:10pt;
	}
	#content p br {
		display:block;
	}
	.page-id-644 .wpcf7-form .select_wrap {width:31%}
}

@media screen and (max-width: 768px) {
	body {
		background-image: url('images/bg_line.png'), url('images/bg_shade3.png'), url('images/bg_texture.jpg');
	}
	.size {
		width: 640px;
	}
	h1 {
		font-size:16pt;
		line-height:100%;
	}
	h2 {
		font-size:14pt;
		line-height:100%;
	}
	.logo {
		background-image:url('images/logo_340.png');
		width:340px;
		left: -40px;
		top: 15px;
	}
	.phone span {
		font-size:21pt;
	}
	.phone h2 {
		color:#fff;
		font-size:15pt;
		position: relative;
		top: 45px;
	}
	#nav, #subnav, .homeRight, .bnnGallery {
		background-image: url('images/undershadow_full_640.png');
	}
	.bnnGallery {
		height:300px;
	}
	.bnnGallery #accordion-wrapper {
		width:612px!important;
		border:15px solid #eee;
	}
	.bnnGallery #accordion-wrapper, .bnnGallery .slide, .bnnGallery img {
		height:240px!important;
	}
	.bnnGallery .caption {
		padding:20px 140px 20px 40px;
	}
	#nav, #subnav {
		height:75px
	}
	#map .shield {display:none}
	.homeRight {
		width:100%;
		margin-left:0;
	}
	.page-child .homeRight {
		display:none;
	}
	.homeClear {
		float:left;
		display:block;
		width:100%;
	}
	.homeBlue {
		padding: 4%;
		width: 92%;
		margin-left:0;
	}
	.contactRight {
		background-image: url("images/undershadow_right_300.png");
	}
	.page-child .homeRight {
		margin: 0 0 0 20px;
	}
	.shadowSpacer {
		height:20px;
	}
	.contactLeft {
		background-image: url('images/undershadow_left_300.png');
	}
	.contactBlue h3, .contactGreen h3 {
		font-size:13pt;
	}
	#subnav .navBar a {
		font-size:10pt;
	}
	#subnav .navBar a:link,
	#subnav .navBar a:visited,
	#subnav .navBar a:hover,
	#subnav .navBar a:active {
		overflow:hidden;
	}
	.theFlutterBox {
		background-position:45px 25px
	}
	.joinBtn {
		width:80%;
	}
	.display-posts-listing .listing-item {
		width:100%;
		height:60px;
	}
	.display-posts-listing li:nth-child(2n+2) {
		margin-left:0;
	}
	.fb-like-box, .fb_iframe_widget span, .fb_iframe_widget iframe, .twitter-timeline {width:100%}
	.timeline .stream {
		height:265px;
	}
	.theNewsContent .display-posts-listing .listing-item {
		width:100%;
		height:100px;
	}
	.theNewsContent .display-posts-listing li:nth-child(2n+2) {
		margin-left:0
	}
	.page-id-644 .wpcf7-form .select_wrap {width:31%}
	.page-id-644 .wpcf7-form select {width:125%}
}

@media screen and (max-width: 640px) {
	.size {
		width: 480px;
	}
	.logo {
		background-image:url('images/logo_340.png');
		width:340px;
	}
	.homeClear h3 {
		font-size:17pt;
	}
	h4 {
		font-size:13pt;
	}
	.phone h2 {
		top:52px;
	}
	#nav, #subnav, .bnnGallery, .homeRight {
		background-image: url('images/undershadow_full_480.png');
	}
	.navBar a:link,
	.navBar a:visited,
	.navBar a:hover,
	.navBar a:active,
	.navBar .current_page_parent a,
	.navBar .current_page_item a,
	#subnav .navBar a:link,
	#subnav .navBar a:visited,
	#subnav .navBar a:hover,
	#subnav .navBar a:active {
		border-width:1px;
		font-size: 9pt;
		overflow: hidden;
		height:40px;
		line-height:40px;
	}
	#subnav .navBar a:link,
	#subnav .navBar a:visited,
	#subnav .navBar a:hover,
	#subnav .navBar a:active {
		height: 42px;
		line-height:100%;
	    padding-top: 8px;
	}
	#subnav .navBar li:first-child a, #subnav .navBar li:last-child a {
		overflow:hidden;
	}
	.bnnGallery {
		height:326px;
	}
	.bnnGallery .caption {
		top:140px!important;
		opacity: 1!important;
		background:rgba(1, 1, 1, 0);
		padding: 10px 110px 10px 10px;
	}
	.bnnGallery #accordion-wrapper {
		width:462px!important;
		border:10px solid #eee;
	}
	.bnnGallery .slide, .bnnGallery #accordion-wrapper {
		height:280px!important;
		background: #eceeee;
	}
	.bnnGallery img {
		width:auto;
		height:140px!important;
	}
	#content .bnnGallery p, #content .bnnGallery h1 {
		color:#333;
	}
	#content .bnnGallery .caption p {
		font-size: 11px;
		line-height: 16px;
	}
	#nav, #subnav {
		height:68px;
	}
	.staffBox.half, .staffBox.third {
		width:100%;
		margin-left:0;
	}
	.theFlutterBox {
		background-position:14px 15px;
	}
	.theFlutter h4 {
		background:none;
		padding-left:0;
		text-indent:0;
		margin-left:0;
		width:100%;
	}
	.theNewsContent .display-posts-listing .listing-item {
		height:120px
	}
	.joinBox, .joinBox2 {
		margin-bottom: 10px;
	}
	.joinBtn {
		width:90%;
		font-size:12pt;
	}
	.contactLeft  {display:none}
	.contactRight, .facebook, .twitter, .instagram, .twitter iframe,
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {width:100%!important}
	.facebook, .twitter, .instagram {float:left; margin:0;}
	.page-id-644 .wpcf7-form .select_wrap {width:29%}
	.page-id-644 .wpcf7-form select {width:130%}
}

@media screen and (max-width: 480px) {
	.size {
		width: 360px;
	}
	.homeClear h3 {
		font-size:16pt;
	}
	.phone h2 {
		color: transparent;
	}
	#map {
		visibility:hidden;
	}
	#nav, #subnav, #map .shield, .bnnGallery, .homeRight {
		background-image: url('images/undershadow_full_360.png');
		visibility:visible;
		display:block;
		width:100%;
	}
	.bnnGallery {
		height:316px;
	}
	.bnnGallery .caption {
		padding:10px 140px 10px 10px;
	}
	.bnnGallery #accordion-wrapper {
		width:342px!important;
	}
	#content .bnnGallery .caption p {
		line-height: 14px;
	}
	.shadowSpacer {
		height:13px;
	}
	#subnav .navBar a:link,
	#subnav .navBar a:visited,
	#subnav .navBar a:hover,
	#subnav .navBar a:active {
		height: 42px;
		line-height:100%;
	    padding-top: 2px;
	}
	.display-posts-listing .listing-item {
		height:90px;
	}
	#map .shield_ {
		height:auto;
		padding: 20px;
	}
	#map .shield:after,
	#map .shield:before {
		display:none;
	}
	#nav, #subnav {
		height:60px;
	}
	.navBar a, #subnav .navBar a {
		font-size:9pt;
		height:34px;
		line-height:34px;
	}
	#subnav .navBar li:last-child a,
	#subnav .navBar li:first-child a {
		overflow:hidden;
	}
	.theNewsContent .display-posts-listing .listing-item {
		height:130px;
	}
	.theFlutterBox {
		background-position:10px 10px;
	}
	.page-id-644 .wpcf7-form .select_wrap {width:27%; background-image:none}
}
@media screen and (max-width:320px) {
	#subnav .menu {
		flex-direction: column;
		-ms-flex-direction: column;
	}
	.size {
		width:290px;
	}
	.logo {
		width: 280px;
		background-size: contain;
	}
	.bnnGallery {
		height:314px;
		width: 86%;
	}
	.bnnGallery #accordion-wrapper {
		width:270px!important;
	}
	.bnnGallery .caption {
		padding:10px 180px 10px 10px;
	}
	#content .bnnGallery .caption p {
		font-size:9px;
		line-height:10px;
	}
	#nav, #subnav, #map .shield, .bnnGallery, .homeRight {
		background-size: contain;
		float:left;
	}
	.homeRight {
		background:none!important;
	}
	.homeClear .btn {
		width: 280px;
	}
	#nav {
		height:255px;
	}
	#subnav {
		height:auto;
	}
	.navBar li		{
		-webkit-flex: 1 1 1;
			-ms-flex: 1 1 1;
				flex: 1 1 1;
	}
	#menu-main-menu {
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
	}
	.navBar a, #subnav .navBar a {
		width: 290px!important;
		border-radius: 0;
		height: 35px;
		line-height: 35px;
	}
	#subnav .navBar a:link,
	#subnav .navBar a:visited,
	#subnav .navBar a:hover,
	#subnav .navBar a:active {
		padding-top: 15px;
	}
	.navBar li:first-child a {
		border-radius: 6px 6px 0 0;
	}
	.navBar li:last-child a {
		border-radius: 0 0 6px 6px;
	}
}