/* Site Styles */



/* colour palette

#3b3d40		gray

#38c3f0		blue

#cccccc		footer

#9ece74		green

#fd8e39		orange

*/



.faq-item {

    margin-bottom: 10px;

    border: 1px solid #ccc;

    padding: 10px;

    position: relative;

    transition: all 0.5s ease;

}



.faq-item .question {

    cursor: pointer;

}



.answer p {

	padding: 5px 0;

	margin: 0;

}



.faq-item .answer {

    display: none;

    margin-top: 10px;

    padding: 10px;

    border-left: 3px solid #38c3f0;

    background-color: #f9f9f9;

    color: #333;

}



.faq-item.active .answer {

    display: block;

    transition: all 0.5s ease;

}



.quote {

    font-size: 24px;

    color: #788540;

}



.arrow-icon {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 18px;

    transition: transform 0.3s ease-in-out;

}



/* for menu separation */

.borderRight {

	border-right:  1px solid #38c3f0;

}

.borderLeftBlue {

	border-left:  2px solid #38c3f0;

	padding-left:  10px;

}



.banner-call-out {

	position: absolute;

	display: inline-block;

}



b {

	color: #38c3f0;

	font-weight: 400;

}



/* color classes */

.blue {

	color: #38c3f0;

}

.green {

	color: #9ece74;

}

.orange {

	color: #fd8e39;

}

.white {

	color:  #ffffff;

}



.teamPanel {

	position: relative; display: inline-block; width: 100%; padding: 20px; background: #fff; border-radius: 0.5em; box-shadow: 3px 3px 3px #ccc; overflow: hidden; text-align: center;

	/*height: 400px;*/

}

.teamPanel h4 {

	margin:  10px 0 10px 0;

	padding: 0;

	line-height: 20px;

	width: 100%;		

	text-align: center;

}

.teamPanel h5 {

	margin:  0 0 10px 0;

	padding: 0;

	line-height: 20px;

	font-size: 1.2em;

}



/* media settings for different screen sizes */

.videoSection { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.videoSection iframe, .videoSection object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }





/* fluid column layout */

.fluid1col, .fluid2col, .fluid3col, .fluid23col, .fluid4col, .fluid5col, .fluid6col, .fluid34col {

	padding:  10px 10px;

	position: relative;

	display: table-cell;

	width: 100%;

	float: left;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	height: inherit;

}



