@font-face{font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
}

@font-face {
    font-family: 'optima_nova_ltregular';
    src: url('../fonts/optima_nova_lt_regular-webfont.woff2') format('woff2'),
         url('../fonts/optima_nova_lt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_regular';
    src: url('../fonts/DINNextLTPro-Regular.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_bold';
    src: url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kitti_regular';
    src: url('../fonts/psl094pro-webfont.woff2') format('woff2'),
         url('../fonts/psl094pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kitti_bold';
    src: url('../fonts/psl096pro-webfont.woff2') format('woff2'),
         url('../fonts/psl096pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'csprajad_regular';
    src: url('../fonts/csprajad-webfont.woff2') format('woff2'),
         url('../fonts/csprajad-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'csprajad_bold';
    src: url('../fonts/csprajad-bold-webfont.woff2') format('woff2'),
         url('../fonts/csprajad-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Light.eot');
    src: local('DIN Next LT Pro Light'), local('DINNextLTPro-Light'),
        url('../fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTPro-Light.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Light.woff') format('woff'),
        url('../fonts/DINNextLTPro-Light.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 13, 2019 */

@font-face {
    font-family: 'promptblack';
    src: url('../fonts/prompt-black-webfont.eot');
    src: url('../fonts/prompt-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-black-webfont.woff2') format('woff2'),
         url('../fonts/prompt-black-webfont.woff') format('woff'),
         url('../fonts/prompt-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptbold';
    src: url('../fonts/prompt-bold-webfont.eot');
    src: url('../fonts/prompt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-bold-webfont.woff2') format('woff2'),
         url('../fonts/prompt-bold-webfont.woff') format('woff'),
         url('../fonts/prompt-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptextrabold';
    src: url('../fonts/prompt-extrabold-webfont.eot');
    src: url('../fonts/prompt-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/prompt-extrabold-webfont.woff') format('woff'),
         url('../fonts/prompt-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptextralight';
    src: url('../fonts/prompt-extralight-webfont.eot');
    src: url('../fonts/prompt-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-extralight-webfont.woff2') format('woff2'),
         url('../fonts/prompt-extralight-webfont.woff') format('woff'),
         url('../fonts/prompt-extralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptlight';
    src: url('../fonts/prompt-light-webfont.eot');
    src: url('../fonts/prompt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-light-webfont.woff2') format('woff2'),
         url('../fonts/prompt-light-webfont.woff') format('woff'),
         url('../fonts/prompt-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptmedium';
    src: url('../fonts/prompt-medium-webfont.eot');
    src: url('../fonts/prompt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-medium-webfont.woff2') format('woff2'),
         url('../fonts/prompt-medium-webfont.woff') format('woff'),
         url('../fonts/prompt-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'promptregular';
    src: url('../fonts/prompt-regular-webfont.eot');
    src: url('../fonts/prompt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-regular-webfont.woff2') format('woff2'),
         url('../fonts/prompt-regular-webfont.woff') format('woff'),
         url('../fonts/prompt-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'promptsemibold';
    src: url('../fonts/prompt-semibold-webfont.eot');
    src: url('../fonts/prompt-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-semibold-webfont.woff2') format('woff2'),
         url('../fonts/prompt-semibold-webfont.woff') format('woff'),
         url('../fonts/prompt-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'promptthin';
    src: url('../fonts/prompt-thin-webfont.eot');
    src: url('../fonts/prompt-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prompt-thin-webfont.woff2') format('woff2'),
         url('../fonts/prompt-thin-webfont.woff') format('woff'),
         url('../fonts/prompt-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.fontpromptmedium{
    font-family: 'promptmedium'!important;
}
.csprajad_regular
    font-family: 'csprajad_regular'!important;
}


.fontDINLight{
    font-family: 'DIN Next LT Pro'!important;
}
.font36{
    font-size: 36px!important;
    line-height: 44px!important;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.glyphicon-calendar:before {
    content: "\1f4c5";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.font-optima{
    font-family: 'optima_nova_ltregular';
}
.font-dinbold{
    font-family: 'din_bold';
}

body {
	font-family: 'din_regular',csprajad_regular;
	font-size: 18px;
    line-height: 28px !important;
    margin: 0;
    /* color: rgba(0, 0, 0, 0.65); */
    color: #505050;
}
body:lang(th) {
	font-family: 'csprajad_regular';
}
b, strong {
    font-family: 'din_bold';
}
a {
    color: #b9a02d;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
}

.header {
	background: transparent;
	position: fixed;
	width: 100%;
	padding: 20px 0 0 0;
	z-index: 999;
	    height: 95px;
}
.header.sticky {
	height: 80px;
    padding: 4px 0 0 0;
}

.content {
  padding: 16px;
}
.boxhero {
    position: relative;
}
.boxhero:after{
    /* content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #000000; */
}
.page-home #introbox .contenthdsection{
    max-width: 640px;
    margin: 0 auto;
}
.sticky {
      background: #fff;
}

.herobanner {
	width: 100%;
	overflow: hidden;
}

.herobanner img {
	width: 100%;
}

.vtl-logo{
	background: url(../images/vtl-logo.png);
	width: 273px;
	display: inline-block;
	height: 103px;
}
.contactuslink,
.calluslink {
	font-size: 0;
}
.calluslink:before {
    content: '';
    background: url(../images/phone-icon.png) no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;
    background-size: 26px;
    margin-right: 35px;
}

.contactuslink:before {
    content: '';
    background: url(../images/email-icon.png);
    display: inline-block;
    width: 29px;
    height: 21px;
    float: left;
    top: 12px !important;
    margin-top: 2px;
}

.header.sticky .calluslink:before {
    content: '';
    background: url(../images/phone-icon-gray.png) no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;
    background-size: 26px;
    margin-right: 35px;
}

.header.sticky .contactuslink:before {
    content: '';
    background: url(../images/email-icon-gray.png) no-repeat;
    display: inline-block;
    width: 29px;
    height: 21px;
    float: left;
    top: 12px !important;
    margin-top: 2px;
}

a.booknowlink {
    height: 44px;
    width: auto;
    line-height: 47px;
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
}
.fixlogo,
.header.sticky .fulllogo {
    display: none;
}
.header.sticky .fixlogo {
	display: inline-block;
	width: 200px;
}
.leftcontent {
    width: 50%;
    float: left;
}
.maincontentwidth.discovercontent .rightcontent {
    float: right;
    width: 50%;
}
.subhdhilight {
    color: #b9a02d;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: inline-block;
    font-family: 'din_bold';
    letter-spacing: 1.5;
}
.discovercontent .subhdhilight:after, .healthprogram .subhdhilight:after, .subhdhilightblack:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
.rightnav{
    float: right;
    position: fixed;
    top: 40px;
    left: calc(100vw - 200px);
}

.rightnav .dropdown{
    background: transparent url(../images/icon-arrrow-mobile.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 10px;
    width: 40px;
}
.header.sticky .rightnav .dropdown{
    background: transparent url(../images/icon-arrrow-mobile-dark.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 10px;
    width: 40px;
}
.subhdhilightblack {
    color: #565656;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    font-family: din_bold;
    letter-spacing: 1px;
}
.healthprogram.speciallist.slidefullmid .contenthdsectionblack {
    font-family: 'din_regular', csprajad_regular;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 38px;
    font-style: normal;
    color: #505050;
    margin: 5px 0 40px 0;
}
.contentdetailtx.contentdetail {
    color: #505050;
    font-size: 23px;
    display: block;
    margin-top: 10px;
}
.contentdetailtx.contentsmall {
    color: #505050;
    font-size: 18px;
    display: block;
    margin-top: 3px;
}
.header.sticky .rightnav {
	top: 18px;
}
.header.sticky .leftnav{
	margin-top: 22px;
}

.leftnav {
    float: left;
    margin-left: 0px;
    margin-top: 30px;
    position: fixed;
    z-index: 999;
}
.midlogo {
    text-align: center;
    position: absolute;
    left: calc(50vw - 100px);
}
.midlogo img{
    max-width: 200px;
    margin: 0 auto;
}
.header.sticky .midlogo {
    left: calc(50vw - 100px);   
}
.dropdown {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	margin-right: 20px;
	margin-top: 10px;
}

.header.sticky .dropdown{
color: rgba(0, 0, 0, 0.65);	
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.65);
  right: 0;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.tx-center {
    text-align: center;
}

.ptb-100 {
    padding: 100px 0;
}
.maincontentwidth {
    width: 95%;
    max-width: 1380px;
    margin: 0 auto;
}
.maincontentwidth.forawardbox {
    width: calc(100% - 100px);
    max-width: unset;
}
.contenthdsection {
    font-family: 'optima_nova_ltregular';
    font-size: 30px;
    position: relative;
    text-transform: uppercase;
    line-height: 38px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
#introbox .contentdetailtx {
    padding-top: 20px;
}
.w-750 {
    max-width: 750px;
    display: inline-block;
}
.w-950 {
    max-width: 950px;
    display: inline-block;
}
.discovercontent .contentdetailtx {
    margin-right: 50px;
    display: inline-block;
}
.introtx .contenthdsection:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 150px;
    bottom: 0;
    left: 0;
    margin-left: calc(50% - 75px);
}
.contenthdsection {
    font-family: 'optima_nova_ltregular';
    font-size: 30px;
    position: relative;
    text-transform: uppercase;
    line-height: 38px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    letter-spacing: 1.5;
    display: block;
}
.discovercontent .contenthdsection {
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
}
.slick-dots {
	bottom: 85px !important;
}
.boxhero .slick-dots {
        bottom: 65px !important;
}
#buttonme {
    z-index: 9;
    position: absolute;
    text-align: center;
    width: 103px;
    bottom: 15px;
    background: url(../images/desktop-scroll.png);
    height: 41px;
    margin-left: calc(50% - 51px);
    font-size: 0;
    cursor: pointer;
}
.slick-dots li button:before {
	    font-size: 10px !important;
	    color: #fff !important;
}
.healthprogram .slick-dots li button:before,
.healthprogram .slick-dots li.slick-active button:before {
color: #000 !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #b9a02d !important;
}
.slick-prev:before, .slick-next:before {
	color: black !important;
}
.slick-next {
	background: url(../images/big-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    background-size: 100% !important;
    float: right !important;
    border: 1px solid #b2b2b2 !important;
    z-index: 99;
}
.slick-prev {
	background: url(../images/big-arrow-left.png) !important;
    background-repeat: no-repeat !important;
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    background-size: 100% !important;
    float: left !important;
    border: 1px solid #b2b2b2 !important;
    margin-right: 25px !important;
    z-index: 99;
}
.maincontentwidth.discovercontent.slick-dotted.slick-slider,
.healthprogram.slick-dotted.slick-slider {
	margin-bottom: 100px;
	position: relative;
}
.healthprogram .slick-prev {
    left: 20px;
    z-index: 99;
}
.healthprogram .slick-next {
	right: 20px;
	z-index: 99;
}
.maincontentwidth.discovercontent.slick-dotted.slick-slider .slick-prev {
    position: absolute;
    bottom: -90px;
    left: calc(100% - 120px);
    top: unset;
}
.maincontentwidth.discovercontent.slick-dotted.slick-slider .slick-next {
    right: 0;
    bottom: -90px;
    top: unset;
}
.maincontentwidth.discovercontent.slick-dotted.slick-slider .slick-dots {
    bottom: -35px !important;
    width: 50%;
    float: right;
    right: 0;
    text-align: left;
}
.maincontentwidth.discovercontent.slick-dotted.slick-slider .slick-dots li button:before,
.healthprogram.slick-dotted.slick-slider .slick-dots li button:before {
	    color: black !important;
}
.hidedesktop {
	display: none !important;
}
.mb50 {
    margin-bottom: 50px;
}
.mt50 {
    margin-top: 50px !important;
}
.slideframe {
    overflow: hidden;
    position: relative;
}

.bgslider {
    z-index: 9;
    position: relative;
    width: 100%;
    top: 0;
}
.healthprogram .ant-carousel .slick-slide img, .discovercontent .ant-carousel .slick-slide img {
    width: 100%;
}
.setbgtx {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    height: 100%;
}
.bgwhite {
    position: relative;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    width: 520px;
    top: 0;
    float: right;
    height: 100%;
    padding: 50px 45px;
    margin-right: 50px;
}
.slick-slide img {
    display: block;
    margin-right: 0 !important;
    width: 100% !important;
}
.healthprogram .slick-dotted.slick-slider {
    margin-bottom: 100px;
}
.healthprogram .slick-dots{
	bottom: -50px !important;
}
.graybg {
    background: #f0f0f0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.graybg .maincontentwidth.discovercontent {
	padding-top: 60px;
}
.speciallist .bgwhite.our-dr {
    padding-top: 90px;
}
.bgwhite.our-dr {
    float: left;
    background: transparent;
    width: 730px;
    margin-left: 60px;
}
.healthprogram.speciallist .slick-dots {
    bottom: 20px !important;
}
.awardbox.slidefullmid .ptb-100 {
    padding: 30px 0 65px 0px;
}
.hdaward {
    color: #b9a02d;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.fleft.contactbox .bgslider img {
    width: 100%;
}
.contactbox .bgwhite {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0;
    line-height: 28px;
}
.contacthd {
    font-size: 20px;
    font-family: 'din_bold';
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 30px;
}
.contactlocation {
    background: url(../images/icon-location.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.contactdetail {
    float: left;
    width: calc(100% - 45px);
    display: inline-block;
}
.contactemail {
    background: url(../images/icon-email.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.contactphone {
    background: url(../images/icon-phone.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.clearline{
	    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.mt25 {
    margin-top: 25px;
}
.hdfooter {
    color: #b9a02d;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
}
.footerct .subhdfooter {
    margin-top: 10px;
}
.subhdfooter {
    font-family: 'optima_nova_ltregular';
    font-size: 29px;
    text-transform: uppercase;
    text-align: center;
}
.actionfooter {
    text-align: center;
    margin-top: 40px;
}
.footersignupbt {
    background: #b9a02d;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 68px 14px 68px;
    font-size: 16px;
}
.footerbottom {
    padding: 24px 50px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    background: #f0f2f5;
    overflow: hidden;
    font-family: 'DIN Next LT Pro';
}
.footerbottom .maincontentwidth {
    text-align: left;
}
.footerbottom .maincontentwidth a {
    color: #505050;
    padding: 0 10px 0 15px;
    font-size: 18px;
    text-decoration: none;
    font-family: 'DIN Next LT Pro';
}
.footerbottom .maincontentwidth a:hover{
    color: #b9a02d;
}
.footersociallink {
    float: right;
}
.footerlink {
    float: left;
    font-size: 18px;
}
.footersociallink {
    float: right;
}
.footerct {
    background: url(../images/bg-footer.jpg) top right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 11vh 0;
}

.fblink {
	background: url(../images/footer-facebook.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	margin-right: 15px;
}
.iglink {
	background: url(../images/footer-ig.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	margin-right: 15px;
}
.youtubelink {
	background: url(../images/footer-youtube.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	margin-right: 15px;
}
.linelink {
	background: url(../images/footer-line.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
}
.contactlocation {
	background: url(../images/icon-location.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	float: left;
	margin-right: 15px;
}
.contactemail {
	background: url(../images/icon-email.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	float: left;
	margin-right: 15px;
}
.contactphone {
	background: url(../images/icon-phone.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
	display: inline-block;
	float: left;
	margin-right: 15px;
}
.boxhero .slick-prev,
.boxhero .slick-next {
	display: none !important;
}
.awardbox.slidefullmid .slick-slide img {
    width: unset !important;
    margin: 0 auto;
    margin-right: auto !important;
}
.menumobileopennav {
     /* background: url(../images/mobilenavicon.png) no-repeat; */
     background: url(../images/icon-nav-burger-white.png) no-repeat;
     width: 42px;
     height: 45px;
     float: left;
     margin-top: 0;
     background-size: auto;
     /* margin-left: 9%; */
     font-size: 0;
     margin-top: -10px;
     margin-right: 30px;
     /* position: absolute; */
     background-position: center right;
}
 .header.sticky .menumobileopennav {
    filter: invert(0%) sepia(7%) saturate(7468%) hue-rotate(342deg) brightness(0%) contrast(100%);
}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  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: #f8f5ea !important;
    margin: 0px auto;
    padding: 0;
    border: 1px solid #f8f5ea;
    width: 100%;
    border-radius: 0;
}
.modal-content .col.footerpopup {
    padding: 0;
    flex-basis: auto;
}
.positionfixed {
    position: fixed;
}
.close {
color: #505050;
    float: right;
    font-size: 46px;
    font-weight: normal;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #505050;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    z-index: 9999;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal h3{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
        font-family: 'optima_nova_ltregular';
    font-size: 30px;
    text-align: center;
}
.thankyoupage{
    font-size: 14px;
}
.thankyoupage h3 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-family: 'optima_nova_ltregular';
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}
.thankyoupage a{
  color: #505050;
}
.thankyoupage .contactopoup{
    position: relative;
}
.thankyoupage .contactopoup:before{
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:0;
}
.thankyoupage .backhome {
    color: #505050;
    position: relative;
    letter-spacing: 1.3px;
}
.thankyoupage .backhome:after{
   content: '';
    position: absolute;
    border-bottom: 1px solid #505050;
    height: 1px;
    width: 105px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pt70 {
    padding-top: 70px;
}
.w33 {
    width: 33%;
    float: left;
}
.w67{
    width: 67%;
    float: left;
}
.modal h3:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 30%;
    bottom: 0;
    left: 0;
    margin-left: calc(50% - 15%);
}
.formarea {
    max-width: 600px;
    margin: 0 auto;
}
.leftthankyou {
    width: 100%;
    height: 100vh;
}
.lefttimgform {
    width: 100%;
}
.txleft {
    text-align: left;
}
.ptvh25 {
    padding-top: 100px;
}
.ptvh16 {
    padding-top: 100px;
}
.g-recaptcha{
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 30px;
}
#myModalnewsletter .modal-content,
#myModalcontact .modal-content{
    display: inline-block;
}
.modal h3 + span {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    font-style: italic;
    font-family: 'optima_nova_ltregular';
    line-height: 28px;
}

.modal h3 + span span {
    display: block;
    font-size: 14px;
}

.thankyoupage .formarea {
    padding-top: 25vh;
}


.date-picker {
    margin: 200px auto;
  }
  
  .date-picker {
    width: 260px;
    height: auto;
    max-height: 50px;
    background: white;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
  }
  .date-picker .input {
    width: 100%;
    height: 50px;
    font-size: 0;
    cursor: pointer;
  }
  .date-picker .input .result, .date-picker .input button {
    display: inline-block;
    vertical-align: top;
  }
  .date-picker .input .result {
    width: calc(100% - 50px);
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 10px;
    color: grey;
    box-sizing: border-box;
  }
  .date-picker .input button {
    width: 50px;
    height: 50px;
    background-color: #8392A7;
    color: white;
    line-height: 50px;
    border: 0;
    font-size: 18px;
    padding: 0;
  }
  .date-picker .input button:hover {
    background-color: #68768A;
  }
  .date-picker .input button:focus {
    outline: 0;
  }
  .date-picker .calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
  }
  .date-picker .ui-datepicker-inline {
    position: relative;
    width: 100%;
  }
  .date-picker .ui-datepicker-header {
    height: 100%;
    line-height: 50px;
    background: #8392A7;
    color: #fff;
    margin-bottom: 10px;
  }
  .date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
  }
  .date-picker .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
  }
  .date-picker .ui-datepicker-prev:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
  }
  .date-picker .ui-datepicker-next {
    float: right;
    margin-right: 12px;
  }
  .date-picker .ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
  }
  .date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {
    border-color: #68768A;
  }
  .date-picker .ui-datepicker-title {
    text-align: center;
  }
  .date-picker .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
  }
  .date-picker .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 100%;
    color: #8392A7;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .date-picker .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 12px;
  }
  .date-picker .ui-state-default:hover {
    background: rgba(0, 0, 0, 0.02);
  }
  .date-picker .ui-state-highlight {
    color: #68768A;
  }
  .date-picker .ui-state-active {
    color: #68768A;
    background-color: rgba(131, 146, 167, 0.12);
    font-weight: 600;
  }
  .date-picker .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
  }
  .date-picker.open {
    max-height: 400px;
  }
  .date-picker.open .input button {
    background: #68768A;
  }
  
.formcontent{
    max-width: 600px;
    margin: 0 auto;
}
.form-control,
.form-control:focus,
.form-control:disabled, .form-control[readonly] {
    background: #dcdcda;
    border-color: #dcdcda;
    height: 45px;
    border-radius: 2px;
    line-height: 45px;
    /* color: rgba(0, 0, 0, 0.65); */
    color: #505050;
    font-size: 18px;
    font-family: 'DIN Next LT Pro';
}
textarea.form-control,
textarea.form-control:focus {
    height: 100px;
    font-family: 'DIN Next LT Pro';
}
.input-group-append {
    background: #dcdcda;
    width: 35px;
}
.input-group-addon {
    width: 100%;
    text-align: center;
}
.input-group.date .input-group-addon span {
    margin-top: 10px ;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0 .75rem;
    line-height: 1.5;
    /* color: rgba(0, 0, 0, 0.65); */
    color: #505050;
    vertical-align: middle;
    background-size: 8px 10px;
    background: #dcdcda url(../images/icon-arrrow-mobile-dark.png)  no-repeat;
    /* background-size: 405px; */
    border: 1px solid #dcdcda;
    height: 45px;
    border-radius: 2px;
    line-height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right 10px center;
    font-family: 'DIN Next LT Pro';
}
a:hover {
    color: #b9a02d;
    text-decoration: none !important;
}
#myBtncontactfooter:hover {
    color: #565656;
}
.custom-select.selectcountrycode{
    float: left;
    position: relative;
}
.formmselectcountrycode {
    width: 25%;
    float: left;
}

.forsphone {
    width: calc(100% - 30%);
    margin-left: 5%;
    float: left;
}
.btn-primary{
    background: #b9a02d;
    background-color: #b9a02d !important;
    border-color: #b9a02d !important;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 55px;
    line-height: 30px;
    height: 40px;
    margin: 0 auto;
    float: none;
    border-radius: 0;
    border-color: #b9a02d;
}
.booknowlink,
.booknowlink:active{
    background: #b9a02d;
    background-color: #b9a02d !important;
    border-color: #b9a02d !important;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 30px;
    float: right;
    height: 40px;
    width: auto;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    padding: 0 10px;
    width: 110px!important;
}

.booknowlink:hover,
.btn-primary:hover{
    background: #9e8926;
    background-color: #9e8926 !important;
    border-color: #9e8926 !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0) !important;
}
#fcf-form-id-newsletter .form-check-label a {
    font-family: din_bold;
}
.mb0 {
    margin-bottom: 0;
}
.mt15 {
    margin-top: 15px;
}
.imgw100 {
    width: 100%;
}
.txcenter {
    text-align: center;
}
.thankyoupage {
    background-color: #f8f5ea !important;
}
.thankyoupage h3.hdnoborder + span {
    font-family: 'optima_nova_ltregular';
    font-size: 22px;
    font-style: italic;
    /* border-bottom: 1px solid #b9a02d; */
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.contactopoup {
    padding-top: 20px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    min-width: 1px;
    max-width: 430px;
    line-height: 30px;
}
.contactphone {
    background: url(../images/icon-phone.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.contactopoup .contactphone + span,
.contactopoup .contactemail + span {
    float: left;
    margin-right: 20px;
}
.contactemail {
    background: url(../images/icon-email.png);
    background-size: 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.contactopoup .contactemail + span {
    margin-right: 0;
}
.backhome {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 50px;
}
#myModalmobileMenu .modal-content {
    height: 100vh;
    padding: 40px 25px;
    font-size: 16px;
    color: #505050;
    line-height: 36px;
}
#myModalmobileMenu .modal-content a,
#myModalmobileMenu .modal-content a:hover {
    color: #505050;
    text-decoration: none;
}
.pl30 {
    padding-left: 30px;
}
.contentdetailtx.contentsubhd {
    color: #505050;
    font-size: 24px;
    display: block;
    font-family: din_bold;
}
.awardfornav .slick-dots{
    display: none !important;
}
.healthprogram.awardfornav .slick-dots{
    display: block !important;
}
.forawardbox.forawardboxmobile {
        display: none;
    }
.form-control.dateme {
    /* background: #EAE7DD url(../images/calendarbg.jpg) right center no-repeat;
    background-size: 405px; */
    background: #dcdcda url(../images/icon-calendar.png) no-repeat right 9px;
    background-size: 17px;
    background-position: right 10px center;
}
.dateme::-webkit-inner-spin-button,
.dateme::-webkit-calendar-picker-indicator {
    opacity: 0
}
table.calendar {
    font-family: 'din_regular';
}
.modal-backdrop {
    z-index: 99;
}
.registerformpopup {
    padding-right: 0 !important;
}
.registerformpopup .formarea,
.registerformpopup .formcontent{
    max-width: 750px;
}

.registerformpopup .formmselectcountrycode {
    width: 45%;
    float: left;
}
.registerformpopup .forsphone {
    width: calc(100% - 50%);
}
.contactbt,
.contactbt:hover,
.contactbt:active{
    border: 1px solid #565656 !important;
    text-transform: uppercase;
    color: #565656 !important;
    font-size: 16px;
    padding: 0 28px 0 28px;
    margin-top: 10px;
    float: left;
    line-height: 30px;
    height: 40px;
    background: transparent !important;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0) !important;
}
button.close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    /* border: 1px solid #505050; */
    color: transparent;
    background: url(../images/closeX-m.png) center bottom;
    background-size: 50px;
    font-size: 0px;
}

#ModalmobileNav .modal-content {
    height: 100vh;
    font-size: 14px;
    padding: 100;
    background: #fbfaf4!important;
}
#ModalmobileNav .modal-content img{
    width: 100%;
}
#ModalmobileNav .modal-content  .container-fluid{
    max-width: 1400px;
}
#ModalmobileNav .modal-content hr{
    background-color: #666666!important;
}
.-modal-open .fixed,
.-modal-open .content {
  overflow-y:scroll;
}
.help-block.with-errors {
    font-size: 12px;
    line-height: 12px;
    margin-top: 4px;
    text-align: left;
    color: #bb3e53;
}
.form-group.has-error.has-danger .form-control,
.form-group.has-error.has-danger .custom-select{
    border-color: #bb3e53;
}
.form-group.form-check.has-error.has-danger .help-block.with-errors {
    text-align: left;
}
.form-group.form-check.has-error.has-danger .form-check-label {
    color: #bb3e53;   
}
.form-group .btn{
    width: 250px;
    opacity: 1;
}
.modal-dialog {
        margin: 0 !important;
}

.header-nav{
    margin-top: 85px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  
}
.header-nav ul{
    border-top: 1px solid #c2c2c3;
    max-width: 98%;
    margin: 0 auto;
}
.header-nav .nav-link {
    display: block;
    padding: 1rem 2rem;
    font-family: 'DIN Next LT Pro'!important;
    letter-spacing: 1.3;

}
.header-nav .nav-link:hover{
    color: #b9a02d!important;
}
.header.sticky .header-nav{
    background: #ffffff;
    margin-top: 75px;
}
.header.sticky .header-nav ul{
    border-top: 1px solid #666666;

}
.header.sticky .header-nav .nav-link{
    color: #666666!important;
}
.header.sticky .header-nav .nav-link.active{
    color: #b9a02d!important;
}

.home-gallery .slick-list{
    padding: 0px 10px 0 0 !important;
}

.modal-nav  button.close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0px solid #505050 !important;
    border: none;
    left: 20px;
    font-size: 44px;
    color: transparent;
    /* background: url(../images/closeX-m.png) center bottom; */
    background: url(../images/icon-close-no-border.png) center bottom no-repeat;
    background-size: auto;
    font-size: 0px;
    outline: none;

    
}
.modal-nav .navmenu{
    font-family: 'optima_nova_ltregular';
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
    line-height: 44px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.modal-nav .navmenu li a{
    color: #666666;
}

.modal-nav .navmenu li a:hover,
.modal-nav .navmenu li a:focus,
.modal-nav .navmenu li a.active{
    color: #b9a02d!important;
}
.modal-nav .navmenu.nav-2{
    font-size: 16px;
    line-height: 40px;
    font-family: 'din_regular',csprajad_regular;
    color: #666666;
    margin-top: 30px;
}
.modal-nav .navmenu.nav-2 li:last-child{
    display: none;
}
.page-overview{}
.page-overview .herobanner .slider-list{
    position: relative;
}
.page-home.page-overview .herobanner .slider-list .content-text{
    position: absolute;
    top: 60%;
    left: 0%;
    transform: translate(0%, -60%);
    width: 100%;
    height: auto;
    padding: 40px 0;
    color:#ffffff;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
}
.page-home.page-overview .herobanner .slider-list .content-text span{
    font-size: 48px;
    line-height: 60px;
    max-width: 1140px;
    text-align: left;
    margin: 0 auto;
    font-size: 36px!important;
    line-height: 44px!important;
    font-family: 'DIN Next LT Pro'!important;
    text-shadow: 0 0 5px rgb(60 60 60 / .61);
    display: inherit;
}
.page-home.page-overview .herobanner .slider-list .content-text strong{
    font-weight: unset;
    font-family: 'DIN Next LT Pro'!important;
}
.page-overview .herobanner .slider-list .content-text{
    position: absolute;
    top: 70%;
    left: 10%;
    transform: translate(-10%, -70%);
    width: 100%;
    height: auto;
    max-width: 400px;
    padding: 40px 0;
    color:#ffffff;
}
.page-overview .herobanner .slider-list .content-text h2,
.page-overview .herobanner .slider-list .content-text span.contenthdsection{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
    display: block;
}
.page-overview .herobanner .slider-list .content-text .subhdhilight{
    font-size: 24px;
    margin-bottom: 0;
    
}
.page-overview .boxhero .slick-dots {
    bottom: 20px!important;
}
.page-overview .boxhero .slick-dots li button:before{
    opacity: 1;
}
.slider-reorder{
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
    
}
.overview-philosophy.slick-dotted.slick-slider .slick-prev {
    position: absolute;
    bottom: -90px;
    left: calc(100% - 135px);
    top: unset;
}
.overview-philosophy.slick-dotted.slick-slider .slick-next {
    right: 15px;
    bottom: -90px;
    top: unset;
}
.overview-philosophy .slick-dots{
    bottom: -30px!important;
    left: 56%;
    transform: translate(-54%, 0%);
}
.overview-philosophy img{
    width: 100%;
}
.overview-philosophy .slick-dots li button:before {
    color: #666666!important;
    opacity: 1;

}
.page-overview .testimonials-section{
    background: #f5f5f5;
    max-width: 100%;
    width: 100%;
    padding: 70px 0;
}
.page-overview .testimonialscontent{
    width: 95%;
    max-width: 1380px;
    margin: 0 auto;
}
.page-overview .testimonialscontent .leftcontent{
    width: 35%;
}
.page-overview .testimonialscontent .slick-slide img{
    max-width: 300px;
    margin: 0 auto !important;
}

.page-overview .testimonialscontent .subhdhilight:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
.page-overview .testimonialscontent .text-bolder{
    font-size: 24px;
}
.page-overview .overview-partner{
    padding: 70px 0 0!important;
}
.page-overview .overview-partner .galler-item {
    min-height: 115px;
    text-align: center;
}
.page-overview .overview-partner img{
    max-height: 100px;
    width: auto;
    margin: 0 auto;
}
.page-overview .sustianability .bgwhite {
    position: relative;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    width: 520px;
    top: 50px;
    float: left;
    height: auto;
    padding: 50px;
    margin-left: 50px;
    margin-right: 0;;
}
.page-overview .slideframe {
    overflow: initial;
    position: relative;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-overview .csr {
    margin-bottom: 100!important;
}
.page-overview .csr .slick-slide .rightcontent {
    width: 50%;
    padding: 0px 40px 40px;
    float: right;
    position: relative;
    height: auto;
    min-height: 445px;
}
.page-overview .csr .slick-slide .rightcontent .mt-4{
    position: absolute;
    bottom: 0;
}
.page-overview .csr .slick-prev {
    bottom: -90px;
    left: 41%;
    top: unset;
}
.page-overview .csr .slick-next {
    left: 46%;
    bottom: -90px;
    top: unset;
}

.page-overview .csr .slick-dots {
    bottom: -35px !important;
    width: 100%;
    float: left !important;
    left: 0 !important;
    text-align: left !important;
}

.page-overview .csr .slick-dots li button:before {
	    color: black !important;
}
.page-overview .csr .subhdhilight:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
.page-overview  .awardbox.slidefullmid .ptb-100{
    padding: 30px 0 0 0;
}



.home-offer {
    margin-bottom: 150!important;
    padding-top: 55px;
}
.home-offer .slick-slide .rightcontent {
    width: 50%;
    padding: 20px 40px 40px;
    float: right;
}

.home-offer .slick-prev {
    bottom: -90px;
    left: 41%;
    top: unset;
}
.home-offer .slick-next {
    left: 46%;
    bottom: -90px;
    top: unset;
}

.home-offer .slick-dots {
    bottom: -35px !important;
    width: 100%;
    float: left !important;
    left: 0 !important;
    text-align: left !important;
}

.home-offer .slick-dots li button:before {
	    color: black !important;
}
.home-offer .subhdhilight:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}


.overview-detail-footer{
    position: relative;
}
.overview-detail-footer img{}
.overview-detail-footer .content-text{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    width: 100%;
    max-width: 1380px;
    height: auto;
    padding: 40px;
    color:#ffffff;
    right: 0;
    margin: 0 auto;
}
.overview-detail-footer .content-text span{
    max-width: 550px;
    display: inline-block;
}

.boxtwocolunm .contentdetailtx{
    min-height: 233px;
}
.page-offers .boxtwocolunm .contentdetailtx{
    min-height: 233px;
}
.page-healthprogame .boxtwocolunm .contentdetailtx{
    min-height: 270px;
}
.page-facilities .boxtwocolunm .contentdetailtx{
    min-height: 270px;
}
.page-facilities .boxtwocolunm .contentdetailtx.text-row1{
    min-height: 230px!important;
}

.content-bggray{
    padding: 40px;
    background: #f4f4f4;
    margin-left: -80px;
    margin-top: 40px;
    max-width: 515px;
}
.content-bggray.textleft {
    margin-left: 0;
    margin-top: 40px;
    margin-right: -80px;
   float: right;
}
.specialist{
    position: relative;
}
.specialist .content-text{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    padding: 40px 40px 0;
    width: 100%;
    height: auto;
    max-width: 60%;
}
.specialist.img-left .content-text{
    left: auto;
    right: 0%;
}
.specialist .content-text h3{
    font-size: 30px;
    min-height: 180px;
    text-transform: uppercase;
}
.text-dark{
    color: #505050!important;
}
a.text-dark:hover{
    color: #b9a02d!important;
}
.text-link.text-uppercase.text-dark{
    letter-spacing: 1px;
    position: relative;
}
.text-link.text-uppercase.text-dark:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #505050;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    /* margin-left: calc(50% - 75px); */
}
.specialist-box{
    width: 100%;
    max-width: 100%;
}

.page-healthprogame-detail .contentdetailtx ul,
.contentdetailtx ul{
    list-style: none; /* Remove default bullets */
    padding-left: 15px;
    margin-left: 15px;
  }
  
  .page-healthprogame-detail .contentdetailtx   ul li::before,
  .contentdetailtx   ul li::before  {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #b9a02d; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-size: 30px;
  }

  .page-healthprogame-detail .boxbtn-book-load .booknowlink, 
  .page-healthprogame-detail .boxbtn-book-load .booknowlink:hover, 
  .page-healthprogame-detail .boxbtn-book-load .booknowlink:active{
      float: left;
  }
  .page-healthprogame-detail .boxbtn-book-load .btn{
    line-height: 47px;
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
    height: 44px;
    min-width: 200px;
  }

.page-overview .herobanner .slider-list .content-text {
    top: 70%;
    left: 20%;
    transform: translate(-20%, -70%);
    max-width: 400px;
}
.maincontentwidth.healthprograms-relates .content-heading{
        color: #666666;
        font-size: 20px;
        position: relative;
        font-family: 'din_bold'; 
        width: 100%;
        display: block;
    
    }
    .maincontentwidth.healthprograms-relates .relate-cat{
        text-transform: uppercase;
        font-family: 'din_bold';
        color: #b9a02d;
        
    }


   /* the slides */
   .relates-slider  .slick-slide, 
   .facilitiesgallery-slider .slick-slide {
    margin: 0 20px;
  }
  /* the parent */
  .relates-slider .slick-list ,  
  .facilitiesgallery-slider .slick-list{
    margin: 0 -20px;
  }

  .page-specialist-detail .herobanner .slider-list .content-text{
    top: 60%;
    left: 15%;
    transform: translate(-15%, -60%);
  }

  .page-specialist-detail .boxtwocolunm .contentdetailtx{
      min-height: auto;
  }
  .page-specialist-detail .introtx .contenthdsection {
      max-width: 680px;
      margin: 0 auto;
  }
  
 
.facilities-gallery{
    margin-top: 50px;
    margin-bottom: 80px;
}
.facilitiesgallery-slider{

    position: relative;
}
.facilitiesgallery-slider .slick-prev {
    bottom: -85px;
    left: 85%;
    top: unset;
}
 .facilitiesgallery-slider .slick-next {
    bottom: -85px;
    top: unset;
    left: auto;
    right: 0;
}

 .facilitiesgallery-slider .slick-dots {
    bottom: -50px !important;
    width: 100%;
    float: left !important;
    left: 0 !important;
    text-align: left !important;
}

 .facilitiesgallery-slider .slick-dots li button:before {
	    color: black !important;
}

#buttonme-mobile{
    display: none;
}
.a-underline{
    position: relative;
}
.a-underline:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0px;
    left: 0;
    margin-left: 0;
}
.a-underline:hover{
    font-family: 'din_bold';
}
/* ---- .element-item ---- */
 .element-item {}
 .element-item > * {}

 .visible_item{
    display:none;
}
/* ---- button-group ---- */
   
#gallery-content .button-group:after {
     content: '';
     display: block;
     clear: both;
}
   
#gallery-content .button-group .button {
     float: left;
     border-radius: 0;
     margin-left: 0;
     margin-right: 1px;
   }
   
   #gallery-content .button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
   #gallery-content .button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
   
   /* ---- isotope ---- */
   #gallery-content .grid {
     width: 100%;
   }
   
   /* clear fix */
   #gallery-content .grid:after {
     content: '';
     display: block;
     clear: both;
   }    
   #gallery-content .element-item > * {}
   #gallery-content .element-item  img {
       width: 100%;
   }
   #gallery-content{
       padding: 50px 0 100px;
   }
   #gallery-content button{
        border: none;
        background: transparent;
        text-transform: uppercase;
        min-width: 195px;   
        color: #505050;
   }
   #gallery-content button.is-checked{
    color: #b9a02d;
    border-bottom: 5px solid;
    margin-bottom: -1px;
   }

   #gallery-content button:focus{
       outline: none;;
   }
   #gallery-content .button-group-home{
       border-bottom: 1px solid #666666;
       width: 98%;
       margin: 20px auto
   } 
   #gallery-content .symbol{
    font-family: 'din_bold';
    padding: 20px 0;
    font-size: 20px;
    line-height: 24px;
    min-height: 90px;
    color: #666666;
   }
   #gallery-content  .showMore{
    border: none;
    background: transparent;
    text-transform: uppercase;
    color: #b9a02d;
    position: relative;
    min-width: auto;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    padding: 0;
   }
