@charset "utf-8";
/*-- Editor: Hunter D --*/
/*#d5252a - Express Red
  #077aa2 - Express Blue
  #014e64 - Hover Blue
  
  #404546 - Dark Grey
  #808080 - Light Grey
*/

@font-face{
	/*main font*/	
	font-family:"Lato";
	src:url("http://www.expresscare33.com/fonts/Lato-Regular.ttf");
}

@font-face{
	/*section titles*/	
	font-family:"Merriweather";
	src:url("http://www.expresscare33.com/fonts/Merriweather-Regular.otf");
}

@font-face{
	/*icons*/	
	font-family:"Icons";
	src:url("http://www.expresscare33.com/fonts/nucleo-glyph.woff2");
}

html,
body,
p,
a,
ul,
li{
	padding:0;
	margin:0;
	border:0;
	color:#000;
	font-size:16px;
	font-family:"Lato", "Arial", "Cambria", "Hoefler Text", "Liberation Serif", "Times", "Times New Roman", "serif";
}

body{
	background-color:#fff;
	/*background-image:url("background.png");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:125% auto;*/
	/*background-position:center 20%; //media query 2nd center on smaller devieces*/
}

a{
	text-decoration:none;
	color:#077aa2;
	transition:color 0.4s ease;
}

a:hover{
	color:#014e64;
	transition:color 0.4s ease;
}

img{width:100%;}

ul{list-style:none;}

em{font-style:italic;}

abbr{text-decoration:none;}

/*begin header and general*/
.header{
	width:85%;
	margin:0 auto;
}

.infoBanner{
	text-align:center;
	padding:1.5% 0;
	border-bottom:thin solid #eee;
}

.bannerDiv{
	display:inline;
}

.bannerDiv:first-child{
	padding-right:.75%;
}

.bannerDiv:last-child{
	padding-left:.75%;
}

#stickyHeader{
	padding:.75% 2.25%;
	background-color:#fff;
	position:fixed;
	top:0;
	/*width:100%;*/
	overflow:hidden;
	z-index:9999;
	/*rainbow border*/
	border-width:0 0 7px 0;
	border-style:solid;
	border-color:transparent;
}

#respNavBar{
	display:table-cell;
	width:45%;
	vertical-align:middle;
	text-align:right;
}

.navImg{
	width:25%;
	display:table-cell;
	text-align:center;
	padding:1% 0 1% 0;
	transition:all 0.4s ease;
}

.navImg:hover{
	filter:saturate(80%);
	transition:all 0.4s ease;
}

.emptyCell,
.hiddenVid,
.listAccordion{
	display:none;
}

.headerTable{
	display:table;
	width:100%;
	table-layout:fixed;
}

.sectionsTable{
	/*display:table;
	table-layout:fixed;*/
	display:inline;
	width:85%;
	color:#077aa2;
}

.headerTable .emptyHeaderCell{
	width:20%;
}

.navTab{
	color:#077aa2;
	text-decoration:none;
	text-transform:uppercase;
	/*display:table-cell;*/
	padding:0 2.5%;
	text-align:center;
	font-size:100%;
	transition:all 0.4s ease;
}

a.navTab:hover{
	color:#014e64;
	transition:all 0.4s ease;
	text-decoration:underline;
}

.navTab:visited{
	color:inherit;
}

.navBar .menuIcon{
	display:none;
	text-decoration:none;
	font-size:155%;
	padding-right:5%;
	color:#077aa2;
}

.underline{
	text-decoration:underline;
}

.horzLine{
	border:0;
	height:2px;
	background-color:#077aa2;
	border-radius:10px;
}

.blueline{
	height:1px;
	margin:5% auto;
	padding:0;
    border:0;
	border-bottom:2px solid #077aa2;
	border-radius:5px;
}


#home{
	position:relative;
	text-align:center;
	padding-top:7.5%;
}

.centerText{
	position:absolute;
	top:50%;
	left:50%;
	font-size:290%;
	transform:translate(-50%, -50%);
}

.emptySpace{
	margin:5% 0;
}

.sectionTitle,
.subSectionTitle,
.miniTitle,
.privacytitle{
	color:#077aa2;
	font-size:250%;
	padding:2.25% 0;
	font-weight:bold;
	font-family:"Merriweather", "Lato", "Arial", "Cambria", "Hoefler Text", "Liberation Serif", "Times", "Times New Roman", "serif";
}

