@import url('style_main.css');
body{ font-family: 'gotham_lightregular'; font-size:16px;}
button, input, select, textarea{ width:100%; padding:5px 10px; font-family: 'gotham_lightregular'; font-size:16px;}

h3{ line-height:1.5; font-size:20px;}

header{ background:#fff;}
header .logo{ line-height:0; margin:10px 0;}
header .logo img{ height:75px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
header .logo-2{ float:left; margin: 12px 0 0 15px;}
header .logo-2 img{ height:70px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
header .logo-3{ float:left; margin: 15px 0 0 10px;}
header .logo-3 img{ height:60px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
header .logo-4{ float:left; margin: 15px 0 0 10px;}
header .logo-4 img{ height:60px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

header .topsocial{ height:45px; font-size:20px; display:flex; align-items: center; justify-content:center; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
header .topsocial i{ color:#fff; padding:0 7px;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
header .topsocial i:hover{ color:rgba(255,255,255,0.7);}
header .topsocial a{ color:#fff; padding:0 7px;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
header .topsocial a:hover{ color:rgba(255,255,255,0.7);}

header .topzone{ height:95px; border-bottom:solid 1px #eee; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
header .txt-freequote{ margin:28px 0 0 0; text-align:right; font-size: 15px;}
header .btn-freequote{ margin:25px 0 0 0;}

header.pc{}
	header.pc.sticky {position: fixed;  border-bottom:solid 1px #eee; width: 100%; z-index:10; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	header.pc.sticky .topsocial{ height:0; overflow:hidden;opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
	header.pc.sticky .topzone{ height:75px; border-bottom:solid 1px #eee; /*border-top:solid 5px #bb3e99;*/ }
	header.pc.sticky .txt-freequote{ margin:18px 0 0 0; text-align:right; font-size: 15px} 
	header.pc.sticky .btn-freequote{ margin:15px 0 0 0;}
	header.pc.sticky .logo{ line-height:0; margin:10px 0;}
	header.pc.sticky .logo img{ height:55px;}
	header.pc.sticky .logo-2{ float:left; margin: 7px 0 0 15px;}
	header.pc.sticky .logo-2 img{ height:60px;}
	header.pc.sticky .logo-3{ float:left; margin: 10px 0 0 10px;}
	header.pc.sticky .logo-3 img{ height:50px;}
	header.pc.sticky .logo-4{ float:left; margin: 10px 0 0 10px;}
	header.pc.sticky .logo-4 img{ height:50px;}
	
nav.menubar{height:60px; display:flex; align-items: center; justify-content:center;}
nav.menubar ul.menufix{ list-style:none; padding:0; font-size:15px;}
nav.menubar ul.menufix li{ float:left; padding:20px 8px;}
nav.menubar ul.menufix li a{ color:#bb3e99;}
nav.menubar ul.menufix li:hover a{color:#ea417a;}
nav.menubar ul.menufix li a i{ font-size:18px; color:#c9cbc4;}

.dropdown_m {position: relative; display: inline-block;}
.dropdown_m-content { display:none; font-size:16px; background:#fff; height:0; margin-top:19px; border:solid 1px #eee; position: absolute; z-index:9999; background-color: #fff;  min-width: 230px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.dropdown_m:hover .dropdown_m-content { display:block; height:inherit; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.dropdown_m-content .drop{ padding:7px 12px; font-family: 'gotham_lightregular';-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.dropdown_m-content .drop:hover{ background:#eee; padding:7px 12px 7px 20px;}

section{ padding:30px 0;}
section.home{ padding:0;}

footer{ font-size:14px;}
footer .sitemap{ padding:25px 0 20px 0; background:#373838;}
footer .sitemap .topic-sitemap{font-family: 'gotham_boldregular'; font-size:20px; color:#ea417a;}
footer .sitemap ul.fixsitemap{ list-style:none; padding:0;/* line-height:24px;*/ margin:5px 0 0 0;}
footer .sitemap ul.fixsitemap li{ list-style:none; padding:7px 0 0 0;}
footer .sitemap ul.fixsitemap li a{ color:#fff; font-weight:normal; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
footer .sitemap ul.fixsitemap li a:hover{color:#999;}

footer .copy{ height:50px; padding:3px 0 0 0; color:#fff; background:#2c2d2d; display:flex; align-items: center; justify-content:center;}
footer .txtcopy{ padding:5px 0 0 0;}
footer .txtcopy a{color:#bb3e99; font-family: 'gotham_mediumregular'; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
footer .txtcopy a:hover{ color:#ea417a;}

footer .footersocial{ font-size:20px; text-align:right;}
footer .footersocial i{ color:#fff; padding:0 10px;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
footer .footersocial i:hover{ color:rgba(255,255,255,0.7);}

footer ul.footerfix{ font-size:13px; list-style:none; padding:0; text-transform:uppercase; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center; }
footer ul.footerfix li{list-style:none; float:left; padding:15px 10px;}
footer ul.footerfix li a{color:#fff;}
footer ul.footerfix li a:hover{color:#ea417a; font-weight:700;}

/* ------------------------------------------------------------------------------ */
#banner{ width:100%; line-height:0; background:#f0f0f0 url(../images/template/loading.gif) no-repeat center;}
.content{ width:1170px; margin:0 auto;}

.title{ font-size:40px; text-align:center; font-family: 'gotham_blackregular'; text-transform:uppercase;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.title-sub{font-family: 'gotham_mediumregular'; font-size:18px; text-align:center; margin:7px 0 0 0;}

.title-inner{ font-size:40px; float:left; font-family: 'gotham_blackregular'; text-transform:uppercase;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.title-inner-sub{font-family: 'gotham_mediumregular'; font-size:18px; margin:7px 0 0 0;}

.textlink{ font-size:14px; margin:10px 0 0 0;}

.details{ margin:30px 0 0 0; line-height:1.5;}
.details img{ width:auto; max-width:100%;}
.details-vdo{ margin:30px 0 0 0; line-height:0; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
.details-vdo iframe{ width:800px; height:450px;}
/* ------------------------------------------------------------------------------ */

.bgwhitehome{ padding:50px 0; background:#fff;}
.bgtestimonial{ padding:50px 0; background:#f5f5f5;}
.bgclinic{ padding:50px 0; background:#f3f2e8 url(../images/template/bgclinic-2.jpg) center no-repeat;}
.bgservicehome{ background:#fff;}

.abouthome-img{ text-align:center; line-height:0;}
.abouthome-img img{ width:570px; height:545px;}
.about-h1{ font-size:65px; line-height:50px;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.about-h2{ font-size:36px; line-height:40px;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.about-h3{ font-size:18px; margin:20px 0 0 0;}
.aboutdetail{ height:450px; overflow:hidden;}

.clinic-h1{ font-size:65px; line-height:50px;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.clinic-h2{ font-size:36px; line-height:50px;
background: #bb3e9a;
background: -moz-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #bb3e9a), color-stop(40%, #bb3e9a), color-stop(50%, #d296c2), color-stop(60%, #bb3e9a), color-stop(100%, #bb3e9a));
background: -webkit-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -o-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: -ms-linear-gradient(-45deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
background: linear-gradient(135deg, #bb3e9a 0%, #bb3e9a 40%, #d296c2 50%, #bb3e9a 60%, #bb3e9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e9a', endColorstr='#bb3e9a', GradientType=1 );
color:transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.clinic-h3{ font-size:18px; margin:15px 0 0 0;}
.clinicdetail{ height:auto; overflow:hidden;}

div.articlebox.articlebox:nth-child(2n+1){clear:left}
.article{ margin:30px 0 0 0; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.article:hover{ opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.article-img{ text-align:center; line-height:0;}
.article-img img{ width:570px; height:300px;}
.article-imghome{ text-align:center; line-height:0;}
.article-imghome img{ width:370px; height:200px;}
.articledetail{ margin:10px 0 0 0;}
.article-topic{ font-size:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article-date{ margin:10px 0 0 0; color:#999; font-size:14px;}
.article-date a{color:#999;}
.article-date a:hover{color:#ea417a;}
.article-detail{ margin:15px 0 0 0; color:#000; height:63px; overflow:hidden;}
.article-tag{ margin:20px 0 0 0; font-size:14px; color:#ea417a;}
.article-tag a{color:#ea417a;}
.article-tag a:hover{ text-decoration:underline;}


/*.testimonialbox:nth-child(4){
  content: "";
  clear: both;
  display: table;
}*/

div.testimonialbox.testimonialbox:nth-child(3n+1){clear:left}
.testimonial{ margin:35px 0 0 0; text-align:center;}
.testimonial-img{ line-height:0; opacity: 1;   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
/*.testimonial-img img{ width:120px; height:120px; -moz-border: 100px; -webkit-border-radius:100px; border-radius:100px;}*/
.testimonial-img img{ width:370px; height:125px; object-fit: cover; object-position: center;}
.testimonial-quote{ font-size:30px; color:#ea417a; text-align:left;}
.testimonial-detail{ color:#000;}
.testimonial-letter{ margin:20px 0 0 0;}
.testimonial-service a{ color:#bb3e99;}
.testimonial-service a:hover{ color:#ea417a;}
.testimonial-name{ color:#000;}
.testimonial-name a{ color:#bb3e99;}
.testimonial-name span{ font-style:italic;}
.testimonial:hover .testimonial-img{opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.testimonial:hover .testimonial-detail{opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}

.artist{ background:#eee; height:285px; margin:30px 0 0 0;}
.artist-img{ width:285px; line-height:0; text-align:center; float:left; object-fit: cover; object-position: center;}
.artist-img img{ width:285px; height:285px; object-fit: cover; object-position: center;}
.artistdetail{ width:285px; padding:15px; float:left;}
.artist-name{ font-size:20px; text-transform:uppercase;}
.artist-service{ font-size:12px; margin:5px 0 0 0; font-style:italic;}
.artist-service a{ color:#999}
.artist-service a:hover{ text-decoration:underline;}
.artist-detail{ margin:12px 0 0 0; font-size:14px; height:157px; overflow:hidden; color:#000;}

.service{ width:16.66%; float:left; position:relative;}
.service-img{ line-height:0; text-align:center;}
.service-img img{ width:100%; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.service-topic{ padding:20px 20px; font-size:18px; color:#fff; width:100%; text-transform:uppercase; position:absolute; z-index:2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.service-viewall{text-align:center; z-index:3; font-size:14px; margin:27px 0 0 0;}
.service-viewlink{ float:left; padding:9px 0; width:50%; background:rgba(234,65,122,1); color:#fff; opacity:0.5;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.service-viewlink:hover{ opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.service-viewlink2{ padding:9px 0; background:rgba(234,65,122,1); color:#fff; opacity:0.5;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.service-viewlink2:hover{ opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.service:hover .service-topic{ margin:-35px 0 0px 0;}
.service:hover .service-img img{opacity: 0.8;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }

.serviceinner{ position:relative; margin:30px 0 0 0;}
.serviceinner-img{ line-height:0; text-align:center;}
.serviceinner-img img{ width:100%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.serviceinner-topic{ padding:20px 20px; font-size:18px; color:#fff; width:100%; text-transform:uppercase; position:absolute; z-index:2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.serviceinner:hover .serviceinner-topic{ margin:-35px 0 0px 0;}
.serviceinner:hover .serviceinner-img img{opacity: 0.8;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }

.free-quote{ background:#eee;}
.free-quote-img{ text-align:center; line-height:0;}
.free-quote-bgimg{ background:url(../images/template/free-quote.jpg) bottom left no-repeat; height:300px;}
.free-quote-topic{ font-size:50px;}
.free-quote-detail{ padding:35px 0 0px 0; text-align:center; font-size:18px; color:#000;}
.free-quote-detail-inner{ padding:20px 0 35px 0;}

.free-quote-bgimg-intro{ background:url(../images/template/free-quote-intro.jpg) left bottom no-repeat; padding:30px 0; height:660px;}


.btn-viewmore{ width:170px; height:45px; background:#ea417a; color:#fff; font-family: 'gotham_mediumregular'; font-size:15px; cursor:pointer; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; display:flex; align-items: center; justify-content:center; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.btn-viewmore:hover{ background:#bb3e99;}

.btn-download{ width:250px; height:45px; background:#ea417a; color:#fff; font-family: 'gotham_mediumregular'; font-size:15px; cursor:pointer; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; /*display:flex; */align-items: center; justify-content:center;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; padding-top:10px;}
.btn-download:after { font-family:'FontAwesome'; font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f019";padding-left:10px; display:inline-block;}
.btn-download:hover{ background:#bb3e99;color:#fff;}

/* Price */
.price-menu{ padding:12px; margin:30px 0 0 0;}
.price-sub{ padding:12px; border-bottom:dotted 1px #eee; color:#000; background:#f9f9f9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.price-sub:hover{ padding:12px 12px 12px 20px; color:#ea417a;}

.selectprice-tab{ margin:10px 0 0 0;}
.pricecurrency{ float:left; margin:0 20px 0 0; padding:3px 0 0 0;}
.selectprice-tab select{ float:left; width:250px;}

.price{ margin:30px 0 7px 0;/* border-bottom:dotted 1px #ccc;*/}
.price-type{ padding:12px; font-size:18px; background:#ddd; color:#000;}
.pricedetail{ float:left; width:50%; padding:12px 0}
.price-name{ color:#000; padding:0 12px;}
.price-detail{ color:#999; font-size:13px; padding:5px 12px 0 12px;}
.price-price{ float:left; width:30%; padding:22px 0 0px 0;}
.price-price span{font-family: 'gotham_mediumregular';}
.price-btn{ float:left; width:20%; padding:12px 0;}

.service-price-type{ padding:12px; background:#ddd; color:#000; margin:20px 0 0 0;}
.service-pricedetail{ float:left; width:60%; padding:0px 0}

.servicesub{ margin:12px 0;}
.service-sub{ padding:5px 12px; font-size:18px; color:#ea417a; background:#f9f9f9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: 'gotham_mediumregular'}
ul.service-sub-2{ padding:0 0 0 55px;}
ul.service-sub-2 a li{ padding:2px 0; color:#000;}
ul.service-sub-2 a li:hover{ color:#bb3e99;}


/* FAQs */
.faq{ padding:20px 0 20px 50px; position:relative; border-bottom:dotted 1px #ccc;}
.faq-q{ font-size:22px; font-family: 'gotham_mediumregular';}
.faq-a{ margin:15px 0 0 0;}
.faq-icon{ position:absolute; top:0; left:0; margin:15px 0 0 0; font-size:30px;}

/* hospital gallery */
.hospital-gllery{ margin:30px 0 0 0; width:100%; }
.hospital-gllery-img{ text-align:center; line-height:0;}
.hospital-gllery-img img{ width:270px; height:270px; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.hospital-gllery-h{ text-align:center; margin:7px 0 0 0; text-transform:uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hospital-gllery:hover .hospital-gllery-img{opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }

.before-after-gallery{ margin:30px 0 0 0; width:100%; }
.before-after-gallery-img{ text-align:center; line-height:0;}
.before-after-gallery-img img{ width:370px; height:195px; border:solid 1px #eee; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.before-after-gallery-h{ margin:7px 0 0 0; text-transform:uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.before-after-gallery-date{ margin:5px; color:#000; font-size:14px;}
.before-after-gallery:hover ..before-after-gallery-img{opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }

/* Gallery */
.gallery{ line-height:0; text-align:center;}
.gallery img{ box-shadow:0 0 20px rgba(51,51,51,0.5); max-width:80%;}

/* vdo gallery */
.vdo-gllery{ margin:30px 0 0 0; width:100%; position:relative;}
.vdo-gllery-img{ text-align:center; line-height:0;}
.vdo-gllery-img img{ width:370px; height:208px; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.vdo-gllery-img iframe{ width:370px; height:208px; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.vdo-gllery-h{ text-align:center; margin:7px 0 0 0; text-transform:uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vdo-gllery:hover .vdo-gllery-img{opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
.vdo-gllery-play{ background:rgba(51,51,51,0.5); width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; -moz-border: 100px; -webkit-border-radius:100px; border-radius:100px; display:flex; align-items: center; justify-content:center;}
.vdo-gllery-play i{ color:#fff; font-size:20px; padding-left:5px; line-height:0;}

/* Contact */
.contactaddress{ margin:30px 0 0 0;}
.contactfrom{ margin:30px 0 0 0;}

.title-contact{font-size:32px;}
.contact_address{ font-size:18px; margin:5px 0 0 0;}
.contact_h{width:30%; float:left; margin:10px 0 0 0; padding:0 0 0 30px;}
.contact_colon{width:5%; float:left; margin:10px 0 0 0;}
.contact_d{width:65%; float:left; margin:10px 0 0 0;}
.contact_information{ margin:10px 0 0 0; font-size:20px;}
.contactform_h{color:#666; width:30%; float:left; margin-top:20px; padding-top:12px;}
.contactform_h-2{color:#666; width:30%; float:left; margin-top:20px; padding-top:0px;}
.contactform_input{ width:70%; float:left; margin-top:10px;}
.contactform_input i{ font-size:20px; cursor:pointer;  color:#ea417a;}
.contactform_input input{ width:100%; border:solid 1px #ccc; padding:10px; margin-top:10px;}
.contactform_input textarea{ width:100%; border:solid 1px #ccc; padding:10px; margin-top:10px;}
.contactform_input select{ width:100%; border:solid 1px #ccc; padding:10px; margin-top:10px;}
.contactform_input select option{ padding:5px 0;}
.contactform_input select optgroup{font-family: 'gotham_mediumregular'; margin:20px 0 0 0;}
.contactform_input select optgroup:first-child{font-family: 'gotham_mediumregular'; margin:0 0 0 0;}
.contactform_input select optgroup option{font-family: 'gotham_lightregular'; font-size:14px;}
.contactform_input input[type=radio]{ width:30px; margin-top:25px;}
.contactform_input label{ font-weight:normal;}
.contactform_input .contact-btn{text-align:center; padding:10px 0; width:150px; margin:0px 0 0 0; cursor:pointer; background:#ea417a; color:#fff; -moz-border:5px; -webkit-border-radius:5px; border-radius:5px;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.contactform_input .contact-btn:hover{background:#bb3e99;}
.contact-tabmap-over{color:#fff; background:#ea417a; text-align:center; float:left; margin-left:5px; width:120px; -moz-border:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding-top:5px; cursor:pointer;}
.contact-tabmap{color:#000; background:#ddd; text-align:center; float:left; margin-left:5px; width:120px; -moz-border:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding-top:5px; cursor:pointer;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.contact-tabmap:hover{ background:#ea417a; color:#fff;}
.contact-map{ width:100%; height:200px; border:solid 1px #ccc; background:#f5f5f5;}
.contact-map img{ width:570px; height:200px;}
.contact-map iframe{ width:570px; height:200px;}

/* login */
.login-h{ width:35%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-h-2{ width:35%; text-align:left; padding-right:0%; padding-top:0px; margin:20px 0 0 0;}
.login-d{ width:65%; margin:20px 0 0 0;}
.login-d input{ width:100%; padding:10px;}
.login-d input.login-btn{ color:#fff; text-align:center; border:none; padding:10px; width:200px; margin:0px 0 0 0; cursor:pointer; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;}
.login-d input[type=radio]{ width:30px; margin-top:15px;}
.login-d input[type=checkbox]{ width:30px; float:left;}
.login-d label{ font-weight:normal;}
.login-d select{ width:100%; padding:5px;}
.login-d textarea.txtaddress{ width:100%; padding:5px;}
.login-d i{ font-size:20px; cursor:pointer;  color:#ea417a;}
.login-d-1{ width:70%; margin:28px 0 0 0;}
.login-btn{ color:#fff; text-align:center; border:none; padding:10px; width:200px; margin:0px 0 0 0; cursor:pointer; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;}

.login-h1{ width:45%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-h1-2{ width:45%; text-align:left; padding-right:0%; padding-top:0px; margin:20px 0 0 0;}
.login-d1{ width:55%; margin:20px 0 0 0;}
.login-d1 input{ width:100%; padding:10px;}
.login-d1 input.login-btn{ color:#fff; text-align:center; border:none; padding:10px; width:200px; margin:0px 0 0 0; cursor:pointer; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;}
.login-d1 input[type=radio]{ width:30px; margin-top:15px;}
.login-d1 label{ font-weight:normal;}
.login-d1 select{ width:100%; padding:5px;}
.login-d1 textarea{ width:100%; padding:5px;}

.login-regis-h{ width:45%; padding-top:12px; margin:20px 0 0 0}
.login-regis-h-2{ width:45%; padding-top:0px; margin:20px 0 0 0}
.login-regis-d{ width:55%; margin:20px 0 0 00px;}
.login-regis-d input[type=radio]{ width:30px;}
.login-regis-d label{ font-weight:normal;}
.login-regis-d textarea{ width:100%; padding:5px;}

.login-facebook2-title{ font-size:16px; margin:200px 0 0 0;}
.login-facebook-title{ font-size:18px; margin:10px 0 0 0;}
.login-facebook{ background:#3b5998; width:200px; color:#fff; padding:12px 0 10px 0; text-align:center; cursor:pointer; margin-top:10px; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px;}

.loginlink{ width:100%; text-align:right; margin:5px 0 0 0; font-size:14px;}
.loginlink a{color:#000;}
.loginlink a:hover{ color:#999;}

.login-btn{ background:#000; color:#fff; text-align:center; border:none; padding:7px; width:200px; margin:20px 0 0 0; cursor:pointer;}

.newregister{ background:#bb3e99; height:80px; margin:35px 0 0 0; display:flex; align-items: center; justify-content:center; color:#fff; font-size:20px; font-weight:bold; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px;}

.aboutnew-img{ line-height:0; text-align:center;}
.aboutnew-img img{ width:370px; height:354px;}

.freequotechk{ padding:12px; border-top:dotted 1px #ccc;}
.freequotechk:first-child{ padding:12px; border-top:none;}
.freequote-chk-title{font-family: 'gotham_mediumregular';}
.freequote-chk{ margin:5px 0 0 0;}
.freequote-chk input[type=checkbox]{ width:8%; font-size:14px;vertical-align:top;}
.freequote-chk label{ font-weight:normal; font-size:14px; width:92%;}


.doctor-price{ background:#999; color:#fff; padding:15px 25px 9px 25px; margin:30px 3px 0 0; float:left; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.doctor-price-active{ background:#bb3e99; color:#fff; padding:15px 25px 12px 25px; margin:30px 3px 0 0; float:left;}
.doctor-price:hover{ background:#ea417a;}


/*######################################################################################################################################################*/

@media (max-width:767px){
header{ width:100%; border-bottom:solid 1px #ccc;}
nav ul{ list-style:none; padding:0;}
h3{ line-height:1.5; font-size:18px;}
footer{ padding:0 0 50px 0;}
footer .copy{ height:130px; text-align:center;  display:flex; align-items: center; justify-content:center;}
footer .footersocial{ font-size:20px; text-align:center; padding:0 0 12px 0; margin:0 0 10px 0; border-bottom:solid 2px #333;}

.content{ width:100%;}

.details-vdo iframe{ width:100%; height:300px;}

.doctor-price{padding:10px 15px 5px 15px; font-size:12px;}
.doctor-price-active{padding:10px 15px 7px 15px; font-size:12px;}

.title{ font-size:32px;}
.title-inner{ font-size:32px;}
.bgwhitehome{ padding:30px 0;}
.bgtestimonial{ padding:30px 0;}
.bgclinic{ padding:30px 0;}

.abouthome-img img{ width:100%; height:auto;}
.about-h1{ font-size:36px; line-height:30px;}
.about-h2{ font-size:24px; line-height:24px;}
.aboutdetail{ height:auto;}

/*.artist{ height:inherit;}
.artist-img{ width:100%; float:none;}
.artist-img img{ width:100%; height:auto;}
.artistdetail{ width:100%; float:none;}
*/
/*.service{ width:100%;}
.service-topic{ margin:-35px 0 0px 0;}*/	

.freequote-chk input[type=checkbox]{ width:15%;}
.freequote-chk label{width:85%;}

.serviceinner{ width:100%;}
.serviceinner-topic{ padding:5px 15px; font-size:14px; line-height:16px; height:53px; position:relative; z-index:2; overflow:inherit; white-space:normal; text-overflow:inherit; display:flex; align-items: center; justify-content:center;}
.serviceinner:hover .serviceinner-topic{ margin:0;}

.clinic-h1{ font-size:45px; line-height:50px;}
.clinic-h2{ font-size:30px; line-height:50px;}

.article-img img{ width:100%; height:auto;}
.article-imghome img{ width:100%; height:auto;}

.free-quote-topic{ font-size:36px;}
.free-quote-bgimg{ background:none; height:auto;}
.free-quote-detail-inner{ padding:20px 0 30px 0;}
.free-quote-detail{ padding:30px 0 30px 0;}

.hospital-gllery-img img{ width:100%; height:auto;}
.gallery img{max-width:100%;}
.vdo-gllery-img img{ width:100%; height:auto;}
.vdo-gllery-img iframe{ width:100%; height:200px;}

.before-after-gallery-img img{ width:100%; height:auto;}

.selectprice-tab select{ width:100%; max-width:250px;}
.pricedetail{ width:100%;}
.price-price{ width:50%; padding:0px 12px 0 12px;}
.price-btn{  width:50%; padding:5px 0 12px 0;}

.service-price-price{ display:none;}

/* Contact */
.title-contact{font-size:26px;}
.contact_h{width:40%; margin:10px 0 0 0; padding:0 0 0 0;}
.contact_colon{width:5%; float:left; margin:10px 0 0 0;}
.contact_d{width:55%; float:left; margin:10px 0 0 0;}
.contactform_h{width:100%; float:none; margin-top:20px; padding-top:0px;}
.contactform_h-2{width:100%;}
.contactform_input{ width:100%; float:none; margin-top:-5px;}

/* login */
.login-h{ width:100%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-h-2{ width:100%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-d{ width:100%; margin:5px 0 0 0;}

.login-regis-h{padding-top:12px; margin:20px 0 0 0}
.login-regis-d{ margin:5px 0 0 0;}

.login-h1{ width:100%; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-h1-2{ width:100%;padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-d1{ width:100%; margin:5px 0 0 0;}

div.testimonialbox.testimonialbox:nth-child(3n+1){clear:none;}
.testimonial-img img{ width:100%; height:auto;}

.newregister{ margin:15px 0 0 0;}

.aboutnew-img img{ width:auto; max-width:100%; height:auto;}
}


@media (max-width:360px){
.service{ width:100%;}
.service-topic{ margin:-35px 0 0px 0;}

.artist{ height:inherit;}
.artist-img{ width:100%; float:none;}
.artist-img img{ width:100%; height:auto;}
.artistdetail{ width:100%; float:none;}	
}

@media (min-width:361px) and (max-width:767px){
.service{ width:50%; float:left;}
.service-topic{ margin:-35px 0 0px 0;}	

.artist{ height:250px; width:100%;}
.artist-img{ width:50%; float:left;}
.artist-img img{ width:100%; height:auto;}
.artistdetail{ width:50%; float:left; height:inherit;}
}

@media (max-width:500px){
.artist{ height:inherit;}
.artist-img{ width:100%; float:none;}
.artist-img img{ width:100%; height:auto;}
.artistdetail{ width:100%; float:none;}	
}

@media (min-width:501px) and (max-width:767px){
.artist{ height:100%; width:100%;}
.artist-img{ width:50%; float:left;}
.artist-img img{ width:100%; height:auto;}
.artistdetail{ width:50%; float:left; height:inherit;}
}
    
/*######################################################################################################################################################*/
@media (min-width:768px) and (max-width:991px) {
header{ width:100%; border-bottom:solid 1px #ccc;}
nav ul{ list-style:none; padding:0;}

footer .copy{ height:110px; text-align:center;  display:flex; align-items: center; justify-content:center;}
footer .footersocial{ font-size:20px; text-align:center; padding:0 0 12px 0; margin:0 0 10px 0; border-bottom:solid 2px #333;}

.content{ width:100%;}

.details-vdo iframe{ width:720px; height:405px;}

.abouthome-img img{ width:auto; height:auto;}
.aboutdetail{ height:410px;}

.article-img img{ width:345px; height:182px;}
.article-imghome img{ width:345px; height:182px;}

.artist{height:170px;}
.artist-img{ width:170px;}
.artist-img img{ width:170px; height:170px;}
.artist-detail{height:60px;}
.artistdetail{ width:175px;}

.service{ width:33.33%;}
.service-viewlink{ font-size:11px;}

.serviceinner-topic{ font-size:14px; margin:0px 0 0 0;}
.serviceinner:hover .serviceinner-topic{ margin:-33px 0 0 0;}

.free-quote-bgimg{ background:none; height:auto;}
.free-quote-detail{ padding:50px 0 50px 0;}
.free-quote-detail-inner{ padding:20px 0 40px 0;}

.hospital-gllery-img img{ width:345px; height:345px;}
.gallery img{max-width:100%;}
.vdo-gllery-img img{ width:345px; height:194px;}
.vdo-gllery-img iframe{ width:345px; height:194px;}

.before-after-gallery-img img{ width:345px; height:182px;}

.pricedetail{ width:50%;}
.price-price{ width:24%; padding:12px 0 0 0;}
.price-btn{  width:26%; }

div.testimonialbox.testimonialbox:nth-child(3n+1){clear:none;}
div.testimonialbox.testimonialbox:nth-child(2n+1){clear:left;}


.login-regis-h{ width:45%; text-align:left; padding-right:5%; padding-top:12px; margin:20px 0 0 0;}
.login-regis-2{ width:45%; text-align:left; padding-right:5%; padding-top:0px; margin:20px 0 0 0;}
.login-regis-d{ width:50%; margin:20px 0 0 0;}

.login-h1{ width:45%; text-align:left; padding-right:5%; padding-top:12px; margin:20px 0 0 0;}
.login-h1-2{ width:45%; text-align:left; padding-right:5%; padding-top:0px; margin:20px 0 0 0;}
.login-d1{ width:50%; margin:20px 0 0 0;}

.newregister{ margin:15px 0 0 0;}

.aboutnew-img img{ width:345px; height:330px;}
}

/*######################################################################################################################################################*/
@media (min-width:992px) and (max-width:1199px) {
header{ width:100%; border-bottom:solid 1px #ccc;}
nav ul{ list-style:none; padding:0;}

.content{ width:100%;}

.abouthome-img img{ width:auto; height:auto;}
.about-h1{ font-size:50px; line-height:40px;}
.about-h2{ font-size:30px; line-height:24px;}
.aboutdetail{ height:360px;}

.article-img img{ width:455px; height:239px;}
.article-imghome img{ width:455px; height:239px;}

.artist{height:225px;}
.artist-img{ width:225px;}
.artist-img img{ width:225px; height:225px;}
.artist-detail{height:125px;}
.artistdetail{ width:230px;}

.service{ width:25%;}

.free-quote-bgimg{ background:url(../images/template/free-quote-o.jpg) bottom left no-repeat; height:425px;}
.free-quote-topic{ font-size:50px;}
.free-quote-detail{ padding:80px 0 0px 0; text-align:center; font-size:18px; color:#000;}
.free-quote-detail-inner{ padding:50px 0 50px 0;}

.free-quote-detail{ padding:60px 0 0px 0;}
.free-quote-detail-inner{ padding:30px 0 50px 0;}

.hospital-gllery-img img{ width:215px; height:215px;}
.gallery img{max-width:100%;}
.vdo-gllery-img img{ width:293px; height:165px;}
.vdo-gllery-img iframe{ width:293px; height:165px;}

.before-after-gallery-img img{ width:455px; height:239px;}

.pricedetail{ width:54%;}
.price-price{ width:20%; padding:23px 0 0 0;}
.price-btn{  width:26%; }

.contactform_h{width:40%;}
.contactform_h-2{width:40%;}
.contactform_input{ width:60%;}

.aboutnew-img img{ width:293px; height:280px;}

.testimonial-img img{ width:100%; height:auto;}
}