#gallery-content .showMore:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
#gallery-content  .modal-content {
    background-color: #ffffff!important;
    margin: 0px auto;
    padding: 0;
    border: 1px solid #fff!important;
    width: 100%;
    border-radius: 0;
    height: 100%;
    padding: 100px;
}
   
#gallery-content  .modal-content .content-inner{
    max-width: 850px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    transform: translate(-0%, -50%);
    width: 100%;
    padding: 0 30px;
    height: auto;
    color:#ffffff;
    margin: 0 auto;
}
#gallery-content  .modal-content .content-inner .symbol{
    min-height: auto;
    margin-bottom: 0;
    text-align: center;
}
#gallery-content .modal-content  button.close {
    /* border: 1px solid #663;
    background: transparent;
    text-transform: uppercase; */
    min-width: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 44px;
    color: transparent;
    background: url(../images/closeX-m.png) center bottom;
    background-size: 40px;
    font-size: 0px;
    outline: none;
}
#gallery-content .gallery-select{
    border-bottom: 1px solid #505050;
    margin: auto 15px;;
}
#gallery-content .gallery-select a{
    color: #505050
}

#gallery-content .modal-content .button-group-home{
    border-bottom: 0 solid #505050
}
#gallery-content .modal-content .button-group-home .button{
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #eee;
    line-height: 50px;
    font-family: 'optima_nova_ltregular';
    font-size: 20px;
    position: relative;

}

