/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}
.mt-120 {margin-top:120px !important;}

body {
    font-family: 'Anuphan' !important;
	font-weight:400 !important; 
}
 h1, h2, h3, h4, h5, h6 {
    font-family: 'Anuphan' !important;
	font-weight:400 !important; 
}

header.sticky .main-menu > ul > li > a:hover , header.header_in .main-menu > ul > li > a:hover , header.black_nav .main-menu > ul > li > a:hover {
	color: #ff6600;
}
 
 .img {
	max-width:100%;
	border-radius:5px;
 }
 .pull-right {
	float:right;
 }
 .plus_ic a.btn_1.plus_icon i, .btn_1.plus_icon i{
	float: left; 
	margin-right: 5px;
	font-size: 18px;
 }
 .plus_ic a.btn_1.plus_icon, .btn_1.plus_icon {
	padding: 8px 15px;
 }
/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-10 {font-size: 10px !important; }
.font-12 {font-size: 12px !important; }
.font-14 {font-size: 14px !important; }
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important; }
.font-20 {font-size: 20px !important; }
.font-22 {font-size: 22px !important; }
.font-24 {font-size: 24px !important;}
.font-26 {font-size: 26px !important;}
.font-28 {font-size: 28px !important;}
.font-30 {font-size: 30px !important;}  
 
.btn-primary:hover,
.btn-primary.active,
.btn-outline-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.show > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.show > .dropdown-toggle.btn-primary.focus,
.btn-primary:focus,
.btn-primary.focus {
    border-color: #4242a4!important;
    background-color: #4242a4!important;
} 
.btn-fb { 
	margin-bottom:10px;
	min-width:210px;
	font-size:12px;
	font-weight:400;
	letter-spacing:1px;
	color:#fff;
    border-color: #3b5998!important;
    background-color: #3b5998!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	text-align:left;
} 
.btn-fb:focus, 
.btn-fb.focus,
.btn-fb:not(:disabled):not(.disabled):active:focus,
.btn-fb:not(:disabled):not(.disabled).active:focus,
.show > .btn-fb.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(223,227,238, 0.5);
}

.btn-fb:hover,
.btn-fb.active,
.btn-outline-primary.active,
.btn-fb:active:hover,
.btn-fb.active:hover,
.show > .dropdown-toggle.btn-fb:hover,
.btn-fb:active:focus,
.btn-fb.active:focus,
.show > .dropdown-toggle.btn-fb:focus,
.btn-fb:active.focus,
.btn-fb.active.focus,
.show > .dropdown-toggle.btn-fb.focus,
.btn-fb:focus,
.btn-fb.focus {
    border-color: #8b9dc3!important;
    background-color: #8b9dc3!important;
}

.btn-gmail { 
	margin-bottom:10px;
	min-width:210px;
	font-size:12px;
	font-weight:400;
	letter-spacing:1px;
	color:#fff;
    border-color: #c71610!important;
    background-color: #c71610!important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	text-align:left;
} 
.btn-gmail:focus, 
.btn-gmail.focus,
.btn-gmail:not(:disabled):not(.disabled):active:focus,
.btn-gmail:not(:disabled):not(.disabled).active:focus,
.show > .btn-gmail.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248,165,163, 0.5);
}

.btn-gmail:hover,
.btn-gmail.active,
.btn-outline-primary.active,
.btn-gmail:active:hover,
.btn-gmail.active:hover,
.show > .dropdown-toggle.btn-gmail:hover,
.btn-gmail:active:focus,
.btn-gmail.active:focus,
.show > .dropdown-toggle.btn-gmail:focus,
.btn-gmail:active.focus,
.btn-gmail.active.focus,
.show > .dropdown-toggle.btn-gmail.focus,
.btn-gmail:focus,
.btn-gmail.focus {
    border-color: #f8a5a3!important;
    background-color: #f8a5a3!important;
}

.anp {
    font-family: 'Anuphan' !important;
}
.whead {
	font-size:18px;
    line-height: 1; 
	color:#bebebe;
}
.whead strong { 
	color:#2e79bd;
}
.wlabel {
    margin-top: 6px;
    padding: 3px 0 4px 2px;
    line-height: 1.2;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text, .bootstrap-select.btn-group .btn .filter-option { 
    font-family: 'Anuphan' !important;
}
.container_radio input:checked ~ .checkmark {
    border: 2px solid #2e79bd;
    -webkit-box-shadow: 0px 0px 0px 2px rgb(76 175 80 / 53%);
    -moz-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3);
    box-shadow: 0px 0px 0px 2px rgb(76 175 80 / 53%);
}
 
.container_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #2e79bd;
  background-color: #fff;
  border-radius: 50%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} 
.container_check input:checked ~ .checkmark {
    background-color: #2e79bd;
    border: 2px solid transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgb(76 175 80 / 53%);
    -moz-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3);
    box-shadow: 0px 0px 0px 2px rgb(76 175 80 / 53%);
}

.rangeslider__fill {
    background: #2e79bd;
    position: absolute;
}
.rangeslider__handle { 
    border: 2px solid #2e79bd;
}
.btn_1:hover {
  background-color: #2e79bd;
}
a.btn_1.outline:hover,
.btn_1.outline:hover {
  border-color: #2e79bd;
  color: #2e79bd !important;
}