@media screen and (min-width: 701px) {

	body {

		height: 100%;

		margin: 0 0 0 0;

		padding: 0 0 0 0;

		/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/

		font-family: 'Roboto', sans-serif;

		color: #333;

	}

	.miniReview {

		position: absolute; right: 20px; bottom: 50px;

	}

	a.headerBtn {

		display: fixed !important;

	}

	#banner-call-out-1 {

		right: 4%;

		bottom: 150px;

	}

	/* fluid columns */

	.fluid1col {

		width: 100%;

	}

	.fluid2col {

		width: 50%;

	}

	.fluid23col {

		width: 66.666666666666666%;

	}	

	.fluid3col {

		width: 33.33333333333%;		

	}

	.fluid34col {

		width: 75%;	

	}	

	.fluid4col {

		width: 25%;	

	}	

	.fluid5col {

		width: 20%;

	}

	.fluid6col {

		width:  16.6666666666%;

	}	

	.space {

		padding-top: 50px;

	}

	#covid-ticker {

		padding: 10px 50px;

	}	

	#blog-section {

		padding: 50px 100px;	

	}

	#pre-footer {

		padding: 20px;

	}

	a.requestButton:link, a.requestButton:visited, a.requestButton:active {

		position: relative;

		display: inline-block;

		color: #fff;

		font-size: 0.5em;

		text-decoration: none;

		padding: 2%;

		border: 1px solid #ffffff;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;		

		z-index: 2;

		text-align: center;

		margin-top: 3%;

		text-transform: uppercase;

	}

	a.requestButton:hover {

		background: #999999;

	}

	.socialIcons {

		float: left;

	}

	.blogSection {

		position: relative;

		display: inline-block;

		padding: 20px;

		border-top: 1px solid #ccc;

		background: #fafafa;

	}

	.blogPanel {

		position: relative;

		display: inline-block;

		box-sizing: border-box;

		border: 1px solid #8F9F97;

		background: #fff;

		text-align: center;

		padding: 20px;

	}

	.blogPanel > h3 {

		font-size: 1.5em;

		width: 100%;

		text-align: center;

		height: 40px;

		color: #8F9F97;

	}

	.blogPanel > h4 {

		font-size: 1.0em;

		width: 100%;

		text-align: center;

		height: 20px;

		color: #8F9F97;

	}	

	.blogPanel > p {

		text-align: justify;

		color: #8F9F97;

		padding: 20px 0;

	}

	.blogPanel > img {

		position: relative;	

		display: inline-block;

		width: 100%;

	}

	#phone-numbers-section {

		position: absolute;

		top: 0;

		right: 5%;

		color: #555555;

		padding: 10px;

		border-bottom: 1px solid #cccccc;

		border-right: 1px solid #cccccc;

		border-left: 1px solid #cccccc;

		font-size: 1.1em;

		font-family: 'Roboto Slab', sans-serif;

	}

	.logoImage {

		position: absolute; top: 25px; left: 20px; max-width: 350px;

	}

	.homepageBanner {

		position: relative;

		display: inline-block;

		background: url("images/banner-home-1.jpg");

		background-size: 100%;

	}

	#bannerTagline {

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

		display: inline-block;

		width: 100%;

		height: 100%;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		color: #fff;

		padding: 0;

		margin: 0;

		background: rgba(0,0,0,0.3);

		text-align: center;	

	}

	.taglineTitle {

		color: #fff;

		width: 100%;

		text-align: center;

		text-transform: uppercase;

		font-weight: 600;

		font-size: 3.0em;

		padding-top: 100px;

		padding-left: 60%;

		line-height: 50px;

		font-family: 'Roboto Slab', sans-serif;

	}	



	#page-container {

		position: relative;

		height: 100%;

		width: 100%;

		padding: 0;

		margin-right: auto;

		margin-left: auto;

		top: 0;	

		overflow: hidden;

	}	

	

	img.inlineImage {

		position: relative;

		display: inline-block;

		float: right;

		padding: 0;

		margin: 0 0 10px 10px;

		width: 250px;		

	}



	a.actionTab:link, a.actionTab:visited, a.actionTab:active {

		position: absolute;

		display: inline-block;

		background: #38c3f0;

		font-size: 1.5em;

		color: #fff;

		text-align: left;

		padding: 10px 10px 10px 30px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		top: 200px;

		left: -10px;

		transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

		-webkit-transition: all 0.3s ease;

		text-decoration: none;

		border-radius: 0 0.5em 0.5em 0;

		-moz-border-radius: 0 0.5em 0.5em 0;

		-webkit-border-radius: 0 0.5em 0.5em 0;	

		line-height: 25px;

	}

	a.actionTab:hover {

		color: #fff;

		background: #38c3f0;

		left: 0;

	}	

	

	/* footer link styles */

	a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited, a.footerLinks:hover {

		color: #fff;

		text-decoration: none;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;

		text-decoration: underline;				

	}

	a.footerLinks:hover {

		color: #38c3f0;

		text-decoration: underline;

	}	

	

	#social-links-section {

		position: relative;

		float: right;

		padding-right: 20px;

		margin: 5px 0 0 0;

	}	

	

	#videoSection {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		box-sizing: border-box;

		z-index: 20;

		float: left;

		padding: 0;

		height: 600px;

		overflow: hidden;

		border-top: 2px solid #38c3f0;

		border-bottom: 2px solid #38c3f0;

		border-top-right-radius: 0.5em;

		border-top-left-radius: 0.5em;

		/*background: url("images/office.jpg");

		background-attachment: fixed;

		background-size: 100% 100%;*/

	}



	/* information panels */

	#infoPanelContainer {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		z-index: 20;

		float: left;

		background: url("images/office.jpg");

		background-attachment: fixed;

		background-size: 100% 100%;			

	}

	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

		position: relative;

		display: inline-block;

		width: 33.333333333333333333%;

		float: left;

		color: #3b3d40;

		text-align: center;

		padding: 10px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		font-size: 0.6em;

	}	

	

	/* main page links */

	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {

		display: block;

		padding: 0 0 1% 2%;

		text-transform: uppercase;

		color: #38c3f0;

		font-size: 1.0em;

		text-decoration: none;

	}

	a.mainLinks:hover {

		color: #3b3d40;

	}	

	

	/* header */

	#header {

		position: relative;

		display: inline-block;

		padding: 0;

		width: 100%;

		height: 140px;

		float: left;		

		z-index: 30;

		background: rgba(255,255,255,1.0);	

	}			

	

	/* button style link */

	#overlay {

		display: none;

		position: absolute; 

		z-index: 400; 

		width:100%; 

		height: 100%; 

		background: rgba(0,0,0,0.5);

	}

	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {

		position: absolute;

		right: -15px;

		top: -15px;

		width: 30px;

		height: 30px;

		border-radius: 50%;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		font-size: 1.5em;

		color: #ffffff;

		background: #38c3f0;

		text-align: center;

		text-decoration: none;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease; 		

	}

	a#closeRequestForm:hover {

		color: #ffffff;

		background: #3b3d40;

		width: 45px;

		height: 40px;

		font-size: 1.8em;

		right: -20px;

		top: -20px;	

		padding-top: 5px;

		box-shadow: 0 0 10px #38c3f0;

	}

	

	/* button style link */

	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {

		position: relative;

		display: inline-block;

		padding: 10px;

		margin: 0;

		color: #fff;

		float: right;

		margin-top: 20px;

		margin-right: 20px;

		background: #38c3f0;

		text-decoration: none;

		font-size: 1.0em;

		z-index: 20;

		border-radius: 0.5em;

		box-sizing: border-box;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;

	}

	a.requestBtn:hover {

		color: #fff;

		background: #3b3d40;	

	}

		

	#call-out {

		position: absolute;

		right: 4%;

		bottom: -44px;

		font-weight: normal;

		color: #9ece74;	

		font-size: 1.2em;

		padding: 0 0 0 0;

		text-align: right;

		z-index: 100;

	}

	#call-out h3 {

		padding: 0;

		margin: 0;

	}

	#call-out a {

		text-decoration: none;

	}	

	

	/* logo and page header settings */

	a.logo img {

		position: absolute;

		display: inline-block;

		bottom: 10%;

		left: 0;

		right: 0;

		max-width: 250px;

		margin-left: auto;

		margin-right: auto;

		z-index: 2;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease; 	

		padding: 10px;

	}

	a.logo img:hover {

		/* nothing */		

	}

	h2#logo-title {

		position: absolute;

		left: -9999px;

	}

	.small-logo {

		display: none;

	}

	.small-logo img {

		position: relative;

		display: inline-block;

		height: 25px;

		margin-right: 5px;

		margin-top: 5px;

		float: left;

	}

	.small-contact {

		display: none;

	}

	.small-contact img {

		margin-bottom: 10px;

		position: relative;

		height: 20px;

		margin-left: 5px;

	}	

	#contact-icon {

		position: relative;

		display: inline-block;

	}

	#contact-icon:hover > #show-address-box {

		display: inline-block;

	}

	#show-address-box {

		display: none;

		position: absolute;

		bottom: -80px;

		left: -100px;

		width: 170px;

		height: 60px;

		font-size: 0.9em;

		color: #ffffff;

		background: rgba(0,0,0,0.9);

		border: 2px solid #38c3f0;

		box-shadow: 0 0 10px #999999;

		padding: 10px;

		border-radius: 0 0 0.8em 0.8em;

		-moz-border-radius: 0 0 0.8em 0.8em;

		-webkit-border-radius: 0 0 0.8em 0.8em;

	}

	

	/* banner */

	#banner {

		position: relative;

		width: 100%;

		overflow: hidden;

		background: #ffffff;

		float: left;

	}

	#banner-inside {

		position: relative;

		display: inline-block;

		width: 100%;

		overflow: hidden;

		float: left;	

	}

	#banner-inside img {

		position: relative;

		float: left;

		width: 100%;

	}

	

	/* content */

	#content {

		position: relative;

		display: table-cell;

		box-sizing: border-box;

		width: 100%;

		color: #333;

		z-index: 2;	

		float: left;	

		margin:  0;

		padding: 0;

		border-bottom: 1px solid #ccc;

	}

	#content-inside {

		position: relative;

		display: inline-block;

		text-align: left;

		width: 100%;

		padding: 0 5%;

		font-size: 1.0em;

		box-sizing: border-box;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-animation: fadi 2s 1;

		float: left;

	}	

	

	/* service boxes */

	a.panel h2 {

		color: #939598;

		font-size: 1.5rem;

		text-align: center;

	}

	a.panel img {

		position: relative;

		bottom: 0;

		right: 0;

		border: 2px solid #38c3f0;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;	

		width: 90%;

	}

	a.panel:link, a.panel:active, a.panel:visited {

		position: relative;

		display: inline-block;

		float: left;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		width: 33.33333333%;

		padding: 10px 10px 10px 10px;

		text-align: center;

		margin-bottom: 10px;

		color: #333333;

		text-decoration: none;

		-webkit-transition: all 0.5s ease-in-out;

		-moz-transition: all 0.5s ease-in-out;

		-o-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;		

	}

	a.panel:hover {

		background: #ececec;

		color: #ffffff;

	}

	

	/* mabile connect buttons */

	#call-now, #map-it {

		display: none;

	}

	

	/* footer */

	#footer-container {

		position: relative;

		display: inline-block;

		width: 100%;

		background: #666666; 

		color: #fff;

		font-family: 'Roboto', sans-serif;

		font-weight: 100;

		float: left;

		padding: 30px 0 80px 0;

	}

	#footer-center {

		position: relative;

		margin-left: auto;

		margin-right: auto;

		width: 100%;

		padding: 2%;

		box-sizing: border-box;

	}

	#footer-container a {

		text-decoration: none;	

	}

	

	/* hide social media tab */

	.social-media-tab {	

		display: none;

	}

	

	/* menu styles */

	#menu {

		/* menu container */

		/*text-transform: uppercase;*/

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;

		width: 100%;

		text-align: center;	

		padding:  0 20px;

		z-index: 15;		

	}

	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {

		position: relative;

		display: inline-block;

		padding:  10px 15px;

		text-align: left;

		margin: 0;

		color: #777;

		font-weight: normal;		

		text-decoration: none;

		font-size: 1.2em;

		-webkit-transition: all 0.5s ease-in-out;

		-moz-transition: all 0.5s ease-in-out;

		-o-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;	

		width: 100%;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		font-family: 'Roboto', sans-serif;

	}

	a.menu:hover {

		color: #fff; 

		background: #38c3f0;

	}	

	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {

		position: relative;

		display: inline-block;

		padding:  10px 30px;

		margin-right: 0;

		color: #fff; 

		background: #38c3f0;

		text-align: left;

		/*background: #38c3f0;*/

		font-weight: normal;	

		text-decoration: none;

		font-size: 1.2em;

		-webkit-transition: all 0.5s ease-in-out;

		-moz-transition: all 0.5s ease-in-out;

		-o-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;

		width: 100%;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		font-family: 'Roboto', sans-serif;

	}	

	a.selected:hover {

		color: #fff; 

		background: #38c3f0;		

	}

	#menubar { 

		position: relative;

		display: inline-block;

		margin: 0;

		padding: 0;

		height:  44px;

	}

	#menubar li { 

		float: left;

		list-style: none;

		margin: 0 0 0 0;

		padding: 0;		

	}

	#menubar li ul { 

		margin: 0 0 0 0;

		padding: 0;

		position: absolute;

		display: none;

		z-index: 30;

	}

	#menubar li ul li { 

		float: none;	

	}

	#menubar li:hover ul {

		display: block;

	}

	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {

		position: relative;

		display: inline-block;

		font-family: 'Roboto', sans-serif;

		width: 230px;

		color: #fff;

		padding:  5px;

		font-weight: normal;	

		text-decoration: none;

		text-align: left;

		font-size: 1.2em;

		background: #38c3f0; 

		border-bottom: 1px solid #3b3d40; 

		/* easing for slow fade change of background color */

		-o-transition:color .2s ease-out, background 0.5s ease-in;

		-ms-transition:color .2s ease-out, background 0.5s ease-in;

		-moz-transition:color .2s ease-out, background 0.5s ease-in;

		-webkit-transition:color .2s ease-out, background 0.5s ease-in;

		/* ...and now override with proper CSS property */

		transition:color .2s ease-out, background 0.5s ease-in;		

	}

	a.menu-drop:hover {

		background: #3b3d40; 

		color: #fff; 

		border-bottom: 1px solid #fff; 		

	}	

	.menu-regular {

		position: relative;

		display: inline-block;

		text-align: right;

		z-index: 30;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;

		/*position: absolute;

		display: inline-block;

		top: 60px;

		height: 44px;

		right: 4%;

		text-align: right;

		z-index: 30;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;

		*/

	}

	.menu-fixed {

		position: fixed;

		top: 0;

		left: 0;

		display: inline-block;

		width: 100%;

		background: #fff;

		box-shadow: 0 0 10px #999999;

		-moz-box-shadow: 0 0 10px #999999;

		-webkit-box-shadow: 0 0 10px #999999;

		height: 47px;

		z-index: 300;

		text-align: center;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;		

		font-size: 1.2rem;

	}

	

	/* dynamic phone navigation */

	.phone-nav-icon {

		float: left; 

		width: 20px; 

		padding: 1%; 

		background: #fff; 

		margin-top: 3px;

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

	}



	#phone-nav-dynamic {

		display: none;	

	}		

	

	/* contact form */

	#contactInlineFrm {

		position: relative;

		display: inline-block;

		text-align: center;

		background: rgba(255,255,255,0.9);

		width: 100%;

		padding: 5px 0;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	#contactInline-lcol {

		position: relative;

		float: left;

		width: 50%;

	}

	#contactInline-rcol {

		position: relative;

		float: left;

		width: 50%;

	}	

	

	#contactFrm {

		position: absolute;

		right: 0;

		left: 0;

		margin-left: auto;

		margin-right: auto;

		top: 3%;

		display: inline-block;

		width: 300px;

		padding: 10px;

		z-index: 1000;

		background: #ffffff;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

		border: 1px solid #cccccc;

		box-shadow: 0 0 10px #38c3f0;

	}

	#contact-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contact-rcol {

		position: relative;

		float: right;

		width: 50%;

	}

	#contactFrm h3 {

		padding: 0;

		margin: 0;

		color: #fff;

	}

	input.contact-form, select.contact-form {

		position: relative;

		width: 95%;

		border: none;

		padding:10px;

		margin: 1% 0 1% 0;

		background: #fff;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #333333;

		outline: none;

		font-size: 1.1em;

		border: 1px solid #ccc; 

		border-radius: 0em;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;	

		box-sizing: border-box;

		height: 50px;

	}

	input.contact-form:hover, select.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}	

	textarea.contact-form  {

		position: relative;

		width: 95%;

		height: 50px;

		border: none;

		padding: 10px;

		margin-top: 0;

		background: #fff;	

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		color: #333333;

		border: 1px solid #38c3f0; 

		border-radius: 0em;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;		

		outline: none;

	}

	textarea.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}		

	.contact-form-button {

		position: relative;

		display: inline-block;

		box-sizing: border-box;

		width: 95%;

		margin: 1% 0;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #fff;

		padding: 14px 5% 13px 5%;

		background: #fd8e39; 

		border-radius: 0em;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;		

		outline: none;

		border: none;

		font-size: 1.1em;

		text-align: center;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;	

		border-radius: 0.5em;	

	}	

	.contact-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}



	#contact-left-column {

		border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;

	}

	#contact-right-column {

		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;

	}		

	

	/* request appointment form */

	#request-appointment {

		position: relative;

		display: inline-block;

		border-radius: .3em;

		-webkit-border-radius: .3em;

		-moz-border-radius: .3em;

		width: 100%;

		padding: 0;

	}

	table.request-form-table {

		width: 100%;

	}

	table.request-form-table td {

		padding: 1%;

	}

	.request-input {

		margin: 3px 0 3px 0;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		width: 96%;

		border-radius: .3em;

		-webkit-border-radius: .3em;

		-moz-border-radius: .3em;

		border: 1px solid #38c3f0;

		padding: 2%;

		outline: none;

	}	

	.request-input:hover {

		background: #ececec;

		border: 1px solid #808080;

	}		

	.request-form-button {

		position: relative;

		display: inline-block;

		margin-right: 0;

		margin-top: 2%;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #fff;

		padding: 1% 5% 1% 5%;

		background: #38c3f0; 

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

		outline: none;

		border: none;

		font-size: 1.1em;

		text-align: center;

	}

	.request-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}	

	#ra-form {

		position: relative;

		display: inline-block;

		width: 100%;

	}

	.request-lcol {

		position: relative;

		display: inline-block;

		width: 45%;

		float: left;

	}

	.request-rcol {

		position: relative;

		display: inline-block;

		width: 45%;

		float: right;

	}	

	img.smile-gallery {

		width: 450px;

	}

}

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

	body {

		margin: 0 0 0 0;

		padding: 0 0 0 0;

		font-family: 'Roboto', sans-serif;

		color: #333;

		height: 100%;

		background: #fff;

	}

	.miniReview {

		display: inline-block;

		position: relative;

		width: 100%;

		text-align: center;

	}

	a.headerBtn {

		display: none !important;

	}

	#banner-call-out-1 {

		right: 4%;

		bottom: 2%;

		font-size: 0.6em !important;

	}	

	/* fluid columns */

	.fluid1col, .fluid2col, .fluid3col, .fluid23col, .fluid4col, .fluid5col, .fluid6col, .fluid34col {

		width:  100%

	}	

	.space {

		padding-top: 10px;

	}	

	#covid-ticker {

		padding: 10px 10px;

	}	

	#blog-section {

		padding: 10px 5px;	

	}	

	#pre-footer {

		padding: 10px 10px;	

	}

	a.requestButton:link, a.requestButton:visited, a.requestButton:active {

		position: relative;

		display: inline-block;

		color: #fff;

		font-size: 1.0em;

		text-decoration: none;

		padding: 5px;

		background: #CABFA3;

		border: 1px solid #ffffff;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;		

		z-index: 2;

		text-align: center;

		margin-top: 3%;

		text-transform: uppercase;

	}

	a.requestButton:hover {

		background: #999999;

	}	

	.socialIcons {

		/* align center */

	}

	.blogSection {

		position: relative;

		display: inline-block;

		padding: 20px;

		border-top: 1px solid #ccc;

		background: #fafafa;

	}

	.blogPanel {

		position: relative;

		display: inline-block;

		box-sizing: border-box;

		border: 1px solid #8F9F97;

		background: #fff;

		text-align: center;

		padding: 20px;

		margin-bottom: 10px;

	}

	.blogPanel > h3 {

		font-size: 1.5em;

		width: 100%;

		text-align: center;

		height: 40px;

		color: #8F9F97;

	}

	.blogPanel > h4 {

		font-size: 1.0em;

		width: 100%;

		text-align: center;

		height: 20px;

		color: #8F9F97;

	}	

	.blogPanel > p {

		text-align: justify;

		color: #8F9F97;

		padding: 20px 0;

	}

	.blogPanel > img {

		position: relative;	

		display: inline-block;

		width: 100%;

	}	

	#phone-numbers-section {

		position: relative;

		display: inline-block;

		color: #555555;

		padding: 10px;

		border-bottom: 1px solid #cccccc;

		border-right: 1px solid #cccccc;

		border-left: 1px solid #cccccc;

		font-size: 1.1em;

		font-family: 'Roboto Slab', sans-serif;

	}	

	.hideMobile {

		display: none;

	}

	.logoImage {

		width: 100%; max-width: 250px; position: relative; margin-left: auto; margin-right: auto; padding-top: 10px;

	}



	.homepageBanner {

		background-repeat: no-repeat !important;

    	background-size: 130% !important;

	}

	#bannerTagline {

		position: absolute;

		right: 10px;

		display: inline-block;

		height: 40px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		color: #fff;

		padding: 0 2%;

		text-align: center;

	}

	.taglineTitle {

		color: #fff;

		width: 100%;

		text-align: center;

		text-transform: capitalize;

		font-weight: 400;

		font-size: 1.0em;

		line-height: 25px;

		margin-top: 5px;

	}	



	#videoSection {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		box-sizing: border-box;

		z-index: 20;

		float: left;

		padding: 0;

		height: 300px;

		overflow: hidden;

		/*background: url("images/office.jpg");

		background-attachment: fixed;

		background-size: 100% 100%;*/

	}



	#page-container {

		position: relative;

		width: 100%;

		padding: 0;

		margin-right: auto;

		margin-left: auto;

		top: 0;

		background: #fff;

	}

	

	img.inlineImage {

		position: relative;

		display: inline-block;

		padding: 0 2%;

		margin: 5px 0;

		width: 100%;

		box-sizing: border-box;

	}



	#doctor-img {

		height: 300px;

	}

	

	a.actionTab:link, a.actionTab:visited, a.actionTab:active {

		position: relative;

		display: inline-block;

		background: rgba(50,98,150,0.8);

		font-size: 1.5em;

		color: #fff;

		text-align: center;

		padding: 10px 10px 10px 30px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		width: 100%;

		transition: all 0.3s ease;

		-moz-trasition: all 0.3s ease;

		-webkit-transition: all 0.3s ease;

		text-decoration: none;	

		line-height: 25px;

	}

	a.actionTab:hover {

		color: #fff;

		background: #38c3f0;

		left: 0;

	}	

	

	/* footer link styles */

	a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited, a.footerLinks:hover {

		position: relative;

		display: inline-block;

		color: #fff;

		text-decoration: none;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;	

		text-decoration: underline;		

	}

	a.footerLinks:hover {

		color: #38c3f0;

		background: #ececec;

		text-decoration: underline;

	}	

	

	/* information panels */

	#infoPanelContainer {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		z-index: 20;

		float: left;

		/*background: url("images/office.jpg");

		background-attachment: fixed;

		background-size: cover;*/

	}	

	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

		position: relative;

		display: inline-block;

		width: 100%;

		height:  220px;

		float: left;

		color: #ffffff;

		text-align: center;

		padding: 5px;

	}	

	

	/* main page links */

	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {

		display: block;

		padding: 0 0 1% 2%;

		text-transform: uppercase;

		color: #38c3f0;

		font-size: 0.7em;

		text-decoration: none;

	}

	a.mainLinks:hover {

		color: #3b3d40;

	}	

	

	

	/* welcome banner */

	#welcome-banner {

		display: none;

	}	

	

	#mobileQRpanel {	

		display: none;

	}	

	

	/* ticker */

	#ticker {

		position: relative;

		display: inline-block;

		width: 100%;

		float: left;		

		text-align: right;

		padding: 15px 5px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		color: #38c3f0;

	}

		

	/* header */

	#header {

		position: relative;

		display: inline-block;

		padding: 0;

		margin: 0;

		width: 100%;

		float: left;

		text-align: center;

		z-index: 30;	

		background: rgba(255,255,255,1.0);		

	}	

	

	a#promotion:link, a#promotion:visited, a#promotion:active {

		display: inline-block;

		background: rgba(255,255,255,0.3); 

		padding: 1%;

		width: 100%;

		box-sizing: border-box;

		color: #3b3d40;

		text-decoration: none;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease; 			

	}	

	a#promotion:hover {

		background: rgba(130,187,0,1.0); 	

	}

	

	#overlay {

		display: none;

		position: fixed; 

		z-index: 400; 

		width:100%; 

		height: 100%; 

		background: rgba(0,0,0,0.5);

	}	

	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {

		position: absolute;

		right: 0;

		top: 0;

		width: 30px;

		height: 30px;

		border-radius: 50%;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		font-size: 1.5em;

		color: #ffffff;

		background: #38c3f0;

		text-align: center;

		text-decoration: none;

	}

	a#closeRequestForm:hover {

		color: #ffffff;

		background: #3b3d40;

	}	

	

	/* button style link */

	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {

		position: relative;

		display: inline-block;

		width: 100%;

		padding: 10px;

		margin: 0;

		color: #fff;

		margin: 0;

		background: #38c3f0;

		text-decoration: none;

		font-size: 1.0em;

		z-index: 20;

		box-sizing: border-box;

		-webkit-transition: all 0.2s ease;  

		-moz-transition: all 0.2s ease;  

		-o-transition: all 0.2s ease;  

		-ms-transition: all 0.2s ease;  

		transition: all 0.2s ease;

	}

	a.requestBtn:hover {

		color: #fff;

		background: #3b3d40;	

	}	

	

	#call-out {

		clear: both;

		position: relative;

		display: inline-block;

		width: 100%;

		box-sizing: border-box;

		margin: 5px 0;

		text-align: center;

		color: #9ece74;

	}

	#call-out a {

		text-decoration: none;

	}	

	

	/* hide the desktop menu */

	#menu {

		display: none;

	}



	/* logo and page header settings */

	a.logo img {

		position: relative;

		margin-left: auto;

		margin-right: auto;

		width: 96%;

		max-width: 250px;

		margin: 2% 0 2% 0;

		padding: 5px;	

		transition: all 0.5s ease;

		background: #fff;

	}

	a.logo img:hover {

		/* nothing */

	}	

	h2#logo-title {

		position: absolute;

		left: -9999px;

	}		

	

	/* hide carousel */

	#slider1 {

		display: none;

	}

	

	/* content */

	#content {

		position: relative;

		display: inline-block;

		margin: 0;

		width: 100%;

		padding: 2%;

		color: #333;

		overflow: hidden;

		float: left;

	}

	#content-inside {

		text-align: left;

		width: 100%;

		float: left;

	}

	#call-now {

		position: relative;

		display: inline-block;

		width: 100%;

	}

	

	/* service boxes */

	a.panel h2 {

		color: #939598;

		font-size: 1.5rem;

		text-align: center;

	}

	a.panel img {

		position: relative;

		bottom: 0;

		right: 0;

		border: 2px solid #38c3f0;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;		

	}

	a.panel:link, a.panel:active, a.panel:visited {

		position: relative;

		display: inline-block;

		float: left;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		width: 100%;

		padding: 10px 10px 10px 10px;

		text-align: center;

		margin-bottom: 10px;

		color: #333333;

		text-decoration: none;

		-webkit-transition: all 0.5s ease-in-out;

		-moz-transition: all 0.5s ease-in-out;

		-o-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;		

	}

	a.panel:hover {

		background: #ececec;

		color: #ffffff;

	}

	

	/* footer */

	#footer-container {

		position: relative;

		display: inline-block;

		width: 100%;

		box-sizing: border-box;

		padding: 2%;

		background: #666666; 

		color: #fff;

		font-size: 0.95em;

		float: left;

		font-family: 'Roboto', sans-serif;

		font-weight: 100;

	}

	#footer-container a {

		text-decoration: none;	

	}	

	

	/* adjust banner for mobile view*/

	#banner {

		position: relative;

		display: inline-block;

		width: 100%;

		overflow: hidden;

		margin-left: auto;

		margin-right: auto;	

		text-align: center;

		float: left;

	}

	#banner-inside {

		position: relative;

		display: inline-block;

		width: 100%;

		overflow: hidden;

		margin-left: auto;

		margin-right: auto;

		float: left;

	}

	#banner-inside img {

		width: 100%;

	}

	

	#social-links-section {	

		position: relative;

		text-align: center;

		background: #ececec;

	}		

	

	/* dynamic phone navigation */

	.phone-nav-icon {

		float: left; 

		width: 20px; 

		padding: 1%; 

		background: #fff; 

		margin-top: 3px;

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

	}



	#phone-nav-dynamic {

		position: relative;

		width: 100%;

		margin: 0;

		padding: 0 0 0 0;

		text-align: left;		

	}	

	#phone-nav-overlay {

		position: absolute;

		width: 100%;

		display: none;

		z-index: 999;

	}	

	a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {		

		position: relative;

		display: inline-block;

		width: 100%;

		padding: 2%;

		border-bottom: 1px solid #ececec;		

		color: #fff;

		text-decoration: none;

		font-size: 1.2em;

		background: #38c3f0;

	}	

	a.phone-nav-selected:hover {

		color: #fff;

		border-bottom: 1px solid #fff;

		background: #38c3f0; 

	}	

	a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {

		width: 100%;

		padding: 2%;

		border-bottom: 1px solid #ececec;

		display: inline-block;

		color: #3b3d40;

		background: #fafafa;

		text-decoration: none;

		font-size: 1.2em;

	}	

	a.phone-nav-links:hover {

		color: #ffffff;

		border-bottom: 1px solid #ffffff;

		background: #38c3f0; 

	}

	a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {

		display: inline-block;

		width: 100%;

		padding: 5% 0 3% 0;

		text-decoration: none;

		font-size: 1.4em;	

		font-weight: bold;

		/*background: rgba(59,61,64,1.0);*/

		background: #9ece74;

		text-align: center;

	}

	a#dynamic-phone-menu:hover img {

		opacity: 0.5;

	}

	.faded {

		opacity: 0.2;

	}	

	

	/* contact form */

	#contactInlineFrm {

		position: relative;

		background: rgba(255,255,255,0.9);		

		width: 100%;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;	

		float: left;

	}	

	#contactInline-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contactInline-rcol {

		position: relative;

		float: left;

		width: 100%;

	}	

	

	#contactFrm {

		position: relative;

		display: inline-block;

		margin: 0;

		padding: 0;

		width: 100%;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

		background: rgba(255,255,255,1.0);

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		text-align: center;

		float: left;

	}

	#contact-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contact-rcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contactFrm h3 {

		padding: 0;

		margin: 0;

		color: #fff;

	}

	input.contact-form, select.contact-form {

		position: relative;

		width: 95%;

		border: none;

		padding: 10px;

		margin: 1% 0 1% 0;

		background: #fff;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #333333;

		outline: none;

		font-size: 1.1em;

		border: 1px solid #ccc; 

		border-radius: 0em;

		box-sizing: border-box;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;	

		height: 50px;	

	}

	input.contact-form:hover,  select.contact-form:hover {

		background: #ececec;

		border: 1px solid #808080;

	}	

	textarea.contact-form  {

		position: relative;	

		width: 95%;

		height: 50px;

		border: none;

		padding: 10px;

		margin-top: 0;

		background: #fff;	

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		color: #333333;

		border: 1px solid #38c3f0; 

		border-radius: 0em;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;	

		box-sizing: border-box;		

		outline: none;

	}

	textarea.contact-form:hover {

		background: #ececec;

		border: 1px solid #808080;

	}	

	.contact-form-button {

		position: relative;

		display: inline-block;

		box-sizing: border-box;

		width: 95%;		

		margin: 2% 0;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #fff;

		padding: 2% 10% 2% 10%;

		background: #fd8e39; 

		border-radius: 0em;

		-webkit-border-radius: 0em;

		-moz-border-radius: 0em;		

		outline: none;

		border: none;

		font-size: 1.4em;

		text-align: center;

		-webkit-transition: all 0.4s ease;  

		-moz-transition: all 0.4s ease;  

		-o-transition: all 0.4s ease;  

		-ms-transition: all 0.4s ease;  

		transition: all 0.4s ease;

		box-sizing: border-box;

		border-radius:  0.5em;

	}

	.contact-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}		

	

	#contact-left-column {

		border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;

	}

	#contact-right-column {

		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;

	}	

	

	/* request appointment form */

	#request-appointment {

		position: relative;

		display: inline-block;

		border-radius: .3em;

		-webkit-border-radius: .3em;

		-moz-border-radius: .3em;

		width: 96%;

		padding: 2%;

	}

	.request-input {

		margin: 3px 0 3px 0;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		width: 96%;

		border-radius: .3em;

		-webkit-border-radius: .3em;

		-moz-border-radius: .3em;

		border: 1px solid #38c3f0;

		padding: 2%;

		outline: none;

	}	

	.request-input:hover {

		background: #ececec;

		border: 1px solid #808080;

	}		

	.request-form-button {

		position: relative;

		display: inline-block;

		margin-right: 0;

		margin-top: 2%;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #fff;

		padding: 1% 5% 1% 5%;

		background: #38c3f0; 

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

		outline: none;

		border: none;

		font-size: 1.1em;

		text-align: center;

	}

	.request-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}

	

	img.smile-gallery {

		width: 100%;

	}

}





