@font-face {
    font-family: 'Times New Roman';
    src: url('fonts/times_new_roman-webfont.eot');
    src: url('fonts/times_new_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/times_new_roman-webfont.woff2') format('woff2'),
         url('fonts/times_new_roman-webfont.woff') format('woff'),
         url('fonts/times_new_roman-webfont.ttf') format('truetype'),
         url('fonts/times_new_roman-webfont.svg#Times New Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
  font-family: 'Lato', sans-serif;
  /*background-image:url(../img/bgthaitexture.jpg);*/
  background-repeat: repeat;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color:#333;
  
}/*background-image:url(../img/bglightfloor.jpg);*/

h1{
	font-size: 2.8em; font-family:"Times New Roman", Times, serif;
	color: #60640D;
	font-weight:bolder;
}

h4{ 
	font-size: 1.7em;
	font-weight:100;
}

h2,
h3,
h6 {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: #60640D;
}

h5{
	font-weight: bold;
	color: #60640D;
}

.mainbanner_h1{
	font-family:'Times New Roman'; 
	font-size:3em; 
	font-weight:200; 
	color:#FFF; 
	text-shadow: 1px 1px 4px #000;
}
.mainbanner_h2{
	font-family:'Times New Roman'; 
	font-size:2em; 
	font-weight:200; 
	color:#FFF; 
	text-shadow: 1px 1px 4px #000;
}
/* SCREEN BREAK POINT */
@media only screen and (max-width: 540px) {
    h1{
		font-size: 1.6em;
		color: #60640D;
		font-weight:bolder;
	}
	h3{ 
		font-size: 1.5em;
		font-weight:bold;
	}
	h4{ 
		font-size: 1.3em;
		font-weight:100;
	}
	h5{font-size:1.2em;
	   font-weight:100;
	}
	.mainbanner_h1{
		font-family:'Times New Roman'; 
		font-size:1.6em; 
		font-weight:200; 
		color:#FFF; 
		text-shadow: 1px 1px 4px #000;
	}
	.mainbanner_h2{
		font-family:'Times New Roman'; 
		font-size:1.1em; 
		font-weight:100; 
		color:#FFF; 
		text-shadow: 1px 1px 4px #000;
	}
}
@media only screen and (min-width: 541px) and (max-width: 960px) {
    h1{
		font-size: 1.4em; font-family:"Times New Roman", Times, serif;
		color: #60640D;
		font-weight:bolder;
	}
	h3{ 
		font-size: 1.7em;
		font-weight:bold;
	}
	h4{ 
		font-size: 1.2em;
		font-weight:100;
	}
	h5{font-size:1.4em;
	   font-weight:200;
	}
	.mainbanner_h1{
		font-family:'Times New Roman'; 
		font-size:1.8em; 
		font-weight:200; 
		color:#FFF; 
		text-shadow: 1px 1px 4px #000;
	}
	.mainbanner_h2{
		font-family:'Times New Roman'; 
		font-size:1.4em; 
		font-weight:100; 
		color:#FFF; 
		text-shadow: 1px 1px 4px #000;
	}
}
/* SCREEN BREAK POINT */

p{
	font-size:18px;
	font-weight:300;
}
blink { 
	-webkit-animation: blink 1s step-end infinite;
            animation: blink 1s step-end infinite
}
 @-webkit-keyframes blink {
          67% { opacity: 0 }
}
@keyframes blink {
         67% { opacity: 0 }
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}


.carousel-item {
 /* height: 65vh;
  min-height: 300px;*/
 
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;

	/*padding-top: 5rem;
  padding-bottom: 8rem;*/
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
}

header.masthead h1 {
  font-size: 2.5rem;
  margin-top:1rem;
  
}

header.masthead h2 {
  font-size: 0.8rem;
  margin-top:-30px;
}

header.masthead h3 {
  font-size: 1rem;
}
/* Addition CSS */
.LetReserve{
	font-size: 14px;
	color: #FAE3B4;
}

.TopUpMargin{
	margin-top:-10px;
	
}
.Logo{
	width: 30px;
}
@media (min-width:540px) and (max-width: 1370px) {
  header.masthead {
    /*padding-top: 15rem;
    padding-bottom: 12rem;*/
	background: url("../img/bg-masthead-big.jpg") no-repeat center center; 
	background-size: cover; 
	padding-top: 3rem;
    padding-bottom: 2rem;
  }
  header.masthead h1 {
    font-size: 4rem;
	
  }
  header.masthead h2 {
  font-size: 1.3rem;
  
  }
  .LetReserve{
	  font-size: 20px;
  }
	
  .TopUpMargin{
	 margin-top:0px;
	
  }
  .Logo{
	width: 40px;
  }	
}

@media (min-width: 1380px) {
  header.masthead {
    /*padding-top: 15rem;
    padding-bottom: 12rem;*/
	
	padding-top: 10rem;
    padding-bottom: 2rem;
  }
  header.masthead h1 {
    font-size: 6rem;
	
  }
  header.masthead h2 {
  font-size: 1.3rem;
  
  }
  .LetReserve{
	  font-size: 20px;
  }
	
  .TopUpMargin{
	 margin-top:0px;
	
  }
  .Logo{
	width: 40px;
  }	
}




.showcase .showcase-text {
  padding: 1rem;
	color:#FFF;
}

.showcase .showcase-img {
  min-height: 10rem;
  background-size:auto;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 0.1rem;
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;

}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
/*********************** magnific-popup **********************/
.portfolio-box .portfolio-box-caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
  background:rgba(79,80,10,0.80);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 14px;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.portfolio-box:focus {
  outline: none;
}

@media (min-width: 2300px) {
  .col-xxl {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .col-xxl-auto {
    width: auto;
    flex: 0 0 auto;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333%;
  }
  .row > .col-xxl-1 {
    max-width: 8.3333%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6667%;
  }
  .row > .col-xxl-2 {
    max-width: 16.6667%;
  }
  .offset-xxl-2 {
    margin-left: 16.6667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
  }
  .row > .col-xxl-3 {
    max-width: 25%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333%;
  }
  .row > .col-xxl-4 {
    max-width: 33.3333%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6667%;
  }
  .row > .col-xxl-5 {
    max-width: 41.6667%;
  }
  .offset-xxl-5 {
    margin-left: 41.6667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
  }
  .row > .col-xxl-6 {
    max-width: 50%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333%;
  }
  .row > .col-xxl-7 {
    max-width: 58.3333%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6667%;
  }
  .row > .col-xxl-8 {
    max-width: 66.6667%;
  }
  .offset-xxl-8 {
    margin-left: 66.6667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
  }
  .row > .col-xxl-9 {
    max-width: 75%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333%;
  }
  .row > .col-xxl-10 {
    max-width: 83.3333%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6667%;
  }
  .row > .col-xxl-11 {
    max-width: 91.6667%;
  }
  .offset-xxl-11 {
    margin-left: 91.6667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
  }
  .row > .col-xxl-12 {
    max-width: 100%;
  }
  .offset-xxl-12 {
    margin-left: 100%;
  }
}

.baan_khanitha_bg540 {
    background-image: url(../img/bg540.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}
.baan_khanitha_bg720 {
    background-image: url(../img/bg720.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}
.baan_khanitha_bg992 {
    background-image: url(../img/bg992.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}
.baan_khanitha_bg1200 {
    background-image: url(../img/bg1200.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}
.baan_khanitha_bg1900 {
    background-image: url(../img/bg1900.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}
.baan_khanitha_bg2500 {
    background-image: url(../img/bg2500.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top left;	
}


.baan_khanitha_bg_top{
	background-image: url(../img/bgthaitexture_top.png); 
	background-repeat: repeat-x;
}
.baan_khanitha_bg_gray{
	background-image: url(../img/bgthaitexture_gray.png); 
	background-repeat: repeat;	
}
.baan_khanitha_bg_bottom{
	height: 30px; 
	background-image: url(../img/bgthaitexture_bottom.png); 
	background-repeat: repeat-x;
}
.card{
	background-color: rgba(255,255,255,0.6) !important;
}
.btn-light{
	background-color: rgba(255,255,255,0.6) !important;
}