@charset "UTF-8";
@font-face{ src:url('../font/philosopher-bold.ttf'); font-family:philosopher-bold; }
@font-face{ src:url('../font/Oswald-Regular.ttf'); font-family:Oswald-Regular; }
@font-face{ src:url('../font/Poppins-Regular.ttf'); font-family:Poppins-Regular; }
@font-face{ src:url('../font/Montserrat-Medium.otf'); font-family:Montserrat-Medium; }

@font-face {
  font-family: 'fontawesome';
  src: url('../font/ionic-fonts/fontawesome-webfont.eot');
  src:  url('../font/ionic-fonts/fontawesome-webfont.eot') format('embedded-opentype'),
    url('../font/ionic-fonts/fontawesome-webfont.ttf') format('truetype'),
    url('../font/ionic-fonts/fontawesome-webfont.woff') format('woff'),
    url('../font/ionic-fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
    display: inline-block;
    font-family:fontawesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



p{font-family: Montserrat-Medium; color: #5a5858; line-height: 28px; font-size: 13px; text-align: justify;}

a{font-family: Montserrat-Medium; text-decoration: none;}

a:hover{text-decoration: none;}



/** menu **/
.header-contact{float: right;padding-top: 8px;}
.header-contact ul li{display: inline-block; padding: 0px 10px;}
a {color: #b78933;}
a:hover{color: #bf1c51;}

[class^="icon-"], [class*=" icon-"]{ifont-size: 20px;}

.header-tohpline p{text-align: right; margin-top: 5%;font-family: philosopher-bold;}

.header-social{float: right; margin-top: 5%;}

.logo{    position: absolute;  z-index: 999;   top: 0px;}

.navbar-default {

    background-color: #be1b50;

    border: none; background-repeat: no-repeat;

    background-image: url(../images/nav-bottom.jpg);

    background-position: bottom;

}

.navbar-default .navbar-nav>li>a {

    font-family: philosopher-bold;

    color: #fff;

    margin-top: 15px;

    margin-bottom: 20%;

    font-size: 16px;

}

.navbar-brand>img {
    background-color: #bf1b50;
}

.navbar{margin-bottom: 0px;}

@media (min-width: 1024px) {

  .header .nav-item {

    position: relative; }

.img-responsive { margin:0 auto; }

  .header .navbar-nav > .nav-item > .dropdown-menu, .dropdown-item + .dropdown-menu {

    display: block !important;

    visibility: hidden;

    position: absolute;

    top: 100%;

    left: -20px;

    pointer-events: none;

    opacity: 0;

    min-width: 230px;

    z-index: 1000;

    list-style: none;

    margin: 0;

    padding: 10px 0;

    text-align: left;

    transform: translateX(-20px);

    transition: 0s ease 0s;

    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) !important;

    border: 0;

    border-top: 2px solid #49b0c1;

    border-radius: 0; }

    .header .navbar-nav > .nav-item > .dropdown-menu a, .dropdown-item + .dropdown-menu a {

      color: #444;

      font-size: 16px;

      line-height: 26px;

      font-weight: 500;

         font-family: philosopher-bold;

      background-color: transparent;

      padding: 7px 20px; }

      .header .navbar-nav > .nav-item > .dropdown-menu a.dropdown-toggle, .dropdown-item + .dropdown-menu a.dropdown-toggle {

        padding-right: 40px; }

      .header .navbar-nav > .nav-item > .dropdown-menu a:hover, .dropdown-item + .dropdown-menu a:hover {

        color: #be1b50; } }

    @media (min-width: 1024px) and (max-width: 1229px) {

      .header .navbar-nav > .nav-item > .dropdown-menu a, .dropdown-item + .dropdown-menu a {

        font-size: 16px; } }



@media (min-width: 1024px) {

.header .navbar-nav > .nav-item:hover > .dropdown-menu,

.header .navbar-nav .dropdown-item:hover + .dropdown-menu, .header .navbar-nav .dropdown-item + .dropdown-menu:hover {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateX(0);

    transition: 0.5s ease 0.1s; }



.header .navbar-nav > .nav-item:hover > .dropdown-menu {

    transform: translateX(9px); }



.dropdown-menu {

    padding: 0px 0;

    margin: 0 0 0;

    border: 0px solid transition !important;

    border: 0px solid rgba(0, 0, 0, 0.15);

    border-radius: 0px;

    -webkit-box-shadow: none !important;

    box-shadow: none !important; }

}

#mainSlider .slide-txt1 {font-size: 40px;line-height: 2em;color: #fff;font-family: philosopher-bold;text-align: left;margin: 0% 5%;}

#mainSlider .slide-txt2 {font-size: 20px;line-height: 2.5em; font-family: philosopher-bold; color: #fff;letter-spacing: .03em;float: left;

  margin: 0% 5%;}

.slide-btn {float: left;}

 #mainSlider .slide-btn {margin-top: 20px; }

 .sticky-wrapper{background-color: rgb(190, 27, 80);}

.header-logo{    position: absolute;    z-index: 9999;    top: -80px;}

h2{    font-family: philosopher-bold; font-size: 23px; color: #be1b50;}

h1{font-family: philosopher-bold;   font-size: 28px;}

.who{background-image:url('../images/welcome1.webp'); background-size: cover; background-repeat: no-repeat;  }

.space{height: 150px;}

.space1{height: 50px;}

.girl{position: relative; margin-top: -150px;}

.procedures{    background-image: url(../images/procedure-bg.webp);background-size: cover;background-repeat: no-repeat; background-attachment: fixed;}

.procedures h1{text-align: center;color: #000; line-height: 2.5em}

.header-tohpline{font-family: philosopher-bold;color: #231e20;padding-top: 4px; padding-bottom: 2px;}

.navbar-default .navbar-nav>li>a:hover{ background: #f6d379; color: #be1b50; }

.cool-link {

    display: inline-block;

    color: #000;

    text-decoration: none;

}



.cool-link::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #000;

    transition: width .3s;

}



.cool-link:hover::after {

    width: 100%;

    //transition: width .3s;

}



/* Procedures */

.ch-grid {

  margin: 20px 0 0 0;

  padding: 0;

  list-style: none;

  display: block;

  text-align: center;

  width: 100%;

}



.ch-grid:after,

.ch-item:before {

  content: '';

    display: table;

}



.ch-grid:after {

  clear: both;

}



.ch-grid li {

  width: 220px;

  height: 220px;

  display: inline-block;

  margin: 20px;

}

.ch-item {

  position: relative;

  box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  cursor: default; 

}



.ch-info-wrap, 

.ch-info{

        width: 280px;

    height: 280px;

}



.ch-info-wrap {

  top: 20px;

  left: 20px;

  background: #f9f9f9 url(../images/bg.jpg);

  box-shadow: 

    0 0 0 20px rgba(255,255,255,0.2), 

    inset 0 0 3px rgba(115,114, 23, 0.8);



}



.ch-info > div {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  background-position: center center;

  

  -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/

}



.ch-info .ch-info-front {

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}



.ch-info .ch-info-back {

  padding-top: 18%;

  opacity: 0;



  background: #e1b961;

  pointer-events: none;

  

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5);

  -o-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

  

  -webkit-transition: all 0.4s ease-in-out 0.2s;

  -moz-transition: all 0.4s ease-in-out 0.2s;

  -o-transition: all 0.4s ease-in-out 0.2s;

  -ms-transition: all 0.4s ease-in-out 0.2s;

  transition: all 0.4s ease-in-out 0.2s;

}



.ch-img-1 { 

  background-image: url(../images/body.jpg);

}



.ch-img-2 { 

  background-image: url(../images/breast.webp);

}



.ch-img-3 { 

  background-image: url(../images/cynaecology.jpg);

}



.ch-img-4 { 

  background-image: url(../images/face.webp);

}



.ch-img-5 { 

  background-image: url(../images/hair.jpg);

}



.ch-img-6 { 

  background-image: url(../images/non-surgical.jpg);

}





.ch-info h3 {

  color:#a40547;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-size: 18px;

  margin: 0 15px;

  padding: 40px 0 0 0;

  height: 80px;

  font-family: philosopher-bold;

  text-shadow: 

    0 0 1px #fff, 

    0 1px 2px rgba(0,0,0,0.3);

}



.ch-info p {

  color: #fff;

  padding: 10px 5px 0;

  font-style: italic;

  margin: 0 30px;

  font-size: 12px;

  border-top: 1px solid rgba(255,255,255,0.5);

}



.ch-info p a {

  text-align: center;

  display: block;

  color: #fff;

  font-style: normal;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 18px;

  letter-spacing: 1px;

  padding-top: 4px;

  font-family: philosopher-bold;

}



.ch-info p a:hover {

  color: #000;

}



.ch-item:hover .ch-info-front {

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -o-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  

  opacity: 0;

} 



.ch-item:hover .ch-info-back {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

  pointer-events: auto;

}



/* end of procedures */





.testimonials h1{color: #b7075f;text-align: center;}



/** form **/

.form-group{ display: inline-flex;width: 100%;}

.form-group span{    padding: 5px 10px; background:#ffffff9c;  border-right: none;color: #ad0556;font-size: 18px;}

.form-control{border:none;border-left: none; border-radius: 0px; height: 37px; background-color:#ffffffc7; box-shadow: 3px 3px #ce137e;

  font-family: philosopher-bold;}

.btn-sm, .btn-group-sm>.btn {padding: 10px 30px; font-family: philosopher-bold;background: #ce137e; color: #fff!important;  font-size: 14px;}

.btn:hover{background: #201010;}



.footer{background-image: url('../images/footer-bg.webp'); background-size: cover; background-position: bottom; background-repeat: no-repeat;padding: 3% 0%;}

.right p{text-align: right;}

.footer p{color:#ffffffdb;}

.footer a{color: #fff;}

.img-responsive{margin: 0 auto;}

.footer h1{ color: #d0a74f; font-size: 27px;}

.footer ul li{ line-height: 23px; font-size: 14px;}

.footer [class^="icon-"]{color: #d0a74f;}



/** animation **/

.has-animation {

  position: relative;

}

.has-animation p, .has-animation img {

  opacity: 0;

}

.has-animation.animate-in p, .has-animation.animate-in img {

  animation: textHidden 0.1s 1.1s forwards;

}

.has-animation.animate-in:before, .has-animation.animate-in:after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  z-index: 10;

}

.has-animation.animate-in:before {

  background-color: #be1b50;

}

.has-animation.animate-in:after {

  background-color: #e1b961;

  animation-delay: .5s;

}

.has-animation.animation-ltr.animate-in:before {

  animation: revealLTR 1.8s ease;

}

.has-animation.animation-ltr.animate-in:after {

  animation: revealLTR 1s .6s ease;

}

.has-animation.animation-rtl.animate-in:before {

  animation: revealRTL 1.8s ease;

}

.has-animation.animation-rtl.animate-in:after {

  animation: revealRTL 1s .6s ease;

}



@keyframes revealRTL {

  0% {

    width: 0;

    right: 0;

  }

  65% {

    width: 100%;

    right: 0;

  }

  100% {

    width: 0;

    right: 100%;

  }

}

@keyframes revealLTR {

  0% {

    width: 0;

    left: 0;

  }

  65% {

    width: 100%;

    left: 0;

  }

  100% {

    width: 0;

    left: 100%;

  }

}

@keyframes textHidden {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



.procedures1 h3{ font-size: 18px;font-family: philosopher-bold;color: #a7054b; text-align: center; line-height: 28px;}

.procedures1 img{height: 75px;}

.procedures1 .container{margin-bottom: 25px;}

.before h1{line-height: 3em;font-size: 25px;color: #be1b50;}





/** before - after**/

.gallery-wrap {

  position: relative;

  min-height: 50vh; }

  .gallery-wrap.loaded .loading-content {

    opacity: 0;

    pointer-events: none; }



.gallery-hover-item {

  display: flex;

  position: relative; }

  .gallery-hover-item-before {

    opacity: 1;

    position: relative;

    transition: 0.3s;

    margin-right: -100%; }

  .gallery-hover-item-after {

    opacity: 0;

    position: relative;

    transition: 0.3s; }

  .gallery-hover-item:hover .gallery-hover-item-before {

    opacity: 0; }

  .gallery-hover-item:hover .gallery-hover-item-after {

    opacity: 1; }

  .gallery-hover-item-title {

    font-size: 26px;

    line-height: 34px;

    font-weight: 600;

    margin-bottom: 25px;

    font-family: "Poppins", serif;

    color: #444; }

  .gallery-hover-item-state {

    font-size: 20px;

    line-height: 30px;

    font-weight: 60;

    font-family: "Poppins", serif;

    color: #49b0c1; }

  .gallery-hover-item-name {

    font-size: 32px;

    line-height: 40px;

    color: #444;

    font-style: italic; }

  .gallery-hover-item-txt1, .gallery-hover-item-txt2 {

    display: flex;

    position: absolute;

    top: 0;

    bottom: 0;

    align-items: center; }

  .gallery-hover-item-txt2 {

    z-index: 1; }

  .gallery-hover-item p {

    font-size: 16px;

    line-height: 28px; }

  .gallery-hover-item table {

    font-size: 16px;

    line-height: 1em; }

    .gallery-hover-item table td {

      padding: 10px 10px 0 0; }



@media (max-width: 1023px) {

  .gallery-hover {

    margin-left: -15px;

    margin-right: -15px; } }



.gallery-hover-item-before, .gallery-hover-item-after {

  height: 435px;

  background-size: auto 100%;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%; }



.gallery-hover-item-before .gallery-hover-item-txt1 {

  width: 28%;

  padding: 30px 0 15px 6.2%;

  left: 0; }

.gallery-hover-item-before .gallery-hover-item-txt2 {

  width: 28%;

  padding: 30px 5.2% 15px 0;

  right: 0;

  text-align: right;

  justify-content: flex-end; }



.gallery-hover-item-after .gallery-hover-item-txt2 {

  width: 28%;

  padding: 30px 0 15px 6.2%;

  left: 0; }

.gallery-hover-item-after .gallery-hover-item-txt1 {

  width: 28%;

  padding: 30px 5.2% 15px 0;

  right: 0;

  text-align: right;

  justify-content: flex-end; }



.gallery-hover-item.style-2 .gallery-hover-item-before .gallery-hover-item-txt1 {

  width: 227px;

  padding: 0;

  left: 41%;

  bottom: 17%;

  top: auto;

  text-align: left;

  align-items: center; }

.gallery-hover-item.style-2 .gallery-hover-item-before .gallery-hover-item-txt2 {

  width: 40%;

  transform: translateX(-56%);

  padding: 6% 0;

  left: 50%;

  text-align: left;

  justify-content: center;

  align-items: flex-start; }

.gallery-hover-item.style-2 .gallery-hover-item-after .gallery-hover-item-txt1 {

  width: 227px;

  padding: 0;

  left: 38%;

  bottom: 17%;

  top: auto;

  text-align: left;

  align-items: center; }

.gallery-hover-item.style-2 .gallery-hover-item-after .gallery-hover-item-txt2 {

  width: 40%;

  transform: translateX(-47%);

  padding: 6% 0;

  left: 50%;

  text-align: left;

  justify-content: center;

  align-items: flex-start; }



.gallery-hover-item.style-3 .gallery-hover-item-before .gallery-hover-item-txt2 {

  width: 35%;

  padding: 20px 0 15px 10.2%;

  left: 0;

  text-align: left;

  justify-content: flex-start; }

.gallery-hover-item.style-3 .gallery-hover-item-before .gallery-hover-item-txt1 {

  width: 28%;

  padding: 20px 8.0% 15px 0;

  right: 0;

  left: auto;

  text-align: right;

  justify-content: flex-end; }

.gallery-hover-item.style-3 .gallery-hover-item-after .gallery-hover-item-txt1 {

  width: 28%;

  padding: 20px 0 15px 7.2%;

  left: 0;

  text-align: left; }

.gallery-hover-item.style-3 .gallery-hover-item-after .gallery-hover-item-txt2 {

  width: 35%;

  padding: 20px 10% 15px 0;

  right: 0;

  left: auto;

  text-align: right;

  justify-content: flex-end; }

  .gallery-hover-item.style-3 .gallery-hover-item-after .gallery-hover-item-txt2 table {

    float: right; }

    .gallery-hover-item.style-3 .gallery-hover-item-after .gallery-hover-item-txt2 table td {

      padding: 10px 0 0 10px; }

.gallery-hover-item.style-3 table {

  margin-top: 20px; }



.gallery-hover-carousel .slick-dots {

  margin: 40px 0 0 0; }

.gallery-hover-carousel .slick-slide img {

  width: 100%; }





.procedure1{background-image:url('../images/procedures/body.jpg'); background-repeat: no-repeat; background-size: cover; background-position: fixed; height: 600px;}

.procedure2{background-image:url('../images/procedures/breast.jpg'); background-repeat: no-repeat; background-size: cover;    

 background-position: right bottom;  height: 600px;    background-attachment: fixed;}

.procedure3{background-image:url('../images/procedures/face.webp'); background-repeat: no-repeat; background-size: cover;     background-position: top right;  

 background-position: top right;height: 600px;}

.procedure4{background-image:url('../images/procedures/hair-skin.jpg'); background-repeat: no-repeat; background-size: cover; 

 background-position: right bottom;  height: 600px;    background-attachment: fixed;}

.procedure5{background-image:url('../images/procedures/body.jpg'); background-repeat: no-repeat; background-size: cover; background-position: fixed; height: 600px;}



ul li {font-family: Montserrat-Medium; line-height: 28px; font-size: 14px; font-weight: initial; color: #be1b50;}

.procedure1,.procedure2,.procedure3,.procedure4,.procedure5 h1{ color: #be1b50;}

.appointment{background-image: url(../images/testimonial-bg.webp); background-size: cover; background-repeat: no-repeat; height: 700px; background-position: bottom;}



/*--- testimonial --*/



.shadow-effect {

        background: #fff;

        padding: 20px;

        border-radius: 4px;

        text-align: center;

  border:1px solid #ECECEC;

        box-shadow: 0 6px 20px rgb(239, 175, 212), 0 15px 12px rgba(0,0,0,0.02);

    }

    #customers-testimonials .shadow-effect p {

    font-size: 13px;

    line-height: 28px;

    margin: 0 0 17px 0;

    font-weight: 300;

    font-family: Montserrat-Medium;

    }

    .testimonial-name {

        margin: -17px auto 0;

        display: table;

        width: auto;    font-family: philosopher-bold;

        background: #d21482;

        padding: 9px 35px;

        border-radius: 12px;

        text-align: center;

        color: #fff;

        box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);

    }

    #customers-testimonials .item {

        text-align: center;
        margin-bottom:80px;

        opacity: .2;

        -webkit-transform: scale3d(0.8, 0.8, 1);

        transform: scale3d(0.8, 0.8, 1);

        -webkit-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }

    #customers-testimonials .owl-item.active.center .item {

        opacity: 1;

        -webkit-transform: scale3d(1.0, 1.0, 1);

        transform: scale3d(1.0, 1.0, 1);

    }

    .owl-carousel .owl-item img {

        -webkit-transform-style: preserve-3d;

                transform-style: preserve-3d;

        max-width: 90px;

        margin: 0 auto 17px;

    }

    #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {

        background: #28CB75;

        -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);

                transform: translate3d(0px, -50%, 0px) scale(0.7);

    }

    #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {

        background: #C4C4CC;

        display: block;

        height: 20px;

        margin: 0 2px 5px;

        -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);

                transform: translate3d(0px, -50%, 0px) scale(0.3);

        -webkit-transform-origin: 50% 50% 0;

                transform-origin: 50% 50% 0;

        -webkit-transition: all 250ms ease-out 0s;

        transition: all 250ms ease-out 0s;

        width: 20px;

    } 

.icn-text p{text-align: center; line-height: 30px;padding-bottom: 15px;}

.view a{ background-color: #f7d379; text-align: center; padding: 10px 20px; color: #be1b50;}

.icn-text{-webkit-box-shadow: 10px 10px 67px -4px rgba(206,214,214,1);

    -moz-box-shadow: 10px 10px 67px -4px rgba(206,214,214,1);

    box-shadow: 10px 10px 67px -4px rgba(206,214,214,1);

    padding: 25px 20px;border-radius: 15px 0px;}

.icn-text:hover{box-shadow: inset 10px 10px 67px -4px rgb(190, 27, 80);}

.icn-text h3{text-align: center; color: #be1b50;  font-size: 20px;}

.procedures1 h1{ padding-bottom: 1em;}



/** readmore **/



button {

  position: relative;

  display: inline-block;

  cursor: pointer;

  outline: none;

  border: 0;

  vertical-align: middle;

  text-decoration: none;

  background: transparent;

  padding: 0;

  font-size: inherit;

  font-family: inherit;

}

button.learn-more {

    width: 15rem;

    height: auto;

    padding: 2px 0px;

}

button.learn-more .circle {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: relative;

  margin: 0;

  width: 3rem;

  height: 3rem;

  background:#f7d379;

  border-radius: 1.625rem;

}

button.learn-more .circle .icon {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  background: #fff;

}

button.learn-more .circle .icon.arrow {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  left: 0.625rem;

  width: 1.125rem;

  height: 0.125rem;

  background: none;

}

button.learn-more .circle .icon.arrow::before {

  position: absolute;

  content: '';

  top: -0.25rem;

  right: 0.0625rem;

  width: 0.625rem;

  height: 0.625rem;

  border-top: 0.125rem solid #000;

  border-right: 0.125rem solid #000;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

button.learn-more .button-text {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 0.75rem 0;

  margin: 0 0 0 1.85rem;

  color:#be1b50;

  font-weight: 700;

  line-height: 1.6;

  text-align: center;

  text-transform: uppercase;

}

button:hover .circle {

  width: 100%;

}

button:hover .circle .icon.arrow {

  background: #000;

  -webkit-transform: translate(1rem, 0);

          transform: translate(1rem, 0);

}

button:hover .button-text {

  color:#be1b50;

}





.procedure-body h2{ color: #be1b50; font-family: philosopher-bold;}

.procedure-body h3{ color: #d89c01; font-family: philosopher-bold;}

.about h3{color: #ea9d14;font-family: philosopher-bold; font-size: 20px;}

.about a:hover{text-decoration: none;}

.about h1{color: #be1b50;}

.accordion a {

  font-family: philosopher-bold;

    color: #d89c01!important;

    font-size: 17px!important;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    padding: 1rem 3rem 1rem 1rem;

    font-weight: 400;

  border-bottom: 1px solid #e5e5e5;

}



.accordion a:hover,

.accordion a:hover::after {

  cursor: pointer;

  color:#ffffff;

}



.accordion a:hover::after {border: 2px solid #f1ce74;}



.accordion a.active {color: #03b5d2;border-bottom: 1px solid #b40760;}



.accordion a::after {

    font-family: 'dentco';

    content: "\e922";

    position: absolute;

    float: right;

    right: 1rem;

    font-size: 1rem;

    color: #ffffff;

    padding: 7px;

    width: 30px;

    height: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #a60549;

    text-align: center;

    background: #a9064d;

}



.accordion a.active::after {

  font-family: 'dentco';

    content: "\e922";

    color: #fff;

    border: 2px solid #e1b961;

}



.accordion .content {

  opacity: 0;

  padding: 0 1rem;

  max-height: 0;

  border-bottom: 1px solid #e5e5e5;

  overflow: hidden;

  clear: both;

  -webkit-transition: all 0.2s ease 0.15s;

  -o-transition: all 0.2s ease 0.15s;

  transition: all 0.2s ease 0.15s;

}



.accordion .content p {font-weight: 300;}



.accordion .content.active {

  opacity: 1;

  padding: 1rem;

  max-height: 100%;

  -webkit-transition: all 0.35s ease 0.15s;

  -o-transition: all 0.35s ease 0.15s;

  transition: all 0.35s ease 0.15s;

}



#arm img{width: 100px;}



.main {

    margin: 0 auto;

    display: block;

    height: 100%;

    margin-top: 60px;

}

.mainInner{

    display: table;

    height: 100%;

    width: 100%;

    text-align: center;

}

.mainInner div{

    display:table-cell;

    vertical-align: middle;

    font-size: 3em;

    font-weight: bold;

    letter-spacing: 1.25px;

}

#sidebarMenu {

    position: absolute;

    z-index: 999;

    left: 0;

    width: 250px;

    margin-top: 20px;

    transform: translateX(-250px);

    transition: transform 250ms ease-in-out;

    background: linear-gradient(180deg, #be1b50 0%, #f6d379 100%);

}

.sidebarMenuInner{

    margin:0;

    padding:0;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}

.sidebarMenuInner li{

    list-style: none;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}

.sidebarMenuInner li span{

    display: block;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.50);

}

.sidebarMenuInner li a{

    color: #000;

    font-family: philosopher-bold;

    font-weight: 600;

}

input[type="checkbox"]:checked ~ #sidebarMenu {

    transform: translateX(0);

}



input[type=checkbox] {

    transition: all 0.3s;

    box-sizing: border-box;

    display: none;

}

.sidebarIconToggle {

    transition: all 0.3s;

    box-sizing: border-box;

    cursor: pointer;

    position: absolute;

    z-index: 99;

    height: 100%;

    width: 100%;

    top: 22px;

    left: 15px;

    height: 22px;

    width: 22px;

}

.spinner {

    transition: all 0.3s;

    box-sizing: border-box;

    position: absolute;

    height: 3px;

    width: 100%;

    background-color: #fff;

}

.horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

.diagonal.part-1 {

    position: relative;

    transition: all 0.3s;

    box-sizing: border-box;

    float: left;

}

.diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    opacity: 0;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(135deg);

    margin-top: 8px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(-135deg);

    margin-top: -9px;

}



.sidebarMenuInner li:hover{background-color: #e3be65;}

#about h3{text-align: left;}



.contact .container{background-image: url(assets/images/contact.png);}
.member h1{text-align: center;}

.slider {
  height: 100%;
  position: relative;
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
padding: 10px;
    width: 12px;
    height: 12px;
    margin: 2rem 12px;
    border-radius: 50%;
    z-index: 10;
    outline: 3px solid #f3ce75;
    outline-offset: -6px;
    box-shadow: 0 0 0 0 #be1b50, 0 0 0 0 rgba(51, 51, 51, 0);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slider__nav:checked {
    margin-top: 220px;
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;text-align: center;
  margin-bottom: 3rem;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}






.kocosmetics-photo-gallery .intro h2 {
    font-family: philosopher-bold;
    font-size: 32px;
    color: #be1b50;
    text-transform: capitalize;
    margin-bottom: 0.8em;
}
.kocosmetics-photo-gallery .photos .para01 {
    font-family: philosopher-bold;
    font-size: 26px;
    text-transform: capitalize;
    color: #000;
    background-color: #be1b501c;
    padding: 10px 0;
    border-top-right-radius: 60px;
    border-top-left-radius: 60px;
    margin: 0;
}
.kocosmetics-photo-gallery .photos .para02 {
    font-family: philosopher-bold;
    font-size: 26px;
    text-transform: capitalize;
    color: #000;
    background-color: #be1b501c;
    padding: 10px 0;
    border-top-right-radius: 60px;
    border-top-left-radius: 60px;
    margin: 0;
}
.kocosmetics-photo-gallery .photos img {
    border-radius: 10px;
    margin-bottom: 1em;
}









.ko-cosmetics-before-after-master .tab {
  overflow: hidden;
  background-color: #fff;
}
.ko-cosmetics-before-after-master .tablinks {
  cursor: pointer;
  margin-bottom: 1.6em;
  border: 0px solid #f1f1f1;
}
.ko-cosmetics-before-after-master .tabcontent {
    display: none;
    padding: 0px 0px;
    border: none;
    border-top: none;
}




.kocos-landing01 {
    font-family: Montserrat-Medium;
    font-size: 32px;
    margin-bottom: 1em;
    text-align: center;
    color: #000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.ko-landing-box h2 {
    font-size: 23px;
    color: #be1b50;
    font-family: Montserrat-Medium;
    text-transform: uppercase;
}
.ko-landing-box h4 {
    font-family: Montserrat-Medium;
    color: #c19013;
    text-transform: uppercase;
}
.ko-landing-box p a {
    color: #000000c7;
    display: block;
    text-decoration: underline;
    font-size: 13px;
    padding-bottom: 7px;
}
.ko-landing-box p a:hover {
    opacity: 0.8;
}
.ko-landing-box {
    padding: 20px;
    background-color: #f7f7f7;
}




.back-btn {
  text-align: center;
}
.back-btn a {
    color: #000;
    font-size: 17px;
    text-decoration: underline;
}