.center {

	text-align: center;

}



/* button links */



.blogTitle {

	line-height: 30px;

	margin: 0;

}

.blogDate {

	line-height: 20px;

	margin: 0 0 50px 0;

}

.highlight {

	position: relative;

	display: inline-block;

	width: 100%;

	box-sizing: border-box;

	padding: 10px;

	border: 1px solid #ccc;

	font-size: 1.2em;

	text-align: center;

}



.mission-statement {

	position: relative;

	display: inline-block;

	width: 100%;

	padding: 10px;

	box-sizing: border-box;

	border: 1px solid #38c3f0;

	margin-bottom: 10px;

}

.mission-statement > b {

	position: relative;

	display: inline-block;

	font-size: 1.4em;

	font-weight: 200;

	padding: 10px 0 30px 0;

	width: 100%;

	text-align: center;

}



img.gallery {

	position: relative;

	display: inline-block;

	padding: 20px;

	width: 100%;

	max-width: 600px;

}

#covid-ticker {

	background: #333; /*#CC0000;*/

	text-align: center;

	color: #fff;

}

#covid-ticker > p {

	padding: 2px;

	margin: 0;

}

.covid-title {

	font-size: 1.4em;

}

a.covid-button:link, a.covid-button:active, a.covid-button:visited {

	position: relative;

	display: inline-block;

	margin: 10px 10px;

	border: 1px solid #fff;

	border-radius: 0.3em;

	box-sizing: border-box;

	padding: 10px;

	text-align: center;

	text-transform: capitalize;

	text-decoration: none;

	color: #fff;

	transition: all 0.5s ease;

}

