/* ------------------------------------------------------------ *\
	Colors
	
	Dark Gray: #000000
	Light Gray: #BFBFBF
\* ------------------------------------------------------------ */

.icon-facebook {
	background: url('sprite-social.png') no-repeat -90px 0;
	background-size: 210px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.icon-googleplus {
	background: url('sprite-social.png') no-repeat -120px 0;
	background-size: 210px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.icon-twitter {
	background: url('sprite-social.png') no-repeat -60px 0;
	background-size: 210px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.icon-yelp {
	background: url('sprite-social.png') no-repeat -180px 0;
	background-size: 210px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
}

body {
	font-family: 'Lato', sans-serif; background: #454545; font-weight: 300; line-height: 1.75; color: #fff;
}

.shell { width: 90%; max-width: 980px; margin: 0 auto; }

.clear,
.header:after,
.main:after,
.services:after,
.section-doctor:after { content: ''; line-height: 0; display: table; clear: both; }

.phone {text-decoration: none;}

a {color: #BFBFBF;}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; background:#000; }
.homepage .header { background:none;}
.header .logo { float: left; color: #FFF; }
.header .logo img { background-color: #000; border-radius:  0 0 6px 6px;}
.header .logo a { text-decoration: none; color: #fff; }

.header.sticky { background: #000; transition: all .5s ease; box-shadow: 0 4px 2px -2px #BFBFBF;
}
.header.sticky nav ul li a { color: #fff;}
.header.sticky div.logo { display: inline-block; color: #000; }
.header.sticky div.logo a {color: #000; }

.header .shell:after {}

.header .header-inner { display: block; height: 40px;  }
.header .nav { text-align: center; }

.header-contacts { text-align: right; }
.header-contacts p { display: inline-block; vertical-align: middle; padding: 10px; margin: 0; font-size: 14px;}

@media(max-width: 1100px){
	
	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { text-align: center; }

}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { position: relative; padding: 10px 0; background: /*#FFF*/#000; }
	.homepage .header { background: #000;}
	
	.header .logo { float: none; display: block; margin-bottom: 0; }
	.header .logo img {max-width: 65%; }
	.header .header-contacts { text-align: center; }
	.header .header-contacts p {display: block; }
	.header .header-inner { position: fixed; top: 0; left: 100%; width: 100%; height: 100%; padding-bottom: 20px; overflow-x: hidden; overflow-y: auto; background: #FFF; transition: left .5s; }
	.header .header-inner.active { left: 20%; }

	.header .nav { float: none; display: block; }
}


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-size: 16px; font-weight: 400; letter-spacing: -0.01em; color: #fff; }
.nav ul {list-style: none; padding: 0; margin: 10px 0 0; }
.nav ul:after {}

.nav li { display: inline-block; }
.nav a { display: block; padding-bottom: 20px; text-decoration: none; transition: .5s; text-transform: uppercase; color: #ffffff; font-weight: bold; }
.homepage .nav a { color: #fff;}

.nav li ul li a, .homepage .nav .nav-dropdown a { color: #000000; }
.nav li:hover > a { opacity: 0.7; }
.nav li:hover .nav-dropdown, .nav-access li:hover .nav-dropdown { opacity: 1; visibility: visible; text-align: left; padding-left: 10px; }

.nav .has-dd, .nav-access .has-dd { position: relative; }
.nav .has-dd:after, .nav-access .has-dd:after { content: ''; position: absolute; width: 0; height: 0; top: 10px; right: -17px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #000000 transparent transparent transparent; }

.nav-access .nav-dropdown li, .nav-access .nav-dropdown li + li {
	float: none;
	padding-bottom: 10px;
	margin: 0 auto;
}

.nav-btn { display: none; }

#nav {
    text-align: justify;
}
#nav:after {
    content: '';
    display: inline-block;
    width: 100%;
}


/* ------------------------------------------------------------ *\
	Nav Dropdown
\* ------------------------------------------------------------ */

.nav-dropdown { position: absolute; width: 200px; padding: 20px 10px; top: 35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; color: #fff; text-align: center; background: #FFF; transition: .5s; }
.nav-dropdown:after { content: ''; position: absolute; width: 0; height: 0; top: -8px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #FFF transparent; }

.nav-dropdown li { float: none; line-height: 1.1; }
.nav-dropdown li + li { margin-left: 0; }
.nav-dropdown a { padding: 5px 0;  }


/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */

.nav-utilities { padding-bottom: 16px; font-weight: 700; }

.nav-utilities ul:after {}
.nav-utilities li { position: relative; float: left; }
.nav-utilities li + li { margin-left: 22px; }
.nav-utilities li + li:before { content: ''; position: absolute; width: 1px; height: 14px; top: 2px; left: -11px; background: #707070; }
.nav-utilities a { text-decoration: none; }
.nav-utilities a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary { padding-left: 12px; font-size: 14px; line-height: 2; letter-spacing: -0.01em; color: #000; }

.nav-secondary a { text-decoration: none; }
.nav-secondary a:hover { text-decoration: underline; }

.nav-secondary .active a { color: #568ab4; }

@media(max-width: 1100px){
	
	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
	
	.nav { padding-left: 0; }
}

@media (max-width: 1023px) {

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
	
	.nav { margin-right: 0; font-size: 14px; }
	.nav a {font-weight: 500;}

	.nav .has-dd:after { top: 8px; right: -12px; }

	/* ------------------------------------------------------------ *\
		Nav Access
	\* ------------------------------------------------------------ */
	
	.nav-access .btn,
	.nav-access { margin-left: 0; font-size: 12px; }
	
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
	
	.nav { padding-top: 60px; }
	
	.nav ul { display: block; margin: 0; font-weight: bold; letter-spacing: 0; text-transform: uppercase; }

	.nav li { display: block; border-bottom: 1px solid #000000; text-align: left; }
	.nav li + li { margin: 0; }
	.nav a { display: block; padding: 10px 20px; color: #000000 !important; }
	
	.nav .has-dd > a:after { content: ''; position: relative; display: inline-block; width: 0; height: 0; top: -1px; margin-left: 7px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #b4b6b7 transparent transparent transparent; }
	.nav .has-dd:after { display: none; }
	


	/* ------------------------------------------------------------ *\
		Nav Dropdown
	\* ------------------------------------------------------------ */
	
	.nav-dropdown { position: static; padding: 0; max-height: 0; overflow: hidden; visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); color: #fff; text-align: left; background: none; transition: .5s; }
	.nav-dropdown.active { padding: 0 0 15px; max-height: 300px; }
	.nav-dropdown:after { display: none; visibility: hidden; }
	
	.nav-dropdown li { padding: 0; border: 0; }
	.nav-dropdown a { padding: 5px 20px; font-size: 10px; border: 0; }


	/* ------------------------------------------------------------ *\
		Nav Access
	\* ------------------------------------------------------------ */
	
	.nav-access { padding: 0; font-weight: 700; }

	.nav-access li { float: none; text-align: left; }
	.nav-access li + li { margin: 0; }
	.nav-access a { display: block; padding: 10px 20px; }
	
	.nav-access li .btn { position: absolute; display: inline-block; top: 10px; left: 0; margin: 0 0 0 20px; }


	.nav-access .has-dd > a:after { content: ''; position: relative; display: inline-block; width: 0; height: 0; top: -1px; margin-left: 7px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #b4b6b7 transparent transparent transparent; }
	.nav-access .has-dd:after { display: none; }

	.nav-access .nav-dropdown { position: static; padding: 0; max-height: 0; overflow: hidden; visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); color: #fff; text-align: left; background: none; transition: .5s; }
	.nav-access .nav-dropdown.active { padding: 0 0 15px; max-height: 300px; }
	.nav-access .nav-dropdown:after { display: none; visibility: hidden; }
	
	.nav-access .nav-dropdown li { padding: 0; border: 0; }
	.nav-access .nav-dropdown a { padding: 5px 20px; font-size: 10px; border: 0; }


	/* ------------------------------------------------------------ *\
		Nav Btn
	\* ------------------------------------------------------------ */
		
	.nav-btn { float: right; display: block; margin-top: 2px; text-align: left; }

	.nav-btn { display: inline-block; height: 9px; padding-top: 9px; position: fixed; top: 10px; right: 5%; z-index: 2; }
	.nav-btn span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #fff; }
	
	.nav-btn span:before,
	.nav-btn span:after { position: absolute; width: 100%; height: 3px; background: #fff; content: ''; }

	.nav-btn span:before { top: -9px; }
	.nav-btn span:after { top: 3px; }

	.nav-btn span:before,
	.nav-btn span:after,
	.nav-btn span { 
	    transition: all .3s linear; 
	 }

	.nav-btn.active span { border-color: transparent; }
	.nav-btn.active span:before,
	.nav-btn.active span:after { background: #e70000; }

	.nav-btn.active span:before { 
	-webkit-transform: rotate(45deg) translate(2.5px, 6px);
	        -ms-transform: rotate(45deg) translate(2.5px, 6px);
	    transform: rotate(45deg) translate(2.5px, 6px);

	}
	.nav-btn.active span:after { 
	-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
	        -ms-transform: rotate(-45deg) translate(2.5px, -6px);
	    transform: rotate(-45deg) translate(2.5px, -6px); 
	}
	
}

.btn {
    padding: 2px 17px 4px 14px;
    border: 3px solid #BFBFBF;
    border-radius: 6px;
    background: #FFF;
    color: #000000;
    text-transform: uppercase;
	text-decoration: none;
	display: inline-block; 
}

.btn:hover { opacity: 0.7; }

.fullscreen {
	height: 100vh;
	background-image:url('images/custom-banner.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position: relative;
}

.fullscreen-content {
	border: 5px solid #fff;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	padding: 20px;
}

.fullscreen-title h1 { font-size: 3.5em; padding-bottom: 20px; border-bottom: 3px solid #fff; }
.fullscreen-desc h4 { margin: 20px 0; font-size: 2em; }

@media (max-width: 767px) {
	.fullscreen-content { width: 80%; top: 35%;}
	.fullscreen { margin-top: -60px; }
	.fullscreen-title h1 { font-size: 24px; }
	.fullscreen-desc h4 { font-size: 18px;}
}

.intro {
    margin-top: 170px;
    color: #000;
    background: #BFBFBF;
}
.intro .intro-heading { padding: 10px 0; margin: 0; font-weight: bold; font-size: 2em;}

@media (max-width: 769px) {
	.intro {
		margin-top: 0;
	}
}

.tint {
	z-index: 1;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0, 0.25);
}



.main {
	width: 100%;
	padding: 20px 0;
}

.secondary {
	width: 100%;
	background: #000000;
	padding: 20px 0;
	color: #fff;
}

.section-doctor .article-head h1, .article-title { text-align: left; margin: 0 0 10px;  }
.section-doctor .img { width: 30%; max-width: 320px; float: left; padding-top: 16px; }
.section-doctor .img img { border-radius: 6px; margin-bottom: 20px;}

@media (max-width: 767px) {
	.section-doctor .img { margin: 0 auto; }

}

.section-form { background: #BFBFBF; padding-top: 30px; }
.section-form h3 { color: #000000; text-align: center; margin-bottom: 0; }
.section-form a {color: #000000;}

.section-callout h2 {width: 75%; float: left; margin: 0;}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article-head h1 { text-transform: uppercase; }

.article-body .img { width: 45%; float: right; padding: 0 0 30px 30px; }

.article-body .img-right { float: right; padding: 0 0 0 30px; }

.img img { width: 100%; border-radius: 6px; }
.article ul {list-style-position: inside; margin: 30px; }

/* ------------------------------------------------------------ *\
	Service
\* ------------------------------------------------------------ */
.section-services { text-align: center; }
.section-services h1 {color: #ffffff;}
.services { list-style: none; margin-top: 23px; margin-bottom: 0; padding: 0 11px; }
.services .service { float: left; width: 47.06%; margin-bottom: 20px; }
.services .service:nth-child(odd) { margin-right: 2.89%; }
.services .service:nth-child(even) { margin-left: 2.89%; }
.service { text-align: center; position: relative; }
.service .service-image { overflow: hidden; position: relative; height: 208px; z-index: 5; }
.service a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; 
transition: background .5s;  background: rgba(200,232,244,.2); }
.service a:hover { background: none; }
.service .service-image img { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; max-width: initial; 
-webkit-transform: translate(-50%,-50%); 
     -ms-transform: translate(-50%,-50%); 
         transform: translate(-50%,-50%);  }
.service p { background: #fff; text-transform: uppercase; color: #000000; font-size: 20px; margin: 0; padding: 6px; }
@media (max-width: 1023px) { 
	.service p { font-size: 16px; padding: 5px 0; }
	}
@media (max-width: 767px) { 
	.services .service { float: none; width: 70%; margin: 0 auto 30px; }
	.service .service-image { height: initial; }
	.service .service-image img { position: static; width: 100%; height: auto; 
		-webkit-transform: none; 
		    -ms-transform: none; 
		        transform: none; }
	.services .service:nth-child(odd) { margin: 0 auto 30px; }
	.services .service:nth-child(even) { margin: 0 auto 30px; }
}
@media (max-width: 479px) { 
	.services { margin-top: 15px; }
	.services .service { width: 100%; margin: 0 auto 20px; }
	.services .service:nth-child(odd) { margin: 0 auto 20px; }
	.services .service:nth-child(even) { margin: 0 auto 20px; }
}


/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

footer {
	background: #000000;
	padding: 20px 0; 
	color: #fff;
}

.footer-nav { text-align: center; list-style: none; margin: 0; padding: 0; }
.footer-nav li { display: inline-block; padding: 6px 20px; }
.footer-nav li a { color: #fff; text-decoration: none; }
.footer-social {}
.footer-copy p { text-align: center; margin: 0; font-size: small;}
.footer-copy a { color: #fff; }

/* ------------------------------------------------------------ *\
	CTA
\* ------------------------------------------------------------ */

.cta { float: right; max-width: 200px; padding: 20px; background: #000000; margin-left: 30px; color: #fff; text-align: center;}
.cta h3 { margin-top: 0; letter-spacing: 1px; color: #BFBFBF;}
.cta .btn { text-align: center; }
.cta .btn:hover { background-color: #BFBFBF;}
.cta .btn h2 { color: #000000;}
.cta .btn span { color: #000000; }

.quote { border-left: 5px solid #000000; margin: 0 30px; padding-left: 10px; }
.quote p { font-style: italic; }

@media (max-width: 469px) {
	
	.main { padding: 20px 0; }
	
	.intro .intro-heading { text-align: center; }
	
	.article-body .img  { float: none; width: 100%; margin: 0 auto; padding: 10px 0; }
	.article-body .img img { max-width: 100%; }
	
	.cta { float: none; max-width: 100%; margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Section-offers
\* ------------------------------------------------------------ */

.offer { display: block; overflow: hidden; padding: 22px 0 30px;  border-bottom: 4px solid  #000000; font-family: 'Lato', sans-serif;}
.offer ~ .offer { padding: 33px 0 30px; }

.offer-image { float: left; width: 17%; }

.offer-content { float: right; width: 79%; }
.offer-title { color: #ffffff; margin-top: 0; }
.offer-entry { margin: 12px 0; }

.offer-actions { margin-top: 30px; }
.offer-actions .btn-blue { display: inline-block; padding: 12px 16px; }


.map {padding: 5px; border: 1px solid #000000; height: 400px; }

.cols { width: 100%; }
.col-half { width: 50%; float: left; }
@media (max-width: 769px) {
	
	.col-half { width: 100%; text-align: center; }
}

.callout-phone {text-decoration: none; color: #ffffff; font-size: 30px; font-weight: 700;}
.callout-phone span {display: block;}


@media (max-width:767px){
	.offer-image { float: none; width: 100%; }
	.offer-content { float: none; width: 100%; }
}



/* =========================== New Code Added Here =================== */

a.phone {
    color: #fff;
	text-shadow: 0px 1px 3px #000;
}

.nav .has-dd:after, .nav-access .has-dd:after {
    border-color: #fff transparent transparent transparent;
}

@media (max-width: 767px){
	
.nav .has-dd > a:after {

    border-color: #000 transparent transparent transparent;
}
	

.fullscreen-title h1 {
    font-size: 20px;
}
	
.fullscreen-content {
    top: 58%;
}
	
	
}

@media(max-width:467px){
	.fullscreen {
		height: 75vh;}
	
}