@charset "utf-8";


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

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

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

}

*{ border: 0;}

.bold{font-family: 'db_penthai_xbold'!important;}
.brown{color:#c4ae77!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.html); /* 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: 19px;
  font-family: 'db_penthai_xregular';
  overflow-x: hidden !important;
  line-height: 20px;
  color: #1b1b1b;
}
a{
  text-decoration: none;

}
.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;}
.wrapheader{position: fixed; width: 100%; z-index: 99;}
#menu:not( .mm-menu ) {
   display: none;
}
.text-center img{display: inline-block;}
.mm-listview > li > a, .mm-listview > li > span{font-size: 18px;}
.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;
}

ul#slide-list{margin-left: -30px; bottom: 34px;}
ul#slide-list li a{background: #fff; border-radius: 100%;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover,ul#slide-list li a:hover{background: #cdaf83!important;}
#slide{height: 100%;position: relative;}

#slide.slideaccom{height: 78%; padding-top: 0;}
p{color: #FFFF;}
#supersized{position: relative; }
.logo{display: inline-block; text-align: center; max-width: 370px; margin-top: 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;}
.gobottom i{display: block;}
.gobottom span{display: block; text-transform: uppercase; font-size: 18px; font-family: 'db_penthai_xbold';}
.header{ background-color: rgba(255, 255, 255, 0.5); transition: all 0.3s ease 0s;  
  font-family: 'db_penthai_xregular'; border-top: 1px solid #fff; z-index: 999; }
.header.headernew{background: url(../images/bgheader.png) repeat-x;}
.header.scrollto,
.header:hover{background:#fff; box-shadow: 0 3px 3px 1px rgba(176, 175, 175, 0.2);} 

.header.scrollto .logo{display: none;}
.header .mainmenu{ margin-top: 16px; display: block; margin-right: 10px; text-align: center;}
.header .mainmenu ul .glyphicon{font-size: 9px; margin-left: 3px; color: #00326b ;}
.header .mainmenu > ul > li{display: inline-block; margin: 0 5px; position: relative;}
.header .mainmenu > ul > li > a{color: #5e5e5a;  font-size: 19px; display: block; padding: 5px 15px 11px; cursor: pointer; text-transform: uppercase;}
.header .mainmenu > ul > li > a.sendIN{padding: 10px 35px; display: block;background: #ffa31a; color: #fff; border:1px solid #997288;
margin-left: 20px; border-radius: 5px; position: relative; margin-top: -3px; font-size: 20px; font-family: 'db_penthai_xbold';}
.header .mainmenu > ul > li > a.sendIN:hover{background: #af6a70; color: #fff;}

.header .weathersec{float: right;}
.header .mainmenu .submenu{position: absolute;  text-align: left; z-index: 101; padding: 25px; display: none;
 background: #eee; width: 174px; top: 36px; }
.header .mainmenu .submenu.submenuroom{width: 245px; left: 0;}
.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; border-bottom: 1px solid #ccc;}
.header .mainmenu .submenu li:last-child{border-bottom: 0;}
.header .mainmenu .submenu li a{ font-size: 19px; text-transform: uppercase; padding: 6px 0; 
  display: block; color: #3b3c38; transition: all 0.3s ease 0s;}
.header .mainmenu .submenu li a:hover{color: #af6a70;}
.submenu h2{font-size: 20px; margin-bottom: 5px;  font-family:'db_penthai_xbold'; padding-top: 10px; 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: 17px; 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;}
.whyus{padding-top: 10px; padding-bottom: 0px;  }
 .wrapwhyushome{background: url(../images/bg-home.jpg) no-repeat bottom; background-size: cover;}
.wrapwhyushome.treat{background: url(../images/bgTREATMENT.jpg) no-repeat bottom; background-size: cover;}
.whyus.headoverview{padding-bottom: 35px;}
.whyus h2{font-size: 25px; color: #c4ae77; }
.whyus h2.gray{font-size: 22px;  text-transform: capitalize; }
.whyus h1{color: #FFFF; text-transform: uppercase; font-size: 40px; margin-top: 3px; margin-bottom: 0px;}
.whyus h1:hover a{color: inherit!important;}

.serviceHome{ background: url(../images/jpg) no-repeat center; background-size: cover;}
.serviceHome .container{border-bottom: 1px solid #f1f1f1; }
.servicelist{margin-top: 30px;}
.servicelist li{padding: 5px 0 5px; float: left; width: 50%;}
.serviceHome h2{font-size: 40px; color: #bc787e; text-transform: uppercase; margin-bottom: 20px;}
.serviceHomeDetail{background-color: rgba(255, 255, 255, 0.9); padding-top: 70px; padding-bottom: 70px;
padding-left: 40px; padding-right: 40px;}






.massagelist .popbox.pop1{background: url(../images/M1.html); background-size: cover; height: 480px;}
.massagelist .popbox.pop1 .cover{position: absolute; top: auto; bottom: 20px; width: 100%; text-align: center; 
  font-size: 23px; text-transform: uppercase; color: #fff;}

.massagelist .popbox.pop2{background: url(../images/M2.html); background-size: cover; height: 480px;}
.massagelist .popbox.pop2 .cover{position: absolute; top: auto; bottom: 20px; width: 100%; text-align: center; 
  font-size: 23px; text-transform: uppercase; color: #fff;}

.massagelist .popbox.pop3{background: url(../images/M3.html); background-size: cover; height: 480px;}
.massagelist .popbox.pop3 .cover{position: absolute; top: auto; bottom: 20px; width: 100%; text-align: center; 
  font-size: 23px; text-transform: uppercase; color: #fff;}

.servicedetail{background: url(../images/serviceBG.html); background-size: cover; padding-top: 50px; padding-bottom: 50px;
color: #fff;}
.servicedetail h1{margin-bottom: 30px;}
.servicedetail p{color: #fff;}
.servicegroup{margin-top: 30px;}
.servicegroup span{display:block;margin-top: 10px;}


.WeddingPackage{padding-top: 50px; padding-bottom: 50px;}
.WeddingPackage h2{font-size: 40px; text-transform: uppercase; color: #bc787e; text-align: center;}

.popularmenu{padding-top: 50px; padding-bottom: 380px; color: #855469; text-transform: uppercase;
background: url(../images/bgMenuAll.html) no-repeat bottom right;}
.popularmenu h2,.servicedetail h2{font-size: 40px; margin-bottom: 20px;}
.wrapslide {margin-top: 30px;}
.wrapslide .ls-action > .ls-prev{ left: -50px;  }
.wrapslide .ls-action > .ls-next{ right: -50px; }
.wrapslide .ls-slide-wrapper{position: static;}
.wrapslide .ls-action > a{background-image: url(../images/controls-black.png);}

.block-service-slide{display: block; position: relative; transition: all 0.3s ease 0s;}
.coverserviceslide{position: absolute; bottom: 0; text-align: center; color: #fff; padding:117px 20px 20px;
width: 100%; text-transform: uppercase; font-size: 23px; background: url(../images/bg4box.png) repeat-x bottom;}
.block-service-slide:hover{opacity: 0.8; -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);}

.brown{color: #ccb188;}

.video-home{background-color: rgba(0, 0, 0, 0.0); height: 480px; color: #fff; overflow: hidden; position: relative; 
  padding-top: 120px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);transition: all 0.3s ease 0s; }
.video-home:hover{background-color: rgba(0, 0, 0, 0.3);}
.video-home h2{font-family: 'db_penthai_xbold'; font-size: 28px; margin-bottom: 20px; text-transform: uppercase;}
.video-home p{font-size: 19px;}
video { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  background: url(../images/bg-video.jpg) no-repeat;
  background-size: cover;
  transition: 1s opacity;

}
.godrone {position: absolute; right: 50px; bottom: 20px;}


#mute-video {
    height: 30px;
    left: 50%;
    margin: -30px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    cursor: pointer;
}

.bar {
   background: #fff;
    bottom: 1px;
    height: 3px;
    position: absolute;
    width: 3px;      
    animation: sound 0ms -800ms linear infinite alternate;
}

@keyframes sound {
    0% {
       opacity: .35;
        height: 3px; 
    }
    100% {
        opacity: 1;       
        height: 28px;        
    }
}

.bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.bar:nth-child(2)  { left: 5px; animation-duration: 433ms; }
.bar:nth-child(3)  { left: 9px; animation-duration: 407ms; }
.bar:nth-child(4)  { left: 13px; animation-duration: 458ms; }
.bar:nth-child(5)  { left: 17px; animation-duration: 400ms; }
.bar:nth-child(6)  { left: 21px; animation-duration: 427ms; }
.bar:nth-child(7)  { left: 25px; animation-duration: 441ms; }
.bar:nth-child(8)  { left: 29px; animation-duration: 419ms; }
.bar:nth-child(9)  { left: 33px; animation-duration: 487ms; }
.bar:nth-child(10) { left: 37px; animation-duration: 442ms; }
.mutetext{margin-top: 30px; display: block; font-size: 14px;}
a{transition: all 0.3s ease 0s;}

.GalleryHome{padding-top: 50px; padding-bottom: 50px; background: url(../images/bg-Sand.jpg) no-repeat; background-size: cover;}
.GalleryHome h2{font-size: 40px; color: #bc787e; text-transform: uppercase; margin-bottom: 20px;}
.GalleryHomelist{margin-top:30px; }

.galbox{display: block; height: 283px; margin-bottom: 7px; position: relative;transition: all 0.3s ease 0s; }
.gal1wrap{width: 33.333%; float: left; padding-right: 3.5px;}
.gal2wrap{width: 66.666%; float: left; padding-left: 3.5px;}
.gal3wrap{width: 50%; float: left; padding-right: 3.5px;}
.gal4wrap{width: 50%; float: left; padding-left: 3.5px;}
.gal5wrap{width: 66.666%; float: left; padding-right: 3.5px;}
.gal6wrap{width: 33.333%; float: left; padding-left: 3.5px; }


.galbox.gal1{background: url(../images/gal-home-1.jpg) center; background-size: cover; height: 572px; }
.galbox.gal2{background: url(../images/gal-home-2.jpg) center; background-size: cover;}
.galbox.gal3{background: url(../images/gal-home-3.jpg) center; background-size: cover;}
.galbox.gal4{background: url(../images/gal-home-4.jpg) center; background-size: cover;}
.galbox.gal5{background: url(../images/gal-home-5.jpg) center; background-size: cover;}
.galbox.gal6{background: url(../images/gal-home-6.jpg) center; background-size: cover; padding-top: 110px; }
.allphoto i,.allphoto span{color: #fff; display: block;}
.allphoto i{margin-bottom: 12px;}
.allphoto span{font-size: 22px; text-transform: uppercase;}
.allphoto{text-align: center;}


.galbox:hover{opacity: 0.8; -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);}


.footer{background: #ffa31a; padding-top: 30px; color: #fff; padding-bottom: 30px;}
.footer p,.footer a{color: #fff;}
.footer h2{color: #e2c395; font-size: 22px; margin-bottom: 5px;}
.footer input{ background: #414150; border:none; font-size: 19px; }
.menufooter a{color: #fff; text-transform: uppercase; font-size: 18px;}
.footer button{color: #c4aa83; background: none; padding: 5px 35px; border-radius: 20px; border:1px solid #c2a982; margin-top: 10px;}
.footer button:hover{color: #fff; background:#c4aa83; }
.getintouch{color: #ababab;}
.getintouch i{font-size: 10px; color: #fff; margin-right: 5px; position: relative; top: 0px;}
.logofooter a{margin-left: 5px; margin-right: 5px;}
.logo-white{width:100%; max-width: 400px;}
.address{float: left; margin-top: 10px;}
.social{ margin-top: 15px; margin-bottom: 25px; }

    #cycle-loader {
      height:32px;
      left:50%;
      margin:-8px 0 0 -8px;
      position:absolute;
      top:50%;
      width:32px;
      z-index:99;
    }
    
    /*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
    #maximage {
      display:none;/* Only use this if you fade it in again after the images load */
      position:fixed !important;
    }
    
    /*Set my gradient above all images*/
    
    
    #arrow_left, #arrow_right {
      top:50%;
      margin-top: -25px;
      height:50px;
      position:fixed;
      right:30px;
      width:50px;
      z-index:1000;
      border-radius: 100%; 
      overflow: hidden;
      border: 1px solid #fff;
      display: block;
      z-index: 3;
    }
    #arrow_left {
      left:30px;
    }
    
    #arrow_left:hover, #arrow_right:hover {
      bottom:29px;
    }
    #arrow_left:active, #arrow_right:active {
      bottom:28px;
    }
    
    a {color:#666;text-decoration:none;}
    a:hover {text-decoration:underline;}
    
  .btn-blue{color: #fff; padding: 5px 25px; background: #0f5f9e;}

  .wrapformcontact .form-control{border-color:#0f5f9e; }

.homedetail{padding-bottom: 40px;}
.homedetail.nopadbot{padding-bottom: 0;}






.btn-download{background-color: rgba(0, 0, 0, 0.7);
    color: #af6a70;
    padding: 8px 30px;
    display: inline-block; 
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    z-index: 9;
    border: 1px solid #af6a70;
    background: #fff;
  }
  .btn-download i{font-size: 13px;}
.btn-download:hover{background: #af6a70; color: #fff;
  }
.whyswap .col-md-5 ,.whyswap .col-md-7{float: right;}
.wrapwhyus{padding: 10px 0 10px; background: #fff; margin-bottom: 10px;}
.wrapwhyus .clearfix{margin-bottom: 10px; padding: 15px 0; background: #f3f3f3;}
.wrapwhyus h2,.wrapwhyus h2 a{margin-top:15px; margin-bottom: 10px;  color: #af6a70;
font-family: "db_penthai_xbold"; font-size: 28px; text-transform: uppercase;}
.wrappartner .clearfix{margin-bottom: 25px;}
.wrapproject{ padding-bottom: 40px; }
.partnercol h3{margin-top: 5px; margin-bottom: 5px;}
.partnercol h3 a{color: #cdaf83; font-family: 'db_penthai_xbold'}
.partnercol{padding-top: 15px; padding-bottom: 15px;}

.wrapdetailgray{padding-top: 50px; padding-bottom: 50px; background: #4d0000;}
.packagelist a{position: relative; display: block;}
.wrap-lineInner{width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; right: 3%; bottom: 3%; border: 1px solid #fff;
transition: all 0.3s ease 0s;}
.packagelist li{margin-bottom: 30px;}
.packagelist a:hover .wrap-lineInner{background-color: rgba(255, 255, 255, 0.5); }
.packagelist .coverlist{padding: 20px; background:#C9B28A; text-align: center;}
.packagelist h2{font-size: 25px; text-transform: uppercase; color: #000000; margin-bottom: 5px;}
.packagelist p{font-size: 17px; line-height: 17px; margin-bottom: 0; }
.packagelist a.btn-brown{display: inline-block;}
.btn-brown{ margin-top: 20px; background: #af6a70; color: #fff; font-size: 18px; display: inline-block;  text-align: center;}
.btn-brown:hover{background: #af6a70;}
.btn-brown i{font-size: 12px;}
.more_price{border-top: 1px solid #ccc;}
.price_inner{float: left; width: 50%; padding:5px 15px; background: #fff; height: 65px;}
.price_inner span{display: block; text-transform: uppercase; text-align: left; font-size: 13px; line-height: 13px;}
.price_inner .per_price{text-align: right;}
.price_inner .value_price{font-size: 30px; text-align: left; line-height: 28px;}
.more_price .btn-morepackage{text-align: center; background: #af6a70; color: #fff; text-transform: uppercase; padding: 25px; float: left; width: 50%;
height: 65px;}

.service-detail{padding-top: 50px; padding-bottom: 50px;}
.service-detail h1{color: #bc787e; text-transform: uppercase; font-size: 40px; margin-bottom: 20px;}
.service-detail .ls-action > a{border-radius: 100%; z-index: 9; opacity: 1;}

.enquirybox{background: #f2f2f2; padding: 10px;}
.enquirybox .price_inner{float: none; width: 100%; height: auto; background: none; padding-top: 20px;}
.enquirybox .price_inner span{text-align: center; line-height: 20px; font-size: 19px;}
.enquirybox span.value_price{font-size: 40px; text-align: center; line-height: 38px; font-family: 'db_penthai_xbold';}
.enquirybox .btn-brown{display: block; text-align: center; font-family: 'db_penthai_xbold'; font-size: 23px;
padding: 15px;}
.sidelinkservice a img{transition: all 0.3s ease 0s;}
.sidelinkservice a{margin-left: 5px; margin-right: 5px;}
.sidelinkservice a:hover img{transform: scale(1.2);}
.InclusiveOf h3{text-transform: uppercase; margin-bottom: 15px; margin-top: 20px;}
.InclusiveofList li{float: left; width: 50%; margin-bottom: 5px;}
.InclusiveofList.full li{float: none; width: 100%; margin-bottom: 5px;}
.InclusiveofList i{font-size: 12px; color: #af6a70; margin-right: 3px;}
.morePac{text-transform: uppercase; margin-bottom: 15px; color: #af6a70;}
.wrapslide{position: relative;}

/*gallery*/

.data-fancybox { padding:5px; height: auto; }
.vdo .data-fancybox { position: relative; }
.vdo .data-fancybox::after { content: "\e029"; font-size: 50px; color:#fff; font-family: 'Glyphicons Halflings'; position: absolute; left: 35%; top: 45%; width:30%; text-align: center; z-index: 1px;  }
.gallery-sub { text-align: center; margin-top: 10px; }
.gallery-sub h3 { color:#ffff; }
.list-gallery { display:none; }
.fancybox-enabled{ overflow: visible !important; width: auto!important;}

/**/
.extraservices { min-height: 100px; }
.cover-pdf { text-align: center; margin-top: 20px;}
.cover-pdf .btn-download{ display: inline-block;}
.cover-pdf.text-left { text-align:left; }
.box-extra { background: #fff; margin-bottom: 25px; }
.box-extra .coverlist {margin-top: 20px; padding:20px; }

.max-imgtestimonials { max-width:250px; margin-bottom: 25px; }
.list-venues { margin-top:10px; }
.list-venues h3{color:#af6a70 ;font-size:22px; margin-bottom: 5px; font-weight: 600!important;}
.list-venues h4{ text-transform: uppercase; font-size:20px; margin-bottom: 5px}
.list-venues i {font-size: 12px;color: #af6a70; margin-right: 3px;}
.wrap-contact-1 {}
.wrap-contact-1 { background: url(../images/bg-contact-01.jpg) no-repeat bottom fixed; background-size: cover;}
.wrap-contact-2 { background: url(../images/bg-contact-02.jpg) no-repeat bottom fixed; background-size: cover;}
.wrap-contact-1 .serviceHomeDetail, .wrap-contact-2 .serviceHomeDetail { padding-top:100px; padding-bottom:100px;     padding-left: 35px;
padding-right: 35px; }
.wrap-contact-1 h2, .wrap-contact-2 h2 { color:#bc787e; margin-bottom:10px; }
.wrap-contact-1 p, .wrap-contact-2 p { margin-bottom:15px; }
.wrap-contact-1 svg, .wrap-contact-2 svg { vertical-align: -2px; }
.note{font-family: 'db_penthai_xbold'; color: #C4AE77;}
.date-testimonials{font-family: 'db_penthai_xbold'; color: #C4AE77; padding-bottom: 10px;}
.gallery-item{margin-bottom:10px; padding-bottom:30px; background: url(../images/line-gallery.png) no-repeat bottom center;}
.txt-footer { font-size: 22px; }
		   .img-footer{ margin-top: -5px;}


.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}