@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.webp);
   background-repeat: no-repeat;
   background-position: 85% center;
}



@font-face {
font-family: 'Runalto';
font-style: normal;
font-weight: normal;
src: local('Runalto'), url('Runalto.woff') format('woff');
}



body {color: #333; margin: 0px; font-family: poppins; font-size: 16px; font-weight: 300; line-height: 30px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}


a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }



.listing {margin:0px 0px 0px 20px; padding:0px;} 

.listing li { list-style-image:url(../images/bullet.webp); padding-left:10px; }

.listing2 {margin:0px 0px 0px 20px; padding:0px;} 

.listing2 li { list-style-image:url(../images/bullet.webp); padding-left:10px; width:50%; float:left; }




strong {font-weight:600;}




.small-heading {display:block; font-size:12px; text-transform:uppercase; letter-spacing:2px; color:#bc202b; font-weight:500;}

h2 {margin:10px 0px; font-size:48px; font-family: 'Runalto'; line-height:120%; font-weight:normal;}

h2 strong {font-weight:normal; color:#bc202b;}

.service-name { font-family: 'Runalto'; line-height:120%; font-weight:normal; color:#bc202b; font-size:40px; margin:0px 0px 10px 0px; }


header {display:table; width:100%; background-color:#fff; position:fixed; left:0px; top:0px; z-index:10; transition: all 0.5s ease-in 0s; border-bottom:1px solid #fff;}

.call-button { margin-top:22px; display:inline-block; float:right; background-color:#bc202b; border-radius:1000px; color:#fff; font-weight:500; font-size:15px; line-height:33px; height:42px; font-style:italic; padding:4px 20px 4px 50px; background-image:url(../images/phone-icon1.webp); background-size:34px 34px; background-repeat:no-repeat; background-position:4px 4px; transition: all 0.5s ease-in 0s;}

.call-button:hover {background-position:97% center; padding:4px 50px 4px 20px; transition: all 0.5s ease-in 0s;}

.logo {float:left; margin:15px 0px; display:inline-block; transition: all 0.5s ease-in 0s;}

.logo img { display:block; width:212px; transition: all 0.5s ease-in 0s;}

.top-navigation {display:inline-block; margin:auto; width:600px; margin-top:27px; float:left; margin-left:200px; transition: all 0.5s ease-in 0s;}

.top-navigation a {display:inline-block; float:left; margin-right:40px; transition: all 0.5s ease-in 0s;}

.current-page {font-weight:600; border-bottom:1px solid #bc202b; transition: all 0.5s ease-in 0s;}



header.darker {border-bottom:1px solid #ccc; transition: all 0.5s ease-in 0s;}

header.darker .logo  { margin:7px 0px; transition: all 0.5s ease-in 0s;}

header.darker .logo img { display:block; width:150px; transition: all 0.5s ease-in 0s;}

header.darker .top-navigation { margin-top:10px; transition: all 0.5s ease-in 0s; margin-left:260px;}

header.darker .call-button { margin-top:5px; margin-bottom:5px; transition: all 0.5s ease-in 0s;}



.header-gap {width:100%; height:80px; }



.banner1 {width:100%; display:table; height:550px; background-image:url(../images/banner-1.webp); background-position:center center; background-size:cover;}
.banner2 {width:100%; display:table; height:550px; background-image:url(../images/banner-2.webp); background-position:center center; background-size:cover;}
.banner3 {width:100%; display:table; height:550px; background-image:url(../images/banner-3.webp); background-position:center center; background-size:cover;}


.banner-text {max-width:1250px; width:100%; margin:auto; display:table; padding-top:70px;}

.banner-text h2 {width:500px; margin-top:10px; margin-bottom:20px; font-size:50px;}

.banner-text h2 strong {font-weight:normal; color:#bc202b;}



.center-logo {width:100%; text-align:center; position:absolute; left:0px; margin-top:-95px; }


#rounded-text {width: 180px; height: 180px; background-image:url(../images/rounded-text-bg.webp); background-position:center center; background-size:cover; background-repeat:no-repeat; padding:30px;}


@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 10s linear infinite;
}


.center-rounded-logo-holder {display:block; margin:auto; position:absolute; text-align:center; width:100%; z-index:2; left:0px; top:50px;}


.aboutus {display:table; width:100%; padding:60px 0px; margin-top:60px;}

.aboutus-content { padding:0px 40px; display:table; width:100%;}

.aboutus-content p {line-height:200%;}

.aboutus-pic {display:block; width:100%;}









.plastic-surgeon { display:table; width:100%; padding:60px 0px; background-color:#faf6ec;}

.plastic-surgeon-content { padding:0px 40px 0px 0px; display:table; }

.plastic-surgeon img {display:block; width:100%;}




.our-services { display:table; width:100%; padding:60px 0px 20px 0px; }

.our-services  h2 {text-align:center;}

.our-services  .small-heading {text-align:center;}

.service-thumb {display:block; width:100%; border-radius:20px;}

.service-icon {display:block; margin:auto; margin-top:-70px; width:150px; height:150px; padding:10px; transition: all 0.5s ease-in 0s; }

.service-box  {margin-bottom:50px;}

.service-box h4 {text-align:center; font-weight:400; font-size:20px; margin-top:0px;}

.service-box:hover .service-icon {padding:0px; transition: all 0.5s ease-in 0s; }   

.service-box a {display:block;}







.facts-and-figures { display:table; width:100%; background-color:#bc202b; color:#fff; text-align:center; border-radius:20px;  margin-bottom:60px;}

.facts-and-figures .col-1-of-4 {padding:60px 0px; background-image:url(../images/pipe.webp); background-repeat:no-repeat; background-position:right center;}

.facts-and-figures strong {display:block; font-size:60px; font-family: 'Runalto'; line-height:120%; font-weight:normal;}

.facts-and-figures span {display:block; font-size:14px;  line-height:120%; font-weight:500;}









.our-team { display:table; width:100%; padding:60px 0px; background-color:#f3f3f3;}

.our-team  h2 {text-align:center;}

.our-team  .small-heading {text-align:center;}

.our-team img {display:block; width:100%;}

.left-content { padding:40px 40px 0px 0px; display:table; }

.left-content h2, .left-content .small-heading {text-align:left;}

.right-content { padding:40px 0px 0px 40px; display:table; }

.right-content h2 {text-align:left;}

.left-content h3, .right-content h3 {font-weight:500; font-size:18px; line-height:30px;}

.left-content .small-heading, .right-content .small-heading {text-align:left; color:#333;}


#certificates {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 40px 40px 40px; display:table; margin-bottom:130px; }

#certificates a {display:inline-block; width:48%; float:left; margin:1%; border:1px solid #ccc;}

#certificates a img {display:block; width:100%;}

.float-right {float:right!important;}

.read-more {display:block; border-radius:100px; background-color:#bc202b; border:2px solid #bc202b; padding:10px; text-align:center; color:#fff; font-weight:500; width:180px; margin-top:30px;}

.read-more:hover {background-color:transparent; color:#bc202b;}








.faq { display:table; width:100%; padding:60px 0px;}

.faq-left {display:table; width:100%; }

.faq-right  {display:table; width:100%; }

.faq-right img {display:block; width:100%; float:left;   }

.accordion-holder {  width:120%;  margin-top:30px; }








.contact { display:table; width:100%; padding:60px 0px;}

.contact-box1 { width:100%; position:relative; display:table;}

.contact-box1 img {display:block; width:100%;}

.contact-box1 span {display:block; border-radius:20px; background-color:#fff; padding:20px; position:absolute; margin-top:-130px; margin-left:30px; width:350px; text-transform:uppercase; letter-spacing:3px; font-weight:500;}

.contact-box1 span img {float:left; width:60px; margin-right:15px;}

.contact-box1 span strong {display:block; font-size:28px; font-weight:200; text-transform:uppercase; letter-spacing:0px; }  

.contact-box2 { width:100%; position:relative; display:table; padding-left:30px; padding-top:50px;}

.follow-us {font-size:14px; letter-spacing:2px; }

.follow-us span {display:inline-block; float:left; line-height:50px; margin-right:20px;}

.follow-us a {display:inline-block; float:left; margin-right:8px; filter: grayscale(100%); opacity:0.5; border-radius:1000px; }

.follow-us a:hover {filter:none; opacity:1.0;}

.follow-us a img {display:block;}


.contact-form { display:block; background-color:#faf6ec; padding:40px; border-radius:20px; margin-bottom:30px; margin-top:30px; margin-left:-150px;}

.textbox1 {border:1px solid #ddd; display:block; padding:15px; font-family:poppins; font-size:15px; border-radius:7px; margin-bottom:20px; width:100%;  }

.textbox2 {border:1px solid #ddd; display:block; padding:15px; font-family:poppins; font-size:15px; border-radius:7px; margin-bottom:20px; width:100%; height:100px;  }

.submit-button {border:1px solid #bc202b; background-color:#bc202b; display:block; padding:15px; font-family:poppins; font-size:15px; border-radius:7px; margin-bottom:0px; width:100%; color:#fff; font-weight:600;  transition: all 0.5s ease-in 0s; }

.submit-button:hover {background-color:#870c14;}









footer {display:table; width:100%; padding-top:60px;  background-image:url(../images/footer-bg.webp); background-position:center bottom; background-size:cover;}

.footer-logo {display:block; margin:auto;}

.footer-address-1 {display:inline-block; width:50%; float:left; text-align:right; padding-right:40px; background-image:url(../images/pipe2.webp); background-repeat:no-repeat; background-position:right center;}

.footer-address-1 img {display:block; float:right;}

.footer-address-2 {display:inline-block; width:50%; float:left; padding-left:40px;}

.footer-address-2 img {display:block; float:left;}

.footer-links {text-align:center; margin-bottom:20px;}

.footer-contact-box {border:1px solid #ccc; border-radius:15px; margin:auto; width:280px; padding:20px 10px 10px 10px; text-align:center; margin-bottom:30px; background-color:#fff;}

.footer-email {font-size:13px; font-weight:300; width:230px; display:block; margin:auto; line-height:12px; margin-bottom:10px; }

.footer-phone {font-size:26px; line-height:40px; font-weight:200; width:230px; display:block; margin:auto;}

.footer-contact-box img {display:inline-block; float:left; margin-right:5px; }

.footer-links a {display:inline-block; text-transform:uppercase; font-size:14px; border-bottom:1px solid #666; line-height:16px; font-size:13px; margin:10px; color:#666; font-weight:400;}

.footer-links a:hover {color:#bc202b; border-bottom:1px solid #bc202b;}

.copyright {font-size:12px; letter-spacing:2px; text-transform:uppercase;  text-align:center; margin-bottom:50px;}







.inside-banner {display:table; width:100%; height:200px;  background-position:center center; background-size:cover;}

.aboutus-banner {background-image:url(../images/banner-aboutus.webp);}

.services-banner {background-image:url(../images/banner-services.webp);}

.services-banner-details {background-image:url(../images/banner-services-details.webp);}

.doctors-banner {background-image:url(../images/banner-doctors.webp);}

.contactus-banner {background-image:url(../images/banner-contactus.webp);}

.anchor-name {display:block; margin-top:-160px;}

.page-title { display:block; line-height:200px; color:#bc202b; }


.half-left {width:49.9%; float:left;}

.half-right {width:49.9%; float:right;}

.half-left iframe, .half-right iframe {display:block;}

.address {width:100%; background-color:#faf6ec; padding:40px 40px 20px 40px;  font-size:14px; line-height:20px; font-weight:400; }

.address span {display:block; margin-bottom:10px; height:60px;}

.address span img {float:left; width:40px; margin-right:15px;}

.address-line-1  {line-height:20px;}

.address-line-2  {line-height:40px; font-size:24px; font-weight:300;}

.address-line-3  {line-height:35px;}

.service-details-pic {width:95%; display:block; border-radius:20px;}

.hline {border-bottom:1px solid #ccc; margin-bottom:50px; padding-top:20px;}

.our-services .float-right img {float:right;}

.gynae-treatments {background-color: #faf6ec; display:table; width:100%; padding:50px 30px; border-radius:20px; margin-top:40px; clear:both;}

.gynae-treatments h4 {text-align:center; font-weight:500; font-size:40px; margin:0px; font-family: 'Runalto';   line-height: 120%;  font-weight: normal;  color: #bc202b;}

.gynae-treatments h6 {text-align:center; font-weight:500; font-size:18px; margin:0px 0px 20px 0px;}

.service-anchor {display:block; clear:both; margin-top:-200px; position:absolute;}






/* Grid */


.grid-1280 {display:table; width:1280px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }
.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-color: #bc202b;
	border-radius:500px;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#000;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */






/* accordion */

button.accordion {
    background-color: #faf6ec;
    color: #333;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
	font-family:poppins;
	border-bottom:1px solid #ccc;

}

button.accordion:hover {
    background-color: #f0ece3;
	font-weight:400;
}

button.accordion.active {    
	background-color: #eee;
	font-weight:400;
}


button.accordion.first {border-radius:20px 20px 0px 0px;}

button.accordion.last {border-radius:0px 0px 20px 20px; border-bottom:0px;}

.accordion.last.active {border-radius:0px;}


button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight:normal;
    float: right;
    margin-right: 10px;
	font-size:20px;
	color:#bc202b;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0;
    background-color: #f7f7f7;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.answer {padding:20px; border-bottom:1px solid #ccc;}

.answer p {margin:0px;}

.panel.last {border-radius:0px 0px 20px 20px; }

.panel.last .answer {border-bottom:0px;}
/* accordion */





/* Model Box */

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    max-width: 800px;
    width: 90%;
    position: relative;
    margin: 10% auto;
    padding: 5px;
    border-radius: 0px;
    background: #fff;
}
.close {
    background: #bc202b;
    color: #fff;
    line-height: 30px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 40px;
    height: 40px;
    text-decoration: none;
    font-weight: normal;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:0px 0px 0px 10px;
    padding-top: 5px;
}
.close:hover {
    background: #801018;
}

/* Model Box */