@charset "utf-8";



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

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

}
@font-face {
    font-family:'Century Gothic';
    src: url('../fonts/Century Gothic.eot');
  src: url('../fonts/Century Gothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Century Gothic.woff2') format('woff2'),
    url('../fonts/Century Gothic.woff') format('woff'),
    url('../fonts/Century Gothic.svg#Century Gothic') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F108;
}

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

} 

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

}
@font-face {
    font-family: 'plantin_bold_italic';
    src: url('../fonts/Plantin-BoldItalic.woff') format('woff2');
    font-weight: normal;
    font-style: normal;

}
*{ border: 0;}

.bold{font-family: ''db_penthai_xbold'!important';}

.listgroup .brown a{color:#c4ae77!important;}
/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#0f5f9e; /* change if the mask should have another color then white */
  z-index:999; /* makes sure it stays on top */
}

#status {
  width:260px;
  height:124px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../images/logo-preload.png); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-62px 0 0 -130px; /* is width and height divided by two */
}
/*reset*/
a:hover,a:focus{ text-decoration: none!important; outline: none!important; }
button:focus{outline: none!important;}
textarea{resize:none;}
/* Basic Styles 
-------------------------------------------------- */
h1,h2,h3,h4{ margin: 0; padding: 0; font-weight: normal!important;}
html{
    height: 100%;
}
body {
	font-size: 15px;
  font-family: 'Century Gothic','kanit';
  overflow-x: hidden !important;
  line-height: 24px;
  color: #737373;
  -webkit-text-size-adjust: none;
text-rendering: optimizeLegibility;
}
a{
  text-decoration: none;

}
p{line-height: 24px;}
.orange{color: #f67e18;}
.nopad{padding-left: 0; padding-right: 0;}
.relative{position: relative;}
.btn-home{padding: 8px 55px; border: 1px dotted #333; display: inline-block;}

/*container*/
.container-fluid{padding: 0; max-width: 1920px;}
.wrappermain{height: 100%; position: relative;}



#menu:not( .mm-menu ) {
   display: none;
}
.text-center img{display: inline-block;}
.mm-listview > li > a, .mm-listview > li > span{font-size: 16px;  font-family: 'kanit';}
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next{height: 39px;}
.mm-vertical .mm-listview > li > .mm-next::after, .mm-listview > li.mm-vertical > .mm-next::after {
    bottom: auto;
    top: 15px;
}




.wrapslide .ls-action > a{background-image: url(../images/controls-black.png);}
/*slide*/
.slide-front { position:relative; z-index:0; }
.slide-front-inner { position:absolute; bottom:180px; left:0; width:100%; z-index:999;}
.slide-front-inner .container{ position:relative; width:100%; max-width:1440px;}
.slide-caption-hotpromotion { width: 50%; float: left;text-align: center;}
.slide-caption-hotpromotion.rightcap{float: right;}

.boxcaption{bottom: 100px; position: relative; margin-left: 150px;  }
.boxcaption h3{ font-size:30px; text-transform: uppercase; font-family: 'trirongsemibold_italic'; margin-bottom: 10px;  }
.boxcaption p{white-space: normal; font-size: 16px;  }
.boxcaption { color:#222b47; display:inline-block; width: 590px; text-align: left; z-index: 10; padding: 10px;  background: rgba(255, 255, 255, 0.5);}
.boxcaption strong{ color:#222b47; }
.boxcaption a{ color:#fff; background:#222b47; display: inline-block;padding: 10px 20px ; margin-top: 20px; font-size:16px;  }
.boxcaption a:hover{background: #fff; color:#222b47; }

/*container*/
.container-fluid{padding: 0; max-width: 1920px;}

a{transition: all 0.3s ease 0s;}
.logo{display: inline-block; text-align: center; max-width: 160px; margin-top: 10px; margin-bottom: 20px;}
.gobottom{position: absolute; bottom: 10px; text-align: center;
padding-top: 5px; padding-bottom: 5px; bottom: 20px; transition: all 0.3s ease 0s; left: 50%; margin-left: -20px;}
.ls-action > a{z-index: 9;}
.topheader{background: #222b47; padding: 5px; color: #fff; font-size: 14px; position: relative; z-index: 99;}
.topheader a{color: #fff;}
.topheader .call{float: left;}
.topheader .opening{float: right;}
.header{ background-color: rgba(255, 255, 255, 0.9); transition: all 0.3s ease 0s;  
  font-family: 'kanit'; border-top: 1px solid #fff; z-index: 999;top: 0; position:relative; z-index: 98; }
.headerwhite .header{background: #fff;}
.wrapheader{position: fixed; width: 100%; z-index: 100; top: 0; transition: all 0.2s ease 0s;}
.wrapheader.scrollto .header{top: -80px; background: #fff;}
.wrapheader.scrollto{height: 85px;}


.header .mainmenu{  display: block;  text-align: center;}
.header .mainmenu ul{margin-bottom: 0;}
.header .mainmenu .flaticon-bottom:before{font-size: 8px; margin-left: 8px; color: #00326b; top: -3px; position: relative;
opacity: 0.5;}
.header .mainmenu > ul > li{display: inline-block; margin: 0 4px; position: relative;}
.header .mainmenu > ul > li > a{color: #3b3c38;  font-size: 18px; display: block; padding: 5px 15px 11px; cursor: pointer; }
.header .mainmenu > ul > li > a:hover{color: #8f8f8f;}


.header .mainmenu .submenu{position: absolute;  text-align: left; z-index: 101; visibility: hidden; opacity: 0;
 background: #fff;  top: 45px; border: 2px solid #ddd; transition: all 0.3s ease 0s;  }
.header .mainmenu .submenu.active{top: 40px; visibility: visible; opacity: 1;}

.havesub i{top: 0px;}
.header .mainmenu .submenu .glyphicon{position: absolute; color: #fff!important; top:0px; margin-left: 50px;}
.header .mainmenu .submenu ul{float: left; margin-right: 20px; }
.header .mainmenu .submenu ul:last-child{margin-right: 0;}
.header .mainmenu .submenu li{text-align: left; width: 180px; border-bottom: 1px solid #ccc;}
.header .mainmenu .submenu li:last-child{border-bottom: 0;}
.header .mainmenu .submenu li a{  display: block; padding: 8px 10px;
  display: block; color: #3b3c38; transition: all 0.3s ease 0s; font-size: 17px;}
.header .mainmenu .submenu li a:hover{color: #fff; background: #333;}
.submenu h2{font-size: 20px; margin-bottom: 5px;  font-family:'db_penthai_xbold'; padding-top: 10px; padding-bottom: 10px;
color: #cdaf83;}

.topheader .mainmenu .flaticon-bottom:before{font-size: 8px;  color: #fff;  position: relative;
opacity: 0.5;}
.topheader .mainmenu > ul > li{ display: inline-block;  position: relative;}
.topheader .mainmenu > ul > li > a{color: #fff; display: block; cursor: pointer; }
.topheader .mainmenu > ul > li > span:hover{color: #8f8f8f;}


.topheader .mainmenu .submenu{position: absolute;  text-align: left; z-index: 101; visibility: hidden; opacity: 0;
 background: #fff;  top: 35px; border: 2px solid #ddd; transition: all 0.3s ease 0s;  }
.topheader .mainmenu .submenu.active{top: 30px; visibility: visible; opacity: 1;}

.topheader .mainmenu .submenu .glyphicon{position: absolute; color: #fff!important; top:0px; margin-left: 10px;}
.topheader .mainmenu .submenu ul{float: left; margin-right: 20px; }
.topheader .mainmenu .submenu ul:last-child{margin-right: 0;}
.topheader .mainmenu .submenu li{text-align: left; width: 120px; border-bottom: 1px solid #ccc;}
.topheader .mainmenu .submenu li:last-child{border-bottom: 0;}
.topheader .mainmenu .submenu li a{ display: block; padding: 6px 10px; margin-top: 0px; 
  display: block; color: #3b3c38; transition: all 0.3s ease 0s; font-size: 12px;}
.topheader .mainmenu .submenu li a:hover{}
.submenu h2{font-size: 20px; margin-bottom: 5px;  font-family:'db_penthai_xbold'; padding-top: 0px; padding-bottom: 10px;
color: #cdaf83;}

.arrowdown{width: 60px; height: 60px; background: url(../images/arrow_down.png) center center rgba(255, 255, 255, 0.8); border-radius: 100%;
position: absolute; bottom: 20px; left: 50%; margin-left: -25px; z-index: 4;}
#prevslide,#nextslide{cursor: pointer; position: absolute; z-index:1; top: 55%; color: #fff; padding-top: 14px;
 border-radius: 100%; border: 1px solid #fff; transition: all 0.3s ease 0s;
width: 50px; height: 50px; text-align: center; left: 10px; }
#nextslide {right: 10px; left: auto;}
#prevslide:hover,#nextslide:hover{background: #fff; color: #3b3c38 ;}

.groupnav{float: right;}
.groupnav a{cursor: pointer;}

.topheader a i.langpic{position: relative; top: -3px;}
.actionfixed{position: absolute; bottom: 95px;  color: #fff; 
width: 100%; text-align: center; z-index: 1;}
.actionfixed h2,.actionfixed h3{font-size: 70px; line-height: 70px;}
.actionfixed p{color: #fff; font-size: 25px;}
.subgroupnav{position: absolute; background: #3b3c38; left: 0; top: 38px; width: 265px; z-index: 99; display: none;}
.show-m-menu {
    background:url("../images/menu_sub.png") no-repeat ;
    background-size: cover;
    display: none;
    height: 55px;
    position: absolute;
    right: 0;
    top: -7px;
    width: 55px;
    color: #3b3c38 ;
    font-size: 12px; padding-top: 45px; text-align: center;
}
.show-m-menu span{position: relative; top: -5px;}
.btn-brown{
  background: #ceaf83 none repeat scroll 0 0;
    color: #000;
    font-family: "db_penthai_xregular";
    font-size: 20px;
    padding: 8px 30px;
    display: inline-block; 
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.btn-brown:hover{background: #7e8083; color: #fff;}
.btn-white{font-size: 20px;
    padding: 8px 30px;
    background: #7C373D;
    display: inline-block; 
    border-radius: 3px; border: 1px solid #fff; display: inline-block; margin-left: 15px;}

.roomslide-inner .btn-brown{background: none;  border:2px solid #ceaf83; color:#ceaf83;}
.roomslide-inner .btn-brown:hover{border: 2px solid #ceaf83;}
.black{color: #000!important;}
.home{padding-top: 55px; padding-bottom: 55px; background: url(../images/bg_sky.png) no-repeat bottom;}
.home.bgfixed{background-attachment: fixed;}
.home.headoverview{padding-bottom: 35px;}
.home h2{font-size: 22px; color: #484866;  font-family: 'trirongsemibold_italic'; padding-top: 40px; margin-bottom: 10px;}
.home h3{color: #74778a; font-size: 23px; padding-top: 3px; margin-bottom: 15px; font-family: 'playfair_displayregular','kanit';}
.home h2.gray{font-size: 22px;  text-transform: capitalize; }
.home h1{color: #74778a; font-size: 25px; margin-top: 3px; margin-bottom: 0px; font-family: 'playfair_displayregular','kanit'; position: relative; }

.linebottom{position: relative;}
.linebottom:after{
  position: absolute;
content: "";
display: block;
width: 80px;
height: 3px;
background-color: #a3988e;
left: 50%;
bottom: -12px;
margin-left: -40px;
}
.padtop{padding-top: 30px;}
.home h1:hover a{color: inherit!important;}
.home .padwhite{background: #fff; padding-left: 30px; padding-right: 30px; padding-bottom: 30px;}
.womenpadwhite{background: #fff; padding-left: 100px; padding-right: 100px; padding-bottom: 30px;}
.contentlist ul,ol{margin-left:20px;}
.promo .col-md-4 , .col-xs-12 {padding: 5px; margin-bottom: 0px;}

.homedetail{padding-bottom: 40px;}
.homedetail.nobanner{padding-top: 166px;}
.homedetail.nopadbot,.nopadbot{padding-bottom: 0!important;}
.nopadtop{padding-top: 0!important;}
.coverserviceslide{text-align: center; font-family: 'playfair_displayregular','kanit';
margin-top: 15px;
font-size: 19px; color: #484866;}

.Envisionabetter{padding-top: 40px;}
.img-full{width: 100%;}
.footer{background: #4a4f66 ; font-family: 'kanit'; color: #c1bcbc; padding-top: 30px;  padding-bottom: 30px; font-size: 13px;}
.footer a{color: #c1bcbc; font-size: 14px;}
.footer a:hover{color: #fff;}
.footer h3{ font-size: 18px; margin-bottom: 10px; color: rgba(255, 255, 255, 0.85);}


.Subscription{position: relative;}
.Subscription .form-control{border-radius: 0;}
.Subscription button{
  padding: 5px 10px;
  background-color: #74778a;
  position: absolute; right: 0; top: 0;
  font-family: 'kanit'; 
  font-size: 13px;
  color: #fff;
 }
 .footer h3.Subh3{font-size: 17px; }
 .footer li{margin-bottom: 6px;}
.contactAdress{margin-top: 66px;}
.contactAdress h4,.nameAddress{ color: #fff; font-size: 18px;}
.contactAdress h4{margin-bottom: 10px;}
.contactAdress p{color: #c1bcbc; font-size: 14px;}
.contactAdress p.nameAddress{color: #fff; font-size: 17px;}
.copyright{font-size: 13px; margin-top: 15px; color: #fff;}
.wrapslidefront.Noabsolute{padding-top: 166px;}
.contactAdress i:before{font-size: 11px; margin-left: 0; margin-right: 8px;}

.Detailinner{padding-top: 0; position: relative;}

.Detailinner h1{ text-align: center;top: -70px;position: relative; }
.Detailinner .gridheader-nobenner h1{top:0;}
.boderh1{ border: 4px solid #484866; padding-top: 100px; padding-bottom: 100px; }
.gridsmall .boderh1{padding-bottom: 50px;}
.gridheader-nobenner .boderh1{padding-top: 70px; padding-bottom: 70px;}
.Detailinner h1 span{display: block;}
.Firsttext .hA1{font-size: 30px; color: #484866;}
.Detailinner .hA2{font-size: 37px; color: #484866; line-height: 40px; font-family: 'kanit'; font-weight: bold;}

.hA1clinic {color: #484866; font-size: 26px; margin-top: 3px; margin-bottom: 0px; font-family: 'playfair_displayregular','trirongsemibold_italic'; position: relative; }
.Detailinner .hA2clinic{font-size: 22px; color: #74778a; line-height: 40px; font-family: 'playfair_displayregular'; }

.absolutefloat{position: absolute; width: 100%; height: 70px; border:4px solid #fff; border-bottom: 0; left: 0; top: 0; }
.gridheader{height: 225px;}
.gridheader.gridsmall{height: 225px;}
.gridheader.Firsttext{height: 205px;}
.detailright{margin-top: 30px;}
.nomargin-bot{margin-bottom: 0;}

.ourprograms{padding-top: 30px;}
.ourprograms h3{color: #4a4f66 ; font-size: 30px;}
.listprograms{margin-top: 10px;}
.listprograms li{margin-top: 30px;}
.listprograms a{display: block; position: relative; overflow: hidden;}
.listprograms .bghover{position: absolute; width: 100%; height: 100%; left: 0; text-align: center; top: 0;
display: flex; align-items: center; z-index: 5;
justify-content: center; color: #222a43 ; font-size: 20px;  font-family: 'playfair_displayregular','trirongsemibold_italic';background-color: rgba(255,255,255,0.5);
transition: background-color .3s ease-in-out;}
.listprograms a:hover .bghover{background-color: rgba(255,255,255,0.8);}
.listprograms a img{transition: all 0.3s ease 0s; z-index: 4;}
.listprograms a:hover img{transform: scale(1.1);}
.listprograms.slideprogram a:hover img{transform: scale(1.0);}
.listprograms.slidearticle a:hover img{transform: scale(1.0);}

.atext{color: #222a43 ;}
.list-instyle{margin-left: 20px;}
.home h2.textrightmore{ margin-top: 80px; }

.slideprogram{margin-top: 20px;}
.slideprogram h4{font-family: 'kanit'; color: #333; margin-top: 18px; margin-bottom: 15px;
line-height: 25px;}
.slidearticle{margin-top: 20px;}
.slidearticle h4{font-family: 'kanit'; color: #333; margin-top: 18px; margin-bottom: 15px;
line-height: 25px;}

.slideprogram p{color: #222a43; margin-bottom: 0;}
.slidearticle p{color: #222a43; margin-bottom: 0;}
.ls-slide-outer .ls-pager.ls-pg{margin-top: 20px!important;}
.ls-slide-outer .ls-pager.ls-pg > li a{width: 15px; height: 15px; background-color: #fff; border: 1px solid #222a43;}
.ls-slide-outer .ls-pager.ls-pg > li:hover a, .ls-slide-outer .ls-pager.ls-pg > li.active a{background-color: #222a43;}
.nobanner .padwhite{padding-top: 40px;}
.contactprogram{margin-top: 30px;}
.contactprogram a{display: inline-block; padding: 12px 40px 12px 25px; border-radius: 30px; border:1px solid #484866;
color: #484866; position: relative; font-size: 16px;}
.contactprogram i:before{margin-left: 0; margin-right: 25px; font-size: 15px;}
.list-unstyled{margin-bottom: 0!important;}

.detaildoctor h3{font-size: 23px; color: #333; margin-bottom: 5px;}
.detaildoctor h4{font-size: 20px; font-family: 'kanit'; color: #484866; margin-bottom: 15px;
line-height: 28px;}
.btn-event{background-color: #162745; color: #fff; border-radius: 4px; font-size: 20px; 
padding: 15px 65px; display: inline-block; margin-top:40px;}
.btn-event:hover{background: #222b47; color: #fff; position: relative; padding-left: 60px; padding-right: 70px;}
.btn-event::after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 15px;
    right: 0px;
    transition: 0.5s;
}
.btn-event:hover::after{
  opacity: 1;
  right: 15px;
}
.clickdetail{background-color: #CEC2AB; color: #fff; border-radius: 4px; font-size: 16px; 
padding: 10px 35px; display: inline-block;}
.clickdetail:hover{background: #c3b498; color: #fff; position: relative; padding-left: 30px; padding-right: 40px;}
.clickdetail::after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 10px;
    right: 0px;
    transition: 0.5s;
}
.clickdetail:hover::after{
  opacity: 1;
  right: 15px;
}
.btn-back{background-color: #CEC2AB; color: #fff; border-radius: 4px; font-size: 16px; 
padding: 10px 35px; display: inline-block;}
.btn-back:hover{background: #c3b498; color: #fff; position: relative; padding-left: 30px; padding-right: 40px;}
.btn-back::after {
    content: '\00ab';
    position: absolute;
    opacity: 0;
    top: 10px;
    right: 0px;
    transition: 0.5s;
}
.btn-back:hover::after{
  opacity: 1;
  left: 15px;
}
.ls-slide-outer .ls-pager.ls-gallery li{padding: 3px;}
.ls-slide-outer .ls-pager.ls-gallery li a{

display: block;
}
.ls-slide-outer .ls-pager.ls-gallery{overflow: visible; margin-top: 25px!important;}
.ls-slide-outer .ls-pager.ls-gallery img{border-radius: 100%; border:4px solid #a3988f;}

.sepline {
    width: 80px;
    border-bottom: 3px solid #a69e87;
    margin-bottom: 15px;
}
.detaildocttorInner{margin-top: 20px;}
.detaildocttorInner h3{ font-size: 24px; color: #4a4f66; margin-bottom: 40px; }
.lang{margin-left: 15px; font-size: 12px; cursor: pointer;}
.lang img{margin-right: 5px;  position: relative; top: -2px;}

.quote{ margin-top: 30px; }
.namequote{font-size: 18px; opacity: 0.5; margin-bottom: 15px;}
.listhealth{margin-top: 0;}
.listhealth li{margin-bottom: 15px;}
.listhealth p{margin-bottom: 0;}


.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
  -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
   margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
  width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
  flex-flow: column nowrap;
}

.flex-grow {
  display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.paralaxBG{min-height: 356px;
    background: url(../images/bannerhealth-detail.jpg) no-repeat fixed center center; background-size: cover; margin-top: 165px;
    position: relative;}
.paralaxBGInner{text-align: center; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);
color: #fff; padding-top: 50px; padding-left: 200px; padding-right: 200px;}
.paralaxBGInner h3{font-size: 17px;}
.paralaxBGInner h1{font-size: 35px; margin-top: 40px; margin-bottom: 20px; }
.paralaxBGInner h2{font-size: 18px;}
.relative{position: relative;}
.meta{ position: absolute; z-index: 99; right: 50%; margin-right: -550px;  margin-top: 50px;
width: 60px; padding-bottom: 50px; color: #111f39;}
.socialshare a{display: block; margin-bottom: 8px;}
.socialshare a:hover{opacity: 0.8;}
.socialshare a img{width: 29px;}
.datefix{
  transform: rotate(-90deg);
position: absolute;
right: -29px;
top: 166px;
margin: 0;
text-align: right;
width: 118px;
padding-right: 5px;
font-size: 14px;
}
.pages{margin-top: 120px;}
.meta .num{font-size: 33px; margin-top: 10px;}
.meta .page{font-size: 12px;   text-transform: uppercase;}
.ci-view img{width: 29px;}
.ci-view{font-size: 20px; margin-top: 20px; }

.pagemobile{margin-bottom: 15px; padding-bottom: 15px; font-size: 14px; border-bottom: 1px solid #ccc; display: none;}
.pagemobile .pageleft{float: left;}
.pagemobile .pageright{float: right;}
.pagemobile .pageright img{width: 20px;}
.pagemobile .pageleft img{width: 16px;}

.contact h2{    font-family:'kanit'; font-weight: bold;}
.form-contact{margin-top: 25px;}
.form-contact .form-control{border-radius: 0; padding-top: 20px; padding-bottom: 20px;}
.form-contact fieldset{margin-bottom: 20px; position: relative;}
.form-contact button{ transition: all 0.3s ease 0s; }

.help-block {
    margin: 0;
    font-size: 12px;
    color: #a94442;
    position: absolute;
    bottom: -22px;
}
.healthguide-list {height:50px; overflow:hidden;}

.news-event-inner { padding:0 0 30px 0 !important }
.Detailinner .title h1 { text-align: left; top: 0px; padding-bottom: 20px; }
.link-seemore { color:#878787; margin-top:15px; cursor: pointer;}
.link-seemore:hover{ color:#333;  }
.link-seemore i::before { display: inline-block;-webkit-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);  font-size: 9px; vertical-align: 1px; font-style: normal; margin-left: 0px;}
.list-newsevent {}
.list-newsevent:nth-child(2n) { text-align: right}
.col-newsevent { padding-top:20px; padding-bottom: 20px; }
.col-newsevent a{ color:#000; }

.col-newsevent .text-newsevent h4{ position: relative; font-family: 'playfair_displayregular',kanit; color: #333; padding-top: 20px; margin-top: 18px; margin-bottom: 15px; line-height: 25px;}
.col-newsevent .text-newsevent h4::after { content: ""; position:absolute; top: 0px; display: block; width: 80px; height: 3px; background-color: #a3988e;}
.text-newevent-inner { padding:0 10px; }
.list-newsevent:nth-child(2n) .img-newsevent { float:right;}
.list-newsevent:nth-child(2n) .text-newsevent h4::after{ left: auto; right: 0;}
.img-newsevent {clear: both;}

/*newcss*/

.liste-shop{margin-top: 0;}
.liste-shop li{margin-bottom: 30px;}
.liste-shop h4{margin-bottom: 0;}
.liste-shop p{  margin-bottom: 0;
    height: 75px;
    overflow: hidden;}
.liste-shop .subtitle{color: #959595;font-size: 13px; margin-bottom: 5px; padding-bottom: 10px; border-bottom:2px solid rgb(149, 149, 149); }
.padeshop{padding-top: 50px;}
.nobanner{padding-top: 166px;}
.wrapbanner .ls-slide-outer{position: relative;}
.wrapbanner .ls-slide-outer .ls-pager.ls-pg{margin-top: 0 !important; position: absolute;
  bottom: 10px; width: 100%;
}
.wrapbanner .slidepackage{margin-bottom: 0;}
.wrapbanner .ls-slide-outer .ls-pager.ls-pg > li a{width: 10px; height: 10px;}
.packagedetail h1{top: auto; text-align: left; color: #484866!important;}
.packagedetail h2{margin-top: 10px; font-size: 20px; color: #74778a;
padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #484866; }

.btn-shop{background-color: #222b47; color: #fff; border-radius: 4px; font-size: 16px; 
padding: 10px 35px; display: inline-block;}
.btn-shop:hover{background: #222b47; color: #fff; position: relative; padding-left: 30px; padding-right: 40px;}
.btn-shop::after {
    content: '\e116';
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    opacity: 0;
    top: 15px;
    right: 0px;
    transition: all 0.3s ease 0s;
}
.btn-shop:hover::after{
  opacity: 1;
  right: 15px;
}
.btn-lineAdd{background: url(../images/line@.png) no-repeat fixed center center; background-size: cover; position: relative; border-radius: 4px;  width: 160px; height:43px;
padding: 10px 35px;  display: inline-block;}

.btn-remove{padding-right: 2px; cursor: pointer; color:#f2f2f2; position: absolute; left:0; top:10px;}

.packagedetail aside{margin-top: 30px;}
.packagedetail aside a{margin-top: 10px;}
.red{color: #c1272d;}
.detail2product{margin-top: 20px; padding-top: 20px;}
.detail2product .detaildoctor h3{font-family: 'Century Gothic','kanit'; font-size: 20px;}
.detail2product .ls-slide-outer .ls-pager.ls-pg > li a{width: 10px; height: 10px;}
.detail2product {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid rgb(149, 149, 149);}
.detail2col h3{font-size: 17px; font-weight: bold;  color: #484866;} 
.ls-action > a{background-color: #000;}

/*newyear*/
.newyear-row , .newyear-inner  { position:relative;}  
.newyear-row  {padding-top: 20px; padding-bottom:20px;} 
.newyear-row  h3{ font-size: 25px;} 
.newyear-text { padding-bottom: 100px; }
.newyear-price { position:absolute; bottom: 0; right: 0; width: 50%; }
.newyear-price .price{ color: #4a4f66; font-size: 24px; margin-bottom: 15px;  }
.order-form-newyear h3{ color: #4a4f66; font-size: 30px; margin-bottom: 15px;  }
.order-form-newyear  .close { position: absolute; z-index:1 ; right: 20px; top:20px; }
.order-form-newyear .modal-content { border-radius:0; border:0; }
.order-form-newyear .form-newyear { border:1px solid #4a4f66; padding:25px; }
.order-form-newyear .form-newyear .form-control{ border:0px; 
  border-bottom:1px solid #4a4f66; box-shadow: none; text-shadow: none; border-radius: 0; -webkit-border-radius: 0;  -moz-border-radius: 0; }

.boxdetail{padding: 20px; border:1px solid #484866; margin-bottom: 20px;}
.boxdetail h2{margin-top: 0; text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #4a4f66;}
.boxdetail p{margin-bottom: 0;}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
}
a[data-toggle="modal"]{cursor: pointer;}

.liste-shop li{padding-left: 60px; padding-right:60px;}
.liste-shop h4{font-size: 20px;}
.packagedetail h2{font-family: 'Century Gothic','kanit'; font-size: 16px;}
.packagedetail h2{border-bottom: 2px solid rgb(149, 149, 149);}
.detail2col>h2{text-align: center; margin-bottom: 30px;}
.otherpackage {border-top: 2px solid rgb(149, 149, 149); }
.otherpackage h2{margin-top: 0px; padding-top: 0px;}
.otherpackage h2{font-family: 'Century Gothic'; font-size:20px; font-weight: bold!important;}
.slideprogram h4{border-top: 2px solid rgb(149, 149, 149); padding-top: 15px;}
.btn-remove{z-index: 90;}
.order-form-newyear .close{font-size: 30px; top: 15px;}
.slidedetail2 .editpad{padding-left: 10px; padding-right: 10px;}

.liste-shop li{padding-left: 60px; padding-right: 60px;}
.home .padwhite.padedit{padding-left: 90px; padding-right: 90px;}

.wrapshopbanner{position: absolute; position: absolute; z-index: 999;  width: 100%; max-width: 1000px; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%);
transform: translateX(-50%); padding-left: 15px; padding-right: 15px;}
.shopbanner{color:#fff;
 background:#222b47; display:inline-block; padding: 10px 20px; font-size:14px; }
 .shopbanner:hover{color: #fff;}
.viewbanner{color:#fff; border: 1px solid #222b47; color: #222b47;
 background:none; display:inline-block; padding: 10px 20px; font-size:14px; }
 .home-banner {margin-top:170px;}
 .currency {font-size: 16px; font-weight: normal ;}
.price { 
    font-size: 25px;
    font-family: 'kanit';
    color: #222b47;
    font-weight: bold ;
}
 
 .bg-cover{background-size: cover;}


.section-toppage { padding-right: 100px; position: relative; }
@media (max-width: 1480px) { .section-toppage { padding-right: 50px; } }
@media (max-width: 680px) { .section-toppage { padding-right: 0; } }
.section-toppage:before { background-color: #212843; width: 50%; right: 0; bottom: 0; height: calc(100% - 90px); content: ''; position: absolute; }
.section-toppage .content-item { position: relative; background-size: cover; background-position: center; position: relative; }
@media (min-width: 1025px) { .section-toppage .content-item { background: none !important; } }
@media (min-width: 1025px) { .section-toppage .content-item .block-image { position: relative; } }
.section-toppage .content-item .block-image > div { padding-top: 42%; background-position: right;  }
@media (min-width: 1025px) { .section-toppage .content-item .block-image > div { position: relative; } }
@media (max-width: 1024px) { .section-toppage .content-item .block-image > div { padding-top: 60%; } }
@media (max-width: 767px) { .section-toppage .content-item .block-image > div { padding-top: 68%; } }
@media (max-width: 480px) { .section-toppage .content-item .block-image > div { padding-top: 90%; } }
.section-toppage .content-item .block-image > div:before { background-color: rgba(47, 47, 50, 0.3); content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section-toppage .content-item .block-image > div.bg-cover-register-by-program:before { background-color:transparent; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@media (max-width: 680px) { 
    .section-toppage .content-item .block-image > div:before { background-color: rgba(112, 112, 115, 0.19); } 
    .section-toppage .content-item .block-image > div.bg-cover-register-by-program:before { background-color:transparent; } 
}
.section-toppage .content-item .block-image img { width: 100%; }
@media (max-width: 1024px) { .section-toppage .content-item .block-image img { display: none; } }
.section-toppage .content-item .block-text { position: absolute; left: 0; width: 100%; max-width: 1360px; margin: auto; padding: 0 100px; height: 100%; top: 0; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; }
@media (max-width: 1180px) { .section-toppage .content-item .block-text { padding: 0 80px; } }
@media (max-width: 1024px) { .section-toppage .content-item .block-text { padding: 0 50px; } }
@media (max-width: 575px) { .section-toppage .content-item .block-text { padding: 0 15px; } }
.section-toppage .content-item .block-text * { color: #fff; }
.section-toppage .content-item .block-text h1 { font-size:30px; text-transform: uppercase; font-family: 'trirongsemibold_italic'; margin-bottom: 10px;  }
@media (max-width: 1180px) { .section-toppage .content-item .block-text h1 { margin-bottom: 10px; } }
@media (max-width: 1024px) { .section-toppage .content-item .block-text h1 { font-size: 5rem; } }
@media (max-width: 767px) { .section-toppage .content-item .block-text h1 { font-size: 4rem; } }
@media (max-width: 575px) { .section-toppage .content-item .block-text h1 { font-size: 2.5rem; }
  .section-toppage .content-item .block-text h1 br { display: none; } }
@media (max-width: 480px) { .section-toppage .content-item .block-text h1 { font-size: 1.6rem; } }
.section-toppage .content-item .block-text > div { max-width: 630px; }
@media (min-width: 768px) { .section-toppage .content-item .block-text .detail { } }
.section-toppage .content-item .block-text .block-link-list { margin-top: 60px; }
@media (max-width: 1680px) { .section-toppage .content-item .block-text .block-link-list { margin-top: 30px; } }
@media (max-width: 680px) { .section-toppage .content-item .block-text .block-link-list { margin-top: 20px; } }
@media (min-width: 681px) { .section-toppage .content-item .block-text .block-link-list { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; } }
.section-toppage .content-item .block-text .block-link-list .block-link a { font-family: "avenir-medium", Kanit, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.71px; font-size: 14px; display: inline-block; }
.section-toppage .content-item .block-text .block-link-list .block-link.block-link-1 a { padding: 20px 30px; border-width:3px;  border-style: double; }
@media (max-width: 1180px) { .section-toppage .content-item .block-text .block-link-list .block-link.block-link-1 a { padding: 10px 10px; } }
@media (max-width: 680px) { .section-toppage .content-item .block-text .block-link-list .block-link.block-link-1 a { font-size: 10px; } }
.section-toppage .content-item .block-text .block-link-list .block-link.block-link-1 a:hover { background-color: #212843; color: #fff; }
@media (max-width: 680px) { 
  .section-toppage .content-item .block-text .block-link-list .block-link.block-link-2 { margin-top: 20px; } 
  .block-link-1,.block-link-2{display: inline-block;}

}
.section-toppage .content-item .block-text .block-link-list .block-link.block-link-2 a { border-bottom: 1px solid; padding-bottom: 5px; }
.section-toppage .content-item .block-text .block-link-list .block-link.block-link-2 a:hover { padding-right: 20px; }
.section-toppage .content-item .block-text .block-link-list .block-link span { font-style: italic; padding: 0 30px; display: inline-block; }
.section-toppage .content-item.item-text-right .block-text { max-width: 100%; justify-content: flex-end; }
@media (min-width: 1025px) { .section-toppage .content-item.item-text-right .block-text > div { width: 50%; } }
.section-toppage .content-item.item-text-right .block-image > div { background-position: left; }
.section-toppage .bx-wrapper { background-color: #212843; }
@media (max-width: 680px) { .section-toppage .bx-wrapper .bx-viewport { z-index: 9; } }
.section-toppage .bx-wrapper .bx-controls { z-index: 52; bottom: 50px; left: 0; width: 100%; 
    padding: 0 100px; right: 0; position: absolute; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
@media (max-width: 1380px) { .section-toppage .bx-wrapper .bx-controls { bottom: 20px; } }
@media (max-width: 1024px) { .section-toppage .bx-wrapper .bx-controls { padding: 0 50px; } }
@media (max-width: 680px) { .section-toppage .bx-wrapper .bx-controls { justify-content: flex-end; padding: 0 20px; } }
.section-toppage .bx-wrapper .bx-pager { bottom: 0; left: 0; right: 0; text-align: left; position: relative; }
.section-toppage .bx-wrapper .bx-pager .bx-pager-item a { background-color: transparent; border: 2px solid transparent; width: 30px; height: 30px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 50%; }
.section-toppage .bx-wrapper .bx-pager .bx-pager-item a:after 
 {background-color: #fff; content: ""; position: relative; float:left; margin-left:0px; margin-top:0px; width: 7px; height: 7px;
 border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; z-index: 999; left:0px; top:0px;}

.section-toppage .bx-wrapper .bx-pager .bx-pager-item a.active, .section-toppage .bx-wrapper .bx-pager .bx-pager-item a:hover { border-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.section-toppage .bx-wrapper .bx-pager .bx-pager-item a.active:after, .section-toppage .bx-wrapper .bx-pager .bx-pager-item a:hover:after { background-color: #fff; border-color: #fff; }
@media (max-width: 767px) { .section-toppage .bx-wrapper .bx-pager .bx-pager-item a { margin: 0; } }
.section-toppage .bx-wrapper .bx-controls-direction { width: 175px; position: relative; 
    left: 0; right: 0; top: 0; margin: 0 0 0 40px; }
@media (max-width: 680px) { .section-toppage .bx-wrapper .bx-controls-direction { display: none; } }
.section-toppage .bx-wrapper .bx-controls-direction a { width: 38px; height: 9px; top: 50%; margin-top: -5px; background-image: url(../images/arrow.svg); background-size: contain; background-repeat: no-repeat; }
.section-toppage .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
.section-toppage .bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
.section-toppage .bx-wrapper .slide-counter { display: block; text-align: center; color: #fff; 
  font-family: "playfair-regular"; font-size: 18px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.section-toppage .bx-wrapper .slide-counter div { background-image: url(../images/cover-count.svg); width: 60px; height: 60px; background-size: contain; background-repeat: no-repeat; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.section-toppage .slide-counter { display: none; }

.mm-menu > .mm-panel > .mm-listview:first-child {margin-top: 40px;}

/**our-partner**/
.become-box {
	margin-left:auto;
	margin-right:auto;
	width: 280px;
    min-height: 20px;
    padding: 19px;
    margin-top: 40px;
    border: 1px solid #74778a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.Detailinner .hA2ourpart{font-size: 32px; color: #484866; line-height: 40px; font-family: 'playfair_displayregular'; font-weight: bold;}

.become-text{
    color: #484866;
	font-weight: 600;
 }
.partner-list {height:30px; overflow:hidden;}
.content-expand {
    height: 10em;
    padding: 2px;
    overflow: hidden    
}
.clickdetail-read-more{
	cursor:pointer;
}
/**our-partner**/

/*newCSS*/
.register-form{padding: 50px 0;}
.register-form h1{font-size: 30px; color: #222b47; font-weight: 300; margin-bottom: 50px;}

.form-register .form-control,.form-register .btn{border-radius: 0; border:0; border-bottom: 1px solid rgba(33, 40, 67, 0.2);
height: 50px; font-size: 16px; padding-left: 0; color: #212843; position: relative; background: none;}

.form-register .form-control{
  -webkit-box-shadow: none;
box-shadow: none; padding-right: 0;  
}
.form-register .form-control:focus{border-color: #212843;}

.form-register fieldset{margin-bottom: 25px; position: relative;}
.form-register button{ transition: all 0.3s ease 0s; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
  background: none;
}
.bootstrap-select .dropdown-toggle:focus{outline: none!important;}
.btn-group.open .dropdown-toggle{box-shadow: none;}

.form-register .dropdown-menu{border-radius: 0; box-shadow: none; top: auto; bottom: auto; padding: 0;}
.form-register .dropdown-menu > li > a{padding-top: 10px; padding-bottom: 10px; color: #212843; text-transform: uppercase;}
.form-register .dropdown-menu > li > a:hover{background-color: #212843;
color: #fff; }


.form-register .label-input{position: absolute; z-index: -5;  color: rgba(33, 40, 67, 0.6); left: 0px; top: 7px;
transition: all 0.3s ease 0s; font-weight: normal;letter-spacing: 1.71px;}
.form-register .label-input.active{top: -15px;  color: rgba(33, 40, 67, 0.6);}
.form-register .has-error .form-control:focus{box-shadow: none; border-color: rgba(33, 40, 67, 0.2);}
.form-register .clickdetail{border-radius: 0;padding: 20px 58px; font-size: 19px;}
.form-register .clickdetail:hover{background: #4a4f66;}
.form-register .clickdetail:after{display: none;}
.label-radio-group{font-weight: normal; margin-right: 20px;}
 [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, [class*="icheck-wetasphalt"] > input:first-child:checked + label::after
{
  width: 7px;
  height: 7px; border:0; border-radius: 100%; background: #4a4f66;
  top: 50%; left: 8px; transform: none; margin-top: -3.5px;
} 

.icheck-wetasphalt > input:first-child:checked + input[type="hidden"] + label::before, .icheck-wetasphalt > input:first-child:checked + label::before{
  background: none; border-color: none;
}
.ui-widget.ui-widget-content{z-index: 99!important;}
/*theamdate*//* 
.ui-datepicker,.ui-datepicker-material-header{ }
.ui-datepicker-material-header{display:block;background-color:#0522b6;color:#fff;text-align:center;width:325px}
.ui-datepicker-material-header .ui-datepicker-material-day{background-color:#1F3A58;padding:10px;font-size:1rem}
.ui-datepicker-material-header .ui-datepicker-material-date{padding:20px}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{padding:5px}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month{font-size:2rem;text-transform:uppercase}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num{font-size:4.5rem}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year{font-size:1.8rem;font-weight:200;color:rgba(255,255,255,0.4)}
.ui-datepicker{padding:0;border:none;box-shadow:0 12px 36px 16px rgba(0,0,0,0.24);width:325px}
.ui-corner-all{border-radius:0}
.ui-widget-header{border:0}
.ui-datepicker-header{text-align:center;background:#fff;padding-bottom:15px;font-weight:300}
.ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-next,.ui-datepicker-header .ui-datepicker-title{border:none;outline:none;margin:5px}
.ui-datepicker-prev.ui-state-hover,.ui-datepicker-next.ui-state-hover{border:none;outline:none;background:#0522b6}
.ui-datepicker-calendar .ui-state-default{background:none;border:none;text-align:center;height:33px;width:33px;line-height:29px;  font-size: 14px;}
.ui-datepicker-calendar .ui-state-highlight{color:#0522b6}
.ui-datepicker-calendar .ui-state-active{border-radius:50%;background-color:#4a4f66;color:#fff}
.ui-datepicker-calendar thead th{color:#999;font-weight:200}
.ui-datepicker-buttonpane{border:none}
.ui-datepicker-buttonpane .ui-state-default{background:#fff;border:none}
.ui-datepicker-buttonpane .ui-datepicker-close,.ui-datepicker-buttonpane .ui-datepicker-current{background:#fff;color:#ed1d24;text-transform:uppercase;border:none;opacity:1;font-weight:200;outline:none}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,.ui-datepicker-buttonpane .ui-datepicker-current:hover{background:#0522b6} */

.label-radio-block{margin-bottom: 15px;  color: #737373; font-size: 16px; display: block; width: 100%;}

.yes-consult-section{margin-top: 25px; margin-bottom: 25px; max-width: 300px; display: none;}

.section-program{padding-right: 0; margin-top: 150px; }
.section-nav-list li{float: left; width: 50%; border: 1px solid rgba(173, 161, 152, 0.4);}
.section-nav-list li a{display: block;padding: 25px 10px; color: #212843; text-align: center; font-size: 19px;}
.section-nav-list li a:hover,
.section-nav-list li a.active{
  background-color: #212843;
    color: #fff;
}
.input-border .form-control{border:1px solid rgba(33, 40, 67, 0.2); max-width: 400px;}
.max-420{max-width: 420px;}

/*detailprogram*/
.detail-program{padding: 50px 0;}
.detail-program h1{font-size: 30px; line-height: 35px; color: #222b47; font-weight: bold; margin-bottom: 25px;}
.detail-program h2{font-size: 26px; line-height: 35px; color: #222b47; font-weight: bold; margin-bottom: 25px;}
.detail-program h3{font-size: 20px; line-height: 25px; color: #222b47; font-weight: bold; margin-bottom: 10px; margin-top: 25px;}
.detail-program h4{font-size: 20px; line-height: 35px; color: #222b47; font-weight: bold; margin-bottom: 25px;}
.havelist{margin-left: 20px; margin-bottom: 20px;}
.tabform-detail{display: none;}

.section-nav-list.tabV li{border-color:#cb9850; }
.section-nav-list.tabV li a{color: #cb9850;}
.section-nav-list.tabV li a:hover, .section-nav-list.tabV li a.active{background: #cb9850; color: #fff;}
.form-register.formV .dropdown-menu > li > a:hover{background-color: #cb9850;
color: #fff;}
.clickWe{background-color: #cb9850;}

.list-group i{position: absolute; left: 0; top:0; color: #0c284c;}

.list-group h3{position: relative; padding-left: 90px; min-height: 60px; padding-top: 10px; color: #c6af8a; margin-bottom: 25px;}
.list-group li{position: relative; padding-left: 25px; margin-bottom: 15px; margin-left: 20px; font-size: 16px;}
.list-group li i{font-size: 18px; top: 5px;}
.contact-program{margin-top: 40px;}
.contact-program-inner{ margin-left: 20px; }
.contact-program h4{ color: #222b47; margin-bottom: 10px; }


/*healthguide newv*/
.ourprograms-item .healthguide-list { margin-top:10px;}
.tab-ourprograms {list-style:none; position: relative; border-bottom: 2px solid #a3988e; padding: 0; margin: 0 0 15px 0}
.tab-ourprograms {list-style:none;}
.tab-ourprograms li { float: left; text-align: center;  position: relative;}
.tab-ourprograms li a{padding: 5px 35px; display: block; text-align: center;  position: relative; }
.tab-ourprograms li.active a::after ,.tab-ourprograms li:hover a::after {content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #484866;}
.img-ourprogram { position:relative}
.img-ourprogram i.vdo{ position: absolute; top: 50%; left: 50%;display: inline-block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 58px; opacity: 0.9;}
.date-ourprogram { margin-top:10px; color:#222b47; }
.nav-pagination {  }
.nav-pagination-item {list-style:none; text-align: left;}
.nav-pagination-item li{ display: inline-block; padding: 10px 0px; }
.nav-pagination-item li i.fa{ font-size: 22px;}
.first { border-left: 1px solid #000}
.nav-category {}
.nav-category ul { list-style: none; }
.nav-category li { border-bottom: 1px solid #c6beb7; padding-top: 7px; padding-bottom: 7px;}
.nav-category li.active { font-weight:bold;font-size: 15px; }
.nav-category li a { color:#484866 }
.nav-category li:after { content: ""; display: table; clear: both;}
.nav-category .counter { color:#484866; float: right;}


.nav-pagination-item li a { text-align: center; width: 24px; height: 24px; color:#484866; border-radius: 30px; text-decoration: none; display: inline-block; font-size: 13px; line-height: 24px;margin-left: 3px; margin-right: 3px;}
.nav-pagination-item li .btn-navpag { vertical-align: 2px; width: 24px;  height: auto;  border-radius: 0px; text-decoration: none; display: inline-block; line-height: 24px; margin-left: 0px; margin-right: 0px;}
.nav-pagination-item li .btn-navpag.page { width: auto; margin-left: 7px; margin-right: 7px; }
.nav-pagination-item li a:hover,
.nav-pagination-item li a.active{ background: #a3988e; color:#fff; text-decoration: none!important; outline: none!important; text-decoration: none !important;}
.nav-pagination-item li .btn-navpag:hover { background: none; }
.nav-pagination-item li .btn-navpag.page:hover { width: auto; color:#484866; }


.guide-vdo { padding-top:25px; padding-bottom:25px; }
.guide-vdo .date-ourprogram { margin-top:0px; margin-bottom: 10px; }
.resp-container { position: relative; overflow: hidden; width: 100%; max-width: 870px; max-height: 467px; padding-top: 56.25%; margin: 0 auto}
.resp-iframe { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; border: 0;}
.guide-vdo-box { max-width: 870px; padding-top:15px; margin: 0 auto}

.breadcrumb-list { margin-bottom: 60px; }
.breadcrumbs {
    font-family:  kanit, Arial, sans-serif;
    font-size: 14px;
    color: #212843;
    
    margin-bottom: 20px
}
.breadcrumbs a {
    color: rgba(0, 0, 0, 0.5)
}
.breadcrumbs a:after {
    content: '>';
    display: inline-block;
    margin: 0 10px;
    color: rgba(0, 0, 0, 0.5)
}
.breadcrumbs a:hover {
    color: #212843;
    text-decoration: underline
}

.form-control-feedback-reg {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
}

/**/
.listhealth-full .col-sm-6 { width:49.5%; }
.tools{
	padding: 10px 0px;
	text-align:left;
}

.wrapslide-home .ls-slide-wrapper .ls-action > a {top: 125px; background-image: url("../images/ar-home.png") !important; background-color:transparent;width: 29px; height: 78px;}
.wrapslide-home.ar-half .ls-slide-wrapper .ls-action > a { top: 40% !important; }
.wrapslide-home .ls-action > .ls-prev  { background-position: 0 -1px }
.wrapslide-home .ls-action > .ls-next { background-position: -30px 0 }


/*theam new*/
.whatnew-home { margin-top:40px; }
.whatnew-item { background:#CEC2AB;  }
.box-whatnew { background:#CEC2AB; padding-right: 15px;  padding-left: 15px; margin-right: auto;margin-left: auto; }
.box-whatnew-text { color:#212943; padding:30px 25px; }
 a.link-st{ color:#212943; text-decoration: underline; }
 a.link-st:hover{ color:#000; text-decoration: underline !important; }
.box-whatnew-text h3{ color:#212943; }
.highlight-home { margin-top:40px; }
.box-hightlight-home { color:#000; padding: 7px; }
.box-hightlight-home h3 { font-size: 22px; }
.img-hightlight { margin-bottom:20px; }
.box-whatnew  .v-align-children{display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}
.box-whatnew-text h3 { font-size:20px; line-height: 22px;}
.btn-seaall { margin-top:20px; }
.btn-seaall a{ color:#fff; display:inline-block;background: #CEC2AB; border-radius: 3px; padding: 7px 35px; }
.btn-seaall a:hover{ background: #a3988e; }
.footer-theam {     font-family: "Helvetica Neue",Helvetica,kanit,Arial,sans-serif; font-size:14px; padding-top:40px;  }
.footer-theam h2 ,.footer-theam h3 ,.footer-theam h4 , .nameAddress{ color:#c1bcbc !important; font-family: 'playfair_displayregular',kanit; }
.footer-theam a { font-size:14px; }
.footer-theam .linebottom:after {  width: 200px; left: 50%; margin-left: -100px;}
.titel-footer { margin-bottom:50px; }
.list-social img { width: 100%; max-width: 50px; }
.list-app img {  max-width: 185px; }
.list-ourweb img { width: 100%; max-width: 50px; margin-right: 5px; }
.m-0 { margin-top:0; }
.txt-theam{ font-family: 'playfair_displayregular'; font-style: italic; }
.mail { float: left; }
.icon-contact { color:#CEC2AB; margin-right: 5px; }

/*footer res */
@media screen and (max-width: 991px){
.footer-m { text-align: left; }
.box-whatnew-text { padding: 20px 15px;}
}
@media screen and (max-width: 768px){
.box-whatnew  .v-align-children{display:-webkit-block; display:-moz-block; display:-ms-flexbox; display:block; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}
.footer-m { text-align: left; }
.mb-15 { margin-bottom: 25px; }
.wrapslide-home.ar-half .ls-slide-wrapper .ls-action > a { top: 25% !important; }
}
@media screen and (max-width: 760px){
  .footer-m { text-align: center; }
 .list-ourweb { padding-left:25%; padding-right:25%; text-align: left!important;}
}
@media screen and (max-width: 460px){ 
.wrapslide-home .ls-slide-wrapper .ls-action > a {  top: 85px; }
.footer-theam { padding-bottom:0px; }
.footer-m { text-align: center; }
.list-ourweb { padding-left:10%; padding-right:10%; text-align: left!important;}
}
/* end */

/**/
.list-inline i{font-size: 8px; margin-right:3px; position: relative; top: -2px;}
.detail-program h3.gold{color: #886a3b; font-weight: bolder;}
.fivedaypage h3{font-size: 25px; line-height: 30px; margin-bottom: 30px;}
.mb-25{margin-bottom: 30px;}
.detail-program h2.mb-25{margin-bottom: 30px;}

.img-svg{width: 100%; max-width: 200px;}
.havelist{margin-left: 20px;}
.rowhealthy{margin-bottom: 30px;}

.social-group .btn-social-g{ font-size: 18px; color: #a29891; padding: 10px 25px; border-radius: 5px;
display: inline-block; border: 3px solid #cec2ab;  width: 300px; margin-bottom: 15px; margin-right: 15px
}
.social-group .btn-social-b{ font-size: 16px; color: #162745; padding: 10px 25px; border-radius: 5px;
display: inline-block; border: 3px solid #162745;  width: 340px; margin-bottom: 15px; margin-right: 15px
}
.contact-text-top:after { width: 140px; height: 2px; background-color: #212843; content: ''; margin: 60px 0; display: block; }
/**/
.slide-controls { position:absolute;  left: 0; width: 100%; z-index: 99; }
.slide-controls .fa{ font-size: 30px; color:#484866 }
.slide-controls .slide-prev{position:absolute; bottom: 30px; left: -15px; cursor:pointer; }
.slide-controls .slide-next{position:absolute; bottom: 30px; right: -15px; cursor:pointer; }
@media screen and (max-width: 992px) {
.slide-controls .slide-prev { bottom: 15px; }
.slide-controls .slide-next { bottom: 15px; }	
}
 .slide-controls .slide-prev { bottom: 20px; }
.slide-controls .slide-next { bottom: 20px; } 
}
@media screen and (max-width: 520px){
.slide-controls .slide-prev { bottom: 10px; }.slide-controls .slide-next { bottom: 10px; }  
}

@media screen and (max-width: 460px){
.slide-controls .slide-prev { bottom: 5px; }.slide-controls .slide-next { bottom: 5px; }  
}
@media screen and (max-width: 400px){
.slide-controls .slide-prev { bottom: 4px; }.slide-controls .slide-next { bottom: 4px; }  
}

/*rejuvenation and wewellness*/

.section-toppage .content-item .block-text.bottom { position:absolute; top:auto; bottom: 50px; left: 0; background: #154f65; padding: 30px; width: auto; max-width: 450px; height: auto;}	  
.section-toppage .content-item .block-text.bottom h1 { margin-bottom: 0; font-family: 'Century Gothic',kanit; }
.d-block { display:block !important;}
.havelist.half li { float: left; width: 50%; }
.boxpr-rejuvenation { overflow: hidden; position:relative;}
.boxpr-rejuvenation * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.boxpr-rejuvenation a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
.boxpr-rejuvenation .boxpr-caption{ font-weight: bolder;text-align: center;position:absolute; width: 100%; bottom: 0; left: 0; background: rgba(255,255,255,0.9); padding: 10px; color:#222b47;}
.boxpr-rejuvenation .boxpr-caption i{ margin-right: 5px;}
.boxpr-rejuvenation:hover figure img { -webkit-transform: scale(1.2); transform: scale(1.2);}

.data-service { border: 1px solid #103a3e }
.data-service .table-responsive{margin-bottom: 0; border: 0px !important; }
.data-service th{ color:#114962; text-align: center; background: #c9dddc; border:0;  border-top: 0px solid #103a3e !important; border-left: 1px solid #103a3e}
.data-service td{ vertical-align: middle !important; border-top: 0px solid #103a3e !important; border-left: 1px solid #103a3e;}
.data-service .table{ margin-bottom: 0; border: 0px solid #103a3e;  }
.data-service tr:nth-child(odd){ background: #e6e7e8;  }
.data-service tr:nth-child(even){ background: #ffffff;  }

.data-service .box-flex{ display: -webkit-flex; /* Safari */  -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; }
.data-service .box-flex .col-box-lf { background-position: 50% 50%;  background-size: cover; float: left; width: 21%; }
.data-service .box-flex .col-box-ri { float: left; width: 79%;}
.concept-resize .col-lf { width: 63.666667%; padding-right: 0; }  
.concept-resize .col-lf figure { padding-right: 10px; }  
.concept-resize .col-ri { width: 36.333333%; padding-left: 0 }  
.bg-flower-top {     background-position: 0px 0%;  background-repeat: no-repeat; background-size: 100%; padding-bottom: 36%;  position: absolute;  top: 0px;   right: 0;  padding-left: 26%; z-index: -1; max-width: 365px; }
.bg-flower-center {  background-position: 0px 0%;  background-repeat: no-repeat; background-size: 100%; padding-bottom: 36%;  position: absolute;  top:60%;   left: 0;  padding-left: 26%; z-index: -1; max-width: 365px; }
.bg-flower-bot {  background-position: 10px 0%;  background-repeat: no-repeat; background-size: 100%; padding-bottom: 36%;  position: absolute;  top: 75%;   right: 0;  padding-left: 26%; z-index: -1; max-width: 365px;}
.pic2group-box { position:relative; text-transform: uppercase;font-size: 26px; line-height: 30px; color:#fff; } 
.pic2group-box .pic2group-caption{ position:absolute; right: 30px; bottom: 30px;} 

.section-nav-list.theam-gold {}
.section-nav-list.theam-gold li { border: 1px solid #b4a269;}
.section-nav-list.theam-gold li a{color: #b4a269; }
.section-nav-list.theam-gold li a:hover,.section-nav-list.theam-gold li a.active{ background-color: #b4a269; color:#fff;}
.wewellness-about { color:#949598; }
.wewellness-about h3{ color:#949598 !important; }
.wewellness-about .gold { color:#b4a269 !important;}
.wewellness-about .text-sub { color:#949598 !important;}
.pic2group-box { position:relative; text-transform: uppercase;font-size: 26px; line-height: 30px; color:#fff; } 
.pic2group-box .pic2group-caption{ position:absolute; right: 30px; bottom: 30px;} 
.btn-wewellness {background: #b4a269 !important; padding: 20px 58px; font-size: 19px; width: 100%; max-width: 300px;  }
.btn-wewellness::after {  top: 20px; }

.list-hi-1 li { margin-top: 5px; margin-bottom: 5px; }
.list-hi-1 li i{ margin-right: 10px;}
.weclassic-text h5{ color:#b4a269; font-size: 38px; line-height: 38px; }
.weclassic-text p{ color:#b4a269; font-size: 20px; line-height: 36px; }
.line-gold { border-bottom: 1px solid #cec2ab !important; padding-bottom: 30px; }

.fivedaypage { font-size:16px; }
.title-line { position: relative; overflow: hidden;}
.title-line span { display: inline-block;  vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; position: relative; padding: 0 20px;}
.title-line span:before,
.title-line span:after { content: ''; display: block; width: 1000px; position: absolute; top: 50%; border-top: 1px solid #b4a269;}
.title-line span:before { right: 100%;}
.title-line span:after { left: 100%;}

.collist-inline { display:inline-block;}
.w-100 { width:100%;}
.mgt-0{margin-top:0px !important} .mgt-10{margin-top:10px !important} .mgt-15{margin-top:15px} .mgt-20{margin-top:20px} .mgt-25{margin-top:25px} .mgt-30{margin-top:30px} .mgt-35{margin-top:35px} .mgt-40{margin-top:40px}
.mgb-10{margin-bottom:10px}.mgb-15{margin-bottom:15px}.mgb-20{margin-bottom:20px}
.m-none { margin-bottom:0; }
.blue{color: #222b47; font-weight: bolder;}
.blue-light{color: #009BCD;}
.blue-dark{color: #162745;}
.gold{color: #886a3b; font-weight: bolder;}
.text-sub { font-size: 75%;}
.row.v-align-children{display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}


@media screen and (max-width: 1024px) { 
.section-toppage .content-item .block-text h1 {font-size: 30px !important; }	
}
@media screen and (max-width: 992px) {
.weclassic-text h5 { font-size: 30px;line-height: 30px;}
.weclassic-text p { font-size: 24px;line-height: 30px;}
.section-toppage .content-item .block-text h1 {font-size: 30px !important; }	
.data-service .box-flex .col-box-lf { display: none; }
.data-service .box-flex .col-box-ri { width: 100%;}
.data-service th:first-child , .data-service td:first-child {  border-left: 0px solid #103a3e;}	
.data-service td { font-size: 14px; }
.bg-flower-top {  padding-bottom: 55%;   padding-left: 40%;  }
.bg-flower-center { padding-bottom: 55%;   padding-left: 40%;}
.bg-flower-bot {  padding-bottom: 55%;   padding-left: 40%;}	
}
@media screen and (max-width: 768px) {

.havelist.half li { float: none;  width: 100%;}	
.line-m-none { border-bottom: 0px !important;}	
.row.v-align-children{display:-webkit-block; display:-moz-block; display:-ms-block; display:block; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}	
	
	
.bg-flower-top { background-position: 0px 0%;  background-repeat: no-repeat; background-size: 100%; padding-bottom: 55%;  position: absolute;  top: 20px;   right: 0;  padding-left: 40%; z-index: -1; }
.bg-flower-center {  background-position: 0px 0%;  background-repeat: no-repeat; background-size: 100%; padding-bottom: 55%;  position: absolute;  top:70%;   left: 0;  padding-left: 40%; z-index: -1; }
.bg-flower-bot { display: none; }	
	
}

@media screen and (max-width: 680px){
.boxpr-half { width:100%; margin-left: 0; }
.pic2group-box { font-size: 16px; line-height: 21px;}	
.pic2group-box .pic2group-caption { right: 20px; bottom: 20px;}	
.section-toppage .content-item .block-text h1 {font-size: 24px !important; }	
.section-toppage .content-item .block-text h1 br { display:block;}	
.bg-flower-top , .bg-flower-center	{ display: none; }
}
@media screen and (max-width: 520px){
.data-service td { font-size: 13px;}	
}

/** women-empowered-promo **/
.section-promo{
    background-color:#222b47!important;
    color:white;
    padding-top:20px;
}
.heading-promo{
  color: white!important;
  font-size: 32px!important;
  padding-top:0px!important;
}
.head-women-promo:before,
.head-women-promo:after {
  content: '';
  margin: auto 1em;
  border-bottom: solid 2px;
  flex: 1;
}
.head-women-promo {
  display: flex;
  color: white!important;
  font-size: 32px!important;
  padding-bottom:30px;
}
.pdlf-promo{
    /* padding-left:30px; */
    /* padding-right:30px; */
}
@media screen and (max-width: 768px){
    .pdlf-promo{
        padding-left:15px;
        padding-right:15px;
    }
    .head-women-promo {
      font-size: 20px!important;
    }
}
.navbar .nav-menu li a img {
 width:30px;
 -webkit-transition:all .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 transition:all .4s;
 -ms-transition:all .4s
}
.navbar .nav-menu li a:hover img {
 width:45px
}
.navbar{position:fixed;z-index:999;top:50%;right:30px;transform:translateY(-50%)}
.navbar .nav-menu{margin:0;padding:0;list-style-type:none}
.navbar .nav-menu li{position:relative;min-width:200px;text-align:right;min-height:30px}
.navbar .nav-menu li .scroll{display:block;color:#fff;padding:5px 0}
.navbar .nav-menu li .scroll::after{width:15px;height:15px;border:2px solid #ADA198;right:-4px;transform:translateY(-50%) scale(0)}
.navbar .nav-menu li .scroll.active::before,.navbar .nav-menu li:hover .scroll::before{background:#ADA198;border-color:#ADA198}
.navbar .nav-menu li .scroll.active::after,.navbar .nav-menu li:hover .scroll::after{transform:translateY(-50%) scale(1);}
.navbar .nav-menu li .scroll span{display:inline-block;opacity:0;font-size:14px;text-transform:capitalize;background-color:#ADA198;padding:2px 20px;border-radius:3px;margin-right:30px;transform:translateX(20px);transition:all .3s ease}
.navbar .nav-menu li .scroll span::before{display:block;position:absolute;content:'';border-left:7px solid #ADA198;border-top:7px solid transparent;border-bottom:7px solid transparent;top:50%;transform:translate(5px,-50%);right:0;transition:all .3s ease}
.navbar .nav-menu li .scroll.active span,.navbar .nav-menu li:hover .scroll span{transform:translateX(0px);opacity:1}
@media screen and (max-width: 768px){ .d-none { display:none!important; } #messenger-list{ display:block!important; } } 
@media screen and (min-width:768px) { #messenger-list{ display:none!important; } } 
#messenger-list{ display:none; }
#messenger-list { position: fixed; right: 20px; bottom: 20px } 
@media screen and (max-width:767px) { #messenger-list { width: 100%; left: 0; right: 0; bottom: 0; background-color: rgba(33, 40, 67, 0.8); padding: 10px } }
.no-edit #messenger-list { z-index: 51; } 
#messenger-list .icon-shown { color: #fff; font-size: 40px; color: #ADA198; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; cursor: pointer; display: none }
#messenger-list .icon-shown img { width: 50px } @media (max-width:767px) { #messenger-list .icon-shown img { width: 40px } }
#messenger-list ul { list-style: none; padding: 0; margin: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -ms-transition: all .4s }
@media screen and (max-width:767px) { #messenger-list ul { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center } }
#messenger-list ul li a { display: block; width: 45px; text-align: center }
@media screen and (min-width:768px) { #messenger-list ul li a { height: 45px } }
#messenger-list ul li a img { width: 30px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -ms-transition: all .4s }
#messenger-list ul li a:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%) } 
#messenger-list ul li a:hover img { width: 45px }
#messenger-list:hover ul { visibility: visible; opacity: 1; }
/** women-empowered-promo **/
/** register event **/
.section-clinic{background-color:#F3F6FB!important;padding-top:50px;padding-bottom:50px;margin-top:20px;}
.span-clinic-list{ font-size:12px;color:#000;}
.card-white{background-color:#fff;padding-top:30px;padding-bottom:30px;border-radius:8px;}
#clinic-list .icon-shown { color: #fff; font-size: 40px; color: #ADA198; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; cursor: pointer; display: none }
#clinic-list .icon-shown img { width: 50px } 
#clinic-list ul { list-style: none;  display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#clinic-list ul li a img { width: 70px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -ms-transition: all .4s }
#clinic-list ul li a span { opacity:0;font-size:10px;color:#000;white-space: pre;text-align:center;  }
#clinic-list ul li a:hover span { opacity:1; }
#clinic-list ul li a:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%);} 
#clinic-list ul li a:hover img { width: 80px; }
#clinic-list ul li { margin: 15px;text-align:center;min-width:80px; }
#clinic-list:hover ul { visibility: visible; opacity: 1; }
/* womens health clinic program theme-rosybrown */
.section-nav-list.theme-rosybrown li { border: 1px solid #AD7B7C;}
.section-nav-list.theme-rosybrown li a{color: #AD7B7C; }
.section-nav-list.theme-rosybrown li a:hover,.section-nav-list.theme-rosybrown li a.active{ background-color: #AD7B7C; color:#fff;}
.wewellness-about .theme-rosybrown { color:#AD7B7C !important; }
.line-rosybrown {border-bottom: 1px solid #AD7B7C !important; padding-bottom: 30px; }
.rosybrown{color: #AD7B7C !important;}
.clickdetail-rosybrown{background-color: #AD7B7C; color: #fff; border-radius: 4px; font-size: 16px; padding: 10px 35px; display: inline-block;}
.clickdetail-rosybrown:hover{background: #c3b498; color: #fff; position: relative; padding-left: 30px; padding-right: 40px;}
.clickdetail-rosybrown::after {content: '\00bb';position: absolute;opacity: 0;top: 10px;right: 0px;transition: 0.5s;}
.clickdetail-rosybrown:hover::after{ opacity: 1;  right: 15px;}
.form-register .clickdetail-rosybrown{border-radius: 0;padding: 20px 58px; font-size: 19px;}
.form-register .clickdetail-rosybrown:hover{background: #4a4f66;}
.form-register .clickdetail-rosybrown:after{display: none;}
.women-h-rosybrown-bg1{	background: rgb(194,131,108);background: linear-gradient(90deg, rgba(194,131,108,1) 0%, rgba(200,142,115,1) 11%, rgba(219,173,136,1) 31%, rgba(226,182,149,1) 49%, rgba(219,173,136,1) 75%, rgba(194,131,108,1) 100%);}
.women-h-rosybrown-bg1::after{display: block;content:'';height:8px;width:100%;background-color:white;border-bottom: #707070 solid 1px;border-top: #707070 solid 1px;}
.women-h-rosybrown-bg2{	background: rgb(133,85,92);background: linear-gradient(45deg, rgba(133,85,92,1) 0%, rgba(220,172,166,1) 100%);}
.heading-promo-blue-dark{margin-top:25px;color:#162745!important;font-size: 32px!important; padding-top:0px!important;}
.mrg-top15{margin-top:15px;}.mrg-top50{margin-top:50px;}.mrg-top20{margin-top:20px;}.mrg-bottom30{margin-bottom:30px;}.pad-top50{padding-top:50px;}
.doc-border{/* border: #E4E4E4 dotted 6px;	 */margin-bottom:50px;	padding-left:50px;	padding-right:50px;	padding-bottom:30px;}
.doc-head{margin-top:20px;margin-bottom:0px!important;}
.doc-profile{padding-left:100px;padding-right:100px;}
.doc-detail{margin-top:10px;text-align:justify;	padding-left:100px;padding-right:100px;}
.doc-head{font-family:'trirongsemibold_italic';}
.doc-head2{margin-top:0px!important;}
.doc-expert{
  display: flex;
  padding-left:85px;padding-right:85px;
}
.doc-expert:before,
.doc-expert:after {
  content: '';
  margin: auto 1em;
  border-bottom: #AD7B7C solid 2px;
  flex: 1;
}
@media screen and (max-width: 768px){
.doc-detail{margin-top:10px;text-align:justify;	padding-left:10px;padding-right:10px;}
.doc-border{/* border: #E4E4E4 dotted 6px; */	margin-bottom:50px;	padding-left:10px;	padding-right:10px;	padding-bottom:30px;margin-left:15px;margin-right:15px;}
.doc-profile{padding-left:0px;padding-right:0px;}
.doc-expert{
  display: flex;
  padding-left:5px;padding-right:5px;
}
}
/* theme-rosybrown */
.content-desktop {display: block;}
.content-mobile {display: none;}

@media screen and (max-width: 768px) {
	.content-desktop {display: none;}
	.content-mobile {display: block;}

} 


/* royal life menu*/
.banner-mobile { display:none; }

.page-royallife-title { padding-bottom: 30px; }
.page-royallife-title  h2{color:#99782e;font-family:'playfair_displayregular';font-size:40px}
.page-royallife-title .btn-seaall.btn-stblue { margin-top: 2px;}
.list-gallery li { float: left; width: 50%; list-style: none; padding: 10px; }

.hover-st-4{ cursor: pointer;color:#fff;  position:relative;  float:left;  overflow:hidden;  width:100%;  background:#000;  text-align:center}
.hover-st-4 *{ -webkit-box-sizing:padding-box;  box-sizing:padding-box;  -webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out;}
.hover-st-4 img{  opacity:1;  width:100%}
.hover-st-4 figcaption{ text-shadow: 0px -1px 5px rgba(150, 150, 150, 1); bottom:0;  display:block;  left:0;  position:absolute;  right:0;  top:0}	  
.hover-st-4 h4{ font-size: 16px; line-height: 16px;color:#fff; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;  text-transform:uppercase;  bottom:48%;  -webkit-transform:translateY(33%);  transform:translateY(33%);text-shadow: 0px -1px 5px rgba(150, 150, 150, 1);}
.hover-st-4 h4 span{ font-weight:800}
.hover-st-4 p{ font-style: italic;position:absolute; z-index: 1;  top:0;  left:0;  right:0;  margin:0 auto;  top:50%;  opacity:0;  font-size:14px;  -webkit-transform:translateY(-50%) scale(0.7);  transform:translateY(-50%) scale(0.7);text-shadow: 0px -1px 5px rgba(150, 150, 150, 1);}
.hover-st-4 a{ left:0;  right:0;  top:0;  bottom:0; z-index: 2;  position:absolute}
.hover-st-4:hover img{ opacity:0.8;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
.hover-st-4:hover h4 { opacity:1;  -webkit-transform:translateY(0px);  transform:translateY(0px)}	  

.hover-st-4:hover p{ opacity:1; }

.page-royallife .font-italic { font-style: italic; color:#003a70; }
.page-royallife .txt-16 {font-size: 16px;line-height: 24px;}

.spad { padding-top: 70px; padding-bottom: 70px; }
.spad.half { padding-top: 40px; padding-bottom: 40px; }
.spad.pb-0 {  padding-bottom: 0px; }
.spad.pt-0 {  padding-top: 0px; }
.w-1200{width:100%;max-width:1200px}
.rcp-icon-box{padding-left:30px;padding-right:30px;margin-bottom:25px}
.rcp-icon-box figure{margin-bottom:20px}
.sec-aboutrl-bangkok h2{color:#99782e; font-family:'playfair_displayitalic';font-size:50px; font-weight:800!important; font-style:normal ;}
.list-box-item{display:table;width:100%}
.list-box-itemrow{display:table-row;margin-bottom:5px}
.list-box-itemcell{vertical-align:middle;display:table-cell;padding:2px}
.royallife-blog-item{padding:25px;margin-bottom:50px;border-radius:20px; transition:all 0.3s ease 0s;}
.royallife-blog-item:last-child { margin-bottom: 0; }
.royallife-blog-item:hover{background:#f7f7f7}
.royallife-blog-row{position:relative;}
.royallife-blog-row hgroup{margin-bottom:25px}
.royallife-blog-row hgroup h5{color:#99782e;font-size:28px}
.royallife-blog-row hgroup h3{color:#003a70;font-family:'playfair_displayregular','trirongsemibold_italic';font-size:30px}  
.royal-list-box {color:#003a70;}
.royal-list-box .list-box-itemcell{vertical-align:top}
.royal-list-box .list-box-itemcell img{padding-top:0}
.royallife-content{padding-bottom:65px}
.royal-icon{text-align:center;width:30px;padding:0}
.royal-icon i{font-size:20px}
.royal-list-row{width:100%;position:absolute;left:0;bottom:0}
.btn-stblue a{background:#003a70; font-style: normal;}
.sec-our-branch{padding-top:80px;padding-bottom:80px}
.sec-our-branch header{font-family: 'playfair_displayregular','trirongsemibold_italic';}
.sec-our-branch header h2{padding-bottom: 30px; font-size: 36px; color:#99782e;}

.royal-product{background:#f7f7f7;padding:25px;border-radius:20px}
.royal-product .product-logo img{margin: 0 auto}
.royal-product-txt{border-left:3px solid #99782e;padding:7px 0 7px 25px;margin:15px 0; font-style: italic; color:#003a70;}
.royal-information{padding-top:40px;padding-bottom:0px; }
.royal-information h3{font-size:26px;color:#003a70; font-family:kanit;}


.list-contact-info{text-align:center;margin-top:40px}
.list-contact-box{display:inline-block;position: relative;margin:20px;width:160px;color:#003a70; font-family:kanit; font-size:16px; font-weight : bold;}
.list-contact-img{display:inline-block;width:135px;height:135px;line-height:135px;text-align:center;background:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,0.10);margin-bottom:15px}
.list-contact-box a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.list-contact-box:hover .list-contact-img{box-shadow:0 0 10px rgba(0,0,0,0.30);-webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out;}
.royallife-doctor-item{padding:50px;margin-bottom:50px;border-radius:20px; transition:all 0.3s ease 0s;background:#f7f7f7; margin-top: 50px;}
.royallife-doctor-item:hover{}
.royallife-doctor-item:first-child { margin-top: 0px; }
.royallife-doctor-row{position:relative; color:#003a70;}
.royallife-doctor-row hgroup{margin-bottom:5px}
.royallife-doctor-row  h3{color:#99782e;font-family:'playfair_displayregular';font-size:32px}
.royallife-doctor-row  h5{font-family:'playfair_displayregular';font-size:18px;}
.royallife-doctor-row  ul{list-style: none;}
.doctor-portfolio-row { margin-top: 20px; }
.royal-doctor-img { }

.next-breadcrumb { padding-top: 20px; padding-bottom: 20px; }
.next-breadcrumb li { display: inline-block; padding-right: 5px; }
.next-breadcrumb li::after {content: '/'; padding-left: 5px}
.next-breadcrumb li:last-child::after {content: '';}

.royal-local-list {}	
.royal-local-list ul { text-align: center;}	
.royal-local-list li { position: relative;float: left;  width: 33.333333%; list-style: none; padding:0px 10px}	
.royal-local-list li::before { content: ''; position: absolute; left: 0; top: 0; height: 90%; width: 2px; background: #000; }	
.royal-local-list li:first-child::before { display: none}	
.royal-local-list .local-icon { text-align: left;width: 50px;}	
.royal-local-list .local-txt { font-family: 'playfair_displayregular';  font-size: 20px;}	
.royal-box { display: inline-block;}

.link-dektop { display: block;}
.link-mobile { display: none;}

@media (max-width: 1024px) {
.royallife-blog-row hgroup h5{font-size:16px}
.royallife-blog-row hgroup h3{font-size:26px}

.royallife-doctor-item{padding:30px 15px; }
.royal-local-list .local-txt {font-size: 16px;}
.royal-local-list .list-box-itemcell.local-icon { width: 100%; text-align: center }
.royal-local-list .list-box-itemcell  { display: block; text-align: center; width: 100%; }

}
@media (max-width: 767px) {
.royallife-blog-item{margin-bottom:50px;max-width:480px;margin-left:auto;margin-right:auto;padding: 20px;}
.royallife-img{margin-bottom:20px}

.royallife-doctor-item { max-width:480px;margin-left:auto;margin-right:auto }
.royal-doctor-img {  margin-bottom:30px; text-align: center; }	
.royal-doctor-img img{ max-height: 350px; width: auto; }	
	
.royal-product { text-align: center;}	
.royal-product-txt {  border-left: 0px solid #99782e; }	
	
.royal-product .product-logo img {  height: 55px;}

.link-dektop { display: none;}
.link-mobile { display: block;}	
	.rcp-icon-box{padding-left:40px;padding-right:40px; margin-bottom: 0; margin-top: 35px;	 }
	
}

  @media (max-width: 580px) {
.banner-mobile { display:block; }	  
	  
.sec-aboutrl-bangkok h2 { font-size: 28px; line-height: 34px;}
.list-gallery li { padding: 5px;}
.royallife-doctor-row h3 { font-size: 26px;}	  
.list-contact-box { float: left; margin: 0; width: 50%;font-size: 13px;}	  	  	  
.royal-local-list .list-box-itemcell { display: table-cell;text-align: left;}
.royal-local-list .list-box-itemcell.local-icon {width: 50px;}
.royal-local-list li { width:100%; } 
.royal-local-list li::before { display:none; }	 
	  
.royallife-blog-item {padding: 0px;}	  
.royallife-blog-item:hover{background:none;}
	  
}

@media (max-width: 400px) {
.list-contact-img {width: 125px; height: 125px;line-height: 125px;}
	.list-gallery li { width: 100%; }	
}


.slide-switch {}
.slide-switch .tp-banner { display: block }
.slide-switch .tp-banner-mobile {display: none}
@media (max-width: 767px) { 
    .slide-switch .tp-banner { display: none }
    .slide-switch .tp-banner-mobile {display: block}
}