.btn-outline-dark {
    color: #505050;
    border-color: #505050;
}
.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle{
  background-color: #505050;
  border-color: #505050;
  box-shadow: none!important;
}

.awardslide.slick-slider{
    padding: 0 50px;
}
.speciallistbanner .btn-outline-dark {
    background-color: #ffffff;
}
.speciallistbanner .btn-outline-dark:hover{
    background-color: #505055;
    color: #ffffff;
}
.speciallistbanner .a-underline {
    position: relative;
    /* color: #505055; */
}

/* .speciallistbanner .a-underline:hover{

    color: #505055;
}
.speciallistbanner .a-underline:after {
    border-bottom: 1px solid #505050;

} */
.form-lable-link a{
    font-family: din_bold;
}

/* Start CSS Tab */
  .responsive-tabs.nav-tabs {
    position: relative;
    z-index: 10;
    height: 50px;
    overflow: visible;
    border-bottom: none;
    border-bottom:  1px solid #666;
    /* bottom: 10px; */
  }
  .slick-slider {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs {
      display: block;
    }
  }
  @media (max-width: 768px) {
    .responsive-tabs.nav-tabs {
      display: block;
      flex-wrap: none;
    }
  }
  .responsive-tabs.nav-tabs i.fas {
    position: absolute;
    top: 14px;
    right: 22px;
  }
  .responsive-tabs.nav-tabs i.fas.fa-chevron-up{
    display: none;
  }
  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs i.fas {
      display: none;
    }
  }
  .responsive-tabs.nav-tabs > li {
    display: none;
    float: none;
    text-align: center;
  }
  .responsive-tabs.nav-tabs > li:last-of-type > a {
    margin-right: 0;
  }
  .responsive-tabs.nav-tabs > li > a {
    margin-right: 0;
    background: #fff;
    border: none;
    color: #666;
    padding-left: 0;
    text-transform: uppercase;
    font-family: 'din_bold';
    min-width: 115px;
    text-align: left;
    font-size: 20px;
  }
  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li > a {
      /* margin-right: 4px; */
    }
  }
  .responsive-tabs.nav-tabs > li.active {
    display: block;
  }
  .responsive-tabs.nav-tabs > li.active a {
    border: none;
    border-radius: 2px;
  }
  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li.active a {
      border-bottom-color: transparent;
      color: #b9a02d;
    }
  }
  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs > li {
      display: block;
      float: left;
    }
  }
  .responsive-tabs.nav-tabs.open i.fas.fa-chevron-up {
    display: block;
  }
  @media (min-width: 768px) {
    .responsive-tabs.nav-tabs.open i.fas.fa-chevron-up {
      display: none;
    }
  }
  .responsive-tabs.nav-tabs.open i.fas.fa-chevron-down {
    display: none;
  }
  .responsive-tabs.nav-tabs.open > li {
    display: block;
  }
  .responsive-tabs.nav-tabs.open > li a {
    border-radius: 0;
  }
  .responsive-tabs.nav-tabs.open > li:first-of-type a {
    border-radius: 2px 2px 0 0;
  }
  .responsive-tabs.nav-tabs.open > li:last-of-type a {
    border-radius: 0 0 2px 2px;
  }
