@import url('https://fonts.googleapis.com/css?family=Lato:100,300');

h1, h2, h3, h4 {
    font-family: Lato;
	font-weight: 300;
}

.experienceText h3 {
    font-family: Lato;
	font-weight: 300;
}

#home-1 .inner-shorter h1 {
    font-family: Lato;
	font-weight: 300;
	color: #ec008c;
}

#content-main-right-sidebar h2 {
    border: none;
    font-family: Lato;
    font-weight: 700;
    color: #ec008c;
    padding-top: 12px;
    margin-bottom: 3px
}

.topBottomBorder {
	border-color: #818285;
}

.topIconWrap {
	color: #ec008c;
}

nav ul li a {
	color: #818285;
}

.topIconText h6 {
	color: #ec008c;
}

.topIconText p {
	color: #818285;
}

.topIconText a {
	color: #818285;
}

nav ul li a:hover {
	color: #ec008c;
}

.hvr-underline-from-center:before {
	background-color: #ec008c;
}

.blueBorder {
	border-color: #818285;
}

.blueBtn {
	background-color: #ec008c;
	color: white !important;
	border-radius: 0px;
}

.blueBtn:hover {
	background-color: rgba(236, 0, 140, 0.75);
}

.experienceText h3 {
	color: #ec008c;
}

.experienceText p {
	color: #818285;
}

.map-l {
	margin:0 1%; border:3px solid #ec008c;
}

.map-r {
	margin:0 1%; border:3px solid #ec008c;
}

.map-lc {
	padding: 10px 5px 10px 0px;
}

.map-rc {
	padding: 10px 0px 10px 5px;
}

.left {
	float: left;
}

.pink {
	color: #ec008c;
}

.grey {
	color: #818285;
}

.inner-shorter {
	background-image: url('../images/texture-bg.png');
}

#top-bar {
	border-color: #ec008c;
	border-width: 0px;
	margin-bottom: 0px;
    padding-bottom: 0px;
}

#top-bar-grad {
	background: linear-gradient(to right, rgba(236, 0, 140, 0), rgba(236, 0, 140, 1), rgba(236, 0, 140, 0));
	width: 80%;
	height: 1px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.topSocialIcons li a {
	border-radius: 50%;
    position: relative;
    top: -3px;
}

#fb {
	background-color: rgba(236, 0, 140, 1)
}

#fb:hover {
	background-color: rgba(236, 0, 140, 0.75)
}

#insta:before {font-size:20px; font-family: 'FontAwesome'; content:'\f16d';}

#insta {
	background-color: rgba(236, 0, 140, 1)
}

#insta:hover {
	background-color: rgba(236, 0, 140, 0.75)
}

.footerInfo i, .footerHours .fa-clock-o, .widget .inside .fa {
	color: #ec008c;
}
#gplus {
	background-color: rgba(236, 0, 140, 1)
}
#gplus:hover {
	background-color: rgba(236, 0, 140, 0.75)
}
#blog {
	background-color: rgba(236, 0, 140, 1)
}
#blog:hover {
	background-color: rgba(236, 0, 140, 0.75)
}
#doctor h5 {
	color: #818285;
}

footer h4, aside h3, .health-heading {
	color: #ec008c;
	border-bottom: 1px dotted #ec008c;
}

.greyBGBorder, #hoverServices, #reviewUs2, .BGBorder {
	border-color: #ec008c;
}

.list-item:before {
	font-family: FontAwesome;
	content: "\f101";
	margin-right: 8px;
	color: #ec008c;
	text-decoration: none;
}

.list-item {
	color: #ec008c;
}

.list-item:hover {
	color: rgba(236, 0, 140, 0.75);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: rgba(236, 0, 140, 0.75);
}
.celebName {background:rgba(236, 0, 140, 1); padding:8px 0 12px 0; color:#fff; font-weight:600; font-size:20px;}

@media (max-width: 1600px) {
	#newPatients {
		background-image: linear-gradient(rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.65)), url(../images/newpatientbg.jpg);
		background-position: calc(100% + 200px) 100%;
	}
}

@media (max-width: 1048px) {
	#map {
		display: inline-block;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	
	#newPatients {
		background-image: linear-gradient(rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 0.85)), url(../images/newpatientbg.jpg);
		background-position: calc(100% + 200px) 100%;
	}

	#top-bar-grad {
		display: none;
	}
}

@media (max-width: 980px) {
	.topSocialIcons li a {
		border-radius: 50%;
		position: relative;
		top: 0px;
	}

	.slicknav_menu {
		background-color: #818285 !important;
	}

	.slicknav_nav a:hover {
		background-color: #ec008c;
		border-radius: 0px;
	}
}

@media (max-width: 768px) {
	.mobileAddress {
		display: block;
		float: left;
		width: 50%;
	}

	#ourlink {
		margin-bottom: 20px; 
	}

	.map-l {
		width: 100%;
		margin:0 0 10px 0;
	}

	.map-r {
		width: 100%;
		margin:0;
	}
	
	.map-lc {
		width: 100%;
		padding: 10px 10px 5px 10px;
	}

	.map-rc {
		width: 100%;
		padding: 5px 10px 10px 10px;
	}
}

@media (max-width: 600px) {
	.mobileAddress {
		display: block;
		float: left;
		width: 100%;
	}
	.celebHeader {font-size:22px !important;}
}