.subSectionTitle{
	font-size:200%;
}

.privacytitle{
	font-size:133%;
}

.miniTitle{
	font-size:133%;
	text-align:center;
}

.sectionDiv,
.listSectionDiv{
	margin:0 5%;
}

.sectionDiv p{
	margin:2.5% 0 2.5% 1.25%;
	font-size:135%;
	width:65%;
}

#connectWithUs{
	width:100%;
	text-align:center;
}

#connectWithUs a{
	padding-top:0;
	margin-top:0;
}

.connectLink{
	text-decoration:underline;
}

.emptySpace{
	margin:1.25% 0;
	padding:1.25% 0;
}

.shortPage{
	bottom:0;
	position:fixed;
}

.bold{
	font-weight:bold;
}

.inline{
	display:inline;
}

.noSelect{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-ms-user-drag:none;
	/*user-drag:none; Causes validation error*/
	pointer-events:none;
}
/*end header and general*/

/*icons start*/
.iconPack{
	font-family:"Icons";
}

.iconPack i::before{
	font-style:normal;
	color:#077aa2;
	padding:0 .5%;
}

.icon-phone2::before{
	content:"\e749";
}

.icon-phone::before{
	content:"\e6ff";
}

.icon-email::before{
	content:"\e686";
}

.icon-fax::before{
	content:"\e755";
}

.icon-mapPin::before{
	content:"\e8a8";
	font-size:16px;
	display:inline;
}

.icon-facebook::before{
	content:"\e776";
}
/*icons end*/

/*begin footer*/
.privacyDiv a{
	padding-top:1%;
	color:#077aa2;
	text-align:center;
	width:100%;
}

.privacyDiv,
.copyrightDiv p{
	color:#077aa2;
	text-align:center;
}

/*footer section*/
.mainFooter{
	background-color:#077aa2;
	padding:5% 7.5%;
}

.footerTitle,
.footerDiv a,
.footerDiv p,
.footerCol p,
.footerDiv .iconPack i::before{
	color:#fff;
	font-size:90%;
	line-height:30px;
}

.footerTitle{
	text-transform:uppercase;
	padding-bottom:5%;
}

.footerDiv .iconPack{
	padding-right:2%;
}

.subFooter{
	background-color:#404546;
	padding:1.5% 3.5%;
}

.subFooter > div{
	display:inline-block;
	text-align:center;
}

.subFooter a,
.subFooter p{
	color:#808080;
	font-size:90%;
	transition:all 0.4s ease;
}

.footerLinks{
	float:right;
	text-align:right !important;
	width:75%;
	text-transform:uppercase;
}

.footerLinks > a{
	padding:0 2%;
}

.footerLinks > a:hover{
	color:#fff;
	transition:all 0.4s ease;
}

.footerLinks > a:first-child{
	padding-left:0;
}

.footerLinks > a:last-child{
	padding-right:0;
}

.footerCol:first-child .footerDiv{
	width:80%;
}

#fixedFooter{
	bottom:0;
	position:fixed;
}

.footerDiv{
	margin-bottom:1.5%;
}

.footerTable,
.footerTableLeft,
.footerTableRight{
	width:100%;
	display:table;
	table-layout:fixed;
}

.footerCol{
	display:table-cell;
}

.footerShortCell{
	width:25%;
}

.footerEmptyCell{
	width:10%;
}
/*end footer*/

/*start index*/
#ourMission{
position:relative;
}

.missionDiv{
	width:50%;
	text-align:center;
	margin-top:-12%;
	background-color:#077aa2;
	padding:2%;
	position:absolute;
	left:25%;
	z-index:999;
}

.missionTitle{
	color:#fff;
	padding-bottom:2%;
	font-size:225%;
	font-style:italic;
	font-weight:bold;
	font-family:"Merriweather", "Lato", "Arial", "Cambria", "Hoefler Text", "Liberation Serif", "Times", "Times New Roman", "serif";
}

.missionText{
	color:#fff;
	font-size:150%;
	line-height:42px;
	padding-bottom:2%;
}

