@font-face {
  font-family: 'ThaiSansNeue-Bold';  
  src: url('font/ThaiSansNeue-Bold.eot'); /* IE9 Compat Modes */
  src: url('font/ThaiSansNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/ThaiSansNeue-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ThaiSansNeue-Regular';        
  src: url('font/ThaiSansNeue-Regular.eot'); /* IE9 Compat Modes */
  src: url('font/ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/ThaiSansNeue-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FCIconic-Bold';  
  src: url('font/FCIconic-Bold.eot'); /* IE9 Compat Modes */
  src: url('font/FCIconic-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/FCIconic-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FCIconic-Regular';        
  src: url('font/FCIconic-Regular.eot'); /* IE9 Compat Modes */
  src: url('font/FCIconic-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/FCIconic-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ElMessiri-Bold';        
  src: url('font/ElMessiri-Bold.eot'); /* IE9 Compat Modes */
  src: url('font/ElMessiri-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/ElMessiri-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ElMessiri-Regular';        
  src: url('font/ElMessiri-Regular.eot'); /* IE9 Compat Modes */
  src: url('font/ElMessiri-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/ElMessiri-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{
  /*font-family: 'ThaiSansNeue-Regular', Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;*/
  font-family: 'FCIconic-Regular', Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  font-size: 18pt;
}
body.font-md{
  font-size: 18pt;
}
body.font-lg{
  font-size: 22pt;
}
.header{
  border-bottom: none;
  background: transparent;
}
.header a{
  color: #fff;
}
header.scrolled, header.always-scrolled{
  background-color: #8f6137;
}
#navbar2{
  background-color: none;
  display: block;
  position: absolute;
  top: 0;
  color: #fff;
  right: 150px;
  list-style: none;
  padding: 0 15px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
}
#navbar2 li{
  float: left;
  padding: 0 3px;
}
#navbar2 a{
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  vertical-align: middle;
}
.navbar-nav{
  margin-top: 20px;
}
.navbar-nav li a{
  padding: 10px 10px 5px 10px;
  font-size: 0.8em;
}
@media only screen and (min-width: 768px){
  .navbar-nav li.active>a{
    border-bottom: 2px solid #87501A;
  }
}
.navbar-brand{
  height: 35px;
  top: 30px;
}
@media only screen and (max-width: 992px){
  .form-search{
    position: absolute;
    top: -19px;
    right: 30px;
  }
  #navbar2{
    margin-right: 150px;
  }
}
.form-search .input-group-search{
  margin-top: 15px;
}
.form-search .input-group-btn{
  position: absolute;
}
.form-search .input-group-btn .btn{
  background: none;
  color: #fff;
}
.form-search input[type=text]{
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px !important;
  padding-left: 40px;
  font-size: 0.8em;
  padding-top: 0;
  padding-bottom: 0;
}
.btn-round{
  background-color: #8f6137;
  border-radius: 20px;
  color: #fff;
  font-size: 0.9em;
  padding: 5px 20px;
  margin: 10px;
  white-space: nowrap;
  display: inline-block;
}
.btn-round i{
  font-size: 0.7em;
  margin-right: 3px;
}
.btn-round:hover, .btn-round:focus{
  text-decoration: none;
  color: #fff;
}
.btn-inquire-service-fee{
  color: #fff;
  font-size: 1.2em;
  padding: 10px 30px;
  background-image: url(../img/btn-inquire-bg.png);
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center; 
  min-width: 215px;
  text-align: center;
}
.section-bistro .btn-inquire-service-fee{
  font-size: 30px;
  font-weight: normal;
  font-family: 'FCIconic-Regular';
}
.section-care_blog{
  padding-bottom: 40px;
}
.section-care_blog .care_blog-slider .b-card{
  width: 400px;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  padding: 10px;
  margin: auto;
}
.section-care_blog .care_blog-slider .b-card .b-card-title{
  color: #2B2A29;
  font-family: 'FCIconic-Bold';
  font-weight: bold;
}
.section-care_blog .care_blog-slider .b-card .b-card-thumb{
  border: 0;
  border-radius: 0;
}
.section-care_blog .care_blog-slider .b-card .b-card-details{
  border: 0;
  border-radius: 0;
  color: #2B2A29;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 0.8em;
}
.section-care_blog .care_blog-slider .b-card .b-card-desc{
  line-height: 1em;
  height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}
.section-care_blog .care_blog-slider .b-card .btn-more{
  color: #603913;
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  border: none;
  background: none;
  font-size: 1em;
}
.section-package .section-title{
  max-width: 1170px;
  text-align: left;
  margin: auto;
  padding-left: 20px;
  color: #000000;
}
.section-package .section-desc{
  max-width: 1170px;
  text-align: left;
  margin: auto;
  padding-left: 20px;
  color: #90593F;
  line-height: 24px;
  padding-bottom: 20px;
}
.section-package{
  padding-top: 40px;
  padding-bottom: 40px;
  background: none;
}
.section-package .topic1, .section-package .topic2{
  display: block;
}
.section-package .package-slider .b-card{
  width: 350px;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  padding: 10px;
  margin: auto;
}
.section-package .package-slider .b-card .b-card-title{
  color: #5C3A1B;
  font-family: 'ElMessiri-Bold';
  margin-bottom: 3px;
  display: block;
  margin-top: 10px;
  text-align: left;
}
.section-package .package-slider .b-card .b-card-thumb{
  height: 290px;
}
.section-package .package-slider .b-card .b-card-details{
  border: 0;
  border-radius: 0;
  color: #2B2A29;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 0.8em;
  padding: 0;
  padding-top: 10px;
}
.section-package .package-slider .b-card .b-card-desc{
  height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  font-family: 'FCIconic-Regular';
  color: #5C3A1B;
  text-align: left;
}
.section-package .package-slider .b-card .btn-more{
  color: #603913;
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  border: none;
  background: none;
  font-size: 1em;
}
.section-location iframe.map{
  max-width: 100%;
  max-height: 260px;
  margin: auto;
  border-radius: 0;
  vertical-align: middle;
}
.section-location{
  padding: 50px 0;
}
.section-location .section-location-inner{
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.4);
}
.section-location .section-location-inner2{
  max-width: 1170px;
  margin: auto;
}
.section-location .section-title{
  color: #fff;
  font-family: 'ElMessiri-Regular';
  font-size: 3em;
}
.section-location .section-desc{
  color: #fff;
  font-family: 'FCIconic-Regular';
  font-size: 1.2em;
}
.page-title-absolute{
  position: absolute;
  top: 15px;
}
.section-title, .page-title, .b-card .b-card-title{
  color: #5b391a;
}
a.b-card:hover{
  text-decoration: none;
}
.section-title{
  font-family: 'FCIconic-Bold';
  font-size: 1.2em;
}
.social-button-list{
  margin-top: 10px;
}

.footer{
  padding-top: 40px;
  padding-bottom: 0px;
}
.footer .copy-right{
  padding: 0;
  padding-bottom: 50px;
  text-align: left;
  margin-left: 0;
}
.footer ul li a{
  color: #fff;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 0.8em;
}
.footer-head{
  color: #fff;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 1.5em;
}
.footer-detail{
  color: #fff;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 1em;
}

.rotate-45 {
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-0.5);

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: translate3d(0,0,0);
  transform: rotate(-45deg);

  -webkit-backface-visibility: hidden;

  /* FOR CHROME */
  -webkit-filter: blur(0px); /* or any other filter*/
  
  /* FOR FIREFOX */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.header-nav .navbar-nav{
  font-size: 15pt;
  font-family: 'FCIconic-Regular';
}
@media only screen and (min-width: 768px){
  .header-nav .navbar-nav > li > a {
    font-size: 0.65em;
  }
}
@media only screen and (min-width: 768px) {
  .header-nav .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 992px){
  .header-nav .navbar-nav > li > a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav .navbar-nav > li > a {
    font-size: 1.1em;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.section-title-lg {
  font-family: 'FCIconic-Regular';
  font-weight: normal;
}
@media only screen and (min-width: 768px){
  .section-title-lg {
    font-size: 50pt;
    font-family: 'FCIconic-Regular';
    font-weight: normal;
  }
  .section-title.section-title-lg .more{
    font-size: 24px;
    margin-top: 24px;
  }
}

.container-banner{
  padding-left: 0;
  padding-right: 0;
  margin: auto;
  max-width: 1920px;
}
.tria-page .b-card .b-card-info{
  position: unset;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 30px;
}
.care_blog-page .b-card{
  margin-bottom: 30px;
  -moz-box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}
.care_blog-page .b-card .b-card-info{
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tria-page .b-card .b-card-info a{
  position: unset;
  margin: auto;
  text-align: center;
  margin: 0;
}
.tria-page .b-card{
  border: 0;
  margin: auto;
  width: 300px;
  border-radius: 0;
}
.tria-page .b-card-thumb{
  border-radius: 0;
  width: 100%;
  height: 300px;
}
.tria-page .b-card-details{
  border-radius: 0;
  border-left: 3px solid #cfad6e;
  padding: 0px 10px;
  margin: 5px;
  margin-bottom: 0;
}
.doctor-page .b-card-details{
  border-left: 0;
}
.care_blog-page .b-card{
  width: 310px;
  margin-bottom: 20px;
}
.care_blog-page .b-card-thumb{
  border-radius: 0;
  width: 100%;
  height: 171px;
}
@media (min-width: 1200px){
  .care_blog-page .b-card{
    width: 380px;
  }
  .care_blog-page .b-card-thumb{
    height: 210px;
  }
}
.care_blog-page .b-card-details{
  border-left: 0;
}
.care_blog-page .b-card .b-card-info .info-label{
  float: left;
  margin-left: 5px;
}
.care_blog-page .b-card .b-card-info .btn-more{
  float: right;
  margin-right: 5px;
  color: #603913;
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  border: none;
  background: none;
  font-size: 1em;
}
.tria-page .b-card .b-card-title{
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}
.doctor-page .b-card .b-card-title{
  text-align: center;
}
.tria-page .b-card .b-card-desc{
  font-size: 0.7em;
  padding: 0;
  margin: 0;
  height: 2.2em;
}
.doctor-page .b-card .b-card-desc{
  text-align: center;
  font-size: 0.9em;
}

.content_package-slider .b-card{
  border: 0;
  margin: auto;
  width: 250px;
  border-radius: 0;
}
.content_package-slider .b-card-thumb{
  border-radius: 0;
  width: 250px;
  height: 250px;
}
.content_package-slider .b-card-details{
  border-radius: 0;
  border-left: 3px solid #cfad6e;
  padding: 0px 10px;
  margin: 5px;
}
.content_package-slider .b-card .b-card-title{
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.content_package-slider .b-card .b-card-desc{
  font-size: 0.7em;
  padding: 0;
  margin: 0;
  height: 2.2em;
}
.slick-slider .slick-dots{
  position: relative;
}


.btn{
  font-size: 0.8em;
}

.b-card .b-card-title{
  font-family: 'FCIconic-Bold';
}
.b-card .btn-more{
  font-family: 'FCIconic-Bold';  
}
.btn-secondary{
  font-family: 'FCIconic-Bold';
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  line-height: 1;
}
.contact-info .glyphicon{
  top:7px;
}
.contact-info > p{
  padding-left: 25px;
}
.center-card .center-card-title .title-inner{  
  font-family: 'FCIconic-Bold';
}
.center-container{
  max-width: 900px;
  margin: auto;
}

div.section.container div.row div.col-sm-8 img,
div.section.container div.row div.col-sm-12 img{
  /*width: 100%;
  display: block;*/
  max-width: 100%;
  /*height: auto;*/
}

.header-nav{
  height: 50px;
  min-height: 50px;
}

.home-slider .slick-slide{
  height:auto;
  background:none;
}
.home-banner-icon{
  position: absolute;
  text-align: center;
  margin-top: -70px;
  display: block;
  width: 100%;
}
.home-banner-icon a{
  display: inline-block;
}
.banner-social-icon {
  padding: 10px 5px;
}
.banner-social-icon img{
  height: 35px;
}
.slick-slider{
  margin-bottom: 0px;
}
.section-top-banner .slide-text-container{
  margin-top: 0px;
}

body{
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .header-nav .navbar-nav > li > .sub-menu {
    top: 187px;
  }
}

.b-card-bg .b-card-details{
  min-height: 219px;
}


@media only screen and (min-width: 768px){
  li.resp-only{
    display: none;
  }
}
.center-slider .center-card .center-card-title{
  display: block;
  height:40px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  position: relative;
  top: 150px;
  text-align: right;

}
.center-card .center-card-space{
  height: 10px;
}
div.section.container div.row div.col-ms-6.common-card{
  min-width: unset;
}
.common-card-thumb{
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
  line-height: 1em;
  text-align: center;
  padding: 0 15px;
}
.center-card .center-card-thumb, .doctor-card .doctor-card-thumb, .common-card .common-card-thumb{
  margin: auto;
  height: 350px;
  max-width: 250px;
}
.center-card .center-card-title .title-inner, .doctor-card .doctor-card-title .title-inner, .common-card .common-card-title .title-inner{
  display: inline-block;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.0em;
  vertical-align: middle;  
  font-family: 'FCIconic-Bold';
  background-color: transparent;
  color: #594A42;
  height: auto;
  margin: 10px;
  margin-top: 0px;
  padding: 0;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.center-card .center-card-desc, .doctor-card .common-card-desc, .common-card .common-card-desc{
  background-color: transparent;
  color: #3A2100;
  font-size: 0.7em;
  text-align: center;
  height: auto;
  padding: 0;
  margin-bottom: 35px;
}
.center-card .center-card-title, .doctor-card .doctor-card-title, .doctor-page .doctor-card .doctor-card-title
, .common-card .common-card-title{
  display: block;
  height:auto;
  line-height: inherit;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  padding: 0;
  margin-top: 10px;
}

.center-card, .doctor-card, .common-card{
  display: block;
  background-color: #F4F4F5;
  margin-bottom: 15px;
} 

.about_us-page .common-card .common-card-title{
  margin-bottom: 0;
}
.about_us-page .common-card .common-card-title .title-inner{
  height: 30px;
}
.about_us-page .common-card .common-card-desc{
  margin-bottom: 15px;
}

.pagination li > a{
  margin-top: 5px;
}

div.selectize-input input{
  position: absolute;
}

.b-card .b-card-title {
  height: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2em;
}

.b-card .tag{
  height: 23px;
  overflow: hidden;
  max-width: calc(100% - 27px);
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  clear: both;
  float: left;
  margin-bottom: 3px;
  line-height: 20px;
}
body.font-md .b-card .tag{
  max-width: calc(100% - 35px);
}
body.font-lg .b-card .tag{
  max-width: calc(100% - 48px);
}

@media only screen and (min-width: 480px){
  .b-card .b-card-desc {
    height: 65px;
  }
  body .b-card .b-card-info {
    max-height: 78px;
  }
  body.font-lg .b-card .b-card-info {
    max-height: 89px;
  }
  body.font-md .b-card .b-card-info {
    max-height: 81px;
  }
}

.b-card-featured{
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}
.b-card-featured-inner{
  color: white;
  background-color: red;
  font-weight: bold;
  width: 110px;
  position: relative;
  top:14px;
  left:-26px;
  text-align: center;
  height: 29px;
}

.page-title{
  margin-top: 0px;
  margin-bottom: 0px;
}

.pagination li > a {
  padding: 5px 16px 5px 16px;
  font-size: 0.8em;
}

select.bold{
  font-weight: bolder;
  font-size: 16px;
}

.my-slide div{
  display: none;
}
.my-slide div.active{
  display: block;
}
.my-slide-button .slick-prev{
  left:5px;
}
.my-slide-button .slick-next{
  right:5px;
}

.b-card .b-card-desc.b-card-desc-long{
  height: auto;
}

.section-service a.thumbnail{
  display: inline-block;
}

.map-canvas{
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 300px;
}

.contact-address{
  padding-left: 0px;  
}

.contact-address ul li{
  padding-bottom: 25px;
  padding-left: 0px;
}

.contact-address .glyphicon{
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}

@media only screen and (max-width: 992px){
  .contact-address ul li{
    padding-bottom: 3px;
  }
}

.contact-branch-outer{
  margin:0px;
}
.contact-branch{
  width: 20%;
  float: left;
  margin: 0px;
  min-width: 220px;
  padding-bottom: 10px;
  height: 400px;
}
.contact-branch li.mini-map div{
  display: inline-block;
}
.contact-branch img{
  width: 195px;
}
.contact-branch ul li{
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 14px;
}
.login-menu{
  margin-right: 10px;
}
@media only screen and (max-width: 767px){
  .login-menu {
    font-size: 16px;  
  }
}
@media only screen and (max-width: 767px){
  .language-selector .form-control {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px){
  .header-row .hotline-icon {
    width: 48px;
    height: 40px;
  }
  .header-row{
    padding-left: 0;
    position: absolute;
    right: 0px;
    bottom: 0;
    top:20px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px){
  .header-nav {
      top: 25px;
  }
}
@media only screen and (min-width: 768px){
  .header-nav .navbar-form {
      top: -63px;
  }
}
@media only screen and (min-width: 768px){
  body {
    padding-top: 0;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px){
  .header-nav .navbar-form {
      top: -40px;
  }
  .header-row{
    padding-left: 110px;
    margin-top: 0px;
  }
}
.live-chat {
  background-image: url(../img/icon/live-chat-icon-small.png);
  width: 61px;
  height: 48px;
}
@media only screen and (min-width: 768px){
  .live-chat {
    background-image: url(../img/icon/live-chat-icon-mid.png);
    width: 92px;
    height: 72px;
  }
}
@media only screen and (min-width: 768px){
  .header-nav .navbar-nav > li > .sub-menu {
      top: 139px;
  }
}

.form-control{
  font-size: 0.9em;
  line-height: 1em;
}
.input-group-btn{
  font-size: 0.9em;
  line-height: 1em;
  font-family: 'FCIconic-Bold';
}
.language-selector select{
  padding: 0 2px;
}

@media only screen and (max-width: 992px) and (min-width: 768px){
  .header .hotline-icon {
    margin-right: 0px;
    height: 45px
  }
}
.dropdown-menu{
  font-size: 1em;
}
.section-banner .section-text-container{
  top: 20%;
}

.b-card .b-card-desc{
  line-height: 1.1em;
}

@media only screen and (max-width: 480px){
  .b-card .b-card-info {
    padding-top: 35px;
  }
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header{
  font-family: "FCIconic-Regular";
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{
  font-family: "FCIconic-Regular";
  font-size: 1em;  
  line-height: 27px;
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
@media only screen and (min-width: 992px){
  .header-nav .sub-menu > li > a {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 768px){
  .header-nav .sub-menu > li > a {
    line-height: 1em;
  }
}

.b-card .b-card-details.has-arrow{
  padding-left: 65px;
  padding-right: 65px;
}

.input-group-search .input-group-btn:last-child > .btn {
  font-size: 12pt;
}

.bpk-nav-tabs .slick-nav-item a {
  line-height: 20px;
}

.submit-filter .btn-submit{
  height: 35px;
  padding: 0;
  display: block;
}

body.font-md .contact-info > p{
  padding-left: 27px;
}
body.font-lg .contact-info > p{
  padding-left: 32px;
}

.b-card-bg .branch-list{
  margin-top: 0px;
}

.b-card-details.has-arrow .b-card-info span.tag{
  margin-right:10px;
}
.b-card-details.has-arrow .branch-list li{
  padding-top: 0px;
  padding-bottom: 8px;
}

.contact-form .form-control{
  height: auto;
}

body .selectize-control.single .selectize-input, body.font-md .selectize-control.single .selectize-input input{  
  height: 39px;
  line-height: 36px;
}

body.font-lg .contact-form .selectize-control.single .selectize-input, body.font-sm .contact-form .selectize-control.single .selectize-input input{
  height: 48px;
  line-height: 40px;
  display: block;
}
body.font-lg .selectize-control.single .selectize-input, body.font-lg .selectize-control.single .selectize-input input{  
  height: 48px;
  line-height: 40px;
}

body.font-md .contact-form .selectize-control.single .selectize-input, body.font-sm .contact-form .selectize-control.single .selectize-input input{
  height: 42px;
  line-height: 38px;
  display: block;
}
body.font-md .selectize-control.single .selectize-input, body.font-md .selectize-control.single .selectize-input input{  
  height: 42px;
  line-height: 38px;
}

body.font-sm .contact-form .selectize-control.single .selectize-input, body.font-sm .contact-form .selectize-control.single .selectize-input input{
  height: 39px;
  line-height: 36px;
  display: block;
}

body.font-lg .b-card-featured{
  width: 140px;
  height: 140px;
}

body.font-lg .b-card-featured-inner{
  width: 140px;
  top: 12px;
  left: -36px;
}

body.font-md .b-card-featured{
  width: 120px;
  height: 120px;
}
body.font-md .b-card-featured-inner{
  width: 120px;
  top: 13px;
  left: -31px;
}

.footer .footer-logo{
  width: 252px;
}

div.section.container div.row div.col-ms-6{
  min-width: 320px;
}

.input-group.input-group-search input.form-control{
  padding-top: 0;
}
div.filter-panel .form-control{
  height: auto;
}

div.section.container div.filter-panel div.row div.col-ms-6{
  min-width: 220px;
}

@media only screen and (min-width: 480px){
  .text-controls .font-sm {
    font-size: 16px;
  }
  .text-controls .font-md {
    font-size: 20px;
  }
  .text-controls .font-lg {
    font-size: 24px;
  }
}

.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus{
  background-color: #969696;
}

.doctor-slider .doctor-card .doctor-card-thumb{
  height: 300px;
  width: 300px;
  margin: auto;
}
.care_blog-slider .slick-dots{
  bottom: -40px;
}
@media only screen and (max-width: 768px){
  .doctor-slider .slick-dots li{
    display: none;
  }
  .care_blog-slider .slick-dots li{
    display: none;
  }
}

.section-service .thumbnail{
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 0px;
  padding-right: 0px;
}

div.div-more{
  padding-top: 25px;
  padding-bottom: 25px;
}


div.sidebar>.section-title:first-of-type{
  padding-top: 0;
  margin-top: -10px;
}

body.font-lg div.sidebar>.section-title:first-of-type{
  padding-top: 0;
  margin-top: -15px;
}

body.font-md div.sidebar>.section-title:first-of-type{
  padding-top: 0;
  margin-top: -11px;
}

.b-card .b-card-thumb{
  cursor: pointer;
  margin: auto;
}
.b-card .b-card-title{
  cursor: pointer;
}

.contact-address .address-text{
  display:inline-block;
  padding-left:32px;
}
body.font-md .contact-address .address-text{
  display:inline-block;
  padding-left:35px;
}
body.font-lg .contact-address .address-text{
  display:inline-block;
  padding-left:42px;
}

@media only screen and (min-width: 768px){
  .branch-list li {
      width: auto;
      padding: 3px 3px;
  }
  .branch-list li a img {
    height: 38px;
  }
}

.social-icon-white.facebook:hover{
  background-image:url('../img/icon/Social-FB.png');
  background-position: 0 0;
}
.social-icon-white.twitter{
  background-position: -44px 0;
}
.social-icon-white.twitter:hover{
  background-image:url('../img/icon/Social-Twitter.png');
  background-position: 0 0;
}
.social-icon-white.youtube:hover{
  background-image:url('../img/icon/Social-Youtube.png');
  background-position: 0 0;
}
.social-icon-white.skype:hover{
  background-image:url('../img/icon/Social-Skype.png');
  background-position: 0 0;
}
.social-icon-white.google-plus:hover{
  background-image:url('../img/icon/Social-Google.png');
  background-position: 0 0;
}
.section-top-banner .slide-text-container{
  text-align: center;
}
.slick-prev, .slick-next{
  width: 35px;
  height: 35px;
}
.slick-prev{
  background-image: url(../img/icon/arrow/arrow-tria-l.png);
  background-size: cover;
  left: 0;
}
.slick-next{
  background-image: url(../img/icon/arrow/arrow-tria-r.png);
  background-size: cover;
  right: 0;
}
.slick-prev:hover{
  background-image: url(../img/icon/arrow/arrow-tria-l.png);
}
.slick-next:hover{
  background-image: url(../img/icon/arrow/arrow-tria-r.png);
}
div.home-slider button.slick-prev, div.home-slider button.slick-next{
  width: 0;
  height: 0;
}
div.home-slider:hover button.slick-prev, div.home-slider:hover button.slick-next{
  width: 56px;
  height: 56px;
}
@media only screen and (max-width: 768px){  
  .slick-prev, .slick-next{
    width: 30px;
    height: 30px;
  }
  div.home-slider:hover button.slick-prev, div.home-slider:hover button.slick-next{
    width: 30px;
    height: 30px;
  }
}


.footer-menu-list{
  padding-left: 0px;
}

.section-center .slick-prev, .section-center .slick-next{
  margin-top: 0;
}

.package-slider .package-thumb{
  height: auto;
}

.map-to-print{
  padding-right:30px;
}

.map-to-print a{
  color:#666666;
  text-decoration: none;
}

.mapModal .modal-header{
  border-bottom: none;
}

@media (min-width: 992px){
  div.div-who-we-are{
    position: relative;
  }
  div.div-who-we-are .aboutus-right-img{
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.contact-address .fa{
  color: #005194;
}

#tinymce{
  padding-top: 0px;
}

#tinymce img, div.aboutus-page img{
  display: block;
  max-width: 100%;
  height: auto;
}

#tinymce .text-center > img, div.aboutus-page .text-center > img {
    display: inline-block;
}

div.contact-job{
  background-color: #054988;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-top: 2px;
  height: 370px;
  position: relative;
}
img.contact-job-img{
  z-index: 11;
  position: absolute;
  max-height: 100%;
  left: 0;
}
div.contact-job-list{
  z-index: 12;
  color:#fff;
  position: absolute;
  max-height: 100%;
  max-width: 100%;
  right: 10px;
  width: 350px;
}
.contact-job-list-head{
  font-size: 36px;
  text-align: left;
  display: block;
  margin-left: 20px;
}
ul.contact-job-list-name{
 list-style: none;
 padding: 0;
 margin-left: 20px;
 height: 310px;
 overflow-y: auto;
}
ul.contact-job-list-name li{
  border-bottom: 1px solid #ccc;
  text-align: left;
}
ul.contact-job-list-name li a{
  line-height: 1.8em;
  color: #fff;
  text-decoration: none;
  display: block;
}

.scroll-style-1::-webkit-scrollbar-track
{
  border-radius: 10px;
  background-color: #a9a9a9;
}

.scroll-style-1::-webkit-scrollbar
{
  width: 12px;
  background-color: #a9a9a9;
}

.scroll-style-1::-webkit-scrollbar-thumb
{
  background-color: #e9e9e9;
}

#jobModal .job-head{
  display: block;
}
#jobModal .modal-body{
  padding: 0 15px;
  position: relative;
  min-height: 200px;
}
#jobModal .job-amount{
  position: absolute;
  top: 0;
  right: 15px;
  color: red;
}
@media only screen and (min-width: 768px){
  #jobModal .job-amount{
    top:10px;
  }
}

/* loading image */
div.page-loading{
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
}
#page-overlay{background-color:rgb(255, 255, 255);filter:alpha(opacity=70);-moz-opacity:.10;opacity:.70;cursor:pointer;height:100%;width:100%;top:0;left:0;position:fixed;z-index:1100;}

.facility-icon{
  margin-bottom: 20px;
  padding: 5px;
}
@media only screen and (min-width: 768px){
  .facility-icon{
    padding: 0px;
  }
}
.facility-icon .media-highlight .media-object{
  width: 120px;
}
.facility-icon .media-highlight .media-body{
  padding: 3px;
}
.facility-icon .media-body p{
  line-height: 1.1em;
  padding: 0;
  margin: 0;
}
.facility-icon .media-highlight .media-body .content2{
  color: #005194;
}
.facility-icon .media-highlight h4{
  color: #0ab4ab;
  height: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2em;
  font-size: 1.2em;
  font-weight: bold;
}
.facility-icon .media-highlight{
  border: none;
}

.b-card2{
  box-shadow: none;
}
.b-card2 .b-card-title{
  cursor: default;
}
.b-card .b-card-details2{
  padding: 15px 0 40px 0;
}
.b-card-details2 .b-card-info{
  left: 0;
  padding-top: 0;
}
.b-card2 .b-card-desc{
  height: auto;
}
@media only screen and (min-width: 768px){
  .b-card2 .b-card-desc{
    height: 150px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px){
  .language-selector .form-control {
    height: 22px;
  }
}

.footer-item-right{
  padding-right: 40px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 22px;
}

.footer-item-right-logo{
  position: absolute;
  right: 0;
  bottom: 15px;
}

@media only screen and (min-width: 768px){
  .footer-item-right-logo{
    bottom: 6px;
  }
  .footer-item-right span p{
    padding-top: 3px;
  }
}

@media only screen and (max-width: 768px){
  .dropdown-submenu>.dropdown-menu {
    width: 100%;
    border: 1px solid #ccc !important;
  }
}
@media only screen and (min-width: 768px){
  .dropdown-submenu {
      position:relative;
  }
  .dropdown-submenu .caret{
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
  }
  .dropdown-submenu>.dropdown-menu {
      top:0;
      left:100%;
      margin-top:-6px;
      margin-left:-1px;
      -webkit-border-radius:0 6px 6px 6px;
      -moz-border-radius:0 6px 6px 6px;
      border-radius:0 6px 6px 6px;
  }
  .dropdown-submenu:hover>a:after {
      border-left-color:#555;
  }
  .dropdown-submenu.pull-left {
      float:none;
  }
  .dropdown-submenu.pull-left>.dropdown-menu {
      left:-100%;
      margin-left:10px;
      -webkit-border-radius:6px 0 6px 6px;
      -moz-border-radius:6px 0 6px 6px;
      border-radius:6px 0 6px 6px;
  }
}

.footer{
  background-color:#fff;
  color: #372411;
}
.footer, .footer a{
  color: #372411;
}
.social-icon-white{
  width: 29px;
  height: 29px;
}
.footer .social-icon.facebook, .social-icon.facebook:hover{
  background-image: url(../img/icon/social-icon-facebook1.png);
  background-position: 0 0;
}
.footer .social-icon.youtube, .social-icon.youtube:hover{
  background-image: url(../img/icon/social-icon-youtube1.png);
  background-position: 0 0;
}
.footer .social-icon.line, .social-icon.line:hover{
  background-image: url(../img/icon/social-icon-line1.png);
  background-position: 0 0;
}
.footer .btn-subscribe{
  background-color: #C59D6C;
  border: 1px solid #C59D6C;
  border-radius: 5px;
  font-size: 0.8em;
  color: #fff;
  padding: 5px 10px;
}
.footer-social-icon {
  padding: 10px 5px;
}
.footer-social-icon img{
  height: 35px;
}
footer hr{
  border-top: 1px solid #372411;
  margin-left: -30px;
  margin-right: -30px;
}
.section-service-link{
  display:inline-block;
  width:210px;
  height:250px;
  margin:10px 0;
  padding:0;
  vertical-align: middle;
}
.section-service-link img{
  margin: auto;
}
.section-service-link img.icon-center{
  height: 150px;
  margin-top: 50px;
}
.section-service-link img.icon-find-doctor{
  height: 130px;
  margin-top: 60px;
}
.section-service-link img.icon-checkup{
  height: 130px;
  margin-top: 60px;
}
.section.section-center.container-fluid{
  padding-top: 60px;
  padding-bottom: 0;
}
.div-more .btn-secondary{
  font-weight: bold;
}

.section-room-rates .section-title, .section-room-rates .section-desc{
  color: #666666;
}

.center-details-page  .page-title{
  font-family: 'ElMessiri-Regular';
  font-size: 30pt;
  margin-top: 20px;
}

.doctor-card-thumb.img-round{
  border-radius: 100px 0 100px 0;
  box-shadow: -5px 5px #724a28;
}
 .topic1{
  font-family: 'ElMessiri-Bold';
  font-size: 26pt;
  line-height: 28pt;
  color: #372411;
 }
 .topic2{
  font-family: 'FCIconic-Regular';
  font-size: 24pt;
  color: #372411;
  margin-bottom: 30px;
 }
.section-center .topic1, .section-doctor .topic1, .section-package .topic1{
  font-family: 'FCIconic-Bold';
  font-size: 28pt;
  line-height: 28pt;
  color: #372411;
}
.section-center .topic2, .section-doctor .topic2, .section-package .topic2{
  font-family: 'FCIconic-Regular';
  font-size: 20pt;
  color: #372411;
  margin-bottom: 30px;
}
.section-center .center-card-title{
  font-family: 'FCIconic-Bold';
  font-size: 28pt;
  line-height: 28pt;
  color: #7D441C;
}
.section-center .center-card-title2{
  font-family: 'FCIconic-Regular';
  font-size: 20pt;
  color: #382412;
}
.section-center .center-card-desc{
  font-family: 'FCIconic-Regular';
  font-size: 13pt;
  color: #915A40;
}
.section-center .center-home-img{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.section-center .center-home-img img{
  max-width: 100%;
  margin: auto;
  padding: 5px;
}
.section-center .center-home-img1{
  display: inline-block;
  width: 50%;
  text-align: center;
}
.section-center .center-home-img2{
  display: inline-block;
  width: 50%;
  text-align: center;
}
.section-center .btn-read-more{
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
}
.section-center .btn-read-more img{
  height: 20px;
}

.section.section-doctor.container-fluid{
  padding-top: 60px;
  padding-bottom: 0;
}
.section-doctor .doctor-home-img img{
  max-width: 100%;
  margin: auto;
  padding: 5px;
}
.section-doctor .doctor-home-img1{
  display: inline-block;
  text-align: center;
}
.section-doctor .doctor-card-desc{
  font-family: 'FCIconic-Regular';
  font-size: 13pt;
  color: #372411;
}
.section-doctor .doctor-name{
  position: absolute;
  line-height: 1em;
  margin-top: -110px;
  color: #fff;
  left: 30px;
}
.section-doctor .doctor-center{
  position: absolute;
  line-height: 1em;
  margin-top: -75px;
  color: #fff;
  left: 30px;
}
.section-doctor .load-more{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}

.footer-divider{
  margin: auto;
  max-width: 1920px;
}

.about_us-page .container img{
  max-width: 100%;
}

.center-page .text-intro, .doctor-page .text-intro{
  font-family: 'FCIconic-Regular';
  color: #58595B;
  font-size: 0.9em;
  line-height: 1.1em;
}

.page-title, .center-page .page-title, .doctor-page .page-title, .about_us-page .page-title, .center-details-page .page-title{
  font-family: 'FCIconic-Bold';
  color: #594A42;
  font-size: 1.8em;
  padding-top:45px;
  padding-bottom:15px;
}

.center-html-content3{
}

.tria-medical-wellness-center {
  text-align: center;
  padding: 30px 0;
}
.tria-medical-wellness-center img{
  max-height: 100px;
}

.go-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 5px;
  background-color: #c6bbb4;
  color: #786658;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.load-more {
  text-align: center;
}
.load-more .btn{
  color: #C59D6C;
  border: 1px solid #C59D6C;
  border-radius: 3px;
  padding: 3px 30px;
  background-color: #fff;
  font-family: 'FCIconic-Regular';
  font-size: 0.9em;
}

.form-search-content{
  background-color: #f3f3f4;
  padding: 3px;
  border: 1px solid #c1c1c4;
  border-radius: 10px;
  padding-right: 10px;
}
.form-search-content button{
  background: none;
}
.form-search-content button i{
  color: #c1c1c4;
  font-size: 1.2em;
}
.form-search-content .input-group-search input[type=text], .form-search-content .input-group-search select{
  color: #929396;
  border-radius: 10px;
  font-size: 0.8em;
  margin-top: 2px;
  padding-top: 3px;
}
.form-search-content .selectize-dropdown{
  position: absolute;
}
.b-card-price{
  float: right;
  font-family: "ElMessiri-Bold";
  font-size: 1.1em;
  color: #5C3A1B;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}


.package-page .b-card, .care_blog-page .b-card{
  width: 350px;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  padding: 10px;
  margin: auto;
  margin-top: 30px;
  box-shadow: none;
}
.package-page .b-card .b-card-title, .care_blog-page .b-card .b-card-title{
  color: #5C3A1B;
  font-family: 'FCIconic-Bold';
  margin-bottom: 3px;
  display: block;
  margin-top: 10px;
}
.package-page .b-card .b-card-thumb, .care_blog-page .b-card .b-card-thumb{
  height: 290px;
}
.package-page .b-card .b-card-details, .care_blog-page .b-card .b-card-details{
  border: 0;
  border-radius: 0;
  color: #2B2A29;
  font-family: 'FCIconic-Regular';
  font-weight: normal;
  font-size: 0.8em;
  padding: 0;
  padding-top: 10px;
}
.package-page .b-card .b-card-desc, .care_blog-page .b-card .b-card-desc{
  height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  font-family: 'FCIconic-Regular';
  color: #5C3A1B;
}
.package-page .b-card .btn-more, .care_blog-page .b-card .btn-more{
  color: #603913;
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  border: none;
  background: none;
  font-size: 1em;
}
.horizontal-line{
  max-height: 5px;
  margin: auto;
  margin-top:10px;
  margin-bottom:10px;
}
.text-bold{
  font-family: 'FCIconic-Bold';
  font-weight: bold;
  color: #594A42;
  margin: 0;
}
.text-detail{
  font-family: 'FCIconic-Regular';
  color: #594A42;
  margin: 0;
}

.div-table{
  border-collapse:separate;
  border-spacing:5px;
}
.div-table .th, .div-table .td{
  font-size: 0.9em;
}
.div-table .th{
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 0 !important;
  color: #000;
}
.div-table .td{
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 0 !important;
  color: #606060;
}


.modal.modal-wide .modal-dialog {
  width: 90%;
  max-width: 1150px;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

.contact-form .row{
  margin-left: 0;
  margin-right: 0;
}
.contact-form .form-group{
  margin-left: 0;
  margin-right: 0;
}
.contact-form input[type=text], .contact-form select, .contact-form textarea, .contact-form .selectize-input{
  border-radius: 10px;
  font-size: 1em;
  margin: 10px;
}
.contact-form .checkbox-inline input[type="checkbox"]{
  margin-top: 10px;
}
.contact-form .btn-secondary{
  background-color: #C59D6C;
  border: 1px solid #C59D6C;
  border-radius: 5px;
  font-size: 0.8em;
  color: #fff;
  padding: 5px 10px;
  font-family: 'FCIconic-Regular';
}
.address-name{
  font-family: 'FCIconic-Bold';
  font-size: 1.2em;
  margin-top: 20px;
}

.section.container img{
  max-width: 100%;
}

@media (min-width: 1px){
  .container {
      width: 100%;
      max-width: 1220px;
  }
}

.bistro-img{
  max-height: 350px;
  padding: 10px;
}

.bistro-gallery-img{
  max-height: 350px;
  padding: 10px;
  padding-top: 20px;
}
.bistro-gallery-name{
  font-size: 1em;
  font-family: 'ElMessiri-Bold';        
  color: #594A42;
  padding: 10px;
  text-align: center;
  padding-bottom: 0;
}
.bistro-gallery-detail{
  font-size: 0.9em;
  font-family: 'FCIconic-Regular';
  color: #58595B;
  padding: 10px;
  padding-top: 5px;
  text-align: center;
  height: 90px;
  vertical-align: top;
}


.btn-square-group{
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px){
  .btn-square-group{
    flex-direction: column;
  }
}
.btn-square{
  text-align: center;
  vertical-align: middle;
  flex:1;
  margin: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-square a{
  text-decoration: none;
  font-size: 1.1em;
  padding: 3px;
  height: 100%;
  color: #fff;
  font-family: 'ThaiSansNeue-Bold';
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.privacy_policy-page a[data-toggle="tab"].active{
  background-color: #d55d53;
}
.privacy_policy-page .section-title2{
  background-color: #2eb7c4;
  color: #fff;
  padding: 10px;
  margin: 0 10px;
  display: block;
  text-decoration: none;
}
.privacy_policy-page .section-inner .section-title2 i{
  float: right;
  font-size: 0.8em;
  margin-top: 5px;
}
.privacy_policy-page .section-content{
  background-color: #f6f7f9;
  color: #000;
  padding: 10px 30px;
  margin: 0 10px;
}
.privacy_policy-page .section-content img{
  max-width: 100%;
}