/* End CSS Tab */

.page-faq .introtx .contenthdsection:after {
    border-bottom: 0px solid #b9a02d;
}
.accordion{
    border-top: 1px solid #505050;
}
.accordion a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 3rem 1.5rem 0rem;
    font-size: 1.15rem;
    font-weight: 400;
    border-bottom: 1px solid #505050;
    text-transform: uppercase;
    font-size: 24px;
    color:  #505050!important;
  }
  
  .accordion a:hover,
  .accordion a:hover::after {
    cursor: pointer;

  }
  
  .accordion a:hover::after {

  }
  
  .accordion a.active {

  }
  
  .accordion a::after {
   background: transparent url(../images/icon-plus.png);
    content: '';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 1rem;
    padding: 5px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-position: center center;
    background-size: 17px;
    background-repeat: no-repeat;
  }
  
  .accordion a.active::after {
    background: transparent url(../images/icon-minus.png);
    background-position: center center;
    background-size: 17px;
    background-repeat: no-repeat;
    content: '';
  }
  
  .accordion .content {
    display: none;
    padding: 1rem 1rem 1rem 0rem;
    padding-right: 10rem;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;;
  }
  
  .accordion .content p {
    font-size: 1rem;
    font-weight: 300;
  }

  .content-from  .contenthdsection:after {
    width: 220px;
    margin-left: calc(50% - 110px);
}