#ourService{
	padding-top:12%;
	text-align:center;
}

.servicesList{
	width:75%;
	margin:0 auto;
	text-align:left;
	padding-left:13%;
	-webkit-column-count:2;
	-moz-column-count:2;
	-ms-column-count:2;
	column-count:2;
}

.servicesListItem{
	margin-bottom:2%;
}

.servicesList p{
	display:inline-block;
	color:#d5252a;
	font-size:105%;
	vertical-align:top;
	margin-top:2%;
}

.serviceIcon{
	width:10%;
	padding-right:2.5%;
}

#ourHours,
#ourClub,
#ourCareers,
#contactThanks{
	width:85%;
	margin:2.5% auto 5% auto;
}

#ourHours{
	margin-bottom:0;
}

#ourHours .sectionTitle,
#ourClub .sectionTitle,
#ourCareers .sectionTitle{
	font-size:180%;
}

#ourCareers a{
	text-decoration:underline;
}

.hoursTitle{
	font-weight:bold;
	padding-bottom:1.5%;
}

.hoursDiv .shortList p{
	line-height:24px;
}

/*end index*/

/*start about*/
#aboutSection,
#jobsSection{
	width:85%;
	margin:0 auto 5% auto;
}

#aboutSection p,
#jobsSection p{
	line-height:1.5;
}

.floatImg{
	float:left;
	width:25%;
	padding:0 2% 2% 0;
}

.servicesLink{
	color:#077aa2;
	font-weight:bold;	
}

a.servicesLink:hover{
	color:#014e64;
}
/*end about*/

/*start services*/
#servicesSection{
	width:85%;
	margin:0 auto 5% auto;
}
/*end services*/

/*start contact*/
#contactSection{
	width:85%;
	margin:0 auto 5% auto;
	display:table;
}

.leftColumn{
	width:24%;
	padding:0 1%;
	display:table-cell;
}

.rightColumn{
	width:75%;
	padding:0 1%;
	display:table-cell;
}

.columnTitle{
	padding:18px 0;	
}

.leftColumn i{
	padding-right:2%;
}

.leftColumn a,
.leftColumn i,
.leftColumn p{
	color:#808080;
	font-size:14px;
}

.leftColumn li{
	padding:2.5% 0;
}

.leftColumn li:first-child{
	padding-top:1.25%;
}

.leftColumn li:last-child{
	padding-bottom:1.25%;
}

.noWhtSpace{
	font-size:0;
}

.leftDetails{
	margin-bottom:10%;	
}
/*start contact form*/

/*
input:invalid,
textarea:invalid{
  box-shadow:0 0 5px 1px #F00;
}

input:focus:invalid,
textarea:focus:invalid{
  box-shadow:none;
}
shows as wrong before user clicks on it*/

label{
	display:block;
	padding:2.5% 0 1% 0;
}

input,
textarea{
	display:block;
	width:50%;
	font-size:100%;
}

.submit-button{
	width:initial;
	background-color:#077aa2;
	color:#fff;
	border:none;
	padding:.5% 1.5%;
	margin-top:1%;
}
/*end contact form*/

#googleMaps{
	border:0;
	width:90%;
	height:400px;
	margin-top:5%;
}
/*end contact*/

/*start careers*/
.jobTitle > p{
	color:#077aa2;
	font-size:120%;
	font-weight:bold;
	margin-bottom:1.5%;
	text-decoration:underline;
	text-transform:uppercase;
}

.jobDescrip > p{
	font-weight:bold;
}

.jobDescrip li{
	list-style:disc;
	margin-left:5%;
	padding-bottom:2.5%;
}

.applyButton{
	background-color:#077aa2;
	padding:1.25%;
	border-radius:12px;
	transition:all 0.3s ease;
	margin-bottom:1%;
}

.applyButton:hover{
	background-color:#014e64;
	transition:all 0.3s ease;
}

.applyButton > a{
	color:white;
	font-size:125%;
}
/*end careers*/

/*start sitemap*/
	#sitemapSection{
		width:85%;
		margin:0 auto 5% auto;
	}
	
	.sitemapList{
		margin:2% 0 0 5%;
	}
	
	.sitemapList li{
		list-style-type:square;
		padding-bottom:1%;
	}
	
	.sitemapList a{
		color:#077aa2;
	}