a.covid-button:hover {

	border: 1px solid #999;

}



#pre-footer {

	position: relative;

	display: inline-block;

	float: left;

	box-sizing: border-box;

	width: 100%;

	text-align: center;

	background: #666666;

	color: #fff;

}

#blog-section {

	position: relative;

	display: inline-block;

	float: left;

	box-sizing: border-box;

	width: 100%;

	text-align: center;	

}

#locations-section {

	position: relative;

	display: inline-block;

	float: left;

	box-sizing: border-box;

	width: 100%;

	text-align: center;

	background: #fff;

	color: #333;

	padding:  20px;

}

.location-panels {

	background: #38c3f0;

	border-radius: 0.5em;

	padding: 10px 0 10px 0;

	color:  #fff;

}

#blog-section > h3 {

	width: 100%;

	text-align: center;

}

#service-section-wrapper {

	position: relative;

	display: inline-block;

	float: left;

	box-sizing: border-box;

	width: 100%;

	text-align: center;

}

#service-section {

	position: relative;

	display: inline-block;

	box-sizing: border-box;

	text-align: center;

	max-width: 1602px;

}

img.service-panel {

	position: relative;

	display: inline-block;

	padding: 0;

	margin: 0;

	float: left;

	width: 50%;

	max-width: 801px;

	opacity: 0.8;

	transition: all 0.5s ease

}

