@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap);
:root {
	--theme-color: #07ccec;
	--theme-color2: #2cb624;
	--theme-color3: #0033a0;
	--white-color: #ffffff;
	--border-color: rgba(0, 0, 0, 0.10);
	--title-font: "Quicksand", sans-serif;
	--body-font: "Roboto", sans-serif;
	--subtitle-font: "Dancing Script", cursive;
	--icon-font: "Font Awesome 5 Pro";
	--flaticon: "Flaticon";
	--ripple-ani-duration: 5s
}

body {
	font-family: Poppins;
	color: #4a6f8a;
	background-color: #fff;
	font-size: 15px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #232323
}

p {
	line-height: 1.7
}

a {
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

a:hover {
	text-decoration: none
}

img {
	max-width: 100%
}

.d-table {
	width: 100%;
	height: 100%
}

.d-table-cell {
	vertical-align: middle
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.pt-100 {
	padding-top: 100px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-100 {
	padding-bottom: 100px
}
.pb-150 {
	padding-bottom: 100px
}

button:focus {
	outline: 0
}

.btn.focus,
.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #007185
}

.spinner {
	width: 60px;
	height: 60px;
	position: relative;
	margin: 100px auto
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}


.counter-bg {
	background-image: url(../img/home-one/3.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	padding-top: 45px;
	padding-bottom: 15px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 30px 0 #dddddda6;
	box-shadow: 0 0 30px 0 #dddddda6;
	margin-top: -140px;
	position: relative;
	z-index: 1
}

.counter-item {
	margin-bottom: 30px;
	text-align: center
}

.counter-item i {
	display: block;
	color: #007185;
	font-size: 45px;
	margin-bottom: 20px
}

.counter-item h3 {
	font-weight: 700;
	font-size: 48px;
	color: #007185;
	margin-bottom: 8px
}

.counter-item p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 18px
}

.about-right {
	padding-left: 40px;
	position: relative
}

.about-right img {
	position: absolute;
	top: -55px;
	right: 0;
	z-index: -1;
	width: 500px;
	-webkit-animation: a-three 5s infinite linear;
	animation: a-three 5s infinite linear
}

@-webkit-keyframes a-three {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 35px);
		transform: translate(0, 35px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-three {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 35px);
		transform: translate(0, 35px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}


.expertise-item {
	text-align: center
}

.expertise-item a {
	display: block
}

.expertise-item .expertise-inner {
	background-color: #007185;
	padding: 42px 25px 35px 25px;
	border-radius: 10px;
	margin-bottom: 30px
}

.expertise-item .expertise-inner:hover i {
	-webkit-box-shadow: none;
	box-shadow: none
}

.expertise-item .expertise-inner i {
	display: block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	color: #007185;
	font-size: 30px;
	margin-bottom: 35px;
	-webkit-box-shadow: 0 0 0 7px #ffffffa6;
	box-shadow: 0 0 0 7px #ffffffa6;
	background-color: #fff;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	position: relative;
	top: 8px
}

.expertise-item .expertise-inner h3 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 14px
}

.expertise-item .expertise-inner p {
	margin-bottom: 0;
	color: #fff
}

.expertise-item .expertise-right {
	padding-left: 80px;
	position: relative
}

.expertise-item .expertise-right:before {
	position: absolute;
	content: '';
	top: -10px;
	left: 70px;
	width: 430px;
	height: 380px;
	z-index: -1;
	border-radius: 10px;
	-webkit-animation: a-one 5s infinite linear;
	animation: a-one 5s infinite linear;
	background-color: #007185
}

.expertise-item .expertise-right:after {
	position: absolute;
	content: '';
	bottom: -10px;
	right: -10px;
	width: 430px;
	height: 380px;
	z-index: -1;
	border-radius: 10px;
	-webkit-animation: a-two 5s infinite linear;
	animation: a-two 5s infinite linear;
	background-color: #007185
}

.expertise-item .expertise-right img {
	width: 100%;
	z-index: 1;
	-webkit-animation: a-seven 10s infinite linear;
	animation: a-seven 10s infinite linear
}

@-webkit-keyframes a-seven {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes a-seven {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.video-area {
	background-image: url(../img/home-one/7.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 560px;
	text-align: center
}

.video-item a {
	display: inline-block;
	width: 110px;
	height: 110px;
	line-height: 110px;
	border-radius: 50%;
	color: #007185;
	font-size: 35px;
	background-color: #fff
}

.video-item a:hover {
	color: #fff;
	background-color: #111
}

.video-item .video-content {
	margin-top: 90px;
	text-align: left;
	padding-left: 30px;
	position: relative;
	max-width: 745px;
	margin-left: 0
}

.video-item .video-content:before {
	position: absolute;
	content: '';
	top: 9px;
	left: 0;
	width: 5px;
	height: 70px;
	background-color: #fff
}

.video-item .video-content h3 {
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 25px
}

.video-item .video-content p {
	color: #fff;
	margin-bottom: 0
}

.video-wrap .video-nav {
	margin-top: -42px;
	background-color: #fff;
	text-align: center;
	display: block;
	z-index: 1;
	position: relative;
	-webkit-box-shadow: 0 0 15px 0 #ddd;
	box-shadow: 0 0 15px 0 #ddd
}

.video-wrap .video-nav .video-nav-item {
	display: inline-block
}

.video-wrap .video-nav .video-nav-item a {
	color: #007185;
	font-size: 16px;
	font-weight: 600;
	background-color: transparent;
	padding: 25px 49.4px 22px 49.3px;
	border-bottom: 2px solid transparent;
	border-radius: 0
}

.video-wrap .nav-pills .nav-link,
.video-wrap .nav-pills .show>.nav-link {
	border-top: 4px solid transparent
}

.video-wrap .nav-pills .nav-link.active,
.video-wrap .nav-pills .show>.nav-link {
	border-top: 4px solid #007185
}

.doctor-item {
	margin-bottom: 30px;
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 20px 0 #ddd;
	box-shadow: 0 0 20px 0 #ddd;
	border-radius: 10px
}

.doctor-item:hover .doctor-top:before {
	opacity: .6;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.doctor-item:hover .doctor-top a {
	opacity: 1;
	bottom: 20px
}

.doctor-item .doctor-top {
	position: relative;
	border-radius: 10px
}

.doctor-item .doctor-top a {
	display: inline-block;
	color: #007185;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 0;
	position: absolute;
	border-radius: 5px;
	left: 0;
	right: 0;
	bottom: 10px;
	opacity: 0;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff
}

.doctor-item .doctor-top a:hover {
	color: #fff;
	background-color: #111
}

.doctor-item .doctor-top img {
	width: 100%;
	border-radius: 10px
}

.doctor-item .doctor-bottom {
	padding-top: 25px;
	padding-bottom: 25px
}

.doctor-item .doctor-bottom h3 a {
	display: block;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
	color: #232323
}

.doctor-item .doctor-bottom h3 a:hover {
	color: #007185
}

.doctor-item .doctor-bottom span {
	display: block;
	color: #4a6f8a;
	font-size: 15px
}

.doctor-btn {
	text-align: center
}

.doctor-btn a {
	margin-top: 30px;
	display: inline-block;
	font-weight: 600;
	color: #232323;
	font-size: 18px;
	border: 2px solid #199eb8;
	padding: 18px 55px;
	border-radius: 10px
}

.doctor-btn a:hover {
	color: #fff;
	background-color: #199eb8
}

.blog-area {
	background-color: #f8fbff;
	position: relative;
	padding-bottom: 180px
}

.blog-item {
	margin-bottom: 30px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px 0 #dddddd6b;
	box-shadow: 0 0 20px 0 #dddddd6b
}

.blog-item:hover .blog-top {
	overflow: hidden
}

.blog-item:hover .blog-top img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.blog-item .blog-top {
	overflow: hidden
}

.blog-item .blog-top img {
	width: 100%;
	border-radius: 10px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.blog-item .blog-top a {
	display: block
}

.blog-item .blog-bottom {
	padding-top: 35px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 35px
}

.blog-item .blog-bottom h3 {
	margin-bottom: 0
}

.blog-item .blog-bottom h3 a {
	font-weight: 600;
	font-size: 20px;
	color: #232323;
	margin-bottom: 12px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	line-height: 1.4;
	display: block
}

.blog-item .blog-bottom h3 a:hover {
	color: #007185
}

.blog-item .blog-bottom p {
	color: #232323;
	margin-bottom: 0;
	padding-bottom: 30px
}

.blog-item .blog-bottom ul {
	margin: 0;
	padding: 0;
	padding-top: 30px;
	border-top: 1px solid #b1b8ed
}

.blog-item .blog-bottom ul li {
	display: inline-block;
	list-style-type: none;
	color: #007185;
	font-weight: 500;
	font-size: 15px
}

.blog-item .blog-bottom ul li i {
	color: #007185
}

.blog-item .blog-bottom ul li:last-child {
	float: right
}

.blog-item .blog-bottom ul li:last-child i {
	font-size: 19px;
	top: 1px;
	margin-right: 3px
}

.blog-item .blog-bottom ul li a {
	display: block;
	color: #007185;
	font-weight: 500;
	font-size: 15px
}

.blog-item .blog-bottom ul li a:hover {
	color: #111
}

.blog-item .blog-bottom ul li a:hover i {
	color: #111
}

.blog-item .blog-bottom ul li a i {
	display: inline-block;
	font-size: 22px;
	position: relative;
	top: 4px;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}

.newsletter-wrap {
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 80px;
	padding-right: 80px;
	-webkit-box-shadow: 0 0 20px 0 #ddddddab;
	box-shadow: 0 0 20px 0 #ddddddab;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	top: -110px;
	left: 0;
	right: 0;
	max-width: 1105px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
}

.newsletter-item h2 {
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 15px
}

.newsletter-item p {
	margin-bottom: 0;
	color: #676767;
	font-size: 15px;
	max-width: 550px;
	margin-left: 0
}

.newsletter-item .newsletter-form {
	position: relative
}

.newsletter-item .newsletter-form .form-control {
	height: 75px;
	border-radius: 10px;
	border: 1px solid #007185;
	padding-left: 25px;
	font-size: 18px
}

.newsletter-item .newsletter-form .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #111
}

.newsletter-item .newsletter-form ::-webkit-input-placeholder {
	color: #333
}

.newsletter-item .newsletter-form :-ms-input-placeholder {
	color: #333
}

.newsletter-item .newsletter-form ::-ms-input-placeholder {
	color: #333
}

.newsletter-item .newsletter-form ::placeholder {
	color: #333
}

.newsletter-item .newsletter-form .newsletter-btn {
	border-radius: 10px;
	padding: 16px 30px;
	font-size: 18px;
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	background-color: #007185;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	opacity: 1
}

.newsletter-item .newsletter-form .newsletter-btn:hover {
	background-color: #111
}

.newsletter-item .newsletter-form .validation-danger {
	color: #dc3545;
	margin-top: 10px
}

footer {
	background-image: url(../../assets/img/back-banner.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background: linear-gradient(90deg, rgb(2 38 83) 0%, rgb(2 53 89) 61%, rgb(4 44 61) 100%);


	padding-top: 45px;
	position: relative
}

.footer-item {
	margin-bottom: 30px
}

.footer-item .footer-contact h3 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.footer-item .footer-contact ul {
	margin: 0;
	padding: 0
}

.footer-item .footer-contact ul li {
	list-style-type: none;
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	padding-left: 60px;
	position: relative;
	margin-bottom: 30px
}

.footer-item .footer-contact ul li:last-child {
	margin-bottom: 0;
	margin-left: 0
}

.footer-item .footer-contact ul li:last-child i {
	top: 2px
}

.footer-item .footer-contact ul li a {
	display: block;
	color: #fff;
	margin-bottom: 7px
}

.footer-item .footer-contact ul li a:last-child {
	margin-bottom: 0
}

.footer-item .footer-contact ul li a:hover {
	margin-left: 5px
}

.footer-item .footer-contact ul li a:hover i {
	left: 5px
}

.footer-item .footer-contact ul li i {
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 42px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.footer-item .footer-quick h3 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.footer-item .footer-quick ul {
	margin: 0;
	padding: 0
}

.footer-item .footer-quick ul li {
	list-style-type: none;
	display: block;
	margin-bottom: 20px
}

.footer-item .footer-quick ul li:last-child {
	margin-bottom: 0
}

.footer-item .footer-quick ul li a {
	display: block;
	font-weight: 500;
	font-size: 15px;
	color: #fff
}

.footer-item .footer-quick ul li a:hover {
	margin-left: 5px
}

.footer-item .footer-feedback h3 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.footer-item .footer-feedback .form-group {
	margin-bottom: 20px
}

.footer-item .footer-feedback .form-group .form-control {
	font-size: 15px;
	background-color: transparent;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #ffffffc7;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 15px;
	color: #fff
}

.footer-item .footer-feedback .form-group .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #ffffffc7
}

.footer-item .footer-feedback .form-group ::-webkit-input-placeholder {
	color: #ffffffc7
}

.footer-item .footer-feedback .form-group :-ms-input-placeholder {
	color: #ffffffc7
}

.footer-item .footer-feedback .form-group ::-ms-input-placeholder {
	color: #ffffffc7
}

.footer-item .footer-feedback .form-group ::placeholder {
	color: #ffffffc7
}

.footer-item .footer-feedback .feedback-btn {
	font-weight: 600;
	font-size: 14px;
	background-color: blue;
	padding: 12px 35px;
	border-radius: 30px;
	color: black;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.footer-item .footer-feedback .feedback-btn:hover {
	color: white;
	background-color: #111
}

.copyright-area {
	background-color: #001230
}

.copyright-area .copyright-item {
	padding-top: 20px;
	padding-bottom: 20px
}

.copyright-area .copyright-item p {
	margin-bottom: 0;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-align: center
}

.copyright-area .copyright-item p a {
	display: inline-block;
	color: #fff
}

.copyright-area .copyright-item p a:hover {
	color: #007185
}

.home-slider-two.owl-theme .owl-dots .owl-dot.active span,
.home-slider-two.owl-theme .owl-dots .owl-dot:hover span {
	background: #9dbdfc
}

.slider-item-img-two {
	background-image: url(../img/home-two/slider/1.jpg)
}

.slider-item-img-three {
	background-image: url(../img/home-two/slider/2.jpg)
}

.slider-item-img-four {
	background-image: url(../img/home-two/slider/3.jpg)
}

.home-slider-two .owl-prev {
	background-color: #bdcce2 !important
}

.home-slider-two .owl-next {
	background-color: #bdcce2 !important
}

.home-slider-two .slider-item {
	height: 830px
}

.home-slider-two .slider-item .slider-shape img {
	position: absolute;
	top: -160px;
	left: 0;
	width: 525px;
	-webkit-animation: a-three 5s infinite linear;
	animation: a-three 5s infinite linear
}

.home-slider-two .slider-item:before {
	display: none
}

.home-slider-two .slider-item .slider-text h1 {
	color: #232323
}

.home-slider-two .slider-item .slider-text p {
	color: #616263
}

.home-slider-two .slider-item .slider-text .common-btn a {
	border: 2px solid #007185;
	color: #fff;
	background-color: #007185;
	position: relative
}

.home-slider-two .slider-item .slider-text .common-btn a:hover {
	color: #007185;
	background-color: transparent
}

.home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right {
	background-color: transparent;
	color: #007185
}

.home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right:hover {
	color: #fff;
	background-color: #007185
}

.emergency-area {
	margin-top: -125px;
	position: relative;
	z-index: 1
}

.emergency-bg {
	background-image: url(../img/home-two/2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 45px 0 15px 110px;
	border-radius: 10px
}

.emergency-item {
	margin-bottom: 30px;
	position: relative
}

.emergency-item i {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	color: #111;
	font-size: 20px;
	-webkit-box-shadow: 0 0 0 4px #ffffff9c;
	box-shadow: 0 0 0 4px #ffffff9c;
	background-color: #fff
}

.emergency-item .emergency-inner {
	padding-left: 75px
}

.emergency-item .emergency-inner h3 {
	color: #fff;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: 600
}

.emergency-item .emergency-inner p {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px
}

.welcome-left {
	background-image: url(../img/home-two/3.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 0 10px 10px 0;
	margin-bottom: 30px;
	width: 100%;
	height: 100%
}

.welcome-left img {
	display: none
}

.welcome-item ul {
	margin: 0;
	padding: 0;
	max-width: 430px
}

.welcome-item ul li {
	list-style-type: none;
	display: block;
	position: relative;
	margin-bottom: 60px
}

.welcome-item ul li:hover i {
	-webkit-box-shadow: 0 0 0 10px #111;
	box-shadow: 0 0 0 10px #111
}

.welcome-item ul li:last-child {
	margin-bottom: 0
}

.welcome-item ul li i {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	text-align: center;
	font-size: 35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	color: #111;
	-webkit-box-shadow: 0 0 0 10px #007185;
	box-shadow: 0 0 0 10px #007185;
	background-color: #f1f1f1;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.welcome-item ul li .welcome-inner {
	padding-left: 110px
}

.welcome-item ul li .welcome-inner h3 {
	font-weight: 600;
	font-size: 24px;
	color: #4a6f8a;
	margin-bottom: 10px
}

.welcome-item ul li .welcome-inner p {
	margin-bottom: 0
}

.welcome-right {
	padding-left: 70px;
	padding-top: 0
}

.section-title-two {
	max-width: 430px;
	margin-left: 0;
	margin-bottom: 40px;
	margin-top: -5px
}

.section-title-two span {
	display: inline-block;
	color: #007185;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px
}

.section-title-two h2 {
	font-size: 38px;
	font-weight: 700;
	color: #232323
}

.speciality-area .section-title-two {
	padding-top: 50px;
	padding-left: 15px
}

.speciality-item .speciality-inner {
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px 0 #dddddda6;
	box-shadow: 0 0 20px 0 #dddddda6;
	padding: 35px;
	margin-bottom: 30px
}

.speciality-item .speciality-inner:hover i {
	color: #fff;
	background-color: #6096fd
}

.speciality-item .speciality-inner i {
	display: block;
	color: #6096fd;
	background-color: #e9eef5;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	margin-bottom: 18px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.speciality-item .speciality-inner h3 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 12px
}

.speciality-item .speciality-inner p {
	margin-bottom: 0
}

.speciality-right {
	background-image: url(../img/home-two/4.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px 0 0 10px;
	position: relative;
	width: 100%;
	height: 100%
}

.speciality-right img {
	display: none
}

.speciality-right .speciality-emergency {
	position: absolute;
	bottom: 20px;
	left: -70px;
	background-color: #007185;
	padding: 30px 295px 25px 40px;
	border-radius: 10px
}

.speciality-right .speciality-emergency .speciality-icon {
	width: 45px;
	height: 45px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	position: relative
}

.speciality-right .speciality-emergency .speciality-icon i {
	display: inline-block;
	line-height: 45px;
	color: #007185;
	text-align: center;
	font-size: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: 12px
}

.speciality-right .speciality-emergency h3 {
	font-weight: 500;
	color: #fff;
	font-size: 24px;
	margin-bottom: 8px;
	position: absolute;
	top: 23px;
	right: 70px
}

.speciality-right .speciality-emergency p {
	margin-bottom: 0;
	color: #fff;
	position: absolute;
	right: 142px;
	top: 56px
}

.speciality-left {
	padding-left: 55px;
	padding-right: 120px
}

.video-wrap-two .video-area {
	background-image: url(../img/home-two/7.jpg)
}

.video-wrap-two .video-nav .video-nav-item a {
	padding-left: 49.7px;
	padding-right: 49px
}

.video-wrap-two .video-item a {
	color: #007185
}

.video-wrap-two .nav-pills .nav-link,
.video-wrap-two .nav-pills .show>.nav-link {
	border-top: 0
}

.video-wrap-two .nav-pills .nav-link.active,
.video-wrap-two .nav-pills .show>.nav-link {
	border-top: 0;
	background-color: #007185;
	color: #fff
}

.counter-area-two .counter-bg {
	margin-top: 0;
	bottom: -100px
}

.appointment-area {
	background-image: url(../img/home-two/6.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 200px
}

.appointment-item {
	max-width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 80px 100px 80px;
	border-radius: 10px;
	background-image: url(../img/home-two/5.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.appointment-item h2 {
	color: #007185;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 15px
}

.appointment-item span {
	display: block;
	color: #4a6f8a;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 50px
}

.appointment-item .appointment-form .form-group {
	padding-left: 70px;
	position: relative;
	margin-bottom: 60px
}

.appointment-item .appointment-form .form-group i {
	display: inline-block;
	color: #007185;
	position: absolute;
	top: 11px;
	left: 0;
	font-size: 50px
}

.appointment-item .appointment-form .form-group label {
	margin-bottom: 10px;
	color: #4a6f8a;
	font-size: 15px;
	font-weight: 500
}

.appointment-item .appointment-form .form-group .form-control {
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #0071859e;
	font-size: 15px;
	padding-left: 0;
	padding-bottom: 8px;
	height: 40px;
	background-color: transparent
}

.appointment-item .appointment-form .form-group .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #0071859e
}

.appointment-item .appointment-form .form-group ::-webkit-input-placeholder {
	color: #4a6f8a
}

.appointment-item .appointment-form .form-group :-ms-input-placeholder {
	color: #4a6f8a
}

.appointment-item .appointment-form .form-group ::-ms-input-placeholder {
	color: #4a6f8a
}

.appointment-item .appointment-form .form-group ::placeholder {
	color: #4a6f8a
}

.appointment-item .appointment-form .appointment-btn {
	color: #fff;
	background-color: #007185;
	font-weight: 500;
	font-size: 15px;
	border-radius: 5px;
	padding: 18px 45px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.appointment-item .appointment-form .appointment-btn:hover {
	color: #fff;
	background-color: #111
}

.banner-area {
	height: 700px;
	position: relative
}

.banner-area .heart-shape img {
	position: absolute;
	bottom: 35px;
	left: 0;
	z-index: -1
}

.banner-item {
	position: relative
}

.banner-item h1 {
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 25px;
	max-width: 575px;
	margin-left: 0
}

.banner-item p {
	color: #616263;
	margin-bottom: 35px;
	max-width: 575px;
	margin-left: 0
}

.banner-item .common-btn-two a {
	display: inline-block;
	color: #fff;
	background-color: #007185;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 18px;
	border-radius: 5px;
	margin-right: 20px;
	border: 2px solid transparent
}

.banner-item .common-btn-two a:hover {
	background-color: transparent;
	border: 2px solid #007185;
	color: #007185
}

.banner-item .common-btn-two a:last-child {
	margin-right: 0
}

.banner-item .common-btn-two .cmn-btn-right-two {
	background-color: transparent;
	color: #007185;
	border: 2px solid #007185;
	padding-left: 25px;
	padding-right: 25px
}

.banner-item .common-btn-two .cmn-btn-right-two:hover {
	color: #fff;
	background-color: #007185
}

.banner-item .banner-right img {
	position: absolute
}

.banner-item .banner-right img:nth-child(1) {
	top: -125px;
	right: 10px;
	max-width: 510px;
	z-index: 1;
	margin-left: auto;
	margin-right: auto
}

.banner-item .banner-right img:nth-child(2) {
	top: -125px;
	right: 20px;
	max-width: 510px;
	-webkit-animation: a-four 5s infinite linear;
	animation: a-four 5s infinite linear;
	margin-left: auto;
	margin-right: auto
}

.banner-item .banner-right img:nth-child(3) {
	top: -125px;
	right: 0;
	max-width: 510px;
	-webkit-animation: a-five 5s infinite linear;
	animation: a-five 5s infinite linear;
	margin-left: auto;
	margin-right: auto
}

.banner-item .banner-right img:nth-child(4) {
	bottom: 215px;
	left: 50px;
	max-width: 360px;
	z-index: -1;
	-webkit-animation: a-eight 20s infinite linear;
	animation: a-eight 20s infinite linear
}

@-webkit-keyframes a-eight {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(75px, 0);
		transform: translate(75px, 0)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-eight {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(75px, 0);
		transform: translate(75px, 0)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes a-four {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(-10px, -10px);
		transform: translate(-10px, -10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-four {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(-10px, -10px);
		transform: translate(-10px, -10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes a-five {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-five {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hospital-area {
	position: relative
}

.hospital-area .hospital-shape img {
	position: absolute;
	bottom: 80px;
	right: 0;
	width: 290px;
	-webkit-animation: a-six 5s infinite linear;
	animation: a-six 5s infinite linear
}

@-webkit-keyframes a-six {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-six {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hospital-item {
	margin-bottom: 30px;
	position: relative
}

.hospital-item .hospital-play-btn {
	display: inline-block;
	width: 110px;
	height: 110px;
	line-height: 110px;
	border-radius: 50%;
	color: #007185;
	text-align: center;
	font-size: 32px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	top: 40%
}

.hospital-item .hospital-play-btn:hover {
	color: #fff;
	background-color: #111
}

.hospital-item h2 {
	font-weight: 700;
	font-size: 38px;
	margin-bottom: 15px
}

.hospital-item p {
	margin-bottom: 40px
}

.hospital-item ul {
	margin: 0;
	padding: 0;
	margin-bottom: 50px
}

.hospital-item ul li {
	list-style-type: none;
	display: block;
	font-weight: 500;
	font-size: 18px;
	color: #111;
	margin-bottom: 20px
}

.hospital-item ul li:last-child {
	margin-bottom: 0
}

.hospital-item ul li i {
	color: #6096fd;
	font-size: 22px;
	margin-right: 8px;
	position: relative;
	bottom: -1px
}

.hospital-item .hospital-btn {
	display: inline-block;
	color: #fff;
	background-color: #007185;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	padding: 20px 42px
}

.hospital-item .hospital-btn:hover {
	color: #fff;
	background-color: #111
}

.hospital-item .hospital-left-one {
	margin-top: 100px;
	position: relative;
	z-index: 1
}

.hospital-item .hospital-left-one:before {
	position: absolute;
	content: '';
	right: -17px;
	bottom: -15px;
	width: 430px;
	height: 380px;
	z-index: -1;
	border-radius: 10px;
	background-color: #007185
}

.hospital-item .hospital-left-one img {
	width: 100%;
	z-index: 1
}

.hospital-item .hospital-left-two {
	margin-left: 15px;
	margin-bottom: 100px;
	position: relative;
	z-index: 1
}

.hospital-item .hospital-left-two:before {
	position: absolute;
	content: '';
	left: -17px;
	top: -15px;
	width: 295px;
	height: 380px;
	z-index: -1;
	border-radius: 10px;
	background-color: #007185
}

.hospital-item .hospital-left-two img {
	width: 100%;
	z-index: 1
}

.hospital-right {
	max-width: 525px;
	margin-left: 85px
}

.speciality-right-two {
	position: relative
}

.speciality-right-two:before {
	position: absolute;
	content: '';
	top: -25px;
	right: 0;
	width: 405px;
	height: 300px;
	z-index: -1;
	background-color: #007185
}

.welcome-left-two {
	position: relative;
	z-index: 1
}

.counter-area-three .counter-bg {
	margin-top: 0;
	bottom: -100px
}
.counter-area{
	padding-top: 75px;
}

.review-area {
	position: relative;
	background-image: url(../img/home-three/review-bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 200px
}

.main {
	max-width: 770px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-left: 80px;
	padding-right: 80px;
	position: relative
}

.main:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 330px;
	top: 65px;
	left: 0;
	right: 0;
	background-color: #fff
}

.slick-dotted.slick-slider {
	margin-bottom: 25px
}

.slider-nav {
	margin-bottom: 30px;
	position: relative;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto
}

.slider-nav .slick-dots {
	bottom: -145px
}

.slider-nav .slick-dots li {
	margin: 0
}

.slider-nav .slick-dots li button:before {
	font-size: 12px;
	opacity: 1;
	color: #4a6f8a
}

.slider-nav .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #007185
}

.slider-nav .slick-track {
	padding-top: 2px
}

.slider-nav div {
	text-align: center
}

.slider-nav div .review-img {
	position: relative;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px
}

.slider-nav div .review-img img {
	display: inline-block;
	margin-bottom: 45px;
	width: 90px;
	height: 90px;
	border: 3px solid #007185;
	border-radius: 50%;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	margin-top: 2px;
	cursor: pointer
}

.slider-nav div h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 12px
}

.slider-nav div span {
	display: block;
	color: #3776d0
}

.slick-slide .review-details {
	opacity: 0
}

.slick-slide:focus {
	outline: 0
}

.slick-slide.slick-center .review-details {
	opacity: 1
}

.slick-slide.slick-center .review-img img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.slider-for div p {
	margin-bottom: 0;
	color: #000;
	font-size: 15px;
	text-align: center;
	max-width: 580px;
	margin-left: auto;
	margin-right: auto
}

.page-title-one {
	background-image: url(../img/doctor/1.jpg)
}

.page-title-area {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
	text-align: center;
	position: relative
}

.page-title-area:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background-color: #007185
}

.page-title-item {
	position: relative;
	margin-top: -80px
}

.page-title-item h2 {
	color: #f8f8f8;
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 20px
}

.page-title-item ul {
	margin: 0;
	padding: 0
}

.page-title-item ul li {
	list-style-type: none;
	display: inline-block;
	color: #f8f8f8;
	font-weight: 600;
	font-size: 18px;
	margin-right: 3px;
	margin-left: 3px
}

.page-title-item ul li a {
	display: inline-block;
	color: #f8f8f8
}

.page-title-item ul li a:hover {
	color: #111
}

.page-title-item ul li i {
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: 1px
}

.doctor-search-wrap {
	padding-top: 45px;
	padding-bottom: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px 0 #ddd;
	box-shadow: 0 0 20px 0 #ddd;
	margin-top: -80px;
	z-index: 1;
	position: relative;
	background-color: #fff;
	max-width: 970px;
	margin-right: auto;
	margin-left: auto
}

.doctor-search-item {
	margin-bottom: 30px;
	position: relative;
	max-width: 340px;
	margin-right: auto;
	margin-left: auto
}

.doctor-search-item .form-group {
	position: relative;
	padding-left: 60px;
	margin-bottom: 0
}

.doctor-search-item .form-group i {
	display: inline-block;
	color: #007185;
	font-size: 45px;
	position: absolute;
	top: 8px;
	left: 0
}

.doctor-search-item .form-group label {
	color: #4a6f8a;
	font-size: 15px;
	margin-bottom: 5px
}

.doctor-search-item .form-group .form-control {
	font-weight: 600;
	font-size: 15px;
	border-radius: 0;
	border: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccd9f2
}

.doctor-search-item .form-group .form-control:focus {
	border-bottom: 1px solid #111;
	-webkit-box-shadow: none;
	box-shadow: none
}

.doctor-search-item .form-group ::-webkit-input-placeholder {
	color: #4a6f8a
}

.doctor-search-item .form-group :-ms-input-placeholder {
	color: #4a6f8a
}

.doctor-search-item .form-group ::-ms-input-placeholder {
	color: #4a6f8a
}

.doctor-search-item .form-group ::placeholder {
	color: #4a6f8a
}

.doctor-search-item .doctor-search-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #4a6f8a;
	font-size: 18px
}

.doctors-area-two {
	padding-bottom: 180px;
	position: relative
}

.doctors-area-two .doctor-shape {
	position: absolute;
	top: 45%;
	left: 0;
	-webkit-animation: a-six 5s infinite linear;
	animation: a-six 5s infinite linear
}

.page-title-two {
	background-image: url(../img/appointment/1.jpg);
	height: 440px
}

.page-title-two .page-title-item {
	margin-top: -135px
}

.appointment-area-two {
	padding-bottom: 180px
}

.appointment-item-two {
	background-image: none;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 20px 0 #ddd;
	box-shadow: 0 0 20px 0 #ddd;
	padding: 80px 65px 80px;
	position: relative
}

.appointment-item-two .appointment-shape {
	position: absolute;
	bottom: -65px;
	left: -74px;
	width: 310px;
	-webkit-animation: a-six 5s infinite linear;
	animation: a-six 5s infinite linear
}

.appointment-item-two-right {
	background-image: url(../img/appointment/2.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px
}

.appointment-item-two-right .appointment-item-content {
	background-color: #e7e7e7;
	padding: 95px 40px 100px;
	margin: 0 40px;
	border-radius: 10px
}

.appointment-item-two-right .appointment-item-content h2 {
	color: #007185;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 30px
}

.appointment-item-two-right .appointment-item-content .content-one {
	display: inline-block
}

.appointment-item-two-right .appointment-item-content .content-one ul {
	margin: 0;
	padding: 0
}

.appointment-item-two-right .appointment-item-content .content-one ul li {
	list-style-type: none;
	display: block;
	position: relative;
	color: #4a6f8a;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px
}

.appointment-item-two-right .appointment-item-content .content-one ul li:last-child {
	margin-bottom: 0
}

.appointment-item-two-right .appointment-item-content .content-two {
	display: inline-block;
	margin-left: 70px
}

.appointment-item-two-right .appointment-item-content .content-two ul {
	margin: 0;
	padding: 0
}

.appointment-item-two-right .appointment-item-content .content-two ul li {
	list-style-type: none;
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #4a6f8a;
	margin-bottom: 10px
}

.appointment-item-two-right .appointment-item-content .content-two ul li:last-child {
	margin-bottom: 0
}

.appointment-wrap-two {
	margin-top: -160px
}

.page-title-three {
	background-image: url(../img/doctor/1.jpg);
	height: 460px
}

.page-title-three .d-table-cell {
	vertical-align: bottom
}

.page-title-item-two {
	position: relative;
	text-align: left;
	max-width: 500px;
	margin-left: auto
}

.page-title-item-two h2 {
	font-weight: 700;
	font-size: 48px;
	color: #fff;
	margin-bottom: 14px
}

.page-title-item-two h3 {
	font-weight: 600;
	font-size: 32px;
	color: #fefefe;
	margin-bottom: 15px
}

.page-title-item-two p {
	margin-bottom: 0;
	font-size: 20px;
	color: #fefefe;
	padding-bottom: 55px
}

.doctor-details-left {
	-webkit-box-shadow: 0 0 10px 0 #ddd;
	box-shadow: 0 0 10px 0 #ddd;
	border-radius: 10px;
	margin-top: -225px
}

.doctor-details-item {
	margin-bottom: 30px
}

.doctor-details-item img {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 60px
}

.doctor-details-item .doctor-details-contact {
	padding-left: 65px;
	margin-bottom: 50px
}

.doctor-details-item .doctor-details-contact h3 {
	font-weight: 600;
	font-size: 22px;
	color: #4a6f8a;
	margin-bottom: 30px
}

.doctor-details-item .doctor-details-contact ul {
	margin: 0;
	padding: 0
}

.doctor-details-item .doctor-details-contact ul li {
	list-style-type: none;
	display: block;
	font-weight: 500;
	font-size: 18px;
	color: #858585;
	margin-bottom: 25px
}

.doctor-details-item .doctor-details-contact ul li:last-child {
	margin-bottom: 0
}

.doctor-details-item .doctor-details-contact ul li i {
	display: inline-block;
	color: #007185;
	margin-right: 8px;
	font-size: 23px;
	position: relative;
	top: 2px
}

.doctor-details-item .doctor-details-work {
	padding-left: 65px;
	padding-bottom: 60px
}

.doctor-details-item .doctor-details-work h3 {
	font-weight: 600;
	font-size: 22px;
	color: #4a6f8a;
	margin-bottom: 30px
}

.doctor-details-item .doctor-details-work .appointment-item-two-right {
	background-image: none;
	padding-top: 0;
	padding-bottom: 0
}

.doctor-details-item .doctor-details-work .appointment-item-two-right .appointment-item-content {
	padding: 0;
	background-color: transparent;
	margin: 0
}

.doctor-details-item .doctor-details-biography {
	padding-left: 63px;
	padding-top: 70px
}

.doctor-details-item .doctor-details-biography h3 {
	font-weight: 600;
	font-size: 24px;
	color: #2f60bd;
	margin-bottom: 25px
}

.doctor-details-item .doctor-details-biography p {
	margin-bottom: 20px
}

.doctor-details-item .doctor-details-biography ul {
	margin: 0;
	padding: 0
}

.doctor-details-item .doctor-details-biography ul li {
	list-style-type: none;
	display: block;
	margin-bottom: 15px
}

.doctor-details-item .doctor-details-biography ul li:last-child {
	margin-bottom: 0
}

.appointment-area-three {
	padding-bottom: 210px
}

.appointment-area-three .appointment-item {
	max-width: 565px;
	margin-left: auto;
	margin-right: 80px;
	margin-top: 50px
}

.appointment-area-three .appointment-item .appointment-shape {
	bottom: 0;
	top: -95px;
	left: -74px;
	width: 250px
}

.appointment-area-three .speciality-right-three {
	background-image: url(../img/doctor/4.jpg)
}

.page-title-four {
	background-image: url(../img/blog/1.jpg)
}

.page-title-four .page-title-item {
	margin-top: 0
}

.blog-details-area {
	padding-bottom: 20px
}

.blog-details-item {
	margin-bottom: 30px
}

.blog-details-item .blog-details-img img {
	width: 100%;
	margin-bottom: 30px
}

.blog-details-item .blog-details-img h2 {
	color: #232323;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 16px
}

.blog-details-item .blog-details-img ul {
	margin: 0;
	padding: 0;
	margin-bottom: 30px
}

.blog-details-item .blog-details-img ul li {
	list-style-type: none;
	display: inline-block;
	color: #3a5ed3;
	font-size: 16px;
	margin-right: 50px
}

.blog-details-item .blog-details-img ul li a {
	font-weight: 400;
	color: #007185;
	display: inline-block
}

.blog-details-item .blog-details-img ul li a:hover {
	color: #111
}

.blog-details-item .blog-details-img ul li:last-child {
	margin-right: 0
}

.blog-details-item .blog-details-img ul li i {
	display: inline-block;
	font-size: 20px;
	margin-right: 5px
}

.blog-details-item .blog-details-img p {
	font-size: 15px;
	margin-bottom: 22px
}

.blog-details-item .blog-details-previous h3 {
	color: #232323;
	font-weight: 700;
	margin-top: 10px;
	font-size: 15px;
	margin-bottom: 25px
}

.blog-details-item .blog-details-previous ul {
	margin: 0;
	padding: 0;
	margin-bottom: 30px
}

.blog-details-item .blog-details-previous ul li {
	list-style-type: none;
	display: block;
	margin-bottom: 6px
}

.blog-details-item .blog-details-previous ul li:last-child {
	margin-bottom: 0
}

.blog-details-item .blog-details-previous .prev-next ul {
	margin: 0;
	padding: 0
}

.blog-details-item .blog-details-previous .prev-next ul li {
	list-style-type: none;
	display: inline-block
}

.blog-details-item .blog-details-previous .prev-next ul li:last-child {
	float: right
}

.blog-details-item .blog-details-previous .prev-next ul li a {
	display: block;
	font-size: 15px;
	color: #0045be;
	border: 1px solid #0045be;
	padding: 10px 25px;
	border-radius: 6px
}

.blog-details-item .blog-details-previous .prev-next ul li a:hover {
	color: #fff;
	border: 1px solid #4a6f8a;
	background-color: #4a6f8a
}

.blog-details-item .blog-details-search {
	position: relative;
	margin-bottom: 40px
}

.blog-details-item .blog-details-search .form-control {
	height: 50px;
	border-radius: 6px;
	border: 1px solid #007185;
	padding-left: 25px
}

.blog-details-item .blog-details-search .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.blog-details-item .blog-details-search .blog-details-btn {
	color: #fff;
	background-color: #007185;
	border-radius: 6px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 17px;
	padding: 11px 20px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.blog-details-item .blog-details-search .blog-details-btn:hover {
	background-color: #4a6f8a
}

.blog-details-item .blog-details-search ::-webkit-input-placeholder {
	color: #4a6f8a
}

.blog-details-item .blog-details-search :-ms-input-placeholder {
	color: #4a6f8a
}

.blog-details-item .blog-details-search ::-ms-input-placeholder {
	color: #4a6f8a
}

.blog-details-item .blog-details-search ::placeholder {
	color: #4a6f8a
}

.blog-details-item .blog-details-recent {
	margin-bottom: 40px
}

.blog-details-item .blog-details-recent h3 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.blog-details-item .blog-details-recent ul {
	margin: 0;
	padding: 0
}

.blog-details-item .blog-details-recent ul li {
	list-style-type: none;
	display: block;
	position: relative;
	padding-left: 120px;
	padding-bottom: 25px
}

.blog-details-item .blog-details-recent ul li:last-child {
	padding-bottom: 0
}

.blog-details-item .blog-details-recent ul li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 95px
}

.blog-details-item .blog-details-recent ul li a {
	display: block;
	font-weight: 600;
	font-size: 15px;
	color: #232323;
	margin-bottom: 15px;
	padding-top: 4px
}

.blog-details-item .blog-details-recent ul li a:hover {
	color: #007185
}

.blog-details-item .blog-details-recent ul li ul li {
	display: inline-block;
	padding-left: 0;
	color: #3a5ed3;
	font-size: 15px;
	margin-right: 25px;
	padding-bottom: 0
}

.blog-details-item .blog-details-recent ul li ul li a {
	font-weight: 400;
	color: #007185;
	display: inline-block
}

.blog-details-item .blog-details-recent ul li ul li a:hover {
	color: #111
}

.blog-details-item .blog-details-recent ul li ul li i {
	font-size: 20px;
	margin-right: 2px;
	display: inline-block
}

.blog-details-item .blog-details-recent ul li ul li:last-child {
	margin-right: 0
}

.blog-details-item .blog-details-category {
	margin-bottom: 40px
}

.blog-details-item .blog-details-category h3 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.blog-details-item .blog-details-category ul {
	margin: 0;
	padding: 0
}

.blog-details-item .blog-details-category ul li {
	list-style-type: none;
	display: block;
	border-bottom: 1px solid #dee8f5;
	position: relative;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.blog-details-item .blog-details-category ul li:hover a {
	color: #fff
}

.blog-details-item .blog-details-category ul li:hover:before {
	width: 100%
}

.blog-details-item .blog-details-category ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: -3px;
	width: 3px;
	height: 30px;
	z-index: -1;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	background-color: #2362bc
}

.blog-details-item .blog-details-category ul li:last-child {
	margin-bottom: 0
}

.blog-details-item .blog-details-category ul li a {
	display: block;
	z-index: 1;
	color: #4a6f8a;
	font-weight: 500
}

.blog-details-item .blog-details-tags h3 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px
}

.blog-details-item .blog-details-tags ul {
	margin: 0;
	padding: 0
}

.blog-details-item .blog-details-tags ul li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 4px
}

.blog-details-item .blog-details-tags ul li a {
	display: block;
	font-size: 15px;
	color: #4a6f8a;
	background-color: #e5e5e5;
	padding: 12px 25px;
	border-radius: 8px
}

.blog-details-item .blog-details-tags ul li a:hover {
	color: #fff;
	background-color: #4a6f8a
}

.blog-details-form {
	position: relative
}

.blog-details-form .blog-details-shape {
	position: absolute;
	top: 130px;
	right: 0;
	width: 360px;
	-webkit-animation: a-six 5s infinite linear;
	animation: a-six 5s infinite linear
}

.blog-details-form .blog-details-form-wrap {
	max-width: 770px
}

.blog-details-form .blog-details-form-wrap h2 {
	font-weight: 600;
	font-size: 32px;
	margin-bottom: 40px
}

.blog-details-form .blog-details-form-wrap .form-group {
	margin-bottom: 30px
}

.blog-details-form .blog-details-form-wrap .form-group textarea {
	height: auto !important;
	padding: 20px;
	z-index: 1;
	position: relative
}

.blog-details-form .blog-details-form-wrap .form-group .form-control {
	height: 50px;
	padding-left: 20px;
	border-radius: 6px;
	border: 0;
	background-color: #fafafa;
	-webkit-box-shadow: 0 3px 8px 0 #ddddddb8;
	box-shadow: 0 3px 8px 0 #ddddddb8
}

.blog-details-form .blog-details-form-wrap .form-group ::-webkit-input-placeholder {
	color: #4a6f8a
}

.blog-details-form .blog-details-form-wrap .form-group :-ms-input-placeholder {
	color: #4a6f8a
}

.blog-details-form .blog-details-form-wrap .form-group ::-ms-input-placeholder {
	color: #4a6f8a
}

.blog-details-form .blog-details-form-wrap .form-group ::placeholder {
	color: #4a6f8a
}

.blog-details-form .blog-details-form-wrap .blog-details-form-btn {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 15px 34px;
	background-color: #007185;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.blog-details-form .blog-details-form-wrap .blog-details-form-btn:hover {
	color: #fff;
	background-color: #4a6f8a
}

.blog-area-two {
	padding-bottom: 180px
}

.blog-area-two .section-title {
	margin-bottom: 0
}

.blog-area-two .section-title h2 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 30px;
	padding-bottom: 0
}

.blog-area-two .section-title h2:before {
	display: none
}

.page-title-five {
	background-image: url(../img/contact/1.jpg)
}

.page-title-five .page-title-item {
	margin-top: -120px
}

.location-wrap {
	background-image: url(../img/home-one/3.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 10px 0 #ddd;
	box-shadow: 0 0 10px 0 #ddd;
	padding-top: 80px;
	padding-bottom: 50px;
	padding-left: 170px;
	margin-top: -125px;
	position: relative;
	background-color: #fff
}

.location-wrap .location-item {
	margin-bottom: 30px
}

.location-wrap .location-item i {
	display: inline-block;
	width: 75px;
	height: 75px;
	line-height: 75px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 32px;
	margin-bottom: 25px;
	background-color: #007185
}

.location-wrap .location-item h3 {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 20px
}

.location-wrap .location-item p {
	margin-bottom: 18px
}

.location-wrap .location-item ul {
	margin: 0;
	padding: 0;
	margin-bottom: 18px
}

.location-wrap .location-item ul li {
	list-style-type: none;
	display: block
}

.location-wrap .location-item a {
	display: block;
	color: #1859c5
}

.location-wrap .location-item a:hover {
	color: #4a6f8a
}

.drop-img {
	background-image: url(../img/contact/2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%
}

.drop-img img {
	display: none
}

.drop-area .speciality-right-three {
	border-radius: 0
}

.drop-item .drop-left {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-bottom: 100px
}

.drop-item .drop-left h2 {
	font-weight: 600;
	font-size: 32px;
	margin-bottom: 25px;
	padding-right: 50px
}

.drop-item .drop-left .form-group {
	margin-bottom: 30px
}

.drop-item .drop-left .form-group .form-control {
	height: 50px;
	background-color: #fff;
	padding-left: 20px;
	border: none;
	-webkit-box-shadow: 0 0 15px 0 #dddddda3;
	box-shadow: 0 0 15px 0 #dddddda3
}

.drop-item .drop-left .form-group textarea {
	padding-top: 20px;
	height: auto !important
}

.drop-item .drop-left .drop-btn {
	font-weight: 600;
	font-size: 15px;
	color: #fff;
	padding: 14px 35px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	background-color: #007185;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0
}

.drop-item .drop-left .drop-btn:hover {
	color: #fff;
	background-color: #4a6f8a
}

.drop-item .drop-left .list-unstyled {
	color: #dc3545;
	font-size: 13px;
	margin-top: 10px
}

.drop-item .drop-left .text-danger {
	color: #dc3545;
	margin-top: 25px;
	margin-bottom: 0;
	font-size: 24px
}

.drop-item .drop-left .text-success {
	color: #28a745;
	margin-top: 25px;
	font-size: 24px
}

#map {
	height: 600px
}

.faq-head h2 {
	margin-bottom: 35px;
	font-weight: 600;
	font-size: 25px
}

.faq-wrap {
	margin-bottom: 50px
}

.faq-wrap:last-child {
	margin-bottom: 30px
}

.accordion {
	padding-left: 0;
	margin: 0;
	padding: 0
}

.accordion li {
	position: relative;
	list-style-type: none;
	margin-bottom: 30px
}

.accordion li:first-child {
	border-top: 0
}

.accordion li:last-child {
	margin-bottom: 0
}

.accordion li .faq-head.active {
	color: #fff;
	background-color: #007185;
	border: 1px solid #007185
}

.accordion li .faq-head.active a {
	color: #fff !important
}

.accordion li .faq-head.active:after {
	content: "-";
	font-size: 25px;
	color: #fff
}

.accordion li .faq-head {
	color: #232323;
	font-size: 17px;
	width: 100%;
	display: block;
	cursor: pointer;
	font-weight: 600;
	padding: 15px 35px 15px 18px;
	border: 1px solid #232323;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.accordion li .faq-head:after {
	position: absolute;
	right: 20px;
	content: "+";
	top: 10px;
	color: #232323;
	font-size: 25px;
	font-weight: 700
}

.accordion li .faq-content {
	display: none
}

.accordion li .faq-content p {
	font-size: 15px;
	padding: 20px 45px 15px 20px;
	margin-bottom: 0
}

.accordion li .faq-content p a {
	display: inline-block;
	color: #007185
}

.accordion li .faq-content p a:hover {
	color: #111
}

.footer-two {
	padding-top: 100px
}

.error-item {
	height: 700px;
	text-align: center;
	margin-top: -65px
}

.error-item h1 {
	font-size: 130px;
	font-weight: 700;
	margin-bottom: 8px
}

.error-item p {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 35px
}

.error-item span {
	display: block
}

.error-item a {
	display: inline-block;
	color: #fff;
	background-color: #007185;
	border-radius: 10px;
	padding: 20px 45px;
	margin-top: 70px;
	font-size: 18px
}

.error-item a:hover {
	background-color: #111
}

.coming-item {
	height: 100vh;
	text-align: center
}

.coming-item h1 {
	font-size: 75px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 20px
}

.coming-item p {
	margin-bottom: 40px;
	max-width: 865px;
	margin-left: auto;
	margin-right: auto
}

.coming-item .coming-wrap {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px
}

.coming-item .coming-wrap .coming-inner {
	text-align: center;
	background-color: #efefef;
	padding-top: 15px;
	padding-bottom: 12px;
	margin-bottom: 30px
}

.coming-item .coming-wrap .coming-inner h3 {
	font-size: 40px;
	font-weight: 600;
	color: #232323;
	margin-bottom: 5px
}

.coming-item .coming-wrap .coming-inner p {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 0
}

.coming-item ul {
	margin: 0;
	padding: 0
}

.coming-item ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px
}

.coming-item ul li a {
	display: block;
	color: #fff;
	background-color: #232323;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	font-size: 15px
}

.coming-item ul li a:hover {
	background-color: #007185
}

.testimonial-area {
	background-image: url(../img/testimonial-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	position: relative
}

.testimonial-area:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #007185;
	opacity: .5
}

.testimonial-area .owl-theme .owl-nav {
	margin-top: 25px
}

.testimonial-area .testimonial-wrap {
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	max-width: 830px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 50px 60px
}

.testimonial-area .testimonial-wrap h2 {
	font-weight: 700;
	font-size: 38px;
	margin-bottom: 50px
}

.testimonial-area .testimonial-wrap .testimonial-slider .owl-prev {
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	border-radius: 50% !important;
	color: #fff !important;
	background-color: #232323 !important;
	font-size: 25px !important;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.testimonial-area .testimonial-wrap .testimonial-slider .owl-prev:hover {
	background-color: #007185 !important
}

.testimonial-area .testimonial-wrap .testimonial-slider .owl-next {
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	border-radius: 50% !important;
	color: #fff !important;
	background-color: #232323 !important;
	font-size: 25px !important;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.testimonial-area .testimonial-wrap .testimonial-slider .owl-next:hover {
	background-color: #007185 !important
}

.testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px
}

.testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item h3 {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 15px
}

.testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item p {
	margin-bottom: 0;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto
}

.signup-left {
	background-image: url(../img/signup-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%
}

.signup-left img {
	display: none
}

.signup-item {
	max-width: 590px;
	margin-left: auto;
	margin-right: auto
}

.signup-item .signup-head {
	margin-bottom: 40px
}

.signup-item .signup-head h2 {
	font-weight: 700;
	font-size: 38px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative
}

.signup-item .signup-head h2:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 80px;
	height: 5px;
	background-color: #007185;
	border-radius: 5px
}

.signup-item .signup-head p {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0
}

.signup-item .signup-head p a {
	display: inline-block;
	color: #007185
}

.signup-item .signup-head p a:hover {
	color: #111
}

.signup-item .signup-form .form-group {
	margin-bottom: 30px
}

.signup-item .signup-form .form-group .form-control {
	height: 45px;
	border: 1px solid #4a6f8a;
	padding-left: 20px;
	font-size: 15px
}

.signup-item .signup-form .form-group .form-control:focus {
	border: 1px solid #007185;
	-webkit-box-shadow: none;
	box-shadow: none
}

.signup-item .signup-form .form-group .form-check .form-check-input {
	width: 15px !important;
	height: 15px !important;
	top: 3px;
	margin-top: 0
}

.signup-item .signup-form .form-group .form-check label {
	color: #4a6f8a
}

.signup-item .signup-form .form-group .form-check label a {
	display: inline-block;
	color: #007185
}

.signup-item .signup-form .form-group .form-check label a:hover {
	color: #111
}

.signup-item .signup-form .form-group ::-webkit-input-placeholder {
	color: #4a6f8a
}

.signup-item .signup-form .form-group :-ms-input-placeholder {
	color: #4a6f8a
}

.signup-item .signup-form .form-group ::-ms-input-placeholder {
	color: #4a6f8a
}

.signup-item .signup-form .form-group ::placeholder {
	color: #4a6f8a
}

.signup-item .signup-form .form-group .forgot-pass a {
	color: #4a6f8a;
	display: inline-block;
	border-bottom: 2px solid #007185
}

.signup-item .signup-form .form-group .forgot-pass a:hover {
	color: #007185
}

.signup-item .signup-form .signup-btn {
	color: #fff;
	background-color: #007185;
	width: 100%;
	display: block;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.signup-item .signup-form .signup-btn:hover {
	background-color: #232323
}

.login-left {
	background-image: url(../img/login-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%
}

.login-left img {
	display: none
}

.privacy-area {
	padding-bottom: 160px
}

.privacy-item {
	margin-bottom: 50px
}

.privacy-item h2 {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: 600
}

.privacy-item p {
	margin-bottom: 0
}

.privacy-item ul {
	margin: 0;
	padding: 0
}

.privacy-item ul li {
	list-style-type: none;
	display: block;
	margin-bottom: 18px
}

.privacy-item ul li i {
	display: inline-block;
	font-size: 20px;
	position: relative;
	bottom: -2px
}

.privacy-item ul li:last-child {
	margin-bottom: 0
}

.departments-area {
	padding-bottom: 180px
}

.department-item {
	text-align: center;
	border: 1px solid #007185;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	margin-bottom: 30px;
	position: relative;
	z-index: 1
}

.department-item:before {
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background-color: #007185;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.department-item:after {
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	right: 0;
	top: 0;
	z-index: -1;
	background-color: #007185;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.department-item:hover:before {
	width: 51%
}

.department-item:hover:after {
	width: 50%
}

.department-item:hover i {
	color: #fff
}

.department-item:hover h3 {
	color: #fff
}

.department-item:hover p {
	color: #fff
}

.department-item i {
	font-size: 45px;
	display: block;
	margin-bottom: 20px;
	color: #007185;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.department-item h3 {
	margin-bottom: 12px;
	font-size: 26px;
	font-weight: 600;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.department-item p {
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.services-details-img {
	margin-bottom: 50px
}

.services-details-img img {
	width: 100%;
	margin-bottom: 30px
}

.services-details-img h2 {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 16px
}

.services-details-img P {
	margin-bottom: 20px
}

.services-details-img blockquote {
	font-size: 15px;
	color: #4a6f8a;
	background-color: #00718514;
	padding: 30px 75px;
	line-height: 26px;
	position: relative;
	margin-bottom: 20px
}

.services-details-img blockquote i {
	position: absolute;
	display: inline-block;
	top: 20px;
	left: 38px;
	font-size: 32px
}

.service-details-inner-left {
	background-image: url(../img/signup-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%
}

.service-details-inner-left img {
	display: none
}

.service-details-inner {
	max-width: 580px;
	margin-left: auto;
	margin-right: auto
}

.service-details-inner h2 {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 15px
}

.service-details-inner p {
	margin-bottom: 0
}

.counter-area-four {
	margin-top: 0;
	margin-bottom: 100px
}

#toTop {
	position: fixed;
	bottom: 30px;
	right: 0;
	cursor: pointer;
	display: none;
	z-index: 10
}

.back-to-top-btn i {
	background-color: #007185;
	color: #fff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	border-radius: 50%;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	margin-right: 28px;
	-webkit-box-shadow: 0 0 14px 0 #007185;
	box-shadow: 0 0 14px 0 #007185
}

.back-to-top-btn i:hover {
	background-color: #111;
	color: #fff;
	-webkit-box-shadow: 0 0 14px 0 #111;
	box-shadow: 0 0 14px 0 #111
}

.slider-item-two {
	overflow: hidden
}

.slider-item-two:before {
	background-color: #000111
}

.slider-item-two .slider-shape img {
	top: -75px;
	right: 0;
	-webkit-animation: item-two-ani 35s infinite linear;
	animation: item-two-ani 35s infinite linear
}

.slider-item-two .slider-text h1 {
	margin-bottom: 25px;
	line-height: 60px
}

@-webkit-keyframes item-two-ani {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes item-two-ani {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.about-area-two .about-item p {
	margin-bottom: 10px
}

.about-area-two .about-item a {
	margin-top: 20px
}

.service-area-two .section-title {
	max-width: 415px
}

.symptoms-img {
	margin-bottom: 30px
}

.symptoms-img img {
	border-radius: 10px;
	width: 100%
}

.symptoms-content .section-title {
	margin-bottom: 30px
}

.symptoms-content p {
	margin-bottom: 20px
}

.symptoms-content ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px
}

.symptoms-content ul li {
	list-style-type: none;
	display: inline-block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
	position: relative
}

.symptoms-content ul li span {
	display: block;
	position: relative;
	-webkit-box-shadow: 0 0 20px 0 #dddddd80;
	box-shadow: 0 0 20px 0 #dddddd80;
	color: #111;
	font-weight: 600;
	font-size: 16px;
	padding: 12px 10px 14px 40px;
	border-radius: 5px;
	z-index: 1;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.symptoms-content ul li span:hover {
	color: #fff
}

.symptoms-content ul li span:hover i {
	color: #fff
}

.symptoms-content ul li span:hover:before {
	height: 100%;
	border-radius: 5px
}

.symptoms-content ul li span:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #007185;
	border-radius: 0 0 5px 5px;
	z-index: -1;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.symptoms-content ul li span i {
	display: inline-block;
	color: #007185;
	font-size: 30px;
	position: absolute;
	top: 9px;
	left: 10px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.faq-area-two {
	background-color: #4f87fb;
	position: relative
}

.faq-area-two .faq-shape img {
	position: absolute
}

.faq-area-two .faq-shape img:nth-child(1) {
	top: 0;
	right: 0
}

.faq-area-two .faq-shape img:nth-child(2) {
	left: 0;
	bottom: 0
}

.faq-area-two .section-title {
	text-align: center
}

.faq-area-two .section-title h2 {
	color: #fff;
	display: inline-block
}

.faq-area-two .section-title h2:before {
	background-color: #fff
}

.faq-area-two .faq-img {
	margin-bottom: 30px;
	background-image: url(../img/home-four/faq-main.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative
}

.faq-area-two .faq-img img {
	width: 100%;
	display: none
}

.faq-area-two .faq-img a {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #fff;
	background-color: #4f87fb;
	position: absolute;
	top: 50%;
	left: 20%;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
	z-index: 1;
	text-align: center;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}

.faq-area-two .faq-img a:hover {
	background-color: #232323
}

.faq-area-two .accordion li .faq-head {
	color: #fff;
	border: 1px solid #fff
}

.faq-area-two .accordion li .faq-head.active {
	border: 1px solid #007185
}

.faq-area-two .accordion li .faq-head:after {
	color: #fff
}

.faq-area-two .accordion li .faq-content p {
	color: #fff
}

.faq-area-two .accordion li .faq-content p a {
	color: #fff;
	text-decoration: underline
}

.faq-area-two .accordion li .faq-content p a:hover {
	color: #111
}

.slider-item-three-img {
	background-image: url(../img/home-five/banner-main.jpg)
}

.slider-item-three-img-two {
	background-image: url(../img/home-five/banner-main2.jpg)
}

.home-slider-three .owl-dots {
	display: none !important
}

.slider-item-three {
	overflow: hidden
}

.slider-item-three:before {
	display: none
}

.slider-item-three .slider-text {
	margin-top: -30px
}

.slider-item-three .slider-text span {
	display: inline-block;
	color: #111;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px
}

.slider-item-three .slider-text span:before {
	position: absolute;
	content: '';
	width: 15px;
	height: 3px;
	left: 0;
	bottom: 10px;
	background-color: #2459b8;
	border-radius: 10px
}

.slider-item-three .slider-text h1 {
	font-size: 60px;
	margin-bottom: 25px;
	color: #111
}

.slider-item-three .slider-text p {
	font-weight: 500;
	margin-bottom: 30px;
	font-size: 22px;
	color: #111
}

.slider-item-three .slider-text .common-btn a {
	color: #fff;
	background-color: #007185
}

.slider-item-three .slider-text .common-btn a:hover {
	border: 2px solid #111;
	background-color: #111
}

.slider-item-three .slider-text .common-btn .cmn-btn-right {
	background-color: transparent;
	color: #007185;
	border: 2px solid #007185
}

.slider-item-three .slider-text .common-btn .cmn-btn-right:hover {
	background-color: #007185;
	color: #fff;
	border: 2px solid #007185
}

.slider-item-three .slider-shape img {
	top: -65px;
	right: 0;
	-webkit-animation: item-two-ani 40s infinite linear;
	animation: item-two-ani 40s infinite linear
}

.spread-area .spread-img {
	margin-bottom: 30px
}

.spread-area .spread-img img {
	border-radius: 10px;
	width: 100%
}

.spread-area .spread-content .section-title-two {
	margin-bottom: 25px
}

.spread-area .spread-content p {
	margin-bottom: 25px
}

.spread-area .spread-content ul {
	margin: 0;
	padding: 0
}

.spread-area .spread-content ul li {
	list-style-type: none;
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-left: 105px
}

.spread-area .spread-content ul li:hover img {
	-webkit-animation: item-two-ani 5s infinite linear;
	animation: item-two-ani 5s infinite linear
}

.spread-area .spread-content ul li img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: none;
	animation: none;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.spread-area .spread-content ul li h3 {
	font-weight: 600;
	font-size: 20px
}

.spread-area .spread-content ul li p {
	margin-bottom: 0
}

.service-front img {
	margin-bottom: 20px
}

.pb-160 {
	padding-bottom: 160px
}

.slider-item.laproscopic-slider:before {
	background-color: #28a745
}

.laparoscopic-slider.slider-item-img {
	background-image: url(../img/banner-three-bg.jpg)
}

.laparoscopic-slider.slider-item-img:before {
	background-color: #33004b;
	opacity: .5
}

.speciality-right .speciality-emergency a {
	color: #fff
}

body.appointment .appointment-item-two-right .appointment-item-content {
	padding: 30px;
	margin: 0 30px
}

body.appointment .appointment-item-two-right {
	padding-top: 30px;
	padding-bottom: 30px
}

body.appointment .appointment-item-two-right .appointment-item-content h2 {
	margin-bottom: 20px
}

.contact-numbers p {
	margin-bottom: 0
}

.contact-numbers {
	margin-bottom: 1rem
}

.no-margin-padding {
	margin: 0;
	padding: 0
}

body.appointment .appointment-item-two-right .appointment-item-content .content-one .logo {
	width: 160px
}

body.appointment .appointment-item-two-right .appointment-item-content .content-one .logo img {
	width: 100%;
	height: auto
}

.faq-content ul {
	margin-top: 30px
}

.faq-content ul li {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 30px
}

.no-margin-top {
	margin-top: 0 !important
}

.blog-item .blog-bottom h3 {
	min-height: 70px
}

.footer-item div#msgSubmit {
	font-size: 14px;
	margin-top: 10px
}

body.compensate-for-scrollbar {
	overflow: hidden
}

.fancybox-active {
	height: auto
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute !important;
	top: -9999px;
	visibility: hidden
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	transform: translateZ(0);
	width: 100%;
	z-index: 99992
}

.fancybox-container * {
	box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	transition: opacity .25s ease, visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	transition: opacity .25s ease 0s, visibility 0s ease 0s;
	visibility: visible
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-toolbar {
	right: 0;
	top: 0
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	transform: translateZ(0);
	z-index: 99994
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	transition-property: transform, opacity;
	white-space: normal;
	width: 100%;
	z-index: 99994
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--html {
	padding: 6px
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
	animation-timing-function: cubic-bezier(.5, 0, .14, 1);
	-webkit-backface-visibility: hidden;
	background: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	transform-origin: top left;
	transition-property: transform, opacity;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
	cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
	cursor: grabbing
}

.fancybox-container [data-selectable=true] {
	cursor: text
}

.fancybox-image,
.fancybox-spaceball {
	background: 0 0;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%
}

.fancybox-slide--video .fancybox-content {
	background: #000
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff
}

.fancybox-iframe,
.fancybox-video {
	background: 0 0;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}

.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.fancybox-button {
	background: rgba(30, 30, 30, .6);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: #ccc
}

.fancybox-button:hover {
	color: #fff
}

.fancybox-button:focus {
	outline: 0
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: 0
}

.fancybox-button div {
	height: 100%
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
	display: none
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	z-index: 99998
}

.fancybox-close-small {
	background: 0 0;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: .8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401
}

.fancybox-close-small:hover {
	color: #fff;
	opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px
}

.fancybox-navigation .fancybox-button div {
	padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right)
}

.fancybox-caption {
	background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996
}

@supports (padding:max(0px)) {
	.fancybox-caption {
		padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
	}
}

.fancybox-caption--separate {
	margin-top: -50px
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline
}

.fancybox-loading {
	animation: a 1s linear infinite;
	background: 0 0;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999
}

@keyframes a {
	to {
		transform: rotate(1turn)
	}
}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px
	}

	.fancybox-slide--image {
		padding: 6px 0
	}

	.fancybox-close-small {
		right: -6px
	}

	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px
	}

	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px
	}

	@supports (padding:max(0px)) {
		.fancybox-caption {
			padding-left: max(12px, env(safe-area-inset-left));
			padding-right: max(12px, env(safe-area-inset-right))
		}
	}
}

.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px
}

.fancybox-share p {
	margin: 0;
	padding: 0
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
	color: #fff
}

.fancybox-share__button:hover {
	text-decoration: none
}

.fancybox-share__button--fb {
	background: #3b5998
}

.fancybox-share__button--fb:hover {
	background: #344e86
}

.fancybox-share__button--pt {
	background: #bd081d
}

.fancybox-share__button--pt:hover {
	background: #aa0719
}

.fancybox-share__button--tw {
	background: #1da1f2
}

.fancybox-share__button--tw:hover {
	background: #0d95e8
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px
}

.fancybox-share__button svg path {
	fill: #fff
}

.fancybox-share__input {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: 0;
	padding: 10px 15px;
	width: 100%
}

.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	width: 212px;
	z-index: 99995
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, .1);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}

.fancybox-thumbs__list a:before {
	border: 6px solid #ff5268;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s cubic-bezier(.25, .46, .45, .94);
	z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
	opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
	opacity: 1
}

@media (max-width:576px) {
	.fancybox-thumbs {
		width: 110px
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 110px
	}

	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px)
	}
}

.popup {
	padding: 0;
	margin: 0 200px;
	border-width: 0;
	display: none;
	overflow: visible
}

@media (min-width:0px) and (max-width:1199.98px) {
	.popup {
		margin: 0 20px
	}
}

.popup .popup-wrapper {
	background-color: #f8fbff
}

.popup .popup-wrapper .lhs-img-wrap {
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 20px
}

.popup .popup-wrapper .lhs-img-wrap .image-wrap img {
	width: 100%;
	height: auto
}

@media (min-width:0px) and (max-width:767.98px) {
	.popup .popup-wrapper .image-wrap img {
		padding: 0;
		margin: 0 0 20px
	}
}

.popup .popup-wrapper .lhs-img-wrap .popup-banner-content {
	position: absolute;
	top: 0;
	padding: 35px
}

.popup .popup-wrapper .lhs-img-wrap .popup-banner-content h2 {
	font-family: OpenSans-Regular, sans-serif;
	font-size: 30px;
	color: #333;
	line-height: 35px
}

.popup .popup-wrapper .lhs-img-wrap .popup-banner-content h2 span {
	font-family: OpenSans-ExtraBold, sans-serif
}

.popup .popup-wrapper .fancybox-toolbar {
	top: 110px;
	right: 30px;
	margin: 0;
	padding: 0
}

.popup .popup-wrapper .fancybox-button.fancybox-button--fullscreen,
.popup .popup-wrapper .fancybox-button.fancybox-button--share {
	display: none
}

.popup .popup-wrapper .fancybox-slide {
	top: 15%;
	height: 80%
}

.popup .popup-wrapper .rhs-content-wrap {
	width: 66%;
	display: inline-block;
	vertical-align: middle;
	padding: 30px;
	background-color: #fff
}

.popup .popup-wrapper h3 {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
	color: #232323;
	position: relative
}

.popup .popup-wrapper h3::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 80px;
	height: 5px;
	background-color: #007185;
	border-radius: 5px
}

.popup .popup-wrapper p {
	font-family: Poppins;
	color: #666;
	font-size: 15px
}

.popup .popup-wrapper .rhs-content-wrap ul {
	margin: 0;
	padding: 0 0 0 15px
}

.popup .popup-wrapper .rhs-content-wrap ul li {
	color: #145091;
	font-family: OpenSans-Semibold, sans-serif;
	font-size: 16px;
	margin-bottom: 15px
}

.popup .popup-wrapper .rhs-content-wrap ul li span {
	color: #666
}

@media (min-width:992px) and (max-width:1199.98px) {
	.fancybox-toolbar {
		top: 10%
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.fancybox-toolbar {
		top: 6%;
		height: 60%
	}
}

.fancybox-toolbar {
	top: 110px;
	right: 30px;
	margin: 0;
	padding: 0
}

.fancybox-button.fancybox-button--fullscreen,
.fancybox-button.fancybox-button--share {
	display: none
}

.fancybox-slide {
	top: 15%;
	height: 80%
}

@media (min-width:992px) and (max-width:1199.98px) {
	.fancybox-slide {
		top: 10%
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.fancybox-slide {
		top: 6%;
		height: 60%
	}
}

.inner-scroll {
	padding: 30px;
	overflow: auto;
	height: 490px
}

.image-wrap img {
	padding-left: 15px
}

.fancybox-slide {
	overflow: hidden
}

.fancybox-bg {
	background: #000
}

.cta {
	margin: 20px 0 30px
}

.cta a {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	background-color: #007185;
	font-weight: 500;
	padding: 20px;
	border-radius: 5px;
	transition: .5s all ease
}

.cta a:hover {
	background-color: #111
}

@media (min-width:0px) and (max-width:767.98px) {
	.slider-item.slider-item-img {
		min-height: 740px
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.slider-item.slider-item-img {
		min-height: 970px
	}
}

div.fancybox-scroll {
	max-height: calc(100% - 100px);
	max-width: 100%;
	padding: 0
}

div.fancybox-scroll img {
	vertical-align: top
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 7px;
	right: 20px;
	top: 20px;
	background: #007185;
	border-radius: 25px;
	color: #fff;
	transition: all .3s ease 0s
}

.fancybox-slide--html .fancybox-close-small:hover {
	background: #000
}

@media (min-width:0px) and (max-width:767.98px) {
	.slider-item.laparoscopic-slider .slider-text {
		margin-top: 0;
		top: 44%;
		position: absolute;
		padding-right: 20px
	}

	.cta a {
		font-size: 12px;
		padding: 15px
	}

	.inner-scroll {
		height: 410px
	}

	.fancybox-slide--html .fancybox-close-small {
		padding: 6px;
		right: 10px;
		top: 10px
	}

	.fancybox-button {
		height: 34px;
		width: 34px
	}
}

.book-cta a {
	background-color: #3ba65c;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	border-radius: 5px;
	padding: 18px 45px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	display: inline-block;
	position: relative;
	z-index: 999
}

.book-cta a:hover {
	background-color: #000
}

/*** 
=============================================
    service Area style
=============================================
***/
.space,
.space-top {
	padding-top: 130px
}

.space,
.space-bottom {
	padding-bottom: 130px
}
.section-title {
	margin-bottom: 75px
}

.section-title .h1 {
	margin-top: -0.3em
}

.section-title .sec-subtitle {
	margin-top: -0.2em
}

.sec-subtitle {
	display: block;
	font-family: var(--subtitle-font);
	font-weight: 400
}

.sec-icon {
	display: inline-block;
	position: relative;
	padding: 10px;
	border: 1px solid var(--theme-color);
	border-radius: 50%;
	--line-width: 48px;
	--line-height: 1px;
	margin-bottom: 30px
}

.sec-icon:after,
.sec-icon:before {
	content: "";
	position: absolute;
	left: calc(var(--line-width)/-1);
	top: 50%;
	height: var(--line-height);
	margin-top: calc(var(--line-height)/-2);
	width: var(--line-width);
	background-color: var(--theme-color)
}

.sec-icon:after {
	right: calc(var(--line-width)/-1);
	left: auto
}

.sec-icon i {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 22px;
	background-color: var(--white-color);
	border-radius: 50%;
	color: var(--theme-color);
	box-shadow: 0px 6px 37px 0px rgba(28, 53, 95, .1)
}

.service-area {
    background: #fcfcfc;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}
.service-area .img-holder {
    position: relative;
    overflow: hidden;
    display: block;
}
.service-area .img-holder img{
    /*width: 100%;*/
}
.service-area .img-holder .overlay-content{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: auto;
    background: #0392ce;
    display: block;
    padding: 35px 30px 35px
}
.service-area .img-holder .overlay-content p{
    color: #ffffff;
    margin: 0;
}


.service-area .tab-content {}
.service-area .tab-content .inner-content {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 50px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.service-area .tab-content .inner-content .img-box img{
	width:100%;
}
.service-area .tab-content .inner-content .text-box {}
.service-area .tab-content .inner-content .text-box h3 {
    color: #0392ce;
    margin: 0 0 18px;
}
.service-area .tab-content .inner-content .text-box p{}
.service-area .tab-content .inner-content .text-box a {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    color: #222222;
    width: 160px;
    margin: 30px 0 0;
}
.service-area .tab-content .inner-content .text-box a:hover{
    border-color: #0392ce;
    background: #0392ce;
    color: #ffffff;
}

.service-area .tab-menu {
    border-bottom: none;
}
.service-area .tab-menu li {
    float: left;
    margin-right: 15px;
    text-align: center;
    margin-bottom: 0;
}
.service-area .tab-menu li h3 {
    font-size: 18px;
    margin: 15px 0 0;
}
.service-area .tab-menu li a {
    position: relative;
    margin-right: 0px;
    line-height: initial;
    border: none;
    border-radius: 0;
    padding: 0;
}
.service-area .tab-menu li:last-child {
    margin-right: 0px;    
}
.service-area .tab-menu li.active a, 
.service-area .tab-menu li.active a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: none;
}
.service-area .tab-menu li a .img-holder .overlay-style-one{
    transition: all 500ms ease;    
}
.service-area .tab-menu li.active a .img-holder .overlay-style-one,
.service-area .tab-menu li:hover a .img-holder .overlay-style-one{
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;        
}
.service-area .tab-menu li a .img-holder .overlay-style-one .iocn-holder span:before{
    font-size: 25px;
    font-weight: 100;
    color: #ffffff;
}
.service-area .tab-menu li a .img-holder{
    display: block;
    overflow: hidden;
    position: relative;      
}
.service-area .tab-menu li a .img-holder img{
    transform: scale(1.1, 1.1);
	transition: all .9s ease;
    /*width:100%; 
	position:relative;*/   
}
.service-area .tab-menu li:hover a .img-holder img{
    transform: scale(1.2, 1.2);
}

/* ........................................ */
.section-title {
	margin-bottom: 75px
}

.section-title .h1 {
	margin-top: -0.3em
}
.sec-title .inner-text {
    text-decoration: underline;
      text-decoration-color: currentcolor;
    -webkit-text-decoration-color: var(--theme-color2);
    text-decoration-color: var(--theme-color2);
  }

.section-title .sec-subtitle {
	margin-top: -0.2em
}

.sec-subtitle {
	display: block;
	font-family: var(--subtitle-font);
	font-weight: 400
}

.sec-icon {
	display: inline-block;
	position: relative;
	padding: 10px;
	border: 1px solid var(--theme-color);
	border-radius: 50%;
	--line-width: 48px;
	--line-height: 1px;
	margin-bottom: 30px
}

.sec-icon:after,
.sec-icon:before {
	content: "";
	position: absolute;
	left: calc(var(--line-width)/-1);
	top: 50%;
	height: var(--line-height);
	margin-top: calc(var(--line-height)/-2);
	width: var(--line-width);
	background-color: var(--theme-color)
}

.sec-icon:after {
	right: calc(var(--line-width)/-1);
	left: auto
}

.sec-icon i {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 22px;
	background-color: var(--white-color);
	border-radius: 50%;
	color: var(--theme-color);
	box-shadow: 0px 6px 37px 0px rgba(28, 53, 95, .1)
}
.space,
.space-top {
	padding-top: 130px
}

.space,
.space-bottom {
	padding-bottom: 130px
}

.service-box {
	text-align: center;
	--shape-size: 92px;
	padding: 40px 40px 42px 40px;
	border-radius: 10px;
	border: 2px solid #e6f8fb;
	position: relative;
	margin-bottom: 25px;
	background-color: var(--white-color);
	transition: all ease .4s
}

.service-box .sr-icon {
	background-color: var(--white-color);
	padding: 13px;
	margin-top: calc(var(--shape-size)/-2 - 13px);
	display: inline-block;
	margin-bottom: 13px;
	position: relative;
	z-index: 2;
	border-radius: 50%
}

.service-box .sr-icon i {
	width: var(--shape-size);
	height: var(--shape-size);
	line-height: var(--shape-size);
	background-color: var(--theme-color);
	color: var(--white-color);
	font-size: 3em;
	display: inline-block;
	text-align: center;
	border-radius: inherit
}

.service-box .sr-img {
	overflow: hidden;
	border-radius: 10px;
	position: relative
}

.service-box .sr-img:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	background-image: linear-gradient(to top, var(--theme-color) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: .8;
	transition: all ease .4s;
	z-index: 1
}

.service-box .sr-img img {
	transform: scale(1);
	transition: all ease .4s
}

.service-box .sr-content {
	padding: 0 10px
}

.service-box .icon-btn {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 -24px -25px
}

.service-box:hover {
	border-color: var(--theme-color);
	box-shadow: 0px 12px 47px 0px rgba(39, 71, 125, .07)
}

.service-box:hover .sr-img:before {
	height: 100%
}

.service-box:hover .sr-img img {
	transform: scale(1.2)
}

.service-thumb {
	position: relative;
	--size-icon: 88px;
	padding-bottom: 60px;
	margin-bottom: 30px
}

.service-thumb .sr-icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: calc(var(--size-icon)/-2);
	width: var(--size-icon);
	height: var(--size-icon);
	line-height: var(--size-icon);
	margin-left: calc(var(--size-icon)/-2);
	text-align: center;
	background-color: var(--white-color);
	border-radius: 50%;
	color: #1b1b1b;
	z-index: 2;
	box-shadow: 0px 15px 42.75px 2.25px rgba(39, 71, 125, .07);
	transition: all ease .4s;
	opacity: 0;
	visibility: hidden
}

.service-thumb .sr-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0px 15px 42.75px 2.25px rgba(39, 71, 125, .07);
	background-color: var(--white-color);
	text-align: center;
	padding: 35px 30px 22px 30px;
	transition: all ease .4s;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto
}

.service-thumb .sr-title {
	transition: all ease .4s
}

.service-thumb .sr-content {
	overflow: hidden;
	transition: all ease .4s;
	margin-bottom: 0
}

.service-thumb .sr-text {
	font-size: 14px;
	margin-bottom: 6px
}

.service-thumb .link-btn {
	font-size: 14px
}

.service-thumb .sr-img {
	overflow: hidden
}

.service-thumb .sr-img img {
	transition: all ease .4s;
	transform: scale(1)
}

.service-thumb:hover .sr-icon {
	opacity: 1;
	visibility: visible
}

.service-thumb:hover .sr-body {
	padding-top: 70px;
	padding-top: calc(var(--size-icon)/2 + 25px)
}

.service-thumb:hover .sr-icon,
.service-thumb:hover .sr-title a {
	color: var(--theme-color) !important
}

.service-thumb:hover .sr-img img {
	transform: scale(1.3)
}

.service-bar {
	padding: 60px 80px;
	background-color: var(--white-color);
	box-shadow: 0px 15px 42.75px 2.25px rgba(39, 71, 125, .07);
	margin-top: -87.5px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2
}

@media(min-width: 767px) {
	.service-circle {
		position: relative;
		width: 800px;
		height: 800px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 50%
	}

	.service-circle__center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		border-radius: 50%;
		width: 425px;
		height: 425px;
		border-radius: 50%;
		background-color: #007185;
	}

	.service-circle__item {
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		border-radius: 50%;
		padding: 20px 20px;
		text-align: center;
		transition: all ease .4s;
		opacity: 0;
		visibility: hidden
	}

	.service-circle__item.active {
		opacity: 1;
		visibility: visible
	}

	.service-circle__title {
		color: var(--white-color);
		max-width: 260px;
		position: relative;
		padding-bottom: 20px
	}

	.service-circle__title a {
		color: inherit
	}

	.service-circle__title a:hover {
		text-decoration: underline
	}

	.service-circle__title:after,
	.service-circle__title:before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 220px;
		margin: 0 0 0 -110px;
		height: 1px;
		background-color: var(--white-color);
		border-radius: 10px;
		opacity: .7
	}

	.service-circle__title:after {
		height: 3px;
		width: 40px;
		margin: 0 0 -1px -20px;
		opacity: 1
	}

	.service-circle__text {
		color: var(--white-color);
		margin: 0 0 3px 0;
		max-width: 260px
	}

	.service-circle__lines .line {
		background-color: #f5f7ff;
		width: 20px;
		height: 900px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(-30deg);
		z-index: 2
	}

	.service-circle__lines .line:nth-child(2) {
		transform: translate(-50%, -50%) rotate(30deg)
	}

	.service-circle__lines .line:nth-child(3) {
		transform: translate(-50%, -50%) rotate(90deg)
	}

	.service-circle__menu {
		position: relative;
		width: 800px;
		height: 800px;
		margin: 0 auto
	}

	.service-circle__menu ul {
		position: absolute;
		width: 800px;
		height: 800px;
		padding: 0;
		list-style: none;
		border-radius: 50%;
		overflow: hidden
	}

	.service-circle__menu li {
		position: absolute;
		top: -84px;
		left: -84px;
		width: 484px;
		height: 484px;
		transform-origin: 100% 100%;
		overflow: hidden;
		transform: rotate(var(--rotate-item, 0)) skew(30deg)
	}

	.service-circle__menu li a {
		display: block;
		width: 484px;
		height: 484px;
		margin-top: 119px;
		margin-left: 119px;
		background-color: var(--white-color);
		transform: skew(-30deg) rotate(-60deg);
		transition: background-color .5s;
		text-align: center
	}

	.service-circle__menu li a:hover,
	.service-circle__menu li.active a {
		background-color: var(--theme-color2)
	}

	.service-circle__menu li a:hover img,
	.service-circle__menu li.active a img {
		filter: brightness(0) invert(1)
	}

	.service-circle__menu li img {
		position: absolute;
		left: var(--icon-left, 50%);
		top: var(--icon-top, 35%);
		transform: translate(-50%, -50%) rotate(var(--rotate-icon, -300deg));
		transform-origin: 50% center;
		display: block;
		transition: all ease .4s
	}

	.service-circle__menu li:nth-child(2) {
		--rotate-item: 60deg;
		--rotate-icon: 0
	}

	.service-circle__menu li:nth-child(3) {
		--rotate-item: 120deg;
		--rotate-icon: -60deg;
		--icon-top: 34%;
		--icon-left: 46%
	}

	.service-circle__menu li:nth-child(4) {
		--rotate-item: 180deg;
		--rotate-icon: -120deg;
		--icon-left: 46%
	}

	.service-circle__menu li:nth-child(5) {
		--rotate-item: 240deg;
		--rotate-icon: -180deg;
		--icon-left: 48%
	}

	.service-circle__menu li:nth-child(6) {
		--rotate-item: 300deg;
		--rotate-icon: -240deg
	}
}

@media(min-width: 767px)and (max-width: 992px) {
	.service-circle {
		width: 700px;
		height: 700px
	}

	.service-circle__center {
		width: 375px;
		height: 375px
	}

	.service-circle__menu {
		width: 700px;
		height: 700px
	}

	.service-circle__menu ul {
		width: 700px;
		height: 700px
	}

	.service-circle__menu li {
		top: -34px;
		left: -34px;
		width: 384px;
		height: 384px
	}

	.service-circle__menu li a {
		width: 384px;
		height: 384px;
		margin-top: 88px;
		margin-left: 88px
	}

	.service-circle__menu li img {
		transform: translate(-50%, -70%) rotate(var(--rotate-icon, -300deg))
	}
}

.service-style1 {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden
}

.service-style1 .service-img img {
	width: 100%
}

.service-style1 .service-flip-title {
	position: absolute;
	left: -3px;
	top: 50%;
	margin: 0;
	text-align: center;
	z-index: 1;
	background-color: var(--white-color);
	font-size: 20px;
	font-weight: 600;
	writing-mode: tb-rl;
	transform: rotate(-180deg) translateY(50%);
	height: -moz-max-content;
	height: max-content;
	padding: 90px 25px 90px 29px;
	-webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 87%);
	clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 87%);
	transition: all ease .4s;
	opacity: 1;
	visibility: visible;
	margin-left: 0
}

.service-style1 .service-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	z-index: 1;
	opacity: .9;
	opacity: 0;
	visibility: hidden;
	transition: all ease .4s
}

.service-style1 .service-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	z-index: 2;
	padding: 0 40px
}

.service-style1 .service-title {
	color: var(--white-color);
	font-size: 24px
}

.service-style1 .service-title a {
	color: inherit
}

.service-style1 .service-title a:hover {
	color: var(--title-color)
}

.service-style1 .service-text {
	color: var(--white-color);
	line-height: 28px;
	margin: 0;
	transition: all ease .4s
}

.service-style1 .service-btn,
.service-style1 .service-text,
.service-style1 .service-title {
	transition: all ease .4s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-40px)
}

.service-style1 .service-btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background-color: var(--white-color);
	color: var(--theme-color);
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -20px;
	border-radius: 50%;
	z-index: 1;
	transform: translateY(40px)
}

.service-style1 .service-btn:hover {
	background-color: var(--title-color);
	color: var(--white-color)
}

.service-style1:hover .service-btn,
.service-style1:hover .service-text,
.service-style1:hover .service-title {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition-delay: .1s
}

.service-style1:hover .service-title {
	transition-delay: .2s
}

.service-style1:hover .service-overlay {
	opacity: .9;
	visibility: visible
}

.service-style1:hover .service-flip-title {
	margin-left: -100px;
	opacity: 0;
	visibility: hidden
}

@media(min-width: 1921px) {
	.service-style1 .service-content {
		padding: 0 20px
	}

	.service-style1 .service-title {
		font-size: 20px
	}

	.service-style1 .service-btn {
		bottom: 20px
	}
}

@media(max-width: 1199px) {
	.service-style1 .service-content {
		padding: 0 20px
	}

	.service-style1 .service-title {
		font-size: 20px
	}

	.service-style1 .service-btn {
		bottom: 20px
	}
}

@media(max-width: 1399px) {
	.service-box {
		--shape-size: 82px;
		padding: 30px 30px 32px 30px
	}

	.service-box .sr-icon {
		padding: 8px
	}
}

@media(max-width: 1199px) {
	.service-card {
		padding-top: 43px
	}

	.service-card .sr-icon {
		--size: 100px;
		--extra: -5px
	}

	.service-card .sr-icon i {
		font-size: 3em
	}

	.service-card .sr-img {
		margin-top: -60px
	}

	.service-card .sr-text {
		padding-left: 30px;
		padding-right: 30px
	}

	.service-box .sr-content {
		padding: 0
	}

	.service-bar {
		padding: 35px 40px 40px 40px;
		margin-top: 40px;
		margin-bottom: 35px;
		box-shadow: 0 0 45px -5px rgba(39, 71, 125, .14)
	}
}

@media(max-width: 992px) {
	.service-thumb {
		padding-bottom: 0
	}

	.service-thumb .sr-icon {
		opacity: 1;
		visibility: visible
	}

	.service-thumb .sr-body {
		position: relative;
		padding-top: calc(var(--size-icon)/2 + 15px);
		max-width: 100%
	}

	.service-thumb .sr-icon,
	.service-thumb .sr-title a {
		color: var(--theme-color) !important
	}

	.service-thumb .sr-img img {
		transform: scale(1.3)
	}

	.service-thumb:hover .sr-body {
		padding-top: calc(var(--size-icon)/2 + 15px)
	}
}

@media(max-width: 767px) {
	.notice-bar {
		border-radius: 10px
	}

	.service-card {
		padding-top: 33px
	}

	.service-card .sr-text {
		padding-left: 20px;
		padding-right: 20px
	}

	.service-card .sr-img {
		margin-top: -50px
	}

	.service-thumb {
		--size-icon: 70px
	}

	.service-thumb .sr-icon .fa-3x {
		font-size: 2.5em
	}

	.service-box {
		--shape-size: 74px;
		padding: 20px 20px 30px 20px
	}

	.notice-bar {
		padding: 13.5px 15px
	}

	.notice-bar.mt-30 {
		margin-top: 0
	}

	.service-circle__menu ul {
		margin: 0 0 30px 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px
	}

	.service-circle__menu li {
		display: inline-block
	}

	.service-circle__menu li.active a {
		background-color: var(--theme-color2)
	}

	.service-circle__menu li.active a img {
		filter: brightness(0) invert(1)
	}

	.service-circle__menu a {
		display: block;
		background-color: var(--white-color);
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		border-radius: 7px
	}

	.service-circle__menu a img {
		max-width: 40px;
		transition: all ease .4s
	}

	.service-circle__item {
		display: none;
		background-color:#007185;
		padding: 30px 20px 20px 20px;
		border-radius: 7px;
		text-align: center
	}

	.service-circle__item:not(.active) {
		opacity: 0
	}

	.service-circle__item.active {
		display: block;
		transition: opacity .15s linear
	}

	.service-circle__title {
		color: var(--white-color)
	}

	.service-circle__title a {
		color: inherit
	}

	.service-circle__title a:hover {
		text-decoration: underline
	}

	.service-circle__text {
		color: var(--white-color)
	}
}


.video-area {
    background-image: url(../img/7.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 560px;
    text-align: center
}

.video-item a {
    display: inline-block;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 50%;
    color: #007185;
    font-size: 35px;
    background-color: #fff
}

.video-item a:hover {
    color: #fff;
    background: linear-gradient(40deg, rgba(0,0,0,1) 0%, rgba(0,150,88,1) 0%, rgba(0,113,133,1) 55%, rgba(0,83,168,1) 100%);
}

.video-item .video-content {
    margin-top: 90px;
    text-align: left;
    padding-left: 30px;
    position: relative;
    max-width: 745px;
    margin-left: 0
}

.video-item .video-content:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 5px;
    height: 70px;
    background-color: #fff
}

.video-item .video-content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 25px
}

.video-item .video-content p {
    color: #fff;
    margin-bottom: 0
}

.video-wrap .video-nav {
    margin-top: -42px;
    background-color: #fff;
    text-align: center;
    display: block;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 #ddd;
    box-shadow: 0 0 15px 0 #ddd
}

.video-wrap .video-nav .video-nav-item {
    display: inline-block
}

.video-wrap .video-nav .video-nav-item a {
    color: #007185;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    padding: 25px 49.4px 22px 49.3px;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.video-wrap .nav-pills .nav-link,.video-wrap .nav-pills .show>.nav-link {
    border-top: 4px solid transparent
}

.video-wrap .nav-pills .nav-link.active,.video-wrap .nav-pills .show>.nav-link {
    border-top: 4px solid #007185
}
