@charset "utf-8";
body {
	font-family: 'Open Sans', sans-serif;
	color: #fff
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	color: #FFF
}
a:focus, a:hover {
	color: #FFF;
	text-decoration: underline
}
.header-wrapper {
	text-align: center;
	background: red;
	color: #FFF
}
.widgets-area {
	display: none
}
.footer, .new_head {/*position:relative;padding:0;*/
}
html body {
	padding-top: 0!important;
	padding-bottom: 0!important
}
.footer-wrapper {
	background: #3F4546
}
.footer-wrapper, .footer-wrapper a {
	font-size: 13px
}
.footer-wrapper .container {
	width: 90%
}
.footer-menu li {
	display: inline-block;
	padding: 5px 10px
}
.developer-text {
	text-align: right;
	padding: 5px 0
}
.copy-right-text {
	padding: 5px 0
}
.home-icons-wrapper {
	background: url(../images/home-background.png) center center/100% 100% no-repeat;
	overflow: hidden
}
.main-icons {
	color: #2b2b2b !important;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}
.main-icons.blue.active, .main-icons.blue:hover {
	text-decoration: none;
	-webkit-animation: blue-effect 1s ease-in-out infinite alternate;
	-moz-animation: blue-effect 1s ease-in-out infinite alternate;
	animation: blue-effect 1s ease-in-out infinite alternate
}
.main-icons.red.active, .main-icons.red:hover {
	text-decoration: none;
	-webkit-animation: red-effect 1s ease-in-out infinite alternate;
	-moz-animation: red-effect 1s ease-in-out infinite alternate;
	animation: red-effect 1s ease-in-out infinite alternate
}
.icon-text span {
	visibility: hidden;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase
}
.main-icons.red:hover .icon-text span {
	visibility: visible;
	text-shadow: 2px -1px 2px #58BEE0
}
.main-icons.blue:hover .icon-text span {
	visibility: visible;
	text-shadow: 2px -1px 2px #4BC9EE
}
.active-icon {
	visibility: visible !important;
	text-shadow: 2px -1px 2px #4BC9EE !important
}
@-webkit-keyframes blue-effect {
from {
box-shadow:0 0 40px #228DFF, 0 0 70px #228DFF;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #228DFF, 0 0 35px #228DFF;
background-size:100% 100%
}
}
@-moz-keyframes blue-effect {
from {
box-shadow:0 0 40px #228DFF, 0 0 70px #228DFF;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #228DFF, 0 0 35px #228DFF;
background-size:100% 100%
}
}
@keyframes blue-effect {
from {
box-shadow:0 0 40px #228DFF, 0 0 70px #228DFF;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #228DFF, 0 0 35px #228DFF;
background-size:100% 100%
}
}
@-webkit-keyframes red-effect {
from {
box-shadow:0 0 40px #F17, 0 0 70px #F17;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #F17, 0 0 35px #F17;
background-size:100% 100%
}
}
@-moz-keyframes red-effect {
from {
box-shadow:0 0 40px #F17, 0 0 70px #F17;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #F17, 0 0 35px #F17;
background-size:100% 100%
}
}
@keyframes red-effect {
from {
box-shadow:0 0 40px #F17, 0 0 70px #F17;
background-size:50% 50%
}
to {
box-shadow:0 0 20px #F17, 0 0 35px #F17;
background-size:100% 100%
}
}
.hospital-icon {
	background: url(../images/hospital.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 135px;
	left: 72.5%;
	top: 13%;
	width: 135px
}
.hospital-icon.active, .hospital-icon:hover {
	background: url(../images/hospital.png) 50% 50%/85% 85% no-repeat #E83C45
}
.hospital-icon .icon-text {
	top: -15%
}
.diagonstic-center-icon {
	background: url(../images/diagonstic-center.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 135px;
	left: 29.4%;
	top: 53%;
	width: 135px
}
.diagonstic-center-icon.active, .diagonstic-center-icon:hover {
	background: url(../images/diagonstic-center.png) 50% 50%/85% 85% no-repeat #E83C45
}
.diagonstic-center-icon .icon-text {
	top: -15%
}
.doctor-icon {
	background: url(../images/doctor.png) 50% 50%/85% 85% no-repeat #E83C45;
	height: 135px;
	left: 61.4%;
	top: 33%;
	width: 135px
}
.doctor-icon.active, .doctor-icon:hover {
	background: url(../images/doctor.png) 50% 50%/85% 85% no-repeat #4BC9EE
}
.doctor-icon .icon-text {
	top: -15%
}
.physiotherapy-icon {
	background: url(../images/physiotherapy.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 120px;
	left: 31.8%;
	top: 21%;
	width: 120px
}
.physiotherapy-icon.active, .physiotherapy-icon:hover {
	background: url(../images/physiotherapy.png) 50% 50%/85% 85% no-repeat #E83C45
}
.physiotherapy-icon .icon-text {
	top: -18%
}
.spa-icon {
	background: url(../images/spa-center.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 120px;
	left: 7.1%;
	top: 41%;
	width: 120px
}
.spa-icon.active, .spa-icon:hover {
	background: url(../images/spa-center.png) 50% 50%/85% 85% no-repeat #E83C45
}
.spa-icon .icon-text {
	top: -18%
}
.saloon-icon {
	background: url(../images/saloon.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 110px;
	left: 53.3%;
	top: 55%;
	width: 110px
}
.aerobics-icon, .blog-icon, .events-icon {
	height: 95px;
	width: 95px
}
.saloon-icon.active, .saloon-icon:hover {
	background: url(../images/saloon.png) 50% 50%/85% 85% no-repeat #E83C45
}
.saloon-icon .icon-text {
	top: -20%
}
.events-icon {
	background: url(../images/events.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	left: 70.5%;
	top: 61%
}
.events-icon.active, .events-icon:hover {
	background: url(../images/events.png) 50% 50%/85% 85% no-repeat #E83C45
}
.events-icon .icon-text {
	top: -24%
}
.aerobics-icon {
	background: url(../images/aerobics.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	left: 79.4%;
	top: 41%
}
.aerobics-icon.active, .aerobics-icon:hover {
	background: url(../images/aerobics.png) 50% 50%/85% 85% no-repeat #E83C45
}
.aerobics-icon .icon-text {
	top: -24%
}
.blog-icon {
	background: url(../images/blog.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	left: 13.1%;
	top: 63%
}
.doctors-blog-icon, .gym-icon, .yoga-icon {
	height: 83px;
	width: 83px
}
.blog-icon .icon-text {
	top: -20%
}
.yoga-icon {
	background: url(../images/yoga.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	left: 7.1%;
	top: 18%
}
.yoga-icon.active, .yoga-icon:hover {
	background: url(../images/yoga.png) 50% 50%/85% 85% no-repeat #E83C45
}
.yoga-icon .icon-text {
	top: -24%
}
.gym-icon {
	background: url(../images/gym.png) 50% 50%/85% 85% no-repeat #E83C45;
	left: 42.9%;
	top: 40%
}
.gym-icon.active, .gym-icon:hover {
	background: url(../images/gym.png) 50% 50%/85% 85% no-repeat #4BC9EE
}
.gym-icon .icon-text {
	top: -24%
}
.doctors-blog-icon {
	background: url(../images/doctors-blog.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	left: 49.2%;
	top: 23%
}
.doctors-blog-icon .icon-text {
	top: -26%
}
.homeopathic-icon {
	background: url(../images/homeopathic.png) 50% 50%/85% 85% no-repeat #E83C45;
	height: 72px;
	left: 23.3%;
	top: 8%;
	width: 72px
}
.homeopathic-icon.active, .homeopathic-icon:hover {
	background: url(../images/homeopathic.png) 50% 50%/85% 85% no-repeat #4BC9EE
}
.homeopathic-icon .icon-text {
	top: -27%
}
.hair-treatment-icon {
	background: url(../images/hair-treatment.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 72px;
	left: 53.9%;
	top: 7%;
	width: 72px
}
.hair-treatment-icon.active, .hair-treatment-icon:hover {
	background: url(../images/hair-treatment.png) 50% 50%/85% 85% no-repeat #E83C45
}
.hair-treatment-icon .icon-text {
	top: -27%
}
.ayurvedic-icon {
	background: url(../images/ayurvedic.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 60px;
	left: 20.5%;
	top: 29%;
	width: 60px
}
.ayurvedic-icon.active, .ayurvedic-icon:hover {
	background: url(../images/ayurvedic.png) 50% 50%/85% 85% no-repeat #E83C45
}
.ayurvedic-icon .icon-text {
	top: -32%
}
.blood-bank-icon {
	background: url(../images/blood-bank.png) 50% 50%/85% 85% no-repeat #4BC9EE;
	height: 48px;
	left: 87%;
	top: 66%;
	width: 48px
}
.blood-bank-icon.active, .blood-bank-icon:hover {
	background: url(../images/blood-bank.png) 50% 50%/85% 85% no-repeat #E83C45
}
.blood-bank-icon .icon-text {
	top: -32%
}
.allopathic-icon {
	background: url(../images/allopathic.png) 50% 50%/85% 85% no-repeat #E83C45;
	height: 39px;
	left: 23.3%;
	top: 51%;
	width: 39px
}
.allopathic-icon.active, .allopathic-icon:hover {
	background: url(../images/allopathic.png) 50% 50%/85% 85% no-repeat #4BC9EE
}
.allopathic-icon .icon-text {
	top: -40%
}
section.content-wrapper {
	padding-top: 66px;
}

.home-header-links {
    width: 27%;
    float: right;
}
.home-header-links h3 {
     margin-top: 21px;
    font-size: 18px;
	padding:0px;
	color: #21aad8;
	line-height:normal;
}
.home-header-links h3 a {
    text-decoration: none;
	float:right;
	margin-right:50px;
	text-transform:uppercase;
}
.home-header-links h3 span {
    padding: 0px 5px;
}


.home-header-links h3 a span {
    background-color:#f5f5f5;
	border:1px solid #ddd;
    color: #e83c45;
    padding: 6px 10px;
	position:relative;
	top:-2px;
	font-size:15px;
}