img.service-panel:hover {

	opacity: 1.0;

}



a.tickerLink:link, a.tickerLink:visited, a.tickerLink:active {

	color: #38c3f0;

	text-decoration: none;

	transition: all 0.5s ease;

}

a.tickerLink:hover {

	color: #38c3f0;

}

.centeredTitle {

	width: 100%;

	text-align: center;

}

.greyTitle {

	text-transform: uppercase;

	color: #A0A0A0;

}

p {

	padding: 0;

	margin: 0 0 20px 0;

}

img.smileGallery {

	position: relative;

	display: inline-block;

	width: 100%;

	max-width: 600px;

	margin: 0 0 15px 0;

	padding: 0;

	border: 1px solid #ccc;

}

h4.smileGallery {

	width: 100%;

	margin: 0;

	padding: 5px 0;

	line-height: 25px;

	text-align: center;

	border-left: 1px solid #ccc;

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	background: #ececec

}



img.blog_image {

	position: relative;

	display: inline-block;

	width: 100%;

	border-bottom-left-radius: 50%;

	border-bottom-right-radius: 50%;

}

p {

	/*font-family: 'Garamond', serif;

	font-size: 14pt;*/

}

.pagetitle {

	position: relative;

	display: inline-block;

	/*background: #38c3f0;*/

	border-top: 2px solid #38c3f0;

	padding: 25px 0;

	width: 100%; text-align: center;

	color: #777;

	line-height: 25px;

}

.profileContainer {

	position: relative; display: inline-block; padding: 20px; border-bottom: 1px solid #38c3f0;

}



.boxIt {

	position: relative;

	display: inline-block;

	box-sizing: border-box;

	width: 100%;

	border: 1px solid #cccccc;

	background: #fafafa;

	text-align: center;

	padding: 40px 20px;

}

