@font-face {
    font-family: 'Uniform Rounded Condensed';
    src: url('../fonts/UniformRoundedCondensed-Regular.woff2') format('woff2'),
        url('../fonts/UniformRoundedCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#wrapper{overflow:hidden;}
body{color:#515151;font-size:17px;line-height:28px;overflow-x:hidden;}
body,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:'Uniform Rounded Condensed';}
h1,h2,h3,h4,h5,h6,li,ol,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 10px}
p{margin-bottom:15px; line-height:25px; text-align:justify;}
a{color:#23ABE1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
a:hover, a:focus{text-decoration:none !important;color:#eac703}
.logo{ float:left;}
.banner{ position:relative;}
.bxslider{ min-width:434px; min-height:563px} 
.bxslider li:before{ position:absolute; width:100%; height:100%; background:url(../images/banner_pattern.png) repeat ;content:""; left:0; bottom:0; z-index:98;} 
.tagline_container{position:absolute;z-index:999;  width:100%; top:35%; right:0}
.tagline{ width:50%; float:right} 
.tagline h1{ font-size:60px; color:#fff;margin-bottom:10px; line-height:60px; font-weight:800 }
.tagline h3{ color:#222222 !important; font-size:35px;  font-weight:800; line-height:40px; margin-bottom:20px; text-align:center}
.kc{ text-transform:uppercase; font-size:40px !important; color:#222222; text-align:center}
.kc span{ font-size:24px}
.tagline p{ text-align:right; color:#222222;}
.tagline .btn{ border-radius:0px}
.flexy-menu li{display:inline-block}
.flexy-menu,.flexy-menu li,.main-header,.tag_line_inner img{position:relative}
.flexy-menu{float:right;list-style:none; padding-top:10px;}
.top_panel_image .flexy-menu{margin-top:20px;}
.flexy-menu li{display:inline-block}
.flexy-menu,.flexy-menu li,.main-header,.tag_line_inner img{position:relative}
.flexy-menu{float:left;list-style:none;} 
.flexy-menu li{margin:0;padding:0;float:left;line-height:16px;font-size:18px; font-weight:600}
.flexy-menu>li>a{color:#ffffff;padding:30px 15px;text-decoration:none;display:block;transition:color .2s linear,background .2s linear;}
.flexy-menu ul li a,.flexy-menu>li>a{-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear}
.flexy-menu li.active > a,.flexy-menu li:hover > a{color:#ffffff; border-bottom:2px solid #eac703}
.flexy-menu li.right{float:right}
.flexy-menu ul,.flexy-menu ul li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99999;width:202px;background:rgba(0,0,0,.8);box-shadow:0 1px 1px rgba(0,0,0,.3)}
.flexy-menu ul{top:75px;left:0}
.flexy-menu ul li ul{top:0;left:100%}
.flexy-menu ul li{clear:both;width:100%;border:none;font-size:12px}
.flexy-menu ul li a{padding:10px 20px;width:100%;color:#dedede;font-size:13px;text-decoration:none;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:color .2s linear,background .2s linear}
.flexy-menu>li .indicator{position:absolute;color:rgba(245,245,245,.3);top:14px;right:8px;font-size:13px}
.flexy-menu ul>li .indicator{top:15px;right:8px}
.flexy-menu i{line-height:20px!important;margin-right:6px;font-size:18px;float:left}
.flexy-menu>li.showhide{display:none;width:100%;cursor:pointer;color:#fff;background:none;}
.flexy-menu>li.showhide span.title{margin:16px 0 0 25px;float:left; font-weight:bold; display:none;}
.flexy-menu>li.showhide span.icon{padding:0px 0px 8px;float:right; display:block;}
.flexy-menu>li.showhide .icon em{margin-bottom:3px;display:block;width:20px;height:2px;background:#eac703}
.rel{position:relative}
.white{color:#fff !important}
.h1{color: #1B6076 ; font-size: 30px; font-weight: 800; letter-spacing: 1px; line-height: 40px; margin-bottom: 20px;}
.mh2{font-size:28px; color:#6f6f6f; font-weight:800; padding-bottom:10px; margin-bottom:25px; position:relative; text-align:center}
.mh2:after{ content:""; position:absolute; height:2px; width:50px; background:#2caee2; left:calc(50% - 25px); bottom:0; }
.h2{font-size:28px; color:#6f6f6f; font-weight:800; padding-bottom:10px; margin-bottom:25px; position:relative;}
.h2:after{ content:""; position:absolute; height:2px; width:50px; background:#2caee2; left:0; bottom:0; }
.h3{ font-size:26px; color:#6f6f6f; font-weight:600; margin-bottom:15px; line-height:28px}
.h4{ font-size:22px; color:#6f6f6f; font-weight:bold}
.h5{ font-size:16px; color:#727272; font-weight:bold; }
.p20{ padding:20px 20px 10px 20px}
.pl75{ padding-left:75px}
.pl100{ padding-left:100px}
.m20{padding-top:20px;padding-bottom:20px;}
.m30{padding-top:30px;padding-bottom:30px;}
.m40{padding-top:40px;padding-bottom:40px;}
.m50{padding-top:50px;padding-bottom:50px;}
.mb10{ margin-bottom:10px}
.mb20{margin-bottom:20px} 
.mb30{margin-bottom:30px} 
.mb40{margin-bottom:40px} 
.mb50{margin-bottom:50px} 
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt50{ margin-top:50px}
.ml40{ margin-left:40px}
.black{ color:#222222}
.blue{ color:#23ABE1}
 
.blog-container ul, .list{ margin-bottom:20px;}
.blog-container ul li, .list li{list-style-type:none; margin-left:20px; margin-bottom:5px; position:relative;} 
.blog-container ul li:before, .list li:before{
	content: "\f105";
	font-family: 'FontAwesome';
	color: #eac703;
	font-size: 15px;
	margin-right: 10px; display:inline-block; position:absolute; left:-15px;}
.header{ background:#23abe1; border-top:2px solid #f4fbfd}	
.logo{ padding:20px 0; position:relative}	
.logo:after{ position:absolute; width:2px; height:50px; background:#dddddd; content:""; right:-25px; top:12px}
.hsm{ float:right; padding:25px} 
.hsm a{ color:#ffffff; font-size:16px}
.hsm li{ display:inline-block; list-style-type:none; padding: 0 8px}
.about{ background:url(../images/about-bg.png) center no-repeat}
.about p{ text-align:center; line-height:30px}
.consultation{ background:url(../images/consultation-bg.jpg) center no-repeat}
.consultation p{ text-align:center; line-height:30px; color:#3c3d41}
.hospital-owl li{ list-style-type:none}
.blog-box img{ margin-bottom:10px}
.blog-box h3{ margin-bottom:10px; font-size:20px; color:#3c3d41; font-weight:600; min-height:40px}
.blog-box .date{ color:#2cbfec; margin-bottom:10px}
.blog-box p{ margin-bottom:10px}
.blog-box .btn{ border-radius:0; background:#fff; color:#222}
.blog-box .btn:hover{ background:#46b8da; color:#fff}
.counter{ background:url(../images/count-bg.jpg) bottom no-repeat; padding:40px 0}
.counter-item{ text-align:center; color:#fff}
.counter-item p{ text-align:center; color:#2caee2;}
.counter-item .count{ color:#ffffff; font-size:60px; font-weight:800; margin-bottom:15px}
.counter-item .count-title{ font-size:20px}
.footer{ background:#222222; padding:40px 0; border-top:5px solid #0090D6; color:#fff}
.flogo{ margin-bottom:10px}
.fcont{ padding-left:30px; position:relative; margin-bottom:15px}
.fcont .fa{ position:absolute; left:0; top:6px; font-size:20px}
.footer h3{ font-size:20px; text-transform:uppercase; color:#fff; padding-bottom:10px; margin-bottom:15px; position:relative}
.footer h3:before{ position:absolute; content:""; left:0; bottom:0; height:2px; width:30px; background:#23ABE1}
.flist{ margin-bottom:20px;}
.flist li{list-style-type:none; margin-left:20px; margin-bottom:5px; position:relative;} 
.flist li a{ color:#fff}
.flist li:before{
	content: "\f0da";
	font-family: 'FontAwesome';
	color: #23ABE1;
	font-size: 15px;
	margin-right: 10px; display:inline-block; position:absolute; left:-15px;}
.f2{ padding:20px 0; background:#1D1D1D; color:#fff}
.f2 p{margin-bottom:0}
.social a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 12px;
    text-align: center; 
    width: 30px; background:#3b5998;
	color:#fff
}
.social a.tw{ background:#56a3d9;}
.social a.gp{ background:#dd4b39;}
.social a.in{ background:#007bb6;}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
	
}
.ibanner-sec{
    background: url(../images/banner/inner/laparoscopic-surgery.jpg) no-repeat; padding: 100px 0;
    background-position: center center;
    background-size: cover;
    color: #fff;  
}
.breadcrumb a {
    color: #fff;
}
.breadcrumb  .active {
    color: #3498db;
	font-weight:bold
}
.box-resume {
	position: relative;
	border: 1px solid #19b5fe;
	padding: 30px;
	margin-top: 45%;
}
.about-doctor ul li strong {
    display: inline-block;
    width: 90px;
}
.box-resume .btn {
	background: #fff;
}
.box-resume .btn:hover {
	background: #19b5fe;
}
.box-resume ul {
	margin: 0;
	padding: 0;
}
.box-resume ul li {
	margin: 8px 0;
	padding: 0;
	list-style: none;
} 
.center-bottom {
	position: absolute;
	left: 0;
	bottom: -15px;
	text-align: center;
	width: 100%;	
}
.center-top {
	text-align: center;
	margin-bottom: 40px;
	margin-top: -20%;
}
.center-top img {
	margin-top: -60%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #19b5fe;
	padding:15px;
	background:#fff
}
.btn, button {
	font-size: 12px; 
	font-weight: 700; 
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 0;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	border:1px solid #19b5fe
}
.box-resume .btn:hover{ color:#fff}
.we-do {
	margin-top: 60px;
}
.we-do .item {
	margin-top: 20px;
}
.we-do .icon {
	padding: 20px 0 0 0;
	text-align: center;
}
.we-do .icon .fa {
	font-size: 50px;
	color: #f00;
}
.we-do .icon p {
	font-weight: bold;
	margin-top: 10px;
}
.we-do .desc {
	border-left: 1px solid #ccc;
	padding: 5px 0 10px 40px;
	position: relative;
}
.we-do .pb-80 {
	padding-bottom: 60px;
}
.desc .fa {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	left: -14px;
	top: 0; 
}
.bg-color{ background:#19b5fe}
.we-do .desc h4 {
	font-weight: bold;
	font-size: 20px;
	position: relative;
	margin-bottom:15px
}
.we-do .desc p{ margin-bottom:10px}
.blog-title{margin-bottom:15px}
.blog-title a{ font-size:24px; color:#2c4a6b !important;}
.blog-title a:hover , .blog-title a:focus{ color:#0096DC !important}
.blog-rm{ font-size:16px; text-transform:uppercase; color:#0096DC}
.blog-rm:hover{ color:#2c4a6b}

.post-date {
    color: #fff;
    position: absolute;
    left: 20px;
    top: 0;
    width: 50px;
    text-align: center;
    text-transform: uppercase;
	background:#0090D6
}
.post-date strong,
.post-date span,{
    display: block;
    padding: 10px 5px;
}
.post-date strong{
    font-size: 10px;
    padding-bottom: 8px;
    position: relative;
}
.post-date > strong:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #fff;
    margin: 0 -10px;
    width: 20px;
} 
.post-date .fa{display: none;}
.bg-gray{ background:#F5F6F6; padding:15px}
.bg-gray h2, .contact-area h2{ font-size:24px; color:#6f6f6f; font-weight:800; margin-bottom:15px}
.contForm .form-control{ margin-bottom:15px; border-radius:0}
.contForm .btn{ width:100%; height:50px}
.contact-area{ border:1px solid #eee; padding:15px}
.contInfo{ padding-left:60px; position:relative; margin-bottom:25px}
.contInfo .fa{ font-size:20px; background:#0090D6; height:40px; width:40px; line-height:40px; position:absolute; left:0; top:0; text-align:center; color:#fff}
.contInfo h6{ text-transform:uppercase; font-size:14px}
.contInfo p{ color:#aaaaaa}
.testimonial-box {}
.testimonial-text {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 30px;
}
.testimonial-text h4 {}
.testimonial-text p {
    font-style: italic;
    margin: 0;
}
.client-name {
    padding-top: 35px;
}
.client-img {
    float: left;
    position: relative
}
 
.client-img img {
    border-radius: 50%;
    height: 90px;
    width: 90px;
}
.client-title {
    float: left;
    margin-left: 15px;
    margin-top: 23px;
}
.client-title h5 {}
.client-title span {
  color: #3e3e3e;
}
.gallery-isotope .gallery-item{ margin-bottom:15px}
.gallery-isotope .gallery-item .overlay-shade {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background-color: #333;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.gallery-isotope .gallery-item:hover .overlay-shade {
  opacity: 0.5;
  filter: alpha(opacity=90);
}
.gallery-isotope .gallery-item .icons-holder {
  position: absolute;
  top: 0%;
  left: 50%;
  display: inline-block;
  width: auto;
  height: 36px;
  vertical-align: middle;
  z-index: 13;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gallery-isotope .gallery-item .icons-holder .icons-holder-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -18px 0 0 -50%;
}
.gallery-isotope .gallery-item .icons-holder .icons-holder-inner a {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gallery-isotope .gallery-item:hover .icons-holder {
  top: 50%;
}
.gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {
  opacity: 1;
  filter: alpha(opacity=1);
}
.gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {
    background-color: #23ABE1;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.tetimonial-owl .owl-prev, .tetimonial-owl .owl-next{position: absolute; display: block !important; top: 40%; border:0px solid black; height:40px; font-size:26px; width:40px; background:#23ABE1; border-radius:50px; color:#fff; text-align:center; line-height:40px}
.tetimonial-owl .owl-prev {margin-left: -90px; }
.tetimonial-owl .owl-next {right: -90px;} 
@media only screen and (max-width:1200px){
	.tagline { margin-top:50px;}
} 
@media only screen and (max-width:992px){
.flexy-menu>li>a{padding:14px 10px}
.flexy-menu{width:250px; margin-top:15px; background:none; position:absolute; right:15px; z-index:9999;}
.flexy-menu li{display:block;width:100%}
.flexy-menu>li>a{border-bottom:1px solid #666; background:#333; color:#fff;}
.flexy-menu ul>li>a,.flexy-menu>li>ul>li>a{padding-left:40px!important}
.flexy-menu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left}
.flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{width:100%;left:0;border-left:none;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#333}
.flexy-menu ul li{border-left:none;border-right:none}
.flexy-menu ul li a,.flexy-menu.vertical ul li a{padding-top:10px;padding-bottom:10px;background:#333}
.flexy-menu>li .indicator{top:15px;right:25px;font-size:17px}
.flexy-menu ul>li .indicator{right:24px}
.flexy-menu.vertical ul>li .indicator{top:10px;right:15px}
.flexy-menu>li>ul>li>ul>li>a{padding-left:60px!important}
.flexy-menu>li>ul>li>ul>li>ul>li>a{padding-left:80px!important}
.tagline { margin-top:30px;}
.tagline h2{font-size:29px; } 
.tagline h3{font-size:17px; line-height:normal;}
.sticky_nav .flexy-menu{padding-top:20px !important}
.services{ margin-bottom:10px}
.sized_text{ font-size:16px}
.h3{ margin-top:15px}
.counter_Sec{ padding:10px 0 0 10px !important; height:220px}
.counter{ margin-bottom:20px}
.counter .count_number{ font-size:30px}
.counter .count_title{ padding-left:45px !important; padding-top:5px}
.counter .count_title br{ display:none}
.counter:nth-child(2), .counter:nth-child(3){ padding-left:15px}
.portfolio_filter li{ padding:0 8px; margin-bottom:8px}
.portfolio_filter li a{ font-size:14px}
.testimonial-3 .body p{ font-size:20px; line-height:26px}
.inner_banner_box h3{ font-size:30px}
}
@media only screen and (max-width:768px){
.header .logo img{ height:35px !important; width:auto} 
.sticky_nav .hidden-sticky img{margin:0 !important}
.header .btn-danger{ display:none}
.tagline h2{font-size:20px; } 
.tagline h3{font-size:15px;}
.hcontacts{ display:none}
.hcontact .fa{ display:none} 
.hsm{ display:none}
.logo::after{ display:none}
.blog-box{ margin-bottom:20px}
.pl75{ padding-left:20px}
.box-resume{ margin-bottom:20px} 
.ibanner-sec{ padding:50px}
.m40{ padding-top:20px; padding-bottom:20px}
}
@media only screen and (max-width:479px){
.col-xxs{width:100%}
.logo{text-align:center; margin:0 auto;}
}