/*
Theme Name: Clientwebdemos
Text Domain: Clientwebdemos
Version: 1.7
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

* {margin: 0px; padding: 0px;}
html, body {height: 100%;   width: 100%;}
body{  font-family: 'Open Sans', sans-serif; font-size:16px; color:#222222; line-height: 1.7;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {   border: 0;  margin: 0;  padding: 0; font-family: 'Open Sans', sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym {  border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video {  display: inline-block;
*display: inline;
*zoom: 1;}
h1, h2, h3, h4, h5, h6 {
        font-size: 100%;    font-weight: normal;}
ul li, ol li {list-style: none;}
img {   border: none;   display: block; max-width:100%;}
a, a:link, a:focus {    color: #222 ;   text-decoration: none;  outline: none;  -moz-transition: all 0.3s ease 0s;  -ms-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    -webkit-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s;}
a:hover {   color: #e97195; -moz-transition: all 0.3s ease 0s;  -ms-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;    -webkit-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s;}@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}
  .fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
    content: "\f167";}.fa-instagram::before {
    content: "\f16d";}  .fa-angle-right:before { content: "\f105";} .headerleft .fa{ padding-right:2px;}
    .headerleft{ float:left; }
 .headerleft .contact-info{ display:inline-block; padding-top:1px; margin-right:25px; color:#fff; font-size:14px; } .headerleft .contact-info a{ color:#fff; }.headerleft .contact-info a:hover{ color:#000}
  .headerright{ float:right;}  .headerright a{ color:#fff; margin-left:20px;}.headerright a:hover{color:#000 }
    .fa-angle-double-right:before {
  content: "\f101";}
    .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;} .fa-phone:before {
  content: "\f095";}
.fa-map-marker:before {
  content: "\f041";}.fa-envelope-o:before {
  content: "\f003";}.fa-envelope:before {
  content: "\f0e0";}
  .fa-instagram:before {
  content: "\f16d";}.fa-arrow-circle-right:before {
  content: "\f0a9";}
   .fl-btn {
    position: fixed;
    top:200px;
    z-index: 999999;
    right: 0px;
}.fl-btn ul li{margin-bottom:10px;}
.fl-btn ul li a{display:block;padding:10px 10px;background:#333;color:#FFFFFF;font-size:20px;width:100px;text-align:center;border-radius:6px 0 0 6px;}
.fl-btn ul li a:hover{background:#e97195;}
.fl-btn ul li a i{margin-bottom:4px;display:block;}
.fl-btn ul li a i img{display:inline-block;}
.fl-btn ul li a span{display:block;font-size:14px;font-weight:600; line-height:19px;}
.whatsapp a i{margin-bottom:0px !important;font-size:35px;}
.whatsapp a{color:#fff !important;padding:20px 10px !important; background:#e97195 !important}
.whatsapp a:hover{color:#fff !important; background:#333 !important}.fa-calendar:before {
    content: "\f073";
}.fixed { background:#fff;   position: fixed;
    top:0; left:0;
    width: 100%; }
  .shadowbox{width: 100%;
    -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    z-index: 99;}
  .top-area{ background:#e97195; padding:6px 0}
.header-area{} .container-area{ max-width:1180px; width:100%; margin:0 auto}   .container-area1{ max-width:1000px; width:100%; margin:0 auto}
 .clear{ clear:both}
 .logo-area{ float:left; padding:18px 0}
   .nav-area{ float:right;}
    .banner-caption h1{ font-size:33px;   line-height:44px;  padding-bottom:15px; font-weight:900;  color:#fff}
.tratmentarea1 .txtr{ font-size:18px;}
.banner-caption p{ color:#fff; font-size:21px; font-weight:800;} .banner-caption p a{ color:#fff; font-weight:bold; border-bottom:solid 2px #fff; }.banner-caption p a:hover{ color:#e97195;  border-bottom:solid 2px #e97195; }
.welcome-area{ padding:60px 0; text-align:center; }
.welcome-area h1{ font-size:45px; font-weight:900; padding-bottom:15px; line-height:55px;  }.welcome-area p{ line-height:30px; width:80%; margin:0 auto}
.tratmentarea{ background:url(images/pinkbg.jpg) left top repeat-x; padding:40px 0 20px 0; text-align:center}
.tratmentarea1{ background:url(images/bg1.jpg)  top fixed no-repeat ;  padding:50px 0 110px 0; text-align:center}
.tratmentarea1 h2{ font-size:37px; color:#fff;   font-weight:900; padding-bottom:2px;}.tratmentarea1 p{  line-height:28px; margin-bottom:20px; color:#fff;}

.tratmentarea h2{ font-size:35px; color:#fff; font-weight:900; padding-bottom:7px;}.tratmentarea p{ color:#fff; line-height:28px; margin-bottom:20px;} .txtr{ width:60%; margin:0 auto}

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track  { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin:0 10px; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
ul.slick-track { margin:0px; padding:0px;}
ul.slick-track li { list-style-type:none; margin:20px 15px 15px 15px;}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; max-width:100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { display:none !important;position: absolute;  height:164px; width:31px; background:transparent; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:27%; border: none; outline: none; }
.treatment-section .slick-prev{background:url(images/slider-prev.png) left top; left:-35px; !important}
.treatment-section .slick-next{background:url(images/slider-next.png) left top; right:-35px !important; }
 .slick-prev, .slick-next{ display:none }
.slick-prev button{ border:none; outline:none; }
.slick-next button{ border:none; outline:none;}
.slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:5px; width:40px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0); background:#fff }
.slick-dots li button { border: 0; background: transparent; display: block; height:5px; width:40px; outline: none; line-height: 0; color: transparent; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background:#e97195;  }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; background:#042895; }
.slick-dots li button:before { position: absolute; top: 0; left: 0;width: 20px; height:5px;    text-align: center; color: #464646; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {   background:#e97195;   } .slick-dots li.slick-active {   background:#e97195;   }
    .home-box { float:left; width:25%;
    position: relative;
    overflow: hidden;
    padding: 0;
        padding-right: 0px;
        padding-left: 0px;
    background-color: #040404;
    height: 350px;
    max-height: 100%;}
    .treatmentbox{ background:#e97195; padding:25px 25px 5px 25px; line-height:28px; text-align:left}   .treatmentbox p{ color:#fff} .treatmentbox p a{ color:#fff; text-decoration:underline; font-weight:bold;} .treatmentbox p a:hover{ color:#000}
.tratmentarea1 h3{ font-size: 1.5rem; margin-bottom:10px;} .tratmentarea1 h3 a{ color:#fff; font-weight:bold; }.tratmentarea1 h3 a:hover{ color:#000;}
.home-box h3 { width:90%; text-align:center; line-height:30px;
    position: absolute;
    bottom: 10%;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem; padding:0 5%;
    z-index: 2;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.img-hover-zoom{ overflow:hidden; position:relative} .img-hover-zoom:hover img{ transform: scale(1.2);} .img-hover-zoom img{transition: transform .5s ease;}
.home-box-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
}.home-box-bg {
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
    background-size: cover;
    background-position: 50% 30%;}.home-box a:hover h3 {
    bottom: 80px}.home-box-bg:hover::after{ height:400px;  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);}
    .home-box-bg:hover h3{ height:400px;  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);}
    .drsection{ background:#f2f2f2; width:100%}
        .drsection .drlefttxt{ float:left; width:45%; padding-top:6%; padding-bottom:5%;}   .drsection .drlefttxt p{ line-height:30px;}
        .drsection .drlefttxt h2{ font-size:37px; font-weight:900;}.drsection .drlefttxt h4{ font-size:17px; padding-bottom:20px; font-weight:600; }
    .drsection .imgsection{ float:right; width:50%}
    .btn1{ background:#333333; color:#fff !important; padding:12px 25px; border:solid 2px #252525} .btn2{ margin-left:7px; background:#e97195; color:#fff !important; padding:12px 25px;  border:solid 2px #e97195}
    .btn1:hover{ color:#333333 !important; background:#fff}     .btn2:hover{ color:#e97195 !important; background:#fff}
    .h40{ height:40px;} .h60{ height:60px;}
    
    .footer-area{ background:#333; width:100%; padding:50px 0}
    .footer-bottom{ background:#2a2a2a; padding:30px 0; text-align: center; color:#ccc; font-size:14px;} .footer-bottom a{ color:#fff; font-weight:bold} .footer-bottom a:hover{ color:#e97195}
    .footer-area h5{ font-size:1.5625rem; font-weight:bold; color:#fff; padding-bottom:30px;}
.footer-area h5::after {
    content: ' ';
    display: block;
    width: 2em;
    margin: .45em 0 0;
        margin-top: 0.15em;
    border: none;
    background: #fff;
    height: 3px;}
.fcol1{ float:left; width:25%} .fcol1 .fa{ font-size:30px; padding:0 5px; vertical-align:middle}
.fcol1 p{ margin-bottom:20px; font-size:15px; line-height:26px; color:#fff}.fcol1 p a{ color:#fff} .fcol1 p a:hover{ color:#e97195}
.fcol1 .address{ background:url(images/address-icon.png) no-repeat left 4px; padding-left:32px;}
.fcol1 .ph{ background:url(images/ph2.png) no-repeat left 4px; padding-left:32px;}
.fcol1 .email{ background:url(images/email-icon.png) no-repeat left 4px; padding-left:32px;}
.fcol2{ float:left; width:50%; margin-left:6%}
.fcol2 li{ padding:0px 0 7px 0;   float:left; width:50% }
.fcol2  li a{ color:#fff; font-size:15px; display:block; font-weight:400; background:url(images/arrow2.png) no-repeat left 7px; padding-left:15px;}.footer-area li a:hover{ color:#e97195}
.fcol3{ float:right; width:19%; color:#fff}.fcol3 p{ font-size:15px; }
.fcol3 li{ padding:0px 0 7px 0;  }
.fcol3  li a{ color:#fff; font-size:15px; display:block; font-weight:400;background:url(images/arrow.png) no-repeat left 5px; padding-left:15px;}.footer-area li a:hover{ color:#e97195}
.footer-social{ margin-top:25px}.footer-social a{ margin-right:20px;color:#fff;}
.socilabt{ display:inline-block;  text-align:center}.footer-social .fa{  font-size:28px; font-weight:bold; vertical-align:bottom; padding-top:8px}.footer-social a:hover{color:#e97195 !important;}
.text-center{ text-align:center}
.blog-area h2{font-size:37px; font-weight:900; padding-bottom:7px; text-align:center; padding-top:40px;}
.blog-area{ padding:0px 0 70px 0; }
.blogbox{ float:left; margin:15px 1.5%; width:30%; box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;}
    .blogbox .blog-detail {
    background: #ffffff;
    padding: 25px;
}.fa-calendar-o:before {
    content: "\f133";
}.blogbox .blog-detail h3{ font-size:24px; line-height:30px; margin-bottom:12px;} .blogbox .blog-detail h3 a{ color:#000; font-weight:bold;}  .blogbox .blog-detail h3 a:hover{ color:#e97195} .blogbox .blog-detail p a{color:#e97195} 
.blogbox .blog-detail p a:hover{color:#000}
.blogbox .blog-detail .date{color:#e97195; font-size:14px; padding-bottom:5px;}.mtop15{ margin-top:15px;}
.testimonial-area { margin:0px 0 0 0} .testimonial-area .tbox .tboxtxt p{ color:#222; text-align:center}
.testimonial-area h2{font-size:37px; font-weight:900; padding-bottom:7px; text-align:center}
.tbox{ background:#fff;float:left; margin:20px 1.5%; width:29.5%; box-shadow: 0px 0px 20px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;}
    .counterarea img{ margin:0 auto; padding-bottom:20px;}
    .tbox .tboxtxt{ padding:25px;}.rating{ margin-bottom:24px;} .rating img{ margin:0 auto}
    .timg img{ border-radius:100%; display:inline-block; vertical-align:middle;width:50px; margin-right:20px;}
     .timg h4{ font-size:18px; font-weight:bold; display:inline-block; vertical-align:middle; color:#e97195}
     .fa-whatsapp:before {  content: "\f232";}.sticky-right-side {
    position: fixed;
    background-color: rgba(255,255,255,0.5);
    top: 25%;
    z-index: 999999;
    right: 0px;
    padding: 8px 8px 0 8px;}
.sticky-right-side li {
    display: block;
    position: relative;
    margin-bottom: 8px;}
.sticky-right-side li a {
    width: 35px; font-size:21px;
    height: 35px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #333;
    color: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sticky-right-side li a:hover { background-color:#e97195}
 .banner-area img {
    height:600px;  object-fit: cover;   object-position: 50% 50%;}
    .doctor-bottom-area{ padding:50px 0px 50px 0; background:#fff; /*box-shadow: 0px 5px 5px  0px rgb(0 0 0 / 6%);*/
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s; }
    .counterarea li {
    font-size:20px; text-align:center;  line-height: 28px;
    float: left; width: 20.9%;  padding: 0 2% 0px 2%;}.counterarea h2 {
    font-size: 49px;  line-height: 52px;  padding-bottom: 5px;  font-weight: 900;} .counterarea h2 span{font-weight: 600;}
    .whitec{ color:#fff !important}
    .destopv{ display:none}
    .breadcrumbs {
    background: url(images/banner1.jpg);
    background-position: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;}
.breadcrumbs h1{font-size: 45px;
font-weight: 900;
padding: 100px 0 0px 0;
line-height: 55px; color:#fff}
.breadcrumbs .bread-list {
    display: inline-block;
    padding: 5px 15px; margin-bottom:100px;
}.breadcrumbs ul li {
    display: inline-block;
    position: relative;
}.breadcrumbs ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}.breadcrumbs ul li.active {
    font-weight: 600;  } .breadcrumbs ul li a:hover{ color:#000 !important}
    .about1{ padding:70px 0}
    .about1 .leftsection{ float:left; width:35%}
    .about1 .rightsection{ float:right; width:60%}
.about1 .rightsection h2{ font-size:31px; font-weight:900; padding-bottom:7px; } .about1 .rightsection p{ color:#555}
.mission-vision-area{ position:relative; min-height:250px; background:#f2f2f2;}
.mission-vision-area .image-column {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.mission-vision-area .content-column {
    position: relative;
    float: left;
    width: 50%;}
.mission-vision-area .content-column .inner-column {
    position: relative; 
    padding: 60px 50px 70px 38.5%;}
.mission-vision-area .content-column .inner-column h2{ font-size:31px; font-weight:900; padding-bottom:7px; } .mission-vision-area .content-column .inner-column h4{ font-size:19px; line-height:26px; padding-bottom:20px;}
.features-area{ padding:60px 0 60px 0}   .features-area h2{ text-align:center;font-size:31px; padding-bottom:10px; font-weight:900;}
.fbox{ float:left; width:30.7%; margin:15px 1.3%}
.choose_outer {
    position: relative;
    background: #e97195 ;
    text-align: center;
    padding: 30px 15px;
    z-index: 1;
    margin: 0 0 0px 0px;
    transition: 0.3s;
}.choose_outer figure {
    display: flex;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 80px;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 22px rgb(0 0 0 / 10%);
}.choose_outer h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom:7px;
}.choose_outer p{ color:#fff}
.choose_outer:hover{ background:#f17a9e;    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);}
.contact-area{ background:#e97195; max-height:450px;}
.contact-left{ float:left; width:50%}
.contact-left .content-section{ max-width:588px; text-align:left; width:100%; float:right; padding:50px 0 20px 0}
.contact-left h1{ color:#fff; font-size:41px; font-weight:900; padding-bottom:20px;}
.contact-right{ float:right; width:50%}
.contact-box { float:left; width:46%; margin-right:4%; margin-bottom:50px; }
.contact-box .imgarea{ float:left; }
.contact-box .imgarea .iconarea{ width:50px; height:50px; text-align:center; display:table-cell; vertical-align:middle; background:#fff; border-radius:100%}
.contact-box .imgarea .iconarea .fa{ color:#000; font-size:24px; line-height:30px;}
.contact-box .txtarea{ float:right; width:76%; color:#fff }.contact-box .txtarea h4{ font-size:21px; padding-bottom:3px; line-height:26px; font-weight:600} .contact-box .txtarea p a{ color:#fff;} .contact-box .txtarea p a:hover{ color:#000;}.contact-box .txtarea p{ line-height:24px; }
    .fa-clock-o:before {  content: "\f017";}
    
    .breadcrumbs1 .bread-list {
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.30);
    display: inline-block;
    padding: 15px 0px;
}.breadcrumbs1 ul li {
    display: inline-block;
    position: relative;
}.breadcrumbs1 ul li a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}.breadcrumbs1 ul li.active {
color:#e97195; font-size:15px; } .breadcrumbs ul li a:hover{ color:#e97195}

.contact-form-area{ max-width:750px; width:100%; margin:0 auto; padding:60px 0; text-align:center;}
.contact-form-area h2{ font-size:32px; font-weight:bold;}
.form-group {
    margin-bottom: 20px;
}.form-control { border-radius:5px;
    border: solid 1px #ddd;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    width:92%;
    padding: 12px 4%;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:hover{ background:#fafafa;}
.formleft {
    float: left;
    width: 48%;
}.formright { 
    float: right;
    width: 48%;
}.submitbt { display:inline-block;  background:#e97195; color:#fff; padding:14px 35px; border:0; border-radius:5px;  font-size:16px; font-weight:600;}
.submitbt:hover {color:#fff; background:#000; cursor:pointer}
.fa-quote-left:before {
    content: "\f10d";
}
.testimonial-page{ padding:40px 0 60px 0}
.testimonial{ float:left; width:26%; border:solid 1px #D7D7D7;

    text-align: center;
    padding: 30px 2% 50px 2%;
    margin: 0 1.5% 100px 1.5%; color:#333;
    position: relative;
}
.textc{ text-align:center}
.head2{ text-align:center; font-size:31px; padding-top:50px; font-weight:bold}
.testimonial:hover{ background:#e97195; border:solid 1px #e97195;  }
/*.testimonial:hover:before{ border-top: 40px solid #e97195;} .testimonial:hover:after{ border-top: 40px solid #e97195;}
.testimonial:before,
.testimonial:after{
    content: "";
    border-top: 40px solid #d7d7d7;
    border-right: 135px solid transparent;
    position: absolute;
    bottom: -40px;
    left: 0;
}
.testimonial:after{
    border-right: none;
    border-left: 135px solid transparent;
    left: auto;
    right: 0;
}*/
.testimonial .icon{
    display: inline-block;
    font-size: 80px;
    color: #d7d7d7;
    margin-bottom: 20px;
   }
   .testimonial:hover .icon{ color:#fff}
.testimonial .description{
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.testimonial:hover .description{ color:#fff}
.testimonial .testimonial-content{
    width: 100%;
    position: absolute;
    left: 0;
}
.testimonial .pic{
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.testimonial .pic img{
    width: 82px;
    height: auto;
}
.testimonial .title{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #ffd9b8;
}
.gallery-page{ padding:60px 0}

portfolio_container,
.portfolio_gallery,
 {
    list-style: none;
}
.gutter_small {
    margin: 0 -7.5px -15px -7.5px;
}
.gutter_medium {
    margin: 0 -15px -30px -15px;
}

.work_col3 > li {
    width: 30.33%;
    float: left;
}

.portfolio_item img,
.portfolio-item img {
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.gutter_small > li {
    padding: 0 7.5px 15px 7.5px;
}.image_gallery_item {
    position: relative;
}.gallary_hover_box {
    background-color: 
    rgba(0,0,0,0.80);
    bottom: 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    right: 0px;
    left: 0px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}.gallary_hover_box i {
    color: 
    #fff;
    font-size: 24px;
}.ti-zoom-in::before {
    content: "\e611";
}.image_gallery_item {
    position: relative;
}
.gallary_hover_box {
    background-color: rgba(233,113,149,0.70);
    bottom: 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    right: 0px;
    left: 0px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}[class^="ti-"], [class*=" ti-"] {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}@font-face {
    font-family: 'themify';
    src:url('../fonts/themify.eot?-fvbane');
    src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
        url('../fonts/themify.woff?-fvbane') format('woff'),
        url('../fonts/themify.ttf?-fvbane') format('truetype'),
        url('../fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;}
.gallary_hover_box i {
    color: #fff;
    font-size: 41px; font-weight:900;
}
.image_gallery_item:hover .gallary_hover_box {
    opacity: 1;
    visibility: visible;
}
.gallery_img img {
    transition: all 0.5s ease;
}
.gallery_hover_style1 .image_gallery_item,
.gallery_hover_style2 .image_gallery_item {
    overflow: hidden;
}
.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.gallery_hover_style2 .gallary_hover_box {
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
}
.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-filter: blur(5px); 
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
     filter: blur(5px);}
.gallery_hover_style3 .gallary_hover_box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    border: 2px solid rgba(255,255,255,0.5);
    margin: 10px;}
.gutter_medium > li {
    padding: 0px 1.5% 30px 1.5%;}
.portfolio_content {
    padding: 15px;}
.portfolio_item {
    overflow: hidden;
    position: relative;}
.portfolio_item a {
    display: block;
    overflow: hidden;}
.portfolio_style1 .portfolio_content {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    text-align: center;
    transition: all 0.5s ease-in-out;
    z-index: 3;}
.portfolio_style1 .portfolio_item::before {
    background-color: rgba(14,147,216,0.80);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;}
.portfolio_style1 .portfolio_item:hover .portfolio_content {
    top: 0;
    opacity: 1;
    visibility: visible;}
.portfolio_style1 .portfolio_item:hover:before {
    opacity: 1;
    visibility: visible;}
    .doctor-page{ padding:60px 0}
    
    .doctorpage-left{ float:left; width:47.5%}
    .doctorpage-right{ float:right; width:47.5%}
    .doctorpage-right h2{ font-size:35px; font-weight:600; padding-bottom:15px;}
    .doctorpage-right h4{  font-size:18px; font-weight:600; padding-bottom:3px; display:block}
    .doctorpage-right .txtstyle{ float:right; width:60%; border-left:solid 1px #ddd; padding-left:5%; margin-bottom:20px;}
    .fancy-list{}
    .fancy-list li {
    clear: both;
    display: block;
    position: relative;
    padding: 5px 0px 5px 25px;}
    .fancy-list li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    position: absolute;
    top:7px;
    left: 0px;} .fancy-list li:before { color:#e97195;   content: "\f10c";}
    
        .fancy-list1{ margin-bottom:20px;}
    .fancy-list1 li {  background:url(images/dashed.jpg) left 17px no-repeat;
    position: relative;
    padding: 5px 0px 5px 20px;}

    .list50 li{ float:left; width:45%}
    .treatmentpage{ padding:60px 0}
    .innercontentright{ float:left; width:68.5%; }
    .innercontentright h2{ font-size:28px; padding-bottom:10px; font-weight:600; line-height:36px; }
    .innercontentright p{ padding-bottom:21px;}
    .innercontentleft { padding-top:5px;
    float: right;
    width: 27%;
}
.datestyle{ color:#e97195}
    .sideliststyle{ margin-bottom:20px;}
.sideliststyle li { position:relative; background:#e97195;

    border-radius:5px;
}.sideliststyle li:hover {  }
.sideliststyle a { font-size:16px;
    color: #fff;
    padding: 10px 25px;
    display: block;
}
.sideliststyle a:hover { background:#333;  border-radius:5px; color:#fff;}
.sideliststyle a.act{ background:#333;  border-radius:5px; color:#fff;}
.sideliststyle li + li {
    margin-top: 7px;
}
.sideliststyle li a::before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
}.enquerybox{ background:#f2f2f2; padding:30px 25px 50px 25px; border-radius:10px; margin-top:30px; text-align:center;}
        .enquerybox a{ background:#e97195 ;color:#fff; padding:9px 25px;  border-radius:10px; font-weight:600; font-size:17px;}
        .enquerybox a:hover{ background:#333; color:#fff;}
.enquerybox h3{ color:#000; font-weight:500; font-style:italic; padding-bottom:18px; }
.enquerybox h4{ color:#333; font-size:22px; font-weight:600; margin-bottom:40px;}

.head01{font-size:27px; font-weight:600; margin-bottom:20px;  margin-top:0px; color:#000; position: relative;}
.head01::before {
    left: 0;
    bottom: 0;
    width: 55px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    background: #e97195;
}

.toggle { padding-bottom: 0; }
.toggle-title { position: relative; display: block; color: #000;  cursor: pointer; font-size: 1.45rem; font-weight: 600; padding: 12px 40px 12px 0px; border-bottom: 1px solid #dcdcdc; }
.toggle-title:after { content: '\f067'; font-family: 'FontAwesome'; position: absolute; top: 50%; right: 15px; margin-top: -11px; font-size: 20px; text-align: center; line-height: 22px; width: 22px; height: 22px; }.active .toggle-title{ color:#333 !important}
.toggle.active .toggle-title:after { content: '\f068'; color:#e97195 } 
.toggle-content { padding-top: 10px; padding: 20px 20px 10px 0; display: none;}
.toggle.active .toggle-content { display: block;  }
.toggle.active .toggle-title { color:#e97195 !important }

.toggle-content:before,
.toggle-content:after {
    content: " ";
    display:table;
}
.toggle-content:after {
    clear: both;
}.rpost{ margin-bottom:10px;}

    .rpost li {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    padding: 10px 0;}
    .rpost li:first-child { padding-top:0}
.rpost li:last-child{ border-bottom:0}
.tagcloud li {
    margin-bottom: 4px;
    display: inline-block;
}.tagcloud a {
    background: #f2f2f2;
    color: #222 !important;
    padding: 4px 10px;
    font-size: 15px;
    display: inline-block;
    line-height: 18px;
}.tagcloud a:hover {  color: #fff !important; background: #e97195;}
.navcol{ float:left; width:30%; margin:0 1.5%; color:#fff}
.navcol li a{ color:#fff !important}
.navcol h4{ font-size:18px; margin-top:7px; color:#fff; font-weight:bold; padding-bottom:2px;} .navcol h4 a{font-size:18px !important; color:#fff !important; font-weight:bold !important;} .navcol h4 a:hover{ color:#000 !important}
.navcol a{ padding:8px 0}
@media( max-width: 1600px ) {
.drsection .drlefttxt{  padding-top:4%; padding-bottom:5%;} .mission-vision-area .content-column .inner-column { padding-left:25%}}
@media( max-width: 1400px ) {.drsection .drlefttxt{  padding-top:3%; padding-bottom:5%;}.h60{ height:50px;}.imgsection img{object-fit:cover; height:600px;} .mission-vision-area .content-column .inner-column { padding-left:15%}}
@media( max-width: 1024px ) {.navcol{ width:100%; margin:0; color:#000}.navcol h4 a{ color:#000 !important}.navcol li a{ color:#000 !important} .navcol h4 { color:#000} .navcol h4 a:hover{ color:#e97195  !important}.navcol li a:hover{ color:#e97195  !important}.container-area{ width:94%}.btn2{ display:inline-block; margin-left:0; margin-top:20px;}}
@media( max-width: 900px ) {.headerright{ float:none; text-align:center;}.headerleft{ float:none; text-align:center}.drsection .imgsection{ width:100%}.drsection .drlefttxt{ width:100%; text-align:center}.btn2{ margin-left:7px; }.counterarea li{ width:45.9%; padding:20px 2% 20px 2%}.tbox{ width:97%}.fcol1{ width:100%}.fcol2{ width:100%; margin-left:0}.fcol3{ width:100%; margin-top:20px;}.txtr{ width:94%}.fl-btn{ top:auto; bottom:0}.fl-btn ul li{ display:inline-block;} .banner-area img {
    height:400px;  object-fit: cover;   object-position: 50% 50%;}.imgsection img{ height:auto}.fl-btn ul li{ vertical-align:bottom}.fl-btn{ bottom:70px;}.about1 .leftsection{ width:100%;}.about1 .rightsection{ width:100%; padding-top:20px;}.mission-vision-area .image-column{ display:none}.mission-vision-area .content-column{ width:100%}.mission-vision-area .content-column .inner-column{ padding:45px 20px 60px 20px}.fbox{ width:46.7%}.contact-left{ width:100%;}.contact-left .content-section{ max-width:96%}.contact-right{ width:100%}.contact-area{ max-height:inherit}.testimonial{ width:42%}.doctorpage-left{ width:100%}.doctorpage-right{ width:100%}.innercontentright{ width:100%}.innercontentleft{ width:100% }}
    @media( max-width: 800px ) {.blogbox{ width:97%}.contact-form-area{ width:94%}}
    
@media( max-width: 479px ) {.counterarea li{ width:96%}.testimonial-area h2{ font-size:31px; line-height:38px;} .banner-area img { height:250px}.welcome-area h1{ font-size:35px; line-height:46px;}.tratmentarea1 h2{ font-size:35px; line-height:45px;}.tratmentarea{ padding:21px 0 0px 0}.tratmentarea p{ line-height:25px;}.fcol2 li{ width:100%}.fl-btn ul li a{ padding:12px 16px; width:auto}.fbox{ width:97%}.fl-btn{ right:0px; bottom:0}.breadcrumbs .bread-list{ padding:15px 40px}.breadcrumbs h1{  font-size:34px; line-height:41px;}.formleft{ width:100%}.formright{ width:100%}.contact-form-area{ width:94%}.contact-box{ width:100%; margin-right:0}.testimonial{ width:93%}.work_col3 > li{ width:47%}.doctorpage-right .headingstyle{ width:100%}.doctorpage-right .txtstyle{ width:100%; padding-left:0; border-left:0;}.innercontentright h2{ font-size:34px; line-height:36px;}.fl-btn span{ display:none !important}.whatsapp a{ padding:12px 16px !important} .whatsapp a i{ font-size:26px;}.footer-bottom{ padding:30px 0 70px 0}.list50 li{ width:90%}}