.faded {

	opacity: 0.5;

}



#sliderMenu {

	position: fixed;

	top: 0;

	right: -300px; /* place it way off the page at the start */

	display: inline-block;

	background: #ececec;

	height: 100%;

	width: 300px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	text-align: left;

}



.testimonialWrap {

	position: relative;

	display: inline-block;

	width: 100%;

	height: 100%;

	float: left;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	color: #fff;

	padding: 40px 5%;

	background: rgba(0,0,0,0.6);

	text-align: center;	

}

.testimonialWrap p {

	font-size: 18pt;

}



#call-to-action-container {

	position: relative;

	display: inline-block;

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding: 20px 10%;

	color: #38c3f0;

	background: #fff;

	text-align: left;

	border-bottom:  5px solid #fd8e39;

	float: left;

}

@media screen and (min-width: 701px) {

	#call-to-action-container h3,h2,h4 {

		width: 100%;

		color: #38c3f0;

		text-align: center;

		font-size: 1.5em;

	}

}

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

	#call-to-action-container h3,h2,h4 {

		width: 100%;

		color: #38c3f0;

		text-align: center;

		font-size: 1.3em;

		font-weight: 300;

	}

}



img.captchaImg {

	position: absolute;

	display: inline-block;

	bottom: 6px;

	right: 16px;

	height: 48px;

	border-radius: 0 0.8em 0.8em 0;

	-moz-border-radius: 0 0.8em 0.8em 0;

	-webkit-border-radius: 0 0.8em 0.8em 0;

}



.insetImage {

	float: left;

	width: 100%;

	margin: 0 1% 1% 0;

}



/* set a size for map container, the Google Map will take up 100% of this container */

#map {

	position: relative;

	display: inline-block;

	background: rgba(255,255,255,0.8);

	float: left;

	width: 100%;

	min-height: 300px;

}



/* info panels and buttons */

.infoPanel img {

	position: relative;

	float: left;

}

a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

	position: relative;

	float: left;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;	

	overflow: hidden;

	text-decoration: none;

	background: rgba(157,182,212,0.8);

}

a.infoPanel:hover {

	background: rgba(50,98,150,0.8)

}	

.infoPanel p {

	position: relative;

	display: block;

	z-index: 5;

	font-size: 1.2rem;

	font-weight: 100;

	text-align: left;

}

.infoPanel h4 {

	/*font-family: 'Alegreya Sans SC', sans-serif;*/

	/*font-family: 'Advent Pro', sans-serif;*/

	/*font-family: 'Alegreya Sans', sans-serif;*/

	font-weight: normal;

	color: #fff;

	font-size: 1.2rem;

	padding: 0;

	margin: 0;	

	width: 100%;

	text-align: center;

}

.infoPanel h3 {

	font-family: 'Roboto Slab', sans-serif;

	color: #fff;

	font-size: 1.5rem;

	padding: 0;

	margin: 10% 0 0 0;		

	width: 100%;

	text-align: left;	

	text-transform: capitalize;

	text-align: center;

	width: 100%;

}



/* boxed button style links */

a.boxed:link, a.boxed:visited, a.boxed:active {

	/*position: relative; */

	position: absolute;

	left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 10px;

	display: inline-block;

	width: 80%;

	color: #ffffff;

	text-decoration: none;
	padding: 2% 5% 2% 5%;

	border: 1px solid #ffffff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;		

	z-index: 2;

}

a.boxed:hover {

	background: #999999;

}



/* boxed button style links */

a.boxedAskAQuestion:link, a.boxedAskAQuestion:visited, a.boxedAskAQuestion:active {

	position: relative;

	display: inline-block;

	color: #ffffff;

	font-size: 2.5em;

	text-decoration: none;

	padding: 2% 5% 2% 5%;

	border: 1px solid #ffffff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;		

	z-index: 2;

	text-align: center;

	margin-top: 3%;

}

a.boxedAskAQuestion:hover {

	background: #999999;

}



/* camera homepage slider */

.fluid_container {

	position: relative;

	display: inline-block;

	/*bottom: 0;

	height: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	max-width: 1400px;

	z-index: 0;*/

	width: 100%;

	padding: 0;

	float: left;

}



#new-patients-banner {

	position: relative;

	display: inline-block;

	padding: 20px;

	color: #fff;

	background: #38c3f0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	width: 100%;

}

#new-patients-banner h2 {

	color: #fff;

	line-height: 25px;

	margin: 0;

	padding: 0;

}

#new-patients-banner p {

	font-weight: normal;

}



#contactSection {

	position: relative;

	display: inline-block;

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	background: #fff;		

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

	/*border-top: 5px solid #38c3f0;*/

	/*border-bottom: 5px solid #38c3f0;*/

}



#mapSection {

	position: relative;

	display: inline-block;

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}

.overlay {

   background:transparent; 

   position:relative; 

   width: 100%;

   height:450px; /* your iframe height */

   top:450px;  /* your iframe height */

   margin-top:-450px;  /* your iframe height */

   float: left;

}

.readMoreBtn {

	position: relative; display: inline-block; top: -8px; padding: 10px; background: #38c3f0; color: #fff;

	/*border-radius: 0.5em 0.5em 0.5em 0.5em;

	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;

	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;*/

}



img.linkLogo {

	position: relative;

	top: 10px;

	margin: 0 10px 0 0;

	padding: 0;

}



/* send map to phone styles */

#sendMapToPhone {

	position: relative;

	display: inline-block;

	width: 100%;

	padding: 1% 0 1% 0;

}

input.send-to-phone-form, select.send-to-phone-form {

	position: relative;

	width: 100%;

	border: none;

	padding: 2%;

	margin: 1% 0 0 0;

	background: #fff;

	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

	color: #38c3f0;

	outline: none;

	font-size: 1.1rem;

	border: 1px solid #38c3f0; 

	border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

	-moz-border-radius: 0.2em;	

	box-sizing: border-box;	

}

input.send-to-phone-form:hover, select.send-to-phone-form:hover {

	background: #ececec;

	border: 1px solid #3b3d40;

}	

.send-to-phone-form-button {

	position: relative;

	display: inline-block;

	margin: 1% 0 0 0;

	cursor: pointer;

	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

	color: #fff;

	padding: 1% 5% 1% 5%;

	background: #38c3f0; 

	border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

	-moz-border-radius: 0.2em;		

	outline: none;

	border: none;

	font-size: 1.1rem;

	text-align: center;

	width: 100%;

}	

.send-to-phone-form-button:hover {

	color: #ffffff; 

	background: #3b3d40; 

}

#message-send-to-phone {

	position: relative;

	display: none;

	padding: 2%;

	width: 100%;

	box-sizing: border-box;

	border: 1px solid #38c3f0; 

	border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

	-moz-border-radius: 0.2em;

	background: #ffffff;

}



h3.galleryTitle {

	position: relative;

	display: inline-block;

	width: 100%;

	color: #fff;

	background: #ff0099;

	text-align: center;

	padding:  15px;

	margin: 0;

	float: left;

}



/* default title styles */

h1, h2 {

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

}

h3, h4, h5 {

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

}

h4 {

	text-transform: capitalize;

	font-weight: 400;

	color: #3b3d40;

	text-align: left;

	margin-top: 0;

	padding-top: 0;

	line-height: 25px;

}

h3 {

	text-transform: capitalize;

	color: #333;

	text-align: left;

	font-size: 1.5em;

	font-weight: 400;

}

h2 {	

	font-weight: 300;

	color: #38c3f0;

	text-align: left;	

	font-size: 2.2em;

	margin: 15px 0;

	line-height: 40px;

	text-transform: capitalize;

}

h1 {	

	text-transform: uppercase;

	color: #38c3f0;

	text-align: left;

	-webkit-font-smoothing: antialiased;

	width: 100%;

	text-align: center;

}





/* default link styles */

a:link, a:active, a:visited, a:hover {

	color: #38c3f0;

	text-decoration: underline;

	outline: none;

	transition: all 0.2s ease;

}