.page-default #introbox{
    padding-top: 250px;
}
.page-default .header-nav .nav-link {
    display: block;
    padding: 1rem 2rem;
    color: #666666!important;
}
.page-default .header-nav .nav-link:hover{
    color: #b9a02d!important;
}
.page-default .rightnav .dropdown {
    background: transparent url(../images/icon-arrrow-mobile-dark.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: right 10px;
    width: 40px;
    color: #666666!important;
}
.page-default  .header .menumobileopennav {
    background: url(../images/icon-nav-burger.png) no-repeat;
    margin-top: -9px;
    margin-left: 10px;
    background-position: center center;
    margin-right: 20px;
}
.page-default .header.sticky .menumobileopennav{
    filter: none;
}
.page-default  .header  .calluslink:before {
    content: '';
    background: url(../images/icon-nav-phone.png) no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;
    background-size: 26px;
    margin-right: 35px;
}
.page-default  .header .contactuslink:before {
    content: '';
    background: url(../images/icon-nav-mail.png) no-repeat;
    display: inline-block;
    width: 29px;
    height: 21px;
    float: left;
    top: 12px !important;
    margin-top: 2px;
}
.content-box-default strong{
    font-family: 'din_bold';
}

.press-release-content .item-article{
    margin-bottom: 40px;
}
.press-release-content .item-article h3{
    font-size: 24px;
    font-family: 'din_bold';
}
.press-release-content .item-article small{
    margin: 10px 0;
    display: block
}
 .item-article-text{
    min-height: 255px;
}
.press-release-content .showMore{
    border: none;
    background: transparent;
    text-transform: uppercase;
    color: #b9a02d;
    position: relative;
    min-width: auto;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    max-width: 100px;
    margin: 20px auto 0;
    padding: 0;
}
.press-release-content .showMore:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #b9a02d;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-left: 0;
}
.sort-dropdown {
    width: 240px;
    margin: 0 0 50px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid;
    position: relative;
}
.sort-dropdown i{
    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    color: #505050;
}
.sort-dropdown select{
    text-transform: none;
    appearance: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -o-appearance: none!important;
    appearance: none!important;
    border: none!important;
    width: 100%;
    font-size: 20px;
    line-height: 38px;
    color: #505050;
    text-transform: uppercase;
}
.sort-dropdown select:focus{
    outline: none;
}
.relate-cat {
    text-transform: uppercase;
    font-family: 'din_bold';
    color: #b9a02d;
}

.page-press-release-detail .relates-slider .content-text{
    margin: 0 -20px;
}
.content-meta{

    display: inline-block;
    margin: 20px 0px 10px;
    width: 100%;
    font-size: 16px;
}
.relates-slider .content-heading {
    color: #666666;
    font-size: 20px;
    position: relative;
    font-family: 'din_bold';
    width: 100%;
    margin-top: 35px;
    display: block;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
#ModalmobileNav .col-lg-5{
  padding-right: 60px;
}
.content-box-default h1,
.content-box-default h2,
.content-box-default h3{
    font-family: 'din_bold';
}
.content-box-default h1{font-size: 30px;}
.content-box-default h2{font-size: 28px;}
.content-box-default h3{font-size: 24px;}
.content-box-default .contenthdsection{
    font-family: 'optima_nova_ltregular'!important;
    font-size: 30px;
    position: relative;
    text-transform: uppercase;
    line-height: 38px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.btn{
    font-size: 16px;
    line-height: 30px;
    width: 170px;
    height: 40px;
}

.slick-dots li {
    margin: 0 25px!important;
}
.slick-dots li:first-child {
    margin-left: 0!important;
}
.article-date{
    font-size: 100%;
    color: #b9a02d;
}
.content-box-default a.text-dark:hover{
    color: #b9a02d!important;
    font-family: 'din_bold';
}
.our-partner .partner-image img{
    padding: 0 25px;
    max-height: 100px;
}

.page-healthprogame-detail h2.contenthdsection{
    font-size: 24px!important;
    line-height: 30px!important;
}
.page-home .healthprogram .healthprogramsslide  .bgslider{
    /* height: 800px; */
}

.page-th  .footerbottom .maincontentwidth a{
    font-size: 16px;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 100% !important;
        margin: 0 !important;
    }
}
@media (max-width: 1280px) and (max-width: 1980px) {
    .header-nav .nav-link {
        padding: 1rem 2rem;
    }
    #gallery-content button {
        border: none;
        background: transparent;
        text-transform: uppercase;
        min-width: 195px;
        color: #505050;
    }

    .page-th  .header-nav .nav-link {
        padding: 1rem 2rem;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {

    #gallery-content button {
        min-width: 190px;
    }

    .page-th  .header-nav .nav-link {
        padding: 1rem 2rem!important;
    }
}
@media only screen and (max-width: 1440px) {
	.fleft.contactbox .bgslider, .fleft.contactbox .bgslider img {
    width: 110%;
	}
}

@media only screen and (max-width: 1440px){
	.fleft.contactbox .bgslider,
	.fleft.contactbox .bgslider img{
		width: 110%;
    }
    .page-th  .footerbottom .maincontentwidth a{
        font-size: 13px;
    }
}

@media only screen and (max-width: 1380px){
	.fleft.contactbox .bgslider,
	.fleft.contactbox .bgslider img{
		width: 105%;
	}
}

@media only screen and (max-width: 1280px){
	.fleft.contactbox .bgslider,
	.fleft.contactbox .bgslider img {
		width: 110%;
    }
  
	.speciallist .bgslider,
	.speciallist .bgslider img.hideonmobile {
		height: auto;
		width: auto;
    }
    .healthprogram.speciallist .slick-dots {
        bottom: -50px!important;
    }
}

@media only screen and (max-width: 1200px){
	.contactbox .bgslider ,
	.contactbox .bgslider img{
		height: 600px;
		width: auto !important;
    }
    .header-nav .nav-link {
        padding: 1.5rem 1.5rem;
    }
    #gallery-content button {
        min-width: 165px;
    }
    .page-default .header-nav .nav-link {
        padding: 1rem 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1112px){

    .page-overview .sustianability .bgwhite {
        top: 0px;
        height: 100%;
    }
    .page-overview .herobanner .slider-list .content-text{

        top: 80%;
        left: 15%;
        transform: translate(-15%, -80%);
        padding: 40px 40px 0;
        color:#ffffff;
    }
    .page-overview .herobanner .slider-list .content-text .contenthdsection ,
    .page-overview .herobanner .slider-list .content-text .subhdhilight{
        margin-bottom: 0px;
    }
    .page-overview .herobanner .slider-list .content-text .contentdetailtx.mb-4{
        margin-bottom: 0px;
        line-height: 24px;
    }
    .specialist .content-text h3 {
        min-height: 125px;
    }
    .responsive-tabs.nav-tabs > li > a{
        min-width: 100px;
    }
    .page-home.page-overview .herobanner .slider-list .content-text span {
        max-width: 940px;
    }
    .footerbottom{
      padding: 24px 0px;
    }
    .footerbottom .maincontentwidth a {
        padding: 0 5px 0 2px;
    }
    .footersociallink.hideonmobile{
        width: 100%;
        text-align: center;
    }
    .footerlink {
        float: none;
        font-size: 18px;
        text-align: center;
    }
    .speciallist .bgwhite.our-dr {
        padding-top: 30px;
        margin-left: 20px;
        width: 650px;
        margin-right: 0;
        padding-right: 0;
    }
    
}
    
