@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Prompt:100,200,300,400,500,600,700,800,900');

#map-wrapper{border:1px solid #dddddd;}
#map{height:300px;width:100%;}
#map-wrapper1{border:1px solid #dddddd;}
#map1{height:236px;width:100%;}


.f-100{font-weight: 100;}
.f-200{font-weight: 200;}
.f-300{font-weight: 300;}
.f-400{font-weight: 400;}
.f-500{font-weight: 500;}
.f-600{font-weight: 600;}
.f-700{font-weight: 700;}
.f-800{font-weight: 800;}
.f-900{font-weight: 900;}


.nojut{
  list-style: none;
}

.eu h2 {
  font-size: 25px;
  font-weight: bold;
  color: #F60;
  margin: 0;
  padding: 10px 15px;
}


p.p1 {margin: 0.0px 0.0px 11.2px 0.0px; font: 16.0px Times; -webkit-text-stroke: #000000}
p.p2 {margin: 0.0px 0.0px 11.2px 0.0px; font: 16.0px Times; -webkit-text-stroke: #000000; min-height: 19.0px}
p.p3 {margin: 0.0px 0.0px 5.0px 0.0px; font: 16.0px Times; color: #323333; -webkit-text-stroke: #323333}
p.p4 {margin: 0.0px 0.0px 5.0px 0.0px; font: 16.0px Times; -webkit-text-stroke: #000000; min-height: 19.0px}
p.p5 {margin: 0.0px 0.0px 5.0px 0.0px; font: 16.0px Times; -webkit-text-stroke: #000000}
span.s1 {font: 20.0px Times; font-kerning: none; color: #984806; -webkit-text-stroke: 0px #984806}
span.s2 {font-kerning: none; color: #984806; -webkit-text-stroke: 0px #984806}
span.s3 {font-kerning: none}

#bullet1 {
  background-image: url(../images/arrow_why.png);
  background-repeat: no-repeat;
  background-position: 0px -4px;
}



.dental-funtion{
  background-color: #004a6c; border-bottom: 1px solid #fff;
}

.dental-funtion:hover{
  background-color: #ff9123; border-bottom: 1px solid #fff;
}


/*Funtion*/
p.indent {
  text-indent: 20px;
}

.margin0{
  margin: 0 0 0px 0;
}

.margin5{
  margin: 0 0 5px 0;
}

.margin15{margin: 15px 0px 15px 15px;}

/*padding*/
/**/

.margin-right30{
  margin-right: 30px;
}

/*margin-left */

.margin-left19{
  margin-left: 19px;
}
.margin-left50{
  margin-left: 50px;
}

.margin-left3{
  margin-left: 3px;
}

.margin-left4{
  margin-left: 4px;
}
.margin-left5{
  margin-left: 5px;
}


/*END*/


/*marginright */

/*END*/

/*margintop*/
.margintop-15{
  margin-top: -15px;
}
.margintop10{
  margin-top: 10px;
}

.margintop5{
  margin-top: 5px;
}

/**/

/*marginbuttom*/
.marginbuttom0{
  margin-bottom:0px; 
}
.marginbuttom1{
  margin-bottom:1px; 
}
.marginbuttom2{
  margin-bottom:2px; 
}
.marginbuttom3{
  margin-bottom:3px; 
}
.marginbuttom4{
  margin-bottom:4px; 
}
.marginbuttom5{
  margin-bottom:5px; 
}
.marginbuttom6{
  margin-bottom:6px; 
}
.marginbuttom7{
  margin-bottom:7px; 
}
.marginbuttom8{
  margin-bottom:8px; 
}
.marginbuttom9{
  margin-bottom:9px; 
}
.marginbuttom10{
  margin-bottom:10px; 
}
.marginbuttom11{
  margin-bottom:11px; 
}
.marginbuttom12{
  margin-bottom:12px; 
}
.marginbuttom13{
  margin-bottom:13px; 
}
.marginbuttom14{
  margin-bottom:14px; 
}
.marginbuttom15{
  margin-bottom:15px; 
}
.marginbuttom25{
  margin-bottom:25px; 
}
.marginbuttom30{
  margin-bottom:30px; 
}
.marginbuttom40{
  margin-bottom:40px; 
}
.marginbuttom45{
  margin-bottom:45px; 
}
.marginbuttom50{
  margin-bottom:50px; 
}
.marginbuttom60{
  margin-bottom:60px; 
}
/*END*/

/*linghight*/
.lineheight15{
  line-height: 15px;
}
.lineheight16{
  line-height: 16px;
}
.lineheight17{
  line-height: 17px;
}
.lineheight18{
  line-height: 18px;
}
.lineheight19{
  line-height: 19px;
}
.lineheight20{
  line-height: 20px;
}
.lineheight21{
  line-height: 21px;
}
.lineheight22{
  line-height: 22px;
}
.lineheight23{
  line-height: 23px;
}
.lineheight24{
  line-height: 24px;
}
.lineheight25{
  line-height: 25px;
}
.lineheight26{
  line-height: 26px;
}
.lineheight27{
  line-height: 27px;
}
.lineheight28{
  line-height: 28px;
}
.lineheight29{
  line-height: 29px;
}
.lineheight30{
  line-height: 30px;
}
.lineheight35{
  line-height: 35px;
}
.lineheight40{
  line-height: 40px;
}
.lineheight160{
  line-height: 160px;
}
/**/

/*font */
.font10{
  font-size: 10px;
}
.font11{
  font-size: 11px;
}
.font12{
  font-size: 12px;
}
.font13{
  font-size: 13px;
}
.font14{
  font-size: 14px;
}
.font15{
  font-size: 15px;
}
.font16{
  font-size: 16px;
}
.font17{
  font-size: 17px;
}
.font18{
  font-size: 18px;
}
.font19{
  font-size: 19px;
}
.font195{
  font-size: 19.86px;
}
.font20{
  font-size: 20px;
}
.font21{
  font-size: 21px;
}
.font22{
  font-size: 22px;
}
.font23{
  font-size: 23px;
}
.font24{
  font-size: 24px;
}
.font25{
  font-size: 25px;
}
.font26{
  font-size: 26px;
}
.font27{
  font-size: 27px;
}
.font28{
  font-size: 28px;
}
.font29{
  font-size: 29px;
}
.font30{
  font-size: 30px;
}
.font31{
  font-size: 31px;
}
.font32{
  font-size: 32px;
}
.font33{
  font-size: 33px;
}
.font34{
  font-size: 34px;
}
.font35{
  font-size: 35px;
}
.font36{
  font-size: 36px;
}
.font37{
  font-size: 37px;
}
.font38{
  font-size: 38px;
}
.font39{
  font-size: 39px;
}
.font40{
  font-size: 40px;
}
.font41{
  font-size: 41px;
}
.font42{
  font-size: 42px;
}
.font43{
  font-size: 43px;
}
.font44{
  font-size: 44px;
}
.font45{
  font-size: 45px;
}
.font46{
  font-size: 46px;
}
.font47{
  font-size: 47px;
}
.font48{
  font-size: 48px;
}
.font49{
  font-size: 49px;
}
.font50{
  font-size: 50px;
}


.pictures{
 background: url(../upload/bg_product_1.png) 42% -120px no-repeat fixed;
 padding: 80px 15px;
}




/* Table Base */

table {
}

.table { 
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  font-weight: normal;
  /*  font-size: 12px;*/
  padding: 8px 15px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  /*  border-top: 1px solid #dddddd;*/
}
.table thead th {
  background: #eeeeee;
  vertical-align: bottom;
}   
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}    


/* Small Sizes */
@media (max-width: 480px) { 
  .table-action thead {
    display: none;
  }
  .table-action tr {
    border-bottom: 1px solid #dddddd;
  }
  .table-action td {
    border: 0;
  }
  .table-action td:not(:first-child) {
    display: block;
  }
}
/**/


.sg_1 {
  background: url(../upload/dentist-dental-pattaya-orthosmile-implant-veneers-crown-bridge-braces.jpg);
  width: 220px;
  height: 186px;
  display: block;
}
.sg_2 {
  background: url(../upload/dentist-dental-pattaya-orthosmile-implant-veneers-crown-bridge-invisalign.jpg);
  width: 220px;
  height: 186px;
  display: block;
}
.sg_3 {
  background: url(../upload/dentist-dental-pattaya-orthosmile-implant-veneers-crown-bridge-implant.jpg);
  width: 220px;
  height: 186px;
  display: block;
}
.sg_4 {
  background: url(../upload/dentist-dental-pattaya-orthosmile-implant-veneers-crown-bridge-cosmetic.jpg);
  width: 220px;
  height: 186px;
  display: block;
}



.sg {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.pictures1{
  width: 100%;
  background-image: url(../images/bg-destist.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.bg_header {
  background: url(../upload/bg_head.png);
  height: 30px;
  position: absolute;
  width: 414px;
  margin-top: -30px;
  /*    margin-top: 226px;*/
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.bgtext{
  margin-right: 45px;
  margin-top: 3px;
}

.destist--item {
  list-style: none;
  border-bottom: 1px dashed #2d688c;
/*    padding-bottom: 15px;
margin-bottom: 15px;*/
}
.destist--item1 {
  list-style: none;
  border-bottom: 1px dashed #333;
/*    padding-bottom: 15px;
margin-bottom: 15px;*/
}
.destist--item2 {
  list-style: none;
  border-bottom: 1px dashed #ccc;
/*    padding-bottom: 15px;
margin-bottom: 15px;*/
}





.index-promotion {
  background: url(../upload/bg-banner-3.png) left;
  width: auto;
  height: auto;
  padding: 30px 0px;
}

.index-promotion  h4 {
  font-size: 24px;
  font-weight: 500;
  color: #cc3300;
}

.column {
  width: 100%; display: inline-block;  
}
.column:last-child {
  padding-bottom: 0px;
}
.column::after {
  content: '';
  clear: both;
  display: block;
}
.column div {
  position: relative;
  float: left;
  width: 200px;
  height: 150px;
  margin: 0 0 0 25px;
  padding: 0;
}
.column div:first-child {
  margin-left: 0;
}
.column div span {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 300px;
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
}
figure {
  width: 100%;
  margin: 0;
  padding: 0;
  /*background: #fff;*/
  overflow: hidden;
}
figure:hover+span {
  bottom: -36px;
  opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .5s ease-in-out;
}
.hover01 figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shine */
.hover14 figure {
  position: relative;
}
.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover14 figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}





/*------------------------------------------------------------------------------*/


.box-bg-promotion{
  height: 180px;
  padding: 1px 0px 0px 0px;
  margin: 0 0px;
  margin-bottom: 20px;
  background: url(../upload/bg-promotion.png) no-repeat left;
}

.form-control {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding: 6px 12px 8px 12px;
  font-size: 20px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #1768d7;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.promotion-register-form label {
/*    position: absolute;
z-index: 1;*/
top: 5px;
left: 5px;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: #111;
letter-spacing: 1px;
}

.promotion-register-form label:after {
  content: '*';
  font-size: 25px;
  color: #f00;
}

.box-bg-promotion h4{
  font-size: 30px;
  color: #002279;
  text-align: center;
  margin-block-start: 1.33em;
  margin-block-end: 1em;
}
.box-bg-promotion span{
  font-size: 35px;
  color: #ff6c00;
}

h4.promotion-modal {
  font-size: 20px;
  color: #002279;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}

h5{
  font-size: 20px;
  color: #2b6fd9;
}

h5.promotion-modal{
  font-size: 30px;
  color: #fd2c09;
  text-align: center;
}



.box-bg-promotion-social{

}

.box-bg-promotion-social p{
  color: #0d2a73;
}
.function-box p {
  font-size: 14.6px;
  line-height: 24px;
  color: #333;
  font-weight: 400;
}

.function-box-1 p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.box-bg-promotion-social span{
  color: #3f67d0;
}

.blue-3{color: #f58442; font-size: 25px;}
/*-----------------*/

a.blue-Color-social, a.blue-Color-social:active, a.blue-Color-social:focus, a.blue-Color-social:hover {
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.blue-Color-social {
  color: #3f67d0;
  text-decoration: none;
}

a.blue-Color-social:hover{
  color: #f07911 !important;
  text-decoration:none;
}




.btn-promotion {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px; 
  font-weight: 600; 
  -webkit-box-shadow: 0px 0px 18px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
  box-shadow: 0px 4px 0px rgb(0, 0, 0);
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 40px; 
}

.btn-default-promotion {
  color: #0d2a73; 
  background-color: #fff;
  border-color: #ccc;
}
.btn-default-promotion:focus,
.btn-default-promotion.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default-promotion:hover {
  color: #000;
  background-color: #cef8fe;
  border-color: #cef8fe;
}
.btn-default-promotion:active,
.btn-default-promotion.active,
.open > .dropdown-toggle.btn-default-promotion {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default-promotion:active:hover,
.btn-default-promotion.active:hover,
.open > .dropdown-toggle.btn-default-promotion:hover,
.btn-default-promotion:active:focus,
.btn-default-promotion.active:focus,
.open > .dropdown-toggle.btn-default-promotion:focus,
.btn-default-promotion:active.focus,
.btn-default-promotion.active.focus,
.open > .dropdown-toggle.btn-default-promotion.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default-promotion:active,
.btn-default-promotion.active,
.open > .dropdown-toggle.btn-default-promotion {
  background-image: none;
}
.btn-default-promotion.disabled:hover,
.btn-default-promotion[disabled]:hover,
fieldset[disabled] .btn-default-promotion:hover,
.btn-default-promotion.disabled:focus,
.btn-default-promotion[disabled]:focus,
fieldset[disabled] .btn-default-promotion:focus,
.btn-default-promotion.disabled.focus,
.btn-default-promotion[disabled].focus,
fieldset[disabled] .btn-default-promotion.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default-promotion .badge {
  color: #fff;
  background-color: #333;
}



/*---------------------------*/


.index-testimonials {
  background: url(../upload/bg-banner-4.png) left;
  width: auto;
  height: auto;
  padding: 30px 0px;
}
.index-testimonials h4 {
  font-size: 25px;
  font-weight: 500;
  color: #33b2ff;
}
.owl-box {
  width: 100%;
  height: auto;
  padding: 5px 5px;
  margin: 0px 0px 20px;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  float: left;
  overflow: hidden;
}
.owl-box:hover{ padding-top: 5px; }



.hidden-box{ overflow: hidden; height: 29px;}

.owl-box img:first-child{
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.shadow{
  -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
  -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
  box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.shadow:hover {
  -webkit-box-shadow: 0px 0px 18px rgb(129, 210, 203);
  -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.31);
  box-shadow: 0px 0px 15px rgb(129, 210, 203);
}
/*-----*/
.funtion-owl{
  border: 1px solid #eee; padding: 10px 10px;
  min-height: 230px;

}
.funtion-owl h5{
  font-size: 18px;
  color: #C30;
  /* float: right; */
  font-weight: 500;
  display: block;
  margin: 15px 0px 10px 0px;
}
.text-overflow-3{overflow: hidden; min-height: 120px;}
.text-overflow-3 p {font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;;

}

  .css1{text-decoration:none; color:#F60; font-size: 13px;}
  .css1:hover{text-decoration:none; color:#666;}



/*------------ index-testimonials --------------*/
.index-blog {
  background-color: #f9f9f9;
  width: auto;
  height: auto;
  padding: 30px 0px;
}
.index-blog h4 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.btn-warning {
  color: #fff;
  background-color: #f26f21;
  border-color: #f26f21;
}
.btn-new {
  display: inline-block;
  padding: 4px 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}

.index-blog h4{
  font-size: 22px;
  font-weight: 500;
  color: #000;
}
.index-blog .box-span {
  padding: 0px 0px 10px 0px;
  width: 100%;
}
.index-blog .box-span h5 {
  font-size: 15px;
  color: #2b6fd9;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.index-blog .box-span div{
  font-size: 13px;
  line-height: 18px;
  color: #000;
  overflow: hidden;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.destist--item {
  list-style: none;
  border-bottom: 1px dashed #2d688c;
  padding-bottom:0px;
  margin-bottom: 15px;
}



/*-----------------------*/

/*------------ index-testimonials --------------*/
.index-video {
  background-color: #fff;
  width: auto;
  height: auto;
  padding: 30px 0px;
}

.index-video h4{
  font-size: 22px;
  font-weight: 500;
  color: #000;
}



.index-video .text-vdo {
    font-size: 15px;
    color: #000;
    margin-top: 12px;
    text-align: center;
}


@media(max-width:1024px){

}
@media(max-width:1200px){

}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:414px){

}