a:hover {

	color: #333; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}



a.white:link, a.white:active, a.white:visited, a.white:hover {

	color: #fff;

	text-decoration: none;

	outline: none;

	transition: all 0.2s ease;

	font-weight: 400;

	padding:  0 10px;

}

a.white:hover {

	color: #fff; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}



a.whiteSocial:link, a.whiteSocial:active, a.whiteSocial:visited, a.whiteSocial:hover {

	color: #fff;

	text-decoration: none;

	outline: none;

	transition: all 0.2s ease;

	font-weight: 100;

	font-size:  2.0em;

	padding:  0 10px;

}

a.whiteSocial:hover {

	color: #38c3f0; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}



.center {

	text-align: center;

}



/* mapLink */

.locationImg {

	width: 100%;

	padding-bottom: 20px;

	opacity: 0.7;

	transition: all 0.5s ease;

	border-radius:  0.5em 0.5em 0 0;

}

.locationImg:hover {

	opacity: 1.0;

}



/* header button */

/* position set with media queries */

a.headerBtn:link, a.headerBtn:active, a.headerBtn:visited, a.headerBtn:hover{

	/* position is set to fixed

	   in desktop and tablet, hidden in mobile */

	position: absolute;

	top: -15px;

	right: 4%;

	display: inline-block;

	box-sizing: border-box;

	color: #fff;

	text-decoration: none;

	outline: none;

	transition: all 0.5s ease;

	font-size: 1.2em;

	transition: all 0.5s ease;

	border-radius: 0 0 0.5em 0.5em;

	padding:  25px 10px 15px 10px;

	z-index: 20;

	text-align: center;

	background: #fd8e39;

	border: 1px solid #fff;

	box-shadow: 3px 3px 3px 3px #ccc;

	text-transform: uppercase;

}

a.headerBtn:hover {

	top: -5px;

	color: #fff; 

	outline: none;

	background: #333;

}



/* buttons */

a.orangeBtn:link, a.orangeBtn:active, a.orangeBtn:visited, a.orangeBtn:hover, a.greenBtn:link, a.greenBtn:active, a.greenBtn:visited, a.greenBtn:hover, a.blueBtn:link, a.blueBtn:active, a.blueBtn:visited, a.blueBtn:hover{

	position: relative;

	display: inline-block;

	box-sizing: border-box;

	color: #fff;

	text-decoration: none;

	outline: none;

	transition: all 0.5s ease;

	font-size: 1.2em;

	transition: all 0.5s ease;

	width: 100%;

	border-radius: 0.5em;

	padding:  15px 20px;

	z-index: 20;

	text-align: center;

}

a.orangeBtn:link, a.orangeBtn:active, a.orangeBtn:visited {

	background: #fd8e39;

	border: 2px solid #fff;

	box-shadow: 5px 5px 5px #ccc;

}

a.greenBtn:link, a.greenBtn:active, a.greenBtn:visited {

	background: #9ece74;

}

a.blueBtn:link, a.blueBtn:active, a.blueBtn:visited {

	background: #38c3f0;

}

a.orangeBtn:hover, a.greenBtn:hover, a.blueBtn:hover {

	color: #fff; 

	outline: none;

	background: #333;

}



/* social media links */

a.facebookLink:link, a.facebookLink:active, a.facebookLink:visited, a.facebookLink:hover {

	color: #ccc;

	text-decoration: none;

	outline: none;

	transition: all 0.5s ease;

	text-transform: uppercase;

	font-size: 2.0em;

	transition: all 0.5s ease;

}

a.facebookLink:hover {

	color: #333; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}

a.instagramLink:link, a.instagramLink:active, a.instagramLink:visited, a.instagramLink:hover {

	color: #ccc;

	text-decoration: none;

	outline: none;

	transition: all 0.5s ease;

	text-transform: uppercase;

	font-size: 2.0em;

	transition: all 0.5s ease;

}

a.instagramLink:hover {

	color: #333; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}

a.twitterLink:link, a.twitterLink:active, a.twitterLink:visited, a.twitterLink:hover {

	color: #ccc;

	text-decoration: none;

	outline: none;

	transition: all 0.5s ease;

	text-transform: uppercase;

	font-size: 2.0em;

	transition: all 0.5s ease;

}

a.twitterLink:hover {

	color: #333; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}



/* download buttons */

a.download:link, a.download:active, a.download:visited, a.download:hover {

	position: relative;

	display: inline-block;

	padding: 8px 5px 5px 5px;

	margin: 5px 0 5px 0;

	color: #ffffff;

	background: #38c3f0;

	text-decoration: none;

	font-size: 1.2em;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;			

}

a.download:hover {

	color: #ffffff;

	background: #3b3d40;

}

img.download-icon {

	position: relative;

	float: left; 

	margin: 2px 5px 0 0;

}



/* mobile-call-now button */

a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {

	position: relative;

	display: inline-block;

	padding: 5% 2% 5% 2%;

	width: 100%;

	box-sizing: border-box;

	margin: 1% 0 1% 0;

	color: #ffffff;

	background: #38c3f0;

	text-decoration: none;

	font-size: 1.2em;

	text-align: center;

	transition: all 0.5s ease;

}

a.callnow:hover {

	color: #ffffff;

	background: #3b3d40;

}



/* button style link */

a.redButton:link, a.redButton:active, a.redButton:visited, a.redButton:hover {

	position: relative;

	display: inline-block;

	padding: 3%;

	margin: 2% 2% 2% 0;

	color: #ffffff;

	background: #BC68CA;

	border: 1px solid #fff;

	text-decoration: none;

	font-size: 1.2em;

	font-weight: bold;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;

	border-radius: 0.5em;	

	text-transform: capitalize;

}

a.redButton:hover {

	color: #ffffff;

	background: #3b3d40;

	padding: 3%;

}

a.button:link, a.button:active, a.button:visited, a.button:hover {

	position: relative;

	display: inline-block;

	padding: 2%;

	color: #ffffff;

	background: #38c3f0;

	border: 1px solid #fff;

	text-decoration: none;

	font-size: 1.2em;

	font-weight: bold;

	-webkit-transition: all 0.4s ease;  

	-moz-transition: all 0.4s ease;  

	-o-transition: all 0.4s ease;  

	-ms-transition: all 0.4s ease;  

	transition: all 0.4s ease;

	border-radius: 0.0em;		

}

a.button:hover {

	color: #ffffff;

	background: #3b3d40;

	padding: 2%;

}



/* fancy download document link */

a.document-button:link, a.document-button:visited, a.document-button:active {

	position: relative;

	display: inline-block;

	padding: 20px;

	background: #9B8C7E;

	color: #494747;

	font-size: 1.1em;

	margin-bottom: 2%;

	width: 70%;

	text-decoration: none;

}

a.document-button:hover {

	background: #3b3d40;

	color: #fff;

}



/* social media sharing - Sharrre.com */

#social-media-sharing{

	position: fixed;

	top: 65px;

	left: 0;

	background: rgba(255,255,255,0.3);

	display: none;

	padding: 1%;

	z-index: 20;

}

.sharrre .button{

	position: relative;

	text-align: center;

	width: 65px;

	border: 1px solid #cccccc;

	padding: 2%;

	margin: 2%;	

}

.social-media-tab {

    position: fixed;

	width: 30px;

    top: 5px;

    left: -5px;

    text-decoration: none;

    color: #38c3f0;

    background: rgba(255,255,255,0.3);

    font-size: 12px;

    padding: 1em;

	z-index: 20;

}

.social-media-tab:hover {

	left: 0px;

	background: rgba(135,135,135,0.5);

}

.social-media-tab img {

	width: 25px;

}



/* social media links */

.social-media-link-container {

	position: relative;

	display: inline-block;

	width: 30px;

	height: 30px;

	text-align: center;

	padding: 0;

	overflow: hidden;

}

.social-media-link {

	position: relative;

	float: left;

	width: 30px;

	height: 30px;

	padding: 1px 1px 1px 1px;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.social-media-link img {

	width: 100%;

}	

.social-media-link-active {

	position: relative;

	float: left;

	width: 30px;

	height: 30px;

	padding: 1px 1px 1px 1px;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;	

}

.social-media-link-active img {

	width: 100%;

}	

#facebook-link {

	/*background: #ececec;*/

}

#facebook-link-active {

	background: #3B5998; /* facebook blue */

}

#youtube-link {

	/*background: #ececec;*/

}

#youtube-link-active {

	background: #bb0000; /* youtube red*/

}

#google-plus-link {

	/*background: #ececec;*/

}

#google-plus-link-active {

	background: #dd4b39; /* google+ red*/

}

#twitter-link {

	/*background: #ececec;*/

}

#twitter-link-active {

	background: #4099FF; /* twitter blue*/

}