@media only screen and (max-width: 1024px){
	.contactbox .bgslider ,
	.contactbox .bgslider img{
		height: 620px;
		width: auto !important;
	}
	.w33 {
		width: 40%;
	}
	.w67 {
		width: 60%;
	}
	.formarea {
		max-width: 640px;
		margin: 20px auto;
	}
    .ptvh16,
    .ptvh25 {
        padding-top: 30px;
    }
    .awardbox.slidefullmid .slick-slide img{
        max-width: 200px;
    }
    .header-nav .nav-link {
        padding: 1.5rem 1rem!important;
    }
    #gallery-content button {
        min-width: 150px;
    }
    .content-meta {
        display: inline-block;
        font-size: 13px;
    }
    .speciallist .bgwhite.our-dr {
        padding-top: 30px;
        margin-left: 20px;
        width: 650px;
        margin-right: 0;
        padding-right: 0;
    }

}

@media only screen and (max-width: 834px){
	.contactformleftbg,
	.stayconnectbg {
		display: none;
    }
    .page-overview .healthprogram .slick-next,
    .page-overview .healthprogram .slick-prev{
        top: 15%!important;
    }
    .overview-detail-box.box-01{
        background-color: #f0f0f0;
        width: 100%;
        padding: 30px;
    }
    .overview-detail-footer .content-text span {
        max-width: 175px;
    }
    .boxtwocolunm .contentdetailtx{
        min-height: auto;
    }
    .content-page .maincontentwidth .container-fulid{
        width: 92%;
        max-width: 1380px;
        margin: 0 auto;
    }

    .content-bggray{
        padding: 0px;
        background: #ffffff;
        margin-left: 0px;
        margin-top: 0px;
        max-width: 515px;
    }
    .content-bggray.textleft {
        margin-left: 0;
        margin-top: 15px;
        margin-right: 0;
        float: none;
    }
    .specialist .content-text h3 {
        font-size: 20px;
        min-height: auto;
        line-height: 28px;
    }
    .specialist .content-text .contentdetailtx.contentsubhd {
        font-size: 20px;
    }
    .specialist .content-text .mt-5{
        margin-top: 10px!important;
    }
    .hidedesktop {
        display: block !important;
    }
    .hideonmobile {
        display: none !important;
    }
    .page-overview .herobanner .slider-list .content-text{
        top: 50%;
        left: 15%;
        transform: translate(-15%, -50%);
    }
    .ptb-100 {
        padding: 50px 0;
    }
    .specialist-box{
        width: 85%;
        max-width: 1380px;
        margin: 0 auto;
    }
    .specialist .content-text{
        position: relative;
        top: 00%;
        left: 0%;
        transform: translate(0%, 0%);
        padding: 30px 0;
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    .specialist .content-text h3 {
        font-size: 20px;
        min-height: auto;
        line-height: 28px;
    }
    .page-healthprogame-detail .boxbtn-book-load .btn {
        min-width: 240px;
        float: none;
        margin-bottom: 15px;
    }
    .page-healthprogame-detail .footersociallink {
        float: none;
        margin-top: 30px;
    }
    .maincontentwidth.healthprograms-relates{
        width: 100%;;
    }
    .maincontentwidth.healthprograms-relates .slick-slide{
        margin: 0 5px;
    }

    /* the slides */
    .relates-slider  .slick-slide {
        margin: 0 5px;
    }
    /* the parent */
    .relates-slider .slick-list {
        margin: 0 -5px;
    }
    .facilities-gallery{
        margin-bottom: 0;
    }
    .facilitiesgallery-slider{
        margin-bottom: 50px;
    }
    .facilitiesgallery-slider .slick-prev {
        left: 10px;
    }
    .facilitiesgallery-slider .slick-next {
        right: 9px;
        left: auto;
    }
    #buttonme-mobile {
        z-index: 9;
        position: absolute;
        text-align: center;
        width: 50px;
        bottom: 15px;
        background: url(../images/icon-arrrow-mobile.png);
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: calc(50% - 25px);
        font-size: 0;
        cursor: pointer;
        display: block;
    }
    .page-overview .boxhero .slick-dots {
        bottom: 75px!important;
    }
    #gallery-content .modal-content {
        padding: 40px 30px;
    }
    .accordion .content{
        padding-right: 3rem;
    }
    .content-from .formarea {
        max-width: 100%;
        margin: 0;
    }
    .page-default #introbox {
        padding-top: 100px;
        width: 100%;
    }

    .page-default .leftnav {
        margin-left: 15px;
    }
    .page-default .midlogo {
        left: calc(50vw - 15vw);
    }
    .maincontentwidth.detail-relates{
        width: 100%;
    }
    .relates-slider .content-heading {
        font-size: 22px;
        line-height: 28px;
    }
    .text-link.text-uppercase.d-block{
        display: inline-block!important;
    }
    .content-box-default h1{font-size: 24px;}
    .content-box-default h2{font-size: 22px;}
    .content-box-default h3{font-size: 20px;}
    
    .page-home.page-overview .herobanner .slider-list .content-text {
        padding: 40px 30px;
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);

    }
    .page-home.page-overview .herobanner .slider-list .content-text span {
        /* font-size: 36px;
        line-height: 44px; */
    }
       
    .page-overview .herobanner .slider-list .content-text {
        padding: 0px;

    }
    .page-overview  .maincontentwidth.discovercontent.hidedesktop.mobileoverrlab .rightcontent{
        height: auto;
    }
    .modal-nav button.close {
        background: url(../images/closeX-m.png) center bottom no-repeat;
        background-size: 40px;

    }
    .slick-dots li {
        margin: 0 15px!important;
    }
    .healthprogram.awardfornav .slick-dots li {
        margin: 0 10px!important;
    }
    
    .healthprogram.speciallist .slick-dots,
    .awardslide.slick-initialized.slick-slider .slick-dots,
    .forawardboxmobile .slick-dots{
        display: none!important;
    }
    .page-overview .csr{
        width: 100%;
    }
    .page-home .graybg {
        background: #ffffff;
    }
    .page-overview .csr .slick-slide .rightcontent .mt-4{
        position: relative;
    }
    .mb-bg-gray{
        background-color: #f0f0f0;;
        width: 100%!important;
        padding: 40px 0!important;
    }
    .mb-bg-gray .container {
        width: 85%;
    }
    #gallery-content {
        padding: 0px 0 100px;
    }
    #gallery-content .symbol{
        font-family: 'din_regular',csprajad_regular;
        font-size: 18px;
        line-height: 28px !important;
    }

    .boxtwocolunm .contentdetailtx,
    .page-offers .boxtwocolunm .contentdetailtx,
    .page-healthprogame .boxtwocolunm .contentdetailtx,
    .page-facilities .boxtwocolunm .contentdetailtx,
    .page-facilities .boxtwocolunm .contentdetailtx.text-row1{
        min-height: auto;
        margin-bottom: 15px;
    }
    .page-home .healthprogram .healthprogramsslide  .bgslider{
        height: auto;
    }
    .page-home .healthprogram .healthprogramsslide  .maincontentwidth{
    }

}

@media only screen and (max-width: 768px){
	.hidedesktop {
		display: block !important;
	}
	.hideonmobile {
		display: none !important;
    }
    .home-gallery .slick-list{
        padding: 0px 40px 0 0 !important;
    }

    .facilitiesgallery-slider .slick-list {
        padding: 0px 40px 0 0 !important;
    }

    #ModalmobileNav .modal-content {
        padding: 70px 30px;
    }
    .modal-nav .navmenu {
        line-height: 55px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .modal-nav .navmenu li{
        border-bottom: 1px solid #eee;
    }
    .modal-nav .navmenu li:last-child{
        border: none;
    }
    .modal-nav .navmenu li i{
        line-height: unset;
    }
    .menumobileopennav {
        margin-right: 10px;
    }
    .slider-reorder{
        display: -webkit-box !important;
        display: -moz-box !important;
        display: box !important;
        
        -webkit-box-orient: vertical !important;
        -moz-box-orient: vertical !important;
        box-orient: vertical !important;
    }
    .slider-reorder-img{
        -webkit-box-ordinal-group: 1 !important;
        -moz-box-ordinal-group: 1 !important;
        box-ordinal-group: 1 !important;
    }
    .slider-reorder-text{
        -webkit-box-ordinal-group: 2 !important;
        -moz-box-ordinal-group: 2 !important;
        box-ordinal-group: 2 !important;
    }
    .content-page .maincontentwidth .container-fulid{
        width: 100%;
        max-width: 1380px;
        margin: 0 auto;
    }
    .maincontentwidth.mb-bggray{
        background: #f0f0f0;
        padding: 40px!important;
        width: 100%;
    }
    .boxtwocolunm.py-5.mb-bggray{
        padding-top:40px!important;
    }

    .booknowlink, .booknowlink:hover, .booknowlink:active{
        width: 85px!important;
    }
    .footerbottom {
        padding: 24px 0px;
        text-align: left;
    }
    .footerbottom .footersociallink.hidedesktop{
        width: 100%;
    }
    .slick-list{
        overflow: auto;
    }
    
}