a.btn_1.gradient, .btn_1.gradient {
    background-size: 100%;
    background-image: -webkit-linear-gradient(right, #00b958, #2e79bd);
    background-image: linear-gradient(to right, #00b958, #2e79bd);
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.write_review {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    padding: 30px;
}

#register form .form-group i {
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    left: 12px;
    top: 9px;
    color: #ccc;
    width: 25px;
    height: 25px;
    display: block;
    font-weight: 400 !important;
}
#register form .form-group input {
    padding-left: 40px;
}
#register form {
    margin-bottom: 30px;
    display: block;
}
.divider {
    text-align: center;
    height: 1px;
    margin: 30px 0 15px 0;
    background-color: #ededed;
}
.access_social {
    margin-top: 40px;
}
 img.medium {
    width: 90px;
    height: 90px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}
 img.thumb {
    width: 32px;
    height: 32px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}
.widget-title {
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.widget-title h4 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}
.widget-title.first {
  padding-top: 0;
}

.widget {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
.widget ul.cats {
  list-style: none;
  padding: 0;
}
.widget ul.cats li {
  padding: 0 0 5px 2px;
  position: relative;
}
.widget ul.cats a {
  color: #555;
}
.widget ul.cats .active a {
  color: #2e79bd;
  font-weight:bold;
}
.widget ul.cats a:hover {
  color: #2e79bd;
}
.widget ul.cats a span {
  position: absolute;
  right: 0;
}

article.blog {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
article.blog figure {
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  article.blog figure {
    height: 210px;
  }
}
@media (max-width: 767px) {
  article.blog figure {
    height: 220px;
  }
}
article.blog figure .preview {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 2;
}
article.blog figure .preview span {
  background-color: #fcfcfc;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  color: #222;
  font-size: 0.75rem;
  padding: 5px 10px;
}
article.blog figure:hover .preview {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
article.blog figure img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-transition: 0.3s;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
article.blog figure img:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 991px) {
  article.blog figure img {
    height: inherit;
    max-width: 100%;
  }
}
article.blog .post_info {
  padding: 20px 30px  30px 30px;
  position: relative;
  box-sizing: border-box;
}
article.blog .post_info small {
  font-weight: 500;
  color: #999;
  font-size: 13px;
  font-size: 0.8125rem;
}
article.blog .post_info h2 {
  font-size: 21px;
  font-size: 1.3125rem;
}
article.blog .post_info h2 a {
  color: #333;
}
article.blog .post_info h2 a:hover {
  color: #2e79bd;
}
article.blog .post_info ul {
  margin: 0 -30px 0 -30px;
  padding: 20px 30px 0 30px;
  width: 100%;
  box-sizing: content-box;
  border-top: 1px solid #ededed;
}
article.blog .post_info ul li {
  display: inline-block;
  position: relative;
  padding: 12px 0  0 50px;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
}
article.blog .post_info ul li .thumb {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
article.blog .post_info ul li .thumb img {
  width: 40px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
article.blog .post_info ul li:last-child {
  float: right;
  padding-left: 0;
  line-height: 1;
}
article.blog .post_info ul li:last-child i {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.btn-danger,.btn-danger:hover {  
    background-color: #f44336;
}
 
a.btn-request,a:hover.btn-request {
	color:#2e79bd !important;	
    background-color: #fff !important;
}
 
.room_div figure {
	padding-right:10px; 
}
.room_div figure img {
	max-width:100px;
}
.room_div h4 {
	font-size:20px;
}
.room_div .kicker, .kicker { 
	display:inline-block;
	color:#fff;
	font-size:12px;
    background-color: #2e79bd;
	border-radius:3px;
	padding:3px 10px;
	margin-bottom:10px;
}
.tbalot td {
	text-align:center;
	color:#AAA; 
	padding:5px;
}
.tbalot td input{
	font-size:16px;
	padding:3px;
	text-align:center;
	width:100%; 
}
.tbalot td:hover{
	color:#fff;
    background-color: #dfdfdf;
}

.tbalot td .active{
	color:#fff;
    background-color: #2e79bd;
}

.tbalot td input::placeholder{
	color:#e0e0e0; 
}

footer, .footer {
    background-color: #2e79bd !important; 
}

ul.additional_links li a {
	color:#fff;
}

ul.additional_links li a:hover {
	color:#e2e2e2;
}

.promo {
    background-color: #2e79bd !important; 
}
.promo h3 {
	margin-bottom:5px;
}

.datepicker td, .datepicker th {
	font-size:12px;
}
.datepicker {
	padding:5px;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #2e79bd;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #2e79bd !important;
}

a.btn_1, .btn_1 {
    background-color: #2e79bd;
}
#div_patient {
	background: #efefef;
	border-radius:5px;
}

.callcenter {
	list-style:none;
	padding:10px;
	text-align:center;
}
.callcenter li {
	float:left;
	width:12.5%;
	line-height:1;
}
.callcenter li strong, .callcenter li strong a {
	font-size:26px;
	color: #ff6600;
}
.btn_lg {
	font-size: 18px;
}

.dsuccess {
	background: #efefef;
	border-radius:5px;
	padding:20px 0;
}

@media (max-width: 767px){ 
	.cpl-5 {
		padding-left: 5px !important;
	}
	.cpr-5 {
		padding-right: 5px !important;
	}
	.cplr-5 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.callcenter li:first-child {
		display:none;
	}
	.callcenter li {
		float:left;
		width:33%;
		line-height:1;
		padding:10px 0;
	}
}