/*end sitemap*/

/*start privacyPolicy*/
	#privacyPolicySection{
		width:85%;
		margin:0 auto 5% auto;
	}
/*end privacyPolicy*/

/*Start 404*/
	#notFoundSection{
		width:85%;
		margin:0 auto 5% auto;
	}
/*End 404*/


/*Media Queries*/
/*Large Devices, Wide Screens*/
@media only screen and (max-width:1675px){
/*.infoBanner{background-color:red}*/
	
}

@media only screen and (max-width:1420px){
/*.infoBanner{background-color:chocolate}my laptop*/
	
}

@media only screen and (max-width:1350px){
/*.infoBanner{background-color:blue}*/

	#ourService{
		padding-top:13%;
	}
	
	.missionTitle{
		font-size:200%;
	}

	.missionText{
		font-size:133%;
	}

	.servicesList{
		width:80%;
		padding-left:12%;
	}
	
	.servicesList p{
		font-size:100%;
	}
	
	.serviceIcon{
		padding-right:2%;
	}
	
	.footerLinks{
		width:75%;
	}
}

@media only screen and (max-width:1200px){
/*.infoBanner{background-color:green}*/
	
	#ourService{
		padding-top:18%;
	}
	
	#respNavBar{
		width:60%;
	}
	
	.missionTitle{
		font-size:185%;
	}
	
	.missionText{
		font-size:115%;
		padding-bottom:0;
	}
	
	.servicesList{
		width:85%;
		padding-left:7.5%;
	}
	
	.servicesList p{
		font-size:92%;
	}
	
	.footerLinks{
		width:70%;
	}
	
	.subFooter{
 		padding:1.5% 2%;
	}
	
	.footerLinks > a{
		padding:0 1.5%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width:1050px){
/*.infoBanner{background-color:blueviolet}*/
	.footerLinks a{
		padding-left:0;
	}
}

@media only screen and (max-width:992px){
/*.infoBanner{background-color:darkred}*/
	
	.missionDiv{
		width:60%;
		left:20%;
		padding:3%;
	}

	.missionTitle{
		font-size:165%;		
	}

	.missionText{
		font-size:90%;
		line-height:38px;
	}

	#respNavBar{
		width:70%;
	}

	.navTab{
		font-size:95%;
	}

	.servicesList{
		width:initial;;
		padding-left:20%;
		column-count:1;
	}

	.serviceIcon{
		width:6.5%;
	}

	.servicesList p{
		font-size:115%;
	}

	.mainFooter{
		padding:5%;

	}

	.footerTitle,
	.footerDiv a,
	.footerDiv p,
	.footerCol p,
	.footerDiv .iconPack i::before{
		font-size:80%;
	}

	.footerLinks{
		width:68.5%;
	}

	.subFooter a,
	.subFooter p{
		font-size:75%;
	}

	.footerLinks > a{
		padding:0 1%;
	}
}

@media only screen and (max-width:845px){
/*.infoBanner{background-color:cadetblue}*/
	#ourService{
		padding-top:21%;
	}
	
	.subFooter > div{
		display:block;
	}
	
	.footerLinks{
		text-align:center !important;
		float:none;
		width:100%;
		padding-top:1.5%;
	}
	
	.footerLinks a{
		white-space:nowrap;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width:780px){
/*.infoBanner{background-color:yellowgreen}*/
	#respNavBar{
		width:70%;
	}
	
	#ourService{
		padding-top:25%;
	}
	
	.navTab{
		padding:0 1.5%;
	}
	
	.mainFooter{
		padding:5% 2.5%;
	}
	
	.footerTitle{
		font-weight:bold;
		padding-bottom:2.5%;
	}
	
	.footerCol{
		display:inline-table;
		width:49%;
		text-align:center;
	}
	
	.footerCol:nth-child(3),
	.footerCol:last-child{
		padding-top:5%;
	}
	
	.footerDiv{
		text-align:left;
		padding-left:20%;
	}
	
	.subFooter{
		padding:1.25%;
	}
}

