@font-face{src:url(../font/Goldplay_Medium.otf); font-family: Goldplay Medium;}
@font-face{src:url(../font/Goldplay.otf); font-family: Goldplay;}
@font-face{src:url(../font/GoldplayAltBold.otf); font-family: Goldplay Alt Bold;} 
@font-face{src:url(../font/GoldplaySemiBold.otf); font-family: GoldplaySemiBold;}
@font-face{src:url(../font/GoldplayAlt.otf); font-family: GoldplayAlt;}

body,html{overflow-x: hidden;}
img{width: 100%;}
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1280px;}
.img-responsive { margin: 0 auto; display: block;}

/** scroll to top **/
.scroll-top  {width: 40px;position: fixed; z-index: 99;bottom: -10%;right: 50px;cursor: pointer;
transition: 1s ease;}
.scroll-top:hover{ background: #192d66;}
.scroll-top.open { bottom:55px;}
.scroll-top span{color: #fff;}
.scroll-top:after {position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}

/** Menu **/
li.active a {background: linear-gradient(to right,#F7B23299 40%, #F7B23299 40%, #fff 40%,white 60%,white 60%);
 color: #fff;}
.contact a.theme-btn {background-color: #F7B232; border: 0px; text-transform: initial;}
.contact a.theme-btn:hover{color: #fff!important;}
.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  background:#fff;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}

.main-header .outer-container .logo-box .logo{position: relative; padding: 15px 0px 15px 0px;}
.main-menu .navigation > li > ul > li:hover{background-color:#f7b232;}
.main-menu .navigation > li > ul > li:hover a{color: #000!important;}
.main-menu .navigation > li > ul > li:hover table p, .main-menu .navigation > li > ul > li:hover table td{color: #fff;}

/** main-menu **/
.hmenu{visibility: hidden;}
.main-menu{  position:relative;float:left;padding: 22px 0px 20px 0px;}
.main-menu .navbar-collapse{ padding:0px;display:block !important;}
.main-menu .navigation{ position:relative; margin:0px;}
.main-menu .navigation > li{position:relative;float:left;}
.main-menu .navigation > li.contact{background-color: #F7B232; border: 0px; text-transform: initial;}
.main-menu .navigation > li > a{font-family: 'Goldplay Medium'; font-weight: 500;  font-size: 16px; color: #303030;
 padding:0px 25px 0 10px;  line-height: 50px;}
.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:100%;
  width:222px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 0px 0px;
  background-color: #ffffff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;}

.main-menu .navigation > li > ul.from-right{left:auto; right:0px;}
.main-menu .navigation > li > ul > li{position:relative;width:100%;}
.main-menu .navigation > li > ul > li:last-child{border-bottom:none;}

.main-menu .navigation > li > ul > li > a{font-family: 'Goldplay Medium';
    font-weight: 500; font-size: 16px; color: #303030; padding: 10px 20px; display:block;}

.main-menu .navigation > li > ul > li > a:hover{color:#05a44c;}
.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:-2px;
  width:230px;
  z-index:100;
  display:none;
  padding: 20px 0px;
  background-color: #ffffff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:6px 0px;
  line-height:24px;
  font-weight:400;
  font-size:14px;
  text-transform:capitalize;
  color:#222;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color:#4527a4;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease; 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;right:10px;top:8px;width:34px; height:30px;border:1px solid #ffffff; text-align:center; font-size:16px;
  line-height:26px; color:#ffffff; cursor:pointer; z-index:5; display:none;}

.menu-area .mobile-nav-toggler { position: relative; float: right;font-size: 40px;line-height: 50px;
  cursor: pointer; color: #3786ff; margin-top: 30px; display: block;}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 3px;
  width: 20px;
  display: block;
  margin-bottom: 5px;
  background-color: #00bac1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;}

.menu-area .mobile-nav-toggler .icon-bar:last-child{margin-bottom: 0px;}


.main-menu .navigation .megamenu{width: 500px;}

.main-menu .navigation .megamenu:before{
  position: absolute;
  content: '';
  background: #e5e5e5;
  width: 2px;
  height: calc(100% - 60px);
  left: 42%;
  top: 30px;}

.main-menu .navigation>li> .megamenu li {position: relative; display: block; width: 50%; float: left;}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:30px 25px;
  text-align:left;  
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background:#000;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #000;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  color:#4527a4;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;  text-transform: capitalize;
}
.mobile-menu td { padding-left: 5%;}
.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #4527a4;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
  color:#f39b33;  
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:#11b4c1;
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#0c8092; 
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:30px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  color:#00aeef;  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  text-decoration: underline;
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

/** stricky-header **/
.sticky-header .main-menu{padding: 10px 0;}
.sticky-header .main-menu .navigation > li{margin: 0px;}
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .logo-box{ position: relative;float: left;padding: 8px 0px 10px 0px;}
.sticky-header .menu-area{position: relative;float: right;}
.sticky-header .main-menu .navigation > li > a:before{display: none;}
.sticky-header .main-menu .navigation > li{ padding: 0px !important; margin: 0px !important;}
.sticky-header .main-menu .navigation > li:before{display: none;}
.navbar-nav { display: inline-flex; float: right;}
div#navbarCollapse { display: block!important;}
#navbarCollapse a{font-family: Goldplay Medium; color: #303030; font-size: 16px; padding: 10px 10px; position: relative;
text-decoration:none; }
.book { background-color: #F7B232; margin-left: 100px;}
.book a { color: #fff!important;}	
.topmenu ul li.active a, .topmenu ul li a:hover 
{background: linear-gradient(to right, #f7b232 0%,#f7b232 50%,#f7b232 50%,white 50%,white 100%);}
.navbar-nav ul li {  display: inline-block;}
button {padding: 0 25px;  line-height: 50px; background: #F7B232; color: #fff;
    border: 0px;  font-family: 'Goldplay';   font-style: initial;  transition: all 0.3s ease-out;}
.btn-1 { box-shadow: inset 0 0 rgb(247 178 50); transition: all 0.3s ease-out;}
.btn-1:hover { box-shadow:inset 13em 0 #11b4c1;  cursor: pointer; color: #fff; }
 

/** common **/
 h1, h2, h3, h4, h5, h6 {font-family: Goldplay Alt Bold; font-size: 25px; color: #303030; font-style: initial; font-weight: 600;}
p{font-family:Goldplay; font-size: 18px; color:#4c4646!important;}
dl, ol, ul{margin-bottom: 0px;}

 /** home **/

.home-banner { background-image: url('../images/home_banner.jpg'); background-size: cover; background-repeat: no-repeat;  height:90vh;
 background-position: left center }
.home-banner h1{ font-size: 40px; color: #fff; font-style: initial; white-space: pre-line;}
.home-banner .row { padding: 10% 0; align-items:center; height:90vh;}
.home-banner p{color: #fff!important; white-space: pre-line; font-size:}
.home-banner .btn-1{margin-top: 10px; }



/** **/

.hero {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  width: 100%;
  top: 2rem; }
  .site-navbar .container-fluid {
    padding-left: 7rem;
    padding-right: 7rem; }
    @media (max-width: 1199.98px) {
      .site-navbar .container-fluid {
        padding-left: 15px;
        padding-right: 15px; } }
  .site-navbar .site-logo {
    position: absolute;
    left: 5%; }
    @media (max-width: 767.98px) {
      .site-navbar .site-logo {
        position: relative;
        left: auto; } }
    .site-navbar .site-logo a {
      color: #fff;
      font-size: 1.5rem;
      letter-spacing: .2rem;
      text-transform: uppercase; }
      .site-navbar .site-logo a:hover {
        text-decoration: none; }
  .site-navbar .site-burger-menu, .site-navbar .right-cta-menu {
    position: absolute;
    right: 5%; }
    @media (max-width: 767.98px) {
      .site-navbar .site-burger-menu, .site-navbar .right-cta-menu {
        position: relative;
        right: auto; } }
  .site-navbar .site-menu-toggle {
    color: #fff;
    line-height: 0;
    font-size: 2.5rem;
    position: relative; }
    @media (max-width: 767.98px) {
      .site-navbar .site-menu-toggle {
        margin-left: 5px; } }
  .site-navbar .site-navigation {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5; }
    .site-navbar .site-navigation .site-menu {
      margin-bottom: 0; }
      .site-navbar .site-navigation .site-menu .active {
        color: #fff;
        display: inline-block;
        padding: 5px 20px; }
      .site-navbar .site-navigation .site-menu a {
        text-decoration: none !important;
        display: inline-block;
        position: relative; }
      .site-navbar .site-navigation .site-menu > li {
        display: inline-block; }
        .site-navbar .site-navigation .site-menu > li > a {
          padding: 20px 20px !important;
          color: rgba(255, 255, 255, 0.5);
          display: inline-block;
          text-decoration: none !important; }
          .site-navbar .site-navigation .site-menu > li > a:hover {
            color: #fff; }
      .site-navbar .site-navigation .site-menu .has-children {
        position: relative; }
        .site-navbar .site-navigation .site-menu .has-children > a {
          position: relative;
          padding-right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children > a:before {
            position: absolute;
            content: "\e313";
            font-size: 16px;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: 'icomoon'; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown {
          visibility: hidden;
          opacity: 0;
          top: 100%;
          position: absolute;
          text-align: left;
          border-top: 2px solid #89ba16;
          -webkit-box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
          padding: 0px 0;
          margin-top: 20px;
          margin-left: 0px;
          background: #fff;
          -webkit-transition: 0.2s 0s;
          -o-transition: 0.2s 0s;
          transition: 0.2s 0s; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
            position: absolute; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
              bottom: 100%;
              left: 20%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
              border-color: rgba(136, 183, 213, 0);
              border-bottom-color: #fff;
              border-width: 10px;
              margin-left: -10px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown li {
            line-height: 1.4; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a {
            text-transform: none;
            letter-spacing: normal;
            -webkit-transition: 0s all;
            -o-transition: 0s all;
            transition: 0s all;
            color: #343a40; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
              background: #ebeef0;
              color: #89ba16; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
            list-style: none;
            padding: 0;
            margin: 0;
            min-width: 200px; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
              padding: 9px 20px;
              display: block; }
              .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
                background: #ebeef0;
                color: #212529; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
              content: "\e315";
              right: 20px; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a.active {
              background: #ebeef0;
              color: #89ba16; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
              left: 100%;
              top: 0; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
              background: #ebeef0;
              color: #212529; }
        .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
          cursor: pointer; }
          .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
            -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s;
            margin-top: 0px;
            visibility: visible;
            opacity: 1; }
      .site-navbar .site-navigation .site-menu.site-menu-dark > li > a {
        color: black;
        position: relative; }
        .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:after {
          height: 2px;
          background: #000;
          content: "";
          position: absolute;
          bottom: 0;
          left: 20px;
          right: 20px;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease; }
        .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active {
          color: #89ba16;
          position: relative; }
          .site-navbar .site-navigation .site-menu.site-menu-dark > li > a:hover:after, .site-navbar .site-navigation .site-menu.site-menu-dark > li > a.active:after {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9);
  -o-transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9);
  transition: 0.2s all cubic-bezier(0.66, 0.2, 0.48, 0.9); }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #dee2e6; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #89ba16;
        text-decoration: none; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .active {
        color: #000; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%; }
  .sticky-wrapper + .site-blocks-cover {
    margin-top: 96px; }
  .sticky-wrapper .site-menu-toggle {
    color: #000; }
    @media (max-width: 991.98px) {
      .sticky-wrapper .site-menu-toggle {
        color: #fff; } }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .sticky-wrapper .site-navbar .site-menu > li {
      display: inline-block; }
      .sticky-wrapper .site-navbar .site-menu > li > a {
        position: relative; }
        .sticky-wrapper .site-navbar .site-menu > li > a:after {
          height: 2px;
          background: #fff;
          content: "";
          position: absolute;
          bottom: 0;
          left: 20px;
          right: 20px;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease; }
        .sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active {
          color: #fff;
          position: relative; }
          .sticky-wrapper .site-navbar .site-menu > li > a:hover:after, .sticky-wrapper .site-navbar .site-menu > li > a.active:after {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }
  .sticky-wrapper.is-sticky .site-menu-toggle {
    color: #000; }
  .sticky-wrapper.is-sticky .site-navbar {
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    background: #fff; }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #000; }
    .sticky-wrapper.is-sticky .site-navbar .site-menu > li {
      display: inline-block; }
      .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
        position: relative;
        color: #000; }
        .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:after {
          height: 2px;
          background: #89ba16;
          content: "";
          position: absolute;
          bottom: 0;
          left: 20px;
          right: 20px;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease; }
        .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
          color: #89ba16;
          position: relative; }
          .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover:after, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active:after {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }
  .sticky-wrapper .shrink {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

.btn:after, .btn:before {
  display: none; }

.btn:hover, .btn:focus, .btn:active {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.btn.btn-primary {
  color: #fff;
  background: #89ba16;
  border-color: #89ba16; }
  .btn.btn-primary:hover {
    background: #90c317;
    border-color: #90c317; }

.btn.btn-outline-white {
  background: transparent;
  border-width: 2px;
  border-color: #fff;
  color: #fff; }
  .btn.btn-outline-white:hover {
    background: #fff;
    color: #000; }

.btn.btn-outline-primary {
  color: #89ba16; }
  .btn.btn-outline-primary:hover {
    color: #fff;
    background: #89ba16; }

/** hservices section **/
.hovereffect { float: left; position: relative; text-align: center;}
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 3em;text-align: left;}
.hovereffect img {display: block; position: relative; -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;}
.hovereffect h6 { text-transform: capitalize; color: #fff; position: absolute; bottom: 40px; font-size: 20px; background-color: transparent; text-align: left; font-weight: 600; font-family: GoldplayAlt; letter-spacing: 1px;}
.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;     border-radius: 30px;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);}

.hovereffect a, .hovereffect p {
  color: #f7b232;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);    font-family: Goldplay Alt Bold;
    font-size: 16px;}

.hovereffect:hover img {
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);    background: linear-gradient(
0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);}
 

 /** index page css **/

.about_icon img { width: 60px;  padding: 20px 0;}
.about_icon h6 { color: #303030; font-size: 18px; padding-bottom: 10px;}
.about_icon p{font-size: 15px;    padding-right: 0px!important;}
.about_icon h6 { color: #303030; font-size: 18px; padding-bottom: 10px;}
.about_icon { border: 1px solid #D6D6D6; border-radius: 27px; padding: 0 20px;}
.habout { padding: 7% 0;}
.row.pleasant { padding: 30px 0 0px 50px;}
.row.integration { padding: 0px 50px 0px 0px;}
.habout .row { display: flex; align-items: center;}
h3.caption { font-family: "Goldplay"; color: #F7B232; font-size: 14px; line-height: 25px;padding-left: 10px; margin-bottom: 10px;
background: linear-gradient(to right, #f7b2324d 8%, #f7b2324d 8%, #fff 8%,white 95%,white 95%); }
h1.heading { font-size: 34px; letter-spacing: 1px; padding-bottom: 20px;}
.read a, .hevents a{ color: #F7B232; font-family: 'Goldplay';font-weight: 500;}
.read { margin-top: 10%; }
.habout p { color: #808080; padding-right: 10px;}
.center { text-align: center;}
.center h1.heading{white-space: pre-line;}
.center h3.caption {background: linear-gradient(to right, #fff 40%, #fff 40%, #f7b2324d 40%,#f7b2324d 65%,white 60%);
    width: max-content; margin: 0 auto;}
.hservices .row { padding: 2% 10% 0%;}
.hstories {background-color:#11B4C1; }
.hstories h3.caption {color: #fff; line-height: 20px; margin-bottom: 10px;
background: linear-gradient(to right, transparent 40%, transparent 40%, #FFFFFF4D 40%,#FFFFFF4D 60%,transparent 60%);}
.hstories h1{color: #fff;margin-bottom: 15px;}
.hservices { margin-bottom: 7%;}
.hstories { background: linear-gradient(to bottom, #11B4C1 0%,#11B4C1 70%,#11B4C1 70%, white 30%);
    padding: 40px 0;}
.hstories .hovereffect .overlay{ background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); height: 40%;
top: initial;bottom: 0;}
.hstories .hovereffect h6 { text-transform: none;  font-size: 18px;  font-family: 'GoldplayAlt';  line-height: 25px;
    white-space: pre-line;}
.hstories .hovereffect .overlay{padding: 0px;}
.hstories .hovereffect h6{padding: 0% 10%;}
.all .btn { background-color: #fff;  border: 1px solid #F7B232;  color:#F7B232; border-radius: 0px; 
  padding: 10px 20px; transition: all 0.3s ease-out; box-shadow: inset 0 0 rgb(247 178 50);}
.all .btn:hover{box-shadow: inset 13em 0 #11b4c1!important; border: 1px solid #11b4c1; color: #fff;}
.all{text-align: center;margin-top: 4%;}
.revents {padding: 20px; text-align: left; border: 1px solid #E0E0E0; border-radius: 20px;}
.revents h3{font-size: 17px; line-height: 25px; padding-bottom: 10px;}
.revents .all{text-align: left; margin-top: 35px;}
.revents h5 { color: #8B8B8B; font-family: 'Goldplay'; font-size: 16px; line-height: 25px;}
.owl-nav.disabled { display: none;}
.owl-theme .owl-dots .owl-dot span { background: #ECECEC;cursor: pointer;}
.owl-theme .owl-dots .owl-dot.active span { background: none repeat scroll 0 0 #F7B232; border: 2px solid #F7B232;}
.hevents .owl-dots { text-align: center; margin-top: 30px;}
.copyright { background-color: #222222; padding: 2% 0;}
.copyright ul.menu { text-align: right;}
ul.menu li { display: inline-block; padding: 0 0 0 5%;}
.copy p {margin-bottom: 0px; color: #8B8B8B; font-size: 16px;}
.menu li a {color: #8B8B8B;font-size: 16px; font-family: 'Goldplay';}
.menu li a:hover {color:#f7b232; }
.stay{background-image: url(../images/proven.jpg); background-position: center; background-size:cover;
  background-repeat:no-repeat; padding: 7%; text-align: center; color: #fff; border-radius: 40px; margin: 5% 0; }
.stay h1 { color: #fff; white-space: pre-line; font-size: 40px; margin-bottom: 15px;}
.stay p{font-size: 20px; color: #FFFFFF!important; padding-top: 5px; }
.stay .all .btn {background-color: #F7B232; color:#fff;}
.inner_banner {height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center; 
   position: relative;}
span.breadcrumb {background-color: transparent;color: #fff; padding: 0; margin-top: 12%; font-family: 'Goldplay';
    font-size: 16px;    position: relative;}
.inner_banner h1 { color: #fff; font-size: 50px;  padding-top: 15%;}
.breadcrumb a, .breadcrumb a:not([href]):not([tabindex]):hover, .breadcrumb a:not([href]):not([tabindex]):focus,
.breadcrumb a:not([href]):not([tabindex]) { color: #fff;padding: 0 5px; opacity:0.5;}
.inner_banner:before { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 100%;
    background: linear-gradient(90deg, rgba(17, 180, 193, 0.3) 0%, rgba(17, 180, 193, 0.3) 100%);}
#innsersec1 { margin-top: 5%;}
.facilities p{white-space: pre-line; padding: 15px 0 35px;}
.facilities .col-lg-4, .facilities .col-lg-8 { padding: 0;}
.facility img{height:458px; object-fit: cover; }
.team .row { align-items: center;}
.team h5 {color: #11B4C1; font-size: 24px; padding-bottom: 10px;}
.designation { color: #303030; font-size: 16px; font-family: 'GoldplayAlt'; line-height: 25px;}
.team .row p{ color: #000000; font-size: 16px; padding-top: 25px;}
.why .about_icon img {width: 55px; height: 90px; object-fit: contain;}
.about h3{padding-bottom: 15px;}
.about h6 {font-size: 22px; padding-bottom: 15px; white-space: pre-line; font-family: 'GoldplayAlt';  font-weight: 600;}
.facilities { padding: 3% 0;}
.ml10 .letter {display: inline-block;transform-origin: 0 0;white-space: pre-line;}
.ml10 { position: relative;}
.service .row{align-items: center; padding: 4% 0;}
.service h4 { color: #11B4C1; padding-bottom: 15px; padding-left:20px;}
.service ul li:before, .storysec1 ul li:before{ content: "\f111"; font-family: 'Font Awesome 5 Free'; color: #f7b232; background-color: #f7b232; border-radius: 50%; font-size: 10px;  margin-right: 10px;}
.service li { font-size: 16px; color: #8B8B8B; font-family: 'Goldplay'; line-height: 30px;}
.service p {  margin-right: 15%; padding-left:20px;}
.service .all{ padding-left:20px; }
#reverse .all, #reverse p, #reverse h4{padding-left:0px;}
.storysec1 ul{margin:0 0 20px 20px;}
.storysec1 ul li{ font-family: 'GoldplayAlt'; font-weight: 400; color: #808080; line-height:25px;}
.storysec2 .testimonial-content img { width: auto;}


/** faq **/

.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  color: #7288a2;
  font-size: 1.15rem; font-weight: 400; background-color: #11b4c12b; margin-bottom: 10px; }
.accordion a:hover, .accordion a:hover::after { cursor: pointer; color: #ff5353;}
.accordion a:hover::after {border: 1px solid #ff5353;}
.accordion a::before { position: absolute; float: left; font-size: 20px; color: #11B4C1; text-align: center; content: "+";
    font-family: 'Goldplay Alt Bold';}
.accordion a.active::before { font-family: 'Goldplay Alt Bold'; color: #11B4C1; content: "-"; font-size: 20px;}
.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-size: 1rem;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;}
.faq .accordion h6 {padding-left: 20px; font-size: 16px; font-family: 'Goldplay Medium'; margin-bottom: 0px; line-height: initial;
color: #303030; padding-bottom: 0px;}
.faq h6 { color: #11B4C1; font-size: 12px; padding-bottom: 15px;}
.faq h4{padding-bottom: 10px;}
.faq .center p{white-space: pre-line;font-size: 16px;}
.faq .accordion { margin-top: 20px;}
.service .all { text-align: left;}
li.dropdown.active .submenu a{background: none;}
.birthing { padding: 5% 0;}
.birthing h5{padding-bottom: 20px;}
.birthing p{color: #000;}
.birthing .grey p{color: #8B8B8B;}
.benefits .center h1.heading { font-size: 25px; letter-spacing: 0px; white-space: pre-line; text-align: center;}
.benefits { background: rgba(247, 178, 50, 0.06); padding: 5% 0;}
.benefits td { font-size: 20px; font-family: 'Goldplay Medium'; color: #303030; padding: 25px; font-weight: 600;}
.benefits td.num {color: #EEDABD; font-size: 50px; font-family: 'Goldplay Alt Bold';}
.how {padding: 5% 0;}
.how h1.heading {letter-spacing: 0px; font-size: 25px; padding-bottom: 30px;}
.how h6 { font-size: 20px; margin: 20px 0px 0px;}
.vbac h5 { font-size: 24px;white-space: pre-line; line-height: 35px;  padding-bottom: 20px;}
.vbac p{ white-space: pre-line; padding-bottom: 0px; }
.whydetail h6 {  color: #11B4C1; font-size: 18px; font-family: 'Goldplay'; font-weight: 600; padding-bottom: 10px;}
.detail p { font-size: 16px; padding-bottom: 0px;}
.detail { text-align: center;  border: 1px solid #E0E0E0;  padding: 20px;}  
.vbac { padding-bottom: 5%;}
span.num { color: rgba(238, 218, 189, 0.5); font-size: 90px; position: absolute; z-index: -9; left: -5px;}
.success .row {padding-bottom: 50px;}
.success h1.heading { margin-bottom: 20px;}
.whydetail .detail p{margin-bottom: 0px;}
.vbac ul li h6 {  font-size: 15px; color: #11B4C1; white-space: pre-line;}
.vbac ul li {  display: inline-block;  font-size: 16px;}
.vbac ul {  text-align: center;}
.vbac ul li .detail{width: 300px; margin: 10px;}
.sec4 h6 {  font-family: 'Goldplay Alt Bold';  font-size: 15px;  white-space: pre-line;}
.sec4 .detail{padding: 20px 5px; margin: 30px 0;}
.success {margin-bottom: 5%;}
.whydetail { margin-top: 20px;}
.bstory h4 { font-size: 24px; padding: 20px 0 10px;}
span.place { font-size: 16px; color: #808080; font-family: 'GoldplayAlt'; font-weight: 400; margin-left: 10px;}
p.delivery { font-family: 'GoldplayAlt'; color: #11B4C1;  font-weight: 500;}
.bstory { margin-top: 10%;}
#story span.breadcrumb {  margin-top: 17%;}
.storysec1 { padding: 5% 0;}
.storysec1 h3 { padding-bottom: 20px;}
.storysec1 p{font-family: 'GoldplayAlt'; font-weight: 400; color: #808080;}
.storysec1 h4 { color: #303030; font-size: 20px;}
.storysec1 p.delivery { color: #11B4C1;  padding-top: 8px;}
.storysec2 .owl-nav.disabled { display: block; cursor: pointer; top: 50%; position: absolute;width: 100%; text-align: center;}
.storysec2 .owl-dots{display: none;}
.storysec2 .owl-prev, .storysec2 .owl-next{background: rgb(17 180 193); border: 2px solid #FFFFFF;
width: 50px; height: 50px; border-radius: 50%; line-height: 50px;  }
.storysec2 .owl-next{ float: right; margin-right: 5%; }
.storysec2 .owl-prev{float: left; margin-left: 5%;}
.storysec2 .owl-nav .fas { color: #fff;}
.storysec2{margin-bottom: 5%;}
.storysec3{background-color: #FFF6E4; padding: 5% 0; text-align: center;}
.storysec3 h6 { color: #11B4C1; font-size: 18px; font-family: 'Goldplay Medium'; margin-top: 5%;}
.storysec3 p.delivery {  color: #808080;  padding-top: 5px; font-size: 18px;}
.storysec3 p{padding: 0 50px; font-size: 24px; line-height: 32px; color: #303030;}
.conversation { text-align: center; padding: 5% 0;}
.conversation h5 {white-space: pre-line; padding-bottom: 15px;}
.conversation h5, .conversation p{white-space: pre-line;}
.appnt { background: #FFFFFF; box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); width: 500px; height: 281px;  margin: 0 auto;
align-items: center;  padding-top: 10%;  margin-top: 5%;}
.appnt h4 {color: #11B4C1;}
.appnt .all .btn{background-color: #f7b232; font-family:'Goldplay Medium'; font-size: 20px; color: #fff; }
.request .row{align-items: center;}
.request {background-color: #FAFAFA; padding: 5% 0;}
.callback { background: #FFFFFF; border: 1px solid #E6E6E6;  padding:8% 5%;}
.request table { width: 100%; }
.request table td { color: #808080; font-family: 'Goldplay'; font-weight: 400; white-space: pre-line;vertical-align: top;
 padding-left: 1%;  padding-bottom: 35px;  font-size: 18px;}
 .request table td.space { padding-left: 4%;}
 .callback h4 {  text-align: center; padding-bottom: 10%;}
.form-control, select.form-control:not([size]):not([multiple]), input[type="time"]
{border: 1px solid #E9E9E9; box-sizing: border-box; border-radius: 6px; height: 50px; width: 100%;
padding: 15px; font-family: 'Goldplay'; font-size: 16px; }
.form-group {margin-bottom: 35px;}
.callback button.btn-1 { width: 120px; line-height: 45px;}
.request table td.space a { color: #808080;}
.request table td.space a:hover{color: #11B4C1;}
.map{padding:5% 0;}
.team p { white-space: pre-line; padding-bottom: 35px;}
.why { padding: 5% 0 2%;}
.why .about_icon p{margin-bottom: 0px;}
.why .about_icon{padding: 20px 23px;}
.why .row.integration{padding: 0;}
.why h1.heading{padding-bottom: 35px;}
.circle p { font-family: 'GoldplayAlt';}
.circle {  padding: 5% 0 0%; }
.ei-nav-container {  display: flex;  border-bottom: 1px solid #CECECE;  padding-bottom: 20px;}
p.date { color: #303030; font-size: 16px; margin-bottom: 0; padding-bottom: 5px;}
.event h6 { font-size: 20px; padding-bottom: 5px; white-space: pre-line;  line-height: 30px;}
.event .all{text-align:left;}
.event .row { border-left: 4px solid #11B4C1; padding: 0 0 20px 15px;}
.filter { margin-bottom: 30px;}
.sales-products-filter { border-bottom: 1px solid #CECECE;  margin-bottom: 50px;}
.event .description {  color: #808080;  padding-top: 25px;  font-size: 16px;}
select#test { color: #303030; font-family: 'GoldplayAlt'; font-weight: 500; font-size: 20px;}
.sdate { border-bottom: 1px solid #CECECE; padding-bottom: 20px;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}


.modal-content {background-color: #fefefe;margin: auto;padding:20px 40px 40px;border: 1px solid #888; width: 60%;}
.close { color: #11b4c1;float: right; text-align: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color:#f7b232; text-decoration: none; cursor: pointer;}
.modal-content h5 { font-size: 25px; font-family: 'GoldplayAlt'; text-align: center;  padding-bottom: 30px;}
.modal-content .form-group { margin-bottom: 20px;}
.modal-content button{line-height:40px;}
.submit{text-align: center;margin-top: 20px;}
.event .modal-content .row { margin: 0; padding: 0; border-left: 0px;}
section#register { border: 0px;  padding-top: 3%;  width: 80%;}

.testimonial { background-color: #F8F8F8; padding: 5% 0;}
.word {  background-color: #fff;  padding: 35px 25px;}
span.tname { color: #303030; font-weight: 600; font-size: 20px; font-family: 'Goldplay Medium';display: block; padding-bottom: 5px;}
span.tservice {color: #8B8B8B;font-family: 'Goldplay';font-size: 16px;}
.word p {background-image: url(../images/quote.svg);background-size: auto;  background-repeat: no-repeat;  
  background-position: top right; font-size: 16px;}
.testimonial .center h3.caption 
{background: linear-gradient(to right, #f8f8f8 40%, #f8f8f8 40%, #f7b2324d 40%,#f7b2324d 60%,#f8f8f8 60%);}
.testimonial .row { padding-top: 20px;}
.read img, .hevents a img { width: auto; padding-left: 10px;}
.read a:hover, .hevents a:hover{color: #11b4c1;}
.hevents{padding:3% 0;}
#innsersec1 p { font-size: 16px;}
.open .fa {  margin: -10px;}
.hservices .hovereffect h6 {padding-left: 45px; }
.hservices .hovereffect:hover h6 { display: none;}
.hservices .hovereffect:hover .overlay h6 { display:block; padding-left:10px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);}
.dropdown .fa-angle-down:before{ padding: 0px 0px 0px 5px; }
.hstories .hovereffect img {height: 300px; object-fit: cover; width: 400px; object-position: top;}
#register textarea, #myModal textarea{height: auto;}
.hidden-md{display:none;}
.request td p { margin-bottom: 0px; line-height: 10px;}
.birthing .grey b { color: #11b4c1;}
.team.newteam p { padding: 0;}
.newteam img {padding-bottom: 20px;}
.newteam { padding: 5% 0;}

.karthiga {background-image: url(../images/story/karthiga_banner.jpg);}
.helen {background-image: url(../images/story/helen_banner.jpg);}
.manju {background-image: url(../images/story/manju_banner.jpg);}