#linkedin-link {

	/*background: #ececec;*/

}

#linkedin-link-active {

	background: #4099FF; /* linked */

}

#pinterest-link {

	/*background: #ececec;*/

}

#pinterest-link-active {

	background: #cb2027; /* pinterest */

}

#instagram-link {

	/*background: #ececec;*/

}

#instagram-link-active {

	background: #517fa4; /* instagram */

}

#foursquare-link {

	/*background: #ececec;*/

}

#foursquare-link-active {

	background: #0072b1; /* foursquare */

}



/* jquery shake effects */	

.ui-effects-wrapper {

	display:inline;

}



/* clear both */

.clear {

	clear:both

}



/* bios paragraphs */

.bios {

	display: inline-block;

	padding: 5px 2% 5px 2%;

	width: 96%;

	margin-left: 0;

	/*background: #ececec;*/

	border-radius: 0.5em;

	-webkit-border-radius: 0.5em;

	-moz-border-radius: 0.5em;

	font-size: 1.0em;

	float: left;

}

.bios b {

	position: relative;

	display: block;;

	font-size: 1.2rem;

	margin-bottom: 3px;

}



/* profile images */

img.profile {

	position: relative;

	display: inline-block;

	text-align: center;

	border-radius:  0em;

	width: 100%;

	max-width: 300px !important;

}

img.profileSmall {

	position: relative;

	display: inline-block;

	text-align: center;

	border-radius:  0em;

	width: 50%;

}

.bold {

	font-weight: 500;

	color: #38c3f0;

}



/* google maps style */

div.google-map {

	position: relative;

	display: inline-block;

	margin-top: 2%;

	padding: 2%;

	border: 1px solid #38c3f0;

	margin-left: 0px;

	margin-bottom: 2%;	

	width: 96%;

}



/* faqs */

.faqs-show-answer {

	cursor: pointer;

}

.faqs-show-answer:hover h3{

	color: #3b3d40;

}

.faqs-answer {

	display: none;

}



/* blockquote styles */

blockquote {

	display: inline-block;

	padding: 5px 10px 10px 10px;

	margin-left: 0;

	background: #3b3d40;

	box-shadow: 5px 5px 5px #38c3f0;

	font-size: 1.1em;

	color: #ffffff;

}

.bqstart {

	position: relative;

	display: inline-block;

	height: 20px;

	padding-bottom: 0;

    font-size: 120%;

	color: #38c3f0;

}

.bqend {

	position: relative; 

	display: inline-block;

	height: 20px;

    font-size: 120%;

	color: #38c3f0;

}



/* ordered lists */

ol {

	margin-top: 1%;

	padding: 2%;

	background: #ececec;

}

ol li {

	list-style-type: decimal;

	margin-left: 20px;

	margin-bottom: 2%;

	margin-top: 3%;

}



/* unordered lists */

ul.norm {

	margin-top: 1%;

	padding: 2%;

	background: #ececec;

}

ul.norm li {

	list-style-type: circle;

	margin-left: 20px;

	margin-bottom: 1%;

}



/* round images */

.rounded {

	border-radius: .5em .5em .5em .5em;

	-webkit-border-radius: .5em .5em .5em .5em;

	-moz-border-radius: .5em .5em .5em .5em;	

}

.rounded-left {

	border-radius: .5em 0 0 .5em;

	-webkit-border-radius: .5em 0 0 .5em;

	-moz-border-radius: .5em 0 0 .5em;	

}



/* back to top floating button */

.back-to-top {

    position: fixed;

    display: inline-block;

    bottom: 0;

    right: 50%;

    text-decoration: none;

    color: #000000;

    background: rgba(158, 206, 116, 0.50);

    font-size: 12px;

    padding: 10px 15px 10px 15px;

    display: none;

	z-index: 100;

	width: 80px;

	text-align: center;

	margin-right: -40px;

}

.back-to-top:hover {    

	bottom: 0;

    background: rgba(135, 135, 135, 0.50);

}



/* message styles for forms */

#message_post_request {

	display: none;

	position: relative;

	padding: 10px;

	background: rgba(255,255,255,0.5); 

	color: #38c3f0;

	margin-bottom: 10px;

	border-radius: .3em;

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;	

	list-style: none;

}

#message_post {

	position: relative;

	display: inline-block;

	padding: 10px 0 10px 0;

	display: none;

	text-align: center;

	background: rgba(255,255,255,0.5);

	color: #38c3f0;

	z-index: 20;

	font-size: 1.1em;

}

.error {

	color: #ff0000;

}

.success {

	color: #576B12;

}

img.loading-icon {

	/*float: left;*/

}



/* fancy checkbox styles */

input[type=checkbox].checkBox:hover {

	cursor: pointer;

}

input[type=checkbox].checkBox:before { 

	content:""; 

	position: relative;

	display: inline-block; 

	float: left;

	margin: -2px 0 0 0;

	width: 17px; 

	height: 17px; 

	background: url("images/checkbox-images/checkbox.jpg");

	background-repeat: no-repeat;

	background-size: 100%;

}

input[type=checkbox].checkBox:checked:before { 

	background: url("images/checkbox-images/checkbox-checked.jpg");

	background-repeat: no-repeat;

	background-size: 100%;	

}



@font-face {

    font-family: TrajanBold;

    src: url("fonts/Trajan_Bold.ttf");

}



.socialIcons {

	height: 30px;

	padding: 0 5px;

	opacity: 0.7;

	transition: all 0.3s ease;

}

.socialIcons:hover {

	opacity: 1.0;

}

.socialIconsFooter {

	height: 40px;

	padding: 0 5px;

	opacity: 0.8;

	transition: all 0.3s ease;	

}

.socialIconsFooter:hover {

	opacity: 1.0;

}



#modalBox {

	display: none;

	width: 100%;

	height: 100%;

	position: fixed;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	font-size: 1.0em;

	box-sizing: border-box;

	padding: 0;

	color: #fff;

	background: rgba(0,0,0,0.6);

	z-index: 50;

	overflow: hidden;

	overflow-y: scroll;

}

#popUp {

	display: none;

	box-sizing: border-box;

	position: fixed;

	/*display: inline-block;*/

	margin-top: 100px;

	top: 0;

	left: 0;

	right: 0;

	z-index: 200;

	width: 90%;

	max-width: 500px;

	border: 1px solid #ececec;

	border-radius: 0.2em;

	transition: all 0.5s ease;

	background: #fff;

	padding: 20px;

	margin-left: auto;

	margin-right: auto;

	box-shadow: 5px 5px 5px #333333;

}

a#closeMessage:link, a#closeMessage:active, a#closeMessage:visited {

	font-weight: bold;

	text-decoration: none;

	background: #fff;

	border-radius: 50%;

	width: 20px;

	height: 20px;

	padding: 2px;

	text-align: center;

	position: absolute;

	display: inline-block;

	left: -10px;

	top: -10px;

	background: #ccc;

}



* { box-sizing: border-box; }

/*.video-background {

  background: #000;

  position: fixed;

  top: 0; right: 0; bottom: 0; left: 0;

  z-index: -99;

}*/

.video-foreground,

.video-background iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 300;

}

#vidtop-content {

	top: 0;

	color: #fff;

}

.vid-info { position: absolute; top: 40%; right: 35%; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }

.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }

.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }

@media (min-aspect-ratio: 16/9) {

  .video-foreground { height: 300%; top: -100%; }

}

@media (max-aspect-ratio: 16/9) {

  .video-foreground { width: 300%; left: -100%; }

}

@media all and (max-width: 600px) {

.vid-info { width: 50%; padding: .5rem; }

.vid-info h1 { margin-bottom: .2rem; }

}

@media all and (max-width: 500px) {

.vid-info .acronym { display: none; }

}

.locations-summary {
    padding: 20px;
    text-align: center;
    max-width: 1300px;
    margin: auto;
}
.locations-summary h3 {
    margin-top: 0;
    text-align:center;
}

.req-appt-header-wrap-aa {
    max-width: 1300px;
    margin: auto;
    padding: 20px;
}

.socials-header-wrap-aa {
  max-width: 1300px;
  margin: auto;
}

.socials-header-wrap-aa p {
    text-align: center;
}

.transform-none {
text-transform: none;
}
h1.h1-smaller-aa {
font-size: 20px;
text-align: left;
text-transform: none;
font-weight: 600;
}
	
/* end of site css */