@media only screen and (max-width:678px){
/*.infoBanner{background-color:black}*/

	.missionDiv{
		width:80%;
		left:7.5%;
	}
	
	#ourService{
		padding-top:35%;
	}
	
	.servicesList{
		padding-left:7.5%;
	}
	
	.servicesList p{
		font-size:102.5%;
	}
	
	.sectionTitle{
		font-size:215%;
	}
	
	.subSectionTitle,
	.miniTitle,
	.privacytitle{
		font-size:150%;
		padding-top:12%;
	}

	.footerDiv{
		padding-left:15%;
	}
	
	.floatImg{
		width:35%;
	}
	
	#contactSection{
		display:block;
	}
	
	.leftColumn,
	.rightColumn{
		display:block;
		width:100%;
	}
	
	.leftFollow .subSectionTitle,
	.leftDetails .subSectionTitle{
		padding-top:0;
	}
	
	/*response header CSS*/
	.header{
		width:92%;
		padding:2% 1.5% 2% 2%;
	}
	
	.navTab{
		font-size:110%;
	}

	.navBar a:not(.activeTab){
		display:none;
	}

	.navBar a.menuIcon,
	.emptyCell{
		float:right;
		display:block;
	}

	.navBar.responsive{
		position:relative;
	}

	.navBar.responsive .menuIcon{
		position:absolute;
		right:0;
		top:0;
	}

	.navBar.responsive a{
		float:none;
		display:block;
		text-align:left;
	}

	.navImg{
		vertical-align:middle;
		width:52%;
	}

	#stickyHeader{
		padding:2.25%;
		border-width:0 0 5px 0;
	}

	footer{
		border-width:5px 0 0 0;
	}

	#respNavBar{
		padding-top:0;
		width:35%;
	}
	/*end responsive header CSS*/
}

@media only screen and (max-width:528px){
/*.infoBanner{background-color:green}*/

	#ourService{
		padding-top:45%;
	}
}

/*Extra Small Devices, Phones*/
@media only screen and (max-width:503px){
/*.infoBanner{background-color:cyan}*/

	.infoBanner,
	.infoBanner a{
		font-size:85%;
	}
	
	.bannerDiv:last-child{
		padding-left:3.5%;
	}
	
	.navTab{
		font-size:90%;
	}
	
	.missionDiv{
		width:85%;
		left:5%;
	}

	.missionTitle{
		font-size:120%;
	}
	
	.missionText{
		font-size:75%;
		line-height:32px;
	}
	
	.servicesList p{
		font-size:85%;
	}
	
	.servicesList{
		padding-left:5%;
	}
	
	#ourHours .sectionTitle,
	#ourClub .sectionTitle,
	#ourCareers .sectionTitle{
		font-size:118%;
	}
	
	form > input,
	form > textarea{
		width:95%;
	}
	
	.submit-button{
		padding:2% 3%;
		margin:5% 0;
		font-size:110%;
	}
	
	.footerDiv{
		padding-left:12%;
	}
	
	.footerTitle,
	.footerDiv a,
	.footerDiv p,
	.footerCol p,
	.footerDiv .iconPack i::before{
		font-size:75%;
	}
}

@media only screen and (max-width:406px){
/*.infoBanner{background-color:red}my cellular*/

	#ourService{
		padding-top:50%;
	}

	.missionText{
		font-size:75%;
		line-height:25px;
	}
	
	#contactThanks > .sectionTitle{
		font-size:185%;
	}

	.shortList > a,
	.shortList > p{
		font-size:80%;
	}

	.servicesList p{
		font-size:75%;
	}
	
	.floatImg{
		width:100%;
	}
	
	.footerCol{
		width:98%;
	}
}

@media only screen and (max-width:354px){
/*.infoBanner{background-color:hotpink}*/
	
	#ourService{
		padding-top:60%;
	}

	.servicesList p{
		font-size:67%;
	}

	#respNavBar{
		width:42%;
	}
	
	.applyButton{
    	padding:2% 3%;
	}
}

@media only screen and (max-width:321px){
/*.infoBanner{background-color:blueviolet}*/

	.navTab{
		font-size:82.5%;
	}
	
	.subFooter a, 
	.subFooter p{
		font-size:75%;
	}

	.servicesList p{
		font-size:63.5%;
	}
	
}

/*Custom, iPhone Retina
@media only screen and (max-width:300px){
}*/