@media only screen and (max-width: 767.99px){
    .modal .w33 {
        display: none;
    }
    .thankyoupage .w33 {
        display: none;
    }
    .modal .w67 {
        width: 100%;
    }
    .thankyoupage .w67 {
        width: 100%;
    }
    .modal .ptvh25,
    .modal .ptvh16 {
        padding-top: 6vh;
        min-height: 100vh;
        overflow: hidden;
        margin: 50px auto 30px auto;
    }
	.leftnav {
	    margin-left: 0px;
	    margin-top: 8px !important;
	}
	.awardslide.slick-initialized.slick-slider.slick-dotted {
		width: 80%;
		margin: 0 auto 30px;
        position: relative;
	}
    .forawardbox {
        display: none;
    }
    .forawardbox.forawardboxmobile {
        display: block;
    }
	.awardslide.slick-initialized.slick-slider .slick-dots {
		/* display: block !important; */
        position: absolute;
        bottom: -35px !important;
	}
    .awardslide .slick-dots li button:before{
        color: #000 !important;
    }
    .awardslide.slick-initialized.slick-slider .slick-prev, 
    .awardslide.slick-initialized.slick-slider .slick-next {
		z-index: 99;
	}
	.footerbottom {
        padding: 24px 20px;
	}
	.footerbottom .maincontentwidth {
        width: 100%;
	}
	.herobannermobile .slick-dots,
	#buttonme {
		display: none !important;
	}
	.contactbox .setbgtx {
	    position: static;
	}
	.discovermobile .slick-slide.slick-current.slick-active.slick-center .rightcontent,
	.facilitiesmobile .slick-slide.slick-current.slick-active.slick-center .rightcontent{
		display: block;
	}
	.healthprogram .slick-next,
    .healthprogram .slick-prev{
		display: none !important;
    }
    
	.discovermobile .slick-slide{
        margin: 0 5px;
        min-height: auto;
    }


	.facilitiesmobile .slick-slide {
        margin: 0 5px;
        min-height: 800px;
    }
    .discovermobile .slick-next,
    .facilitiesmobile .slick-next,
    .discovermobile .slick-prev,
    .facilitiesmobile .slick-prev,
    .discovermobile .rightcontent,
    .facilitiesmobile .rightcontent,
    .discovermobile .slick-dots,
    .facilitiesmobile .slick-dots {
        display: none !important;
    }
    .col {
        flex-basis: auto;
        flex-grow: 1;
    }
    .custom-select.selectcountrycode,
    .form-control.mobileinputno,
    .input-group.date.form_date {
        margin-bottom: 15px;
    }
    .discovermobile .slick-slide.slick-current.slick-active.slick-center .rightcontent,
	.facilitiesmobile .slick-slide.slick-current.slick-active.slick-center .rightcontent{
		display: block !important;
	}
	.graybg .facilitiesmobile {
		padding-bottom: 0px;
	}
	.dropdown {
		display: none;
	}
	.bgwhite.our-dr{
		margin-left: 0;
	}
	.graybg .maincontentwidth.discovercontent {
	    padding-top: 0px;
	}
	.discovercontent .contentdetailtx {
		margin-right: 0;
	}
	.ant-carousel .slick-dots li,
	.ant-carousel .slick-dots li.slick-active {
		width: 25px;
	}
	.introtx .contenthdsection:after,
    .modal h3:after {
        content: '';
        position: absolute;
        /* border-bottom: 1px solid #505050; */
        height: 1px;
        width: 50%;
        bottom: 0;
        left: 0;
        margin-left: calc(50% - 25%);
    }
	#herobannerbox .ant-anchor-wrapper {
		max-height: 100vh !important;
	}
	.forawardbox .ant-carousel .slick-dots-bottom {
		display: block !important;
		bottom: -50px;
		position: absolute;
		margin: 0;
	}
	.bgwhite {
		margin-right: 0;
	}
	.menusetdesktop {
		display: none;
	}
	.maincontentwidth {
		width: 85%;
	}
	.maincontentwidth.mobileoverrlab,
	.forawardbox.maincontentwidth {
		width: 100%;
	}
	.contactbox .bgwhite {
		padding-left: 0;
		padding-right: 0;
	}
	.speciallist .bgslider,
	.speciallist .bgslider img {
		height: unset;
	}
	.discovercontent.healtprogramm .slidenavright,
	.discovercontentbox.graybg .slidenavright {
		display: none;
	}
	.speciallist .ant-carousel .slick-dots-bottom {
		bottom: 0;
	}
	.fleft.contactbox .bgslider {
		height: 380px;
	}
	.fleft.contactbox .bgslider img {
		height: 380px;
		width: unset;
	}
	.contactopoup .contactphone + span,
	.contactopoup .contactemail + span {
		float: left;
		margin-right: 20px;
		width: calc(100% - 45px);
		text-align: left;
		margin-right: 0;
		height: 40px
	}
	.contactopoup .contactemail + span {
		margin-right: 0;
	}
	.discovercontentbox.graybg,
	.discovercontent.healtprogramm {
		/* padding-bottom: 50px; */
	}
	.contactbox .bgslider ,
	.contactbox .bgslider img{
		height: 400px;
		width: auto !important;
	}
	.ant-menu-horizontal > .ant-menu-item a.booknowlink {
		width: 75px;
	}
	#herobannerbox .ant-carousel .slick-dots-bottom {
		bottom: 45px;
	}
	.linktocontent a {
		z-index: 9;
		position: absolute;
		text-align: center;
		width: 103px;
		bottom: 25px;
		background: url(../images/desktop-scroll.png) center bottom;
		height: 20px;
		margin-left: calc(50% - 55px);
		font-size: 0;
	}
	.hideonmobile {
		display: none !important;
	}
	.hidedesktop {
		display: block !important;
	}
	.header .logo img {
		width: 32vw;
	}
    .midlogo {
        left: calc(50vw - 20vw);
    }
    .header.sticky .midlogo {
        left: calc(50vw - 65px);
    }
    .header.sticky .midlogo .logo img {
        width: 100px !important;
    }
	.header .logo{
		padding-top: 3px;
		padding-bottom: 5px;
	}
	a.booknowlink {
		padding: 0px 20px;
		height: 40px;
		line-height: 40px;
		top: 0;
		position: absolute;
		right: 5px;
		font-size: 16px;
	}
	.header {
		padding: 10px 0 0; 
	}
	.header.sticky {
		height: 65px;
        padding: 10px 0 0; 
	}
	.maincontentwidth.discovercontent .ant-carousel .slick-dots.slick-dots-bottom {
		width: 100%;
	}
	.rightnav {
        top: 12px !important;
        left: calc(100vw - 95px);
	}
	
	.leftcontent {
		width: 100%;
	}
	.slideframe {
		overflow: unset;
	}
	.healthprogram .setbgtx,
	.herobanner .setbgtx {
        position: static;
        height: auto;
	}
	.healthprogram.slidefullmid.mt50.mb50 .slidenavfullmid {
		display: none !important;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 175px;
	}
	.bgwhite {
		width: 100%;
		height: auto;
		padding: 50px 0px;
	}
	
	.bgwhite.our-dr {
		width: 100%;
	}
	.footerct {
		background: url(../images/footerbgcontactmobile.jpg) top right;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 15vh 0;
	}
	.hdfooter {
		color: #ffffff;
		font-size: 20px;
	}
	.subhdfooter {
		font-size: 33px;
		color: #fff;
		width: 90%;
		margin: 15px auto;
		line-height: 40px;
	}
	.footerct .subhdfooter {
		width: 330px;
		font-size: 28px;
	}
	.footersociallink {
		float: left;
	}
	.hidedesktop.copyright {
		display: block;
		width: 100%;
		float: left;
	}
	.footerbottom .maincontentwidth a {
		padding: 0 20px 0 0;
		font-size: 14px;
	}

	.footerlink {
		width: 100%;
		margin: 10px 0;
	}
	.maincontentwidth.discovercontent .rightcontent {
		width: 100%;
	}
    .maincontentwidth.discovercontent.hidedesktop.mobileoverrlab .rightcontent{
        height: 360px;
    }
	.formarea {
		margin: 60px auto;
		max-width: 80%;
	}
	.speciallist .bgwhite.our-dr {
		padding-top: 40px;
	}
	.awardbox.slidefullmid .slidenavfullmid {
		bottom: 110px;
    }
    .page-overview .testimonialscontent .leftcontent {
        width: 100%;
    }
    .page-overview .testimonialscontent .leftcontent img{
        max-width: 200px;
        margin-bottom: 40px!important;
    }
    .page-overview .testimonialscontent .subhdhilight {
        display: none;
    }
    .page-overview .testimonialscontent .rightcontent {
        text-align: center;
        margin-top: 20px;
        padding: 0 30px!important;
    }
    .page-overview .testimonialscontent .slick-next,
    .page-overview .testimonialscontent .slick-prev{
        top: 100px;
    }
    .page-overview .testimonialscontent .slick-next{
        right: 10px;
    }
    .page-overview .testimonialscontent .slick-prev{
        left: 10px;
    }
    .page-overview .contenthdsection {
        /* font-size: 20px;
        line-height: 30px; */
    }
    .page-overview .overview-partner .galler-item {
        min-height: 50px;
        margin-top: 30;
    }
    .page-overview .healthprogram .slick-next,
    .page-overview .healthprogram .slick-prev{
        display: block !important;
        top: 25%!important;
    }
    .page-overview .sustianability .bgwhite {
        position: relative;
        z-index: 9;
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        top: 50px;
        float: left;
        height: auto;
        min-height: 450px;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .page-overview .csr {
        margin-top: 50px;
        display: inline-block;
        margin-bottom: 50px!important;
    }
    .page-overview .csr .slick-slide{
        margin: 0 5px;
    }
    .page-overview .csr .slick-slide .rightcontent {
        width: 100%;
        padding: 20px;
    }
    .page-overview .csr .slick-prev {
        left: 20%;
    }
    .home-offer.maincontentwidth{
        max-width: 100%;
        width: 100%;
        margin-bottom: 50px;
    }
    .home-offer .slick-slide{
        margin: 0 5px;
    }
    .home-offer .slick-slide .rightcontent {
        width: 100%;
        padding: 20px 15px 40px;
    }
    .home-offer .slick-prev {
        left: 20%;
    }
    .sort-dropdown{
        width: 100%;
        position: relative;
    }
    .sort-dropdown i{
        position: absolute;
        right:0;
    }
    .sort-dropdown select{
        text-transform: none;
        appearance: none!important;
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        -o-appearance: none!important;
        appearance: none!important;
        border: none!important;
        width: 100%;
    }
    #ModalmobileNav .col-lg-5 {
        padding-right: unset;
    }
    .modal-nav .navmenu{
        font-size: 24px;
        line-height: 50px;
    }
    
    .modal-nav .navmenu.nav-2{
        font-size: 20px;
        line-height: 50px;
        margin-top: 5px;
    }

    .modal-nav .navmenu.nav-2 li:last-child{
        display: block;
    }
    #ModalmobileNav .modal-content hr {
        margin: 0;
    }
    .page-home .healthprogram .healthprogramsslide .slick-slide{
        height: 770px;
        margin: 0 5px;
    }
    .page-home .healthprogram .healthprogramsslide  .maincontentwidth {
        width: 90%;
    }
    .page-home .healthprogram .healthprogramsslide  .maincontentwidth .bgwhite{
        /* height: 800px; */
    }

    .content-page.page-overview .healthprogram .slick-slide{
        height: 685px;
    }
    .healthprogram.speciallist .slick-slide{
        height: 758px;
    }
    .healthprogram .slick-slide .bgwhite{
        padding-bottom: 0;
    }
    .healthprogram .slick-dotted.slick-slider{
        margin-bottom: 50px;
    }
    .home-offer{
        
        margin-bottom: 0!important;
    }
    .home-offer{
        padding-top: 0;
    }
    .home-offer .slick-prev,
    .home-offer .slick-next{
        display: none!important;
    }
    .home-gallery{
        width: 95%;
    }
    .page-healthprogame-detail .contenthdsection {
        font-size: 20px;
        line-height: 28px;
    }

    .page-healthprogame-detail .subhdhilight{
        margin-bottom: 0px;
    }


}

@media only screen and (max-width: 680px){
	.healthprogram.slidefullmid .slidenavfullmid {
		top: 155px;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 145px;
    }
    .page-overview .herobanner .slider-list .content-text {
        padding: 40px;

    }
}

@media only screen and (max-width: 585px){
	.healthprogram.slidefullmid .slidenavfullmid {
		top: 125px;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 125px;
	}
}

@media only screen and (max-width: 520px){
	.modal h3 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 30px;
	}
	.modal h3 + span {
    font-size: 18px;
    line-height: 24px;
	}
	.healthprogram.slidefullmid .slidenavfullmid {
		top: 110px;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 110px;
	}
	.contenthdsectionblack {
		font-size: 28px;
		line-height: 40px;
	}
	.contentdetailtx.contentsubhd {}
	.contentdetailtx.contentdetail {
		font-size: 18px;
	}
	.contentdetailtx.contentsmall {
		font-size: 14px;
	}
	.ant-col-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ant-col-6 {
		flex: 0 0 23%;
		max-width: 23%;
		margin-right: 2%;
	}
}

@media only screen and (max-width: 480px){
	.footerct .subhdfooter {
		width: 230px;
		font-size: 20px;
		line-height: 27px;
		margin-top: 10px;
	}
	.footerct .hdfooter {
		font-size: 14px;
	}
	.actionfooter {
		margin-top: 20px;
	}
	.footersignupbt,
    .footersignupbt:hover {
		background: #b9a02d;
		color: #fff !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0 25px;
		font-size: 14px;
	}	
    .maincontentwidth.discovercontent.hidedesktop.mobileoverrlab .rightcontent{
        height: 370px;
    }
    .overview-detail-footer .content-text span {
        max-width: 145px;
        font-size: 16px;
        line-height: 20px;
    }
    .content-page .maincontentwidth .container-fulid {
        width: 100%;
    }
    .boxtwocolunm.py-5{
        padding-top: 0!important;
    }
    .page-healthprogame-detail .boxbtn-book-load .btn {
        min-width: 100%;

    }
    .page-home .graybg{
        background:#ffffff;
    }
    .page-home.page-overview .herobanner .slider-list .content-text span {
        font-size: 36px;
        line-height: 44px;
    }
    .font36{
        font-size: 30px!important;
        line-height: 36px!important;
    }
    .thankyoupage h3.hdnoborder + span {
        font-size: 18px;
        width: 100%;

    }
    .page-overview .testimonialscontent .text-bolder strong{
        display: block;
    }
    .mb-bg-gray.boxtwocolunm.py-5{
        padding: 40px 0!important;
        margin-bottom: 50px;
    }

}

@media only screen and (max-width: 450px){
	.healthprogram.slidefullmid .slidenavfullmid {
		top: 85px;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 90px;
    }
    .page-overview .healthprogram .slick-next, .page-overview .healthprogram .slick-prev{
        top: 15%!important;
    }
    .modal-nav .navmenu {
        font-size: 20px;
        line-height: 44px;
    }
}

@media only screen and (max-width: 380px){
	.healthprogram.slidefullmid .slidenavfullmid {
		top: 70px;
	}
	.healthprogram.speciallist.slidefullmid .slidenavfullmid {
		top: 70px;
	}
	.ant-carousel .slick-dots li,
	.ant-carousel .slick-dots li.slick-active {
		width: 15px;
	}
	.contactopoup {
		font-size: 11px;
	}
     .maincontentwidth.discovercontent.hidedesktop.mobileoverrlab .rightcontent{
        height: 440px;
    }
    .page-overview .maincontentwidth.discovercontent.hidedesktop.mobileoverrlab .rightcontent{
        height: auto;
    }
    .page-specialist-detail .herobanner .slider-list .content-text .subhdhilight {
        font-size: 20px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .page-specialist-detail .herobanner .slider-list .content-text {
        font-size: 16px;
        line-height: 24px;
        padding: 40px 20px;
    }
    .page-home.page-overview .herobanner .slider-list .content-text span {
        font-size: 28px;
        line-height: 36px;
    }
    .page-overview .healthprogram .slick-next, .page-overview .healthprogram .slick-prev{
        top: 15%!important;
    }
    .discovermobile .slick-slide{
        margin: 0 5px;
        min-height: 650px;
    }
	.facilitiesmobile .slick-slide {
        margin: 0 5px;
        min-height: 650px;
    }
    #ModalmobileNav .modal-content{
        height: auto;
    }
    
}

@media only screen and (max-width: 320px){
    .page-specialist-detail .herobanner .slider-list .content-text .subhdhilight {
        font-size: 18px;
    }
    .page-overview .healthprogram .slick-next, .page-overview .healthprogram .slick-prev{
        top: 12%!important;
    }
    .healthprogram.awardfornav .slick-dots li {
        margin: 0px 5px!important;
    }
    #ModalmobileNav .modal-content {
        padding: 70px 20px 70px 6px;
    }
    .modal-nav .navmenu,
    .modal-nav .navmenu.nav-2{
        font-size: 16px;
        line-height: 40px;
    }
    .page-overview .contenthdsection {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 5px;
    }

}
.csr-popvideo{
    position: relative;
}
.csr-popvideo img{
    position: relative;
    width: 100%;
}
.csr-popvideo .play-0verlay{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent url(../images/overview/icon-play.png) no-repeat center center;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    display: block;
    right: 0;
}
.modal-video  .modal-content {
    background-color: #ffffff!important;
    margin: 0px auto;
    padding: 0;
    border: 1px solid #fff!important;
    width: 100%;
    border-radius: 0;
    height: 100%;
    padding: 100px;
}
   
.modal-video  .modal-content .content-inner{
    max-width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    transform: translate(-0%, -50%);
    width: 100%;
    padding: 0 30px;
    height: auto;
    color:#ffffff;
    margin: 0 auto;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #505050!important;
  }
.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #505050!important;
  }
.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #505050!important;
  }
.form-control:-moz-placeholder { /* Firefox 18- */
    color: #505050!important;
  }

.fixed-padding{
    padding-right: 0!important;
}

body {
    padding-right:0 !important;
  }
  
.modal-open {
    overflow-x:hidden;
    overflow-y: auto;
    padding-right:0 !important;
    overflow-y: scroll;
    -ms-overflow-style: auto;
    box-sizing: border-box;
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: none;
}


#myvideoelement {
	position: absolute;
    top: 0%;
    width: 100%;
    /* height: 100vh; */
    right: 0;
    left: 0;
}

#video-load {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (max-width: 992px){
    #myvideoelement {
        width: auto;
        height: auto;
    }

}


/* css content page-th */
.page-th .contenthdsection,
.page-th .subhdhilight,
.page-th .subhdhilightblack,
.page-th .contentdetailtx.contentsubhd,
.page-th .contacthd,
.page-th .subhdfooter,
.page-th .contenthdsection{
    font-family: 'promptmedium'!important;
    /* letter-spacing: unset; */
    letter-spacing: -0.5;
}
.page-home.page-overview.page-th .herobanner .slider-list .content-text strong,
.page-home.page-overview.page-th  .herobanner .slider-list .content-text span{
    font-family: 'promptlight'!important;
}
.page-th .boxhero .contenthdsection,
.page-th .overview-detail-footer .content-text .contenthdsection{
    font-family: 'promptlight'!important;
}
.page-th .header-nav .nav-link,
.page-th .modal-nav .navmenu{
    font-family: 'csprajad_regular'!important;
}

.page-th .relates-slider .content-heading,
.page-th .content-box-default strong{
    font-family: 'promptregular'!important;
    letter-spacing: unset;
}

.page-th .footerbottom .maincontentwidth a {
    padding: 0 13px 0 13px;
    font-family: 'csprajad_regular'!important;
}

.page-th .contentdetailtx strong,
.page-th .testimonialscontent .text-bolder.my-3,
.page-th .testimonialscontent .text-bolder.my-3 strong{
    font-family: 'csprajad_regular'!important;
}

.page-th.page-healthprogame .healthprogame-box .contenthdsection,
.page-th.page-healthprogame.page-healthprogame-detail .introtx .contenthdsection,
.page-th.page-healthprogame.page-healthprogame-detail .herobanner .slider-list .content-text .subhdhilight,
.page-th.page-home .healthprogram .slideframe .contenthdsection{
    font-family: 'optima_nova_ltregular'!important;

}

.page-th.page-facilities.page-facilities .introtx .contenthdsection{
    font-family: 'promptmedium'!important;
}
.page-th.page-facilities.page-facilities .btn,
.page-th .btn{
    width: 190px;
}

.page-th.page-overview .herobanner .slider-list .content-text h2,
.page-th .herobanner .slider-list .content-text span.contenthdsection{
    font-size: 20px;
}

#font-promtmd{
    font-family: 'promptmedium'!important;
}
.font-promtmd{
    font-family: 'promptmedium'!important;
}
.font-csprajad_regular{
    font-family: 'csprajad_regular'!important;
}
.font-optima{
    font-family: 'optima_nova_ltregular'!important;
}


.page-th .modal-content .form-lable-link a,
.page-th .modal-content .custom-select,
.page-th .modal-content .form-control, .form-control:focus, 
.page-th .modal-content .form-control:disabled, .form-control[readonly],
.page-th .modal-content,
.page-th .modal h3 + span,
.page-th .content-from .form-control, 
.page-th .content-from .form-control:focus, 
.page-th .content-from .form-control:disabled,
.page-th .content-from .form-control[readonly],
.page-th .content-from .custom-select{
    font-family: 'csprajad_regular'!important;
}
.page-th .modal h3{
    font-family: 'promptmedium'!important;
}
.page-th .a-underline{
    font-size: 16px;
}
.page-th .a-underline:hover {
    font-family: 'csprajad_bold'!important;
}
.lefttimgform {
    width: 100%;
    height: 100vh;
}
.page-th .subhdhilight{
    font-family: 'din_bold'!important;
}

.page-th.page-overview .herobanner .slider-list .content-text .subhdhilight{
    font-family: 'csprajad_bold'!important;
}


.page-th.page-offers .boxtwocolunm .contenthdsection,
.page-th .detail-relates .subhdhilight,
.page-th.page-home .home-offer .contenthdsection{
    font-family: 'optima_nova_ltregular'!important;
}


.subhdhilight.font-csprajad_regular,
.page-th .responsive-tabs.nav-tabs > li > a,
.page-th.page-home .subhdhilight{
    font-family: 'csprajad_bold'!important;
}


.page-th #gallery-content .symbol{
    font-family: 'csprajad_bold'!important;
}



@media (min-width: 1281px) and (max-width: 1440px) {
    .page-th .header-nav .nav-link {
        padding: 1rem 2rem!important;
    }
}


@media (min-width: 1024px) and (max-width: 1280px) {
    .page-th .header-nav .nav-link {
        padding: 1rem 1rem!important;
    }
}
@media (max-width: 922px) {
    .page-th .footerbottom .maincontentwidth a{
        padding-left: 0;
        padding-right: 5px;
    }
}

body.modal-open {
    width: 100% !important;
    padding-right: 0 !important;
    overflow-y: scroll !important;
}
.modal.show{
    padding-right: 0 !important;