/* Font */

@font-face{
  font-family:'Libre Baskerville', Georgia , Serif;
}

h1,h2,h3,h4,h5,h6,
p,small,strong,b,
body{
  font-family:'Libre Baskerville', Georgia , Serif;
  font-weight: 400;
  font-size: 12px;
}
h1,h2,h3,h4,h5,h6,
b,strong{
  font-family:'Libre Baskerville', Georgia , Serif;
  font-weight: 700;
}
p {
  font-family:'Libre Baskerville', Georgia , Serif;
  margin: 0 0 10px;
  color:rgba(255,255,255,0.6);
}
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  overflow: auto;
}
/*font size */
h1{ font-size: 26px; }
h2{ font-size: 24px; }
h3{ font-size: 22px; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }
h6{ font-size: 16px; }

/* blog headers */

h3.blog {
font-size: 16px;
font-weight: 400
}

p{ font-size: 12px; }
small{ font-size: 10px; }
.txt-lg{ font-size: 18px; }
.txt-md{ font-size: 16px; }
.txt-sm{ font-size: 13px; }

.txt-nomal{ font-weight: 400;}
.text-justify{ text-align: justify;}
.text-indent-md{ text-indent: 30px;}

/* Color */
.dark-blue{   color :#0A1C38;}
.blue{        color :#3097BF;}
.light-blue{  color :#9DCAFF;}
.yellow{      color :#F2E3B6;}
.light{       color :#F4FBEB;}
.gray{        color :#A4A6A6;}
.dark-gray{   color :#4D4D4D;}
.red{         color :#CF020E;}
.brown{       color :#776B5B;}
.light-brown{ color :#8B776C;}
.white{       color :#FFFFFF;}
.light-black{ color :#363636;}

.bg-dark-blue{   background :#0A1C38; background-color :#0A1C38;}
.bg-blue{        background :#3097BF; background-color :#3097BF;}
.bg-light-blue{  background :#9DCAFF; background-color :#9DCAFF;}
.bg-yellow{      background :#F2E3B6; background-color :#F2E3B6;}
.bg-light{       background :#F4FBEB; background-color :#F4FBEB;}
.bg-gray{        background :#A4A6A6; background-color :#A4A6A6;}
.bg-red{         background :#CF020E; background-color :#CF020E;}
.bg-white{       background :#FFFFFF; background-color :#FFFFFF;}
.bg-light-purple{background :#E9ECF3; background-color :#E9ECF3;}
.bg-brown{       background :#776B5B; background-color :#776B5B;}

.bg-tranparent{ background: transparent; }
.bg-sibsan-hotel{background: url('img/background.jpg')no-repeat center center fixed;background-size: cover;}
.bg-sibsan-acc{background: url('img/accom-main.jpg');background-size: cover;}
.bg-chain {background: url('img/bg-chain.png');}

/* bg-opacity */
.bg-brown-opacity{ background: rgba(119,107,91,0.65); }
.bg-black-opacity{ background: rgba(0,0,0,0.65); }

/* border style */
.border-top{ border-top:3px solid #9D8360 !important; }
.border-top-sm{ border-top:2px solid;}
.border-top-md{ border-top:4px solid;}
.border-bottom{ border-bottom:1px solid;}
.border-bottom-sm{ border-bottom:2px solid;}
.border-bottom-md{ border-bottom:4px solid;}

/* border-color */
.border-brown{ border:1px solid #776B5B; }
.border-light-brown{ border:1px solid #C1BDB2; }
.border-dark-brown{ border:1px solid #71533D; }
.border-dark{ border:1px solid #332C29; }
.border-lblack{ border-color: #332C29; }
.border-black{ border-color: #000; }
.border-lbrown{ border-color: #A5906F; }
.border-dbrown{ border-color: #71533D; }

.border-thumbnail{
  border: 10px solid rgba(66,53,44,0.9);
}

/* btn-color */
.btn-brown {
  background: #776B5B;
  color: #ffffff;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
  border-color: #C1BDB2;
}
.btn-brown:hover {
  background: #C1BDB2;
  color: #ffffff;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
  border-color: #C1BDB2;
}

.btn{
  display:inline-block;
  color: white;
  text-decoration:none;
  font-size:16px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  text-transform:uppercase;
  font-weight:700;
  padding:10px 35px;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3),inset 0 3px 0 0 #9B8B74 ;
  border: 3px #988A6C solid;
  background: #817562;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxNzU2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YTVlNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #817562 0%, #6a5e4c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#817562), color-stop(100%,#6a5e4c));
  background: -webkit-linear-gradient(top,  #817562 0%,#6a5e4c 100%);
  background: -o-linear-gradient(top,  #817562 0%,#6a5e4c 100%);
  background: -ms-linear-gradient(top,  #817562 0%,#6a5e4c 100%);
  background: linear-gradient(to bottom,  #817562 0%,#6a5e4c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817562', endColorstr='#6a5e4c',GradientType=0 );

}
.btn:hover{
  border: 3px #B4A480 solid;
  color: white;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3),inset 0 3px 0 0 #B9A071 ;
  background: #8D806C;
  background: #a48b62;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0OGI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Zjc1NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #a48b62 0%, #8f754f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a48b62), color-stop(100%,#8f754f));
  background: -webkit-linear-gradient(top,  #a48b62 0%,#8f754f 100%);
  background: -o-linear-gradient(top,  #a48b62 0%,#8f754f 100%);
  background: -ms-linear-gradient(top,  #a48b62 0%,#8f754f 100%);
  background: linear-gradient(to bottom,  #a48b62 0%,#8f754f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a48b62', endColorstr='#8f754f',GradientType=0 );
}

.btn-fade{
    transition: all 1s cubic-bezier(0.25, 1, 0.25, 1) 0s;
}

/* Global style */
.mt-lg{ margin-top: 60px;}
.mt-md{ margin-top: 30px;}
.mt-sm{ margin-top: 10px;}
.mt-xs{ margin-top: 5px;}
.mt-none{ margin-top: 0px !important; }

.mb-lg{ margin-bottom: 60px;}
.mb-md{ margin-bottom: 30px;}
.mb-sm{ margin-bottom: 10px;}
.mb-xs{ margin-bottom: 5px;}
.mb-none{ margin-bottom: 0px !important; }

.pt-lg{ padding-top: 60px;}
.pt-md{ padding-top: 30px;}
.pt-sm{ padding-top: 10px;}
.pt-xs{ padding-top: 5px;}
.pt-none{ padding-top: 0px; }

.pb-lg{ padding-bottom: 60px;}
.pb-md{ padding-bottom: 30px;}
.pb-sm{ padding-bottom: 10px;}
.pb-xs{ padding-bottom: 5px;}
.pb-none{ padding-bottom: 0px; }

.margin-none{ margin: 0px !important; }
.padding-none{ padding: 0px !important; }

.boxed-lg{ padding: 60px; }
.boxed-md{ padding: 30px; }
.boxed-sm{ padding: 10px; }
.boxed-xs{ padding: 5px; }

.border-none{ border: none !important; }
.border-radius-lg{ border-radius: 8px; }
.border-radius-md{ border-radius: 4px; }
.border-radius-sm{ border-radius: 2px; }

.cursor-pointer{ cursor: pointer;}

/* =====================================================================================================================
Header - center
======================================================================================================================= */
.affix {
  position: static !important;
}
.version-center {
  padding:0px;
  /*border-bottom:1px solid #E6E9EA !important;*/
}
.dropdown-menu {
  min-width: 166px;
}
.version-center .dropdown-menu > li {
  text-align:left !important;
}
.version-center .navbar-collapse.collapse {
  text-align: center; /* Set this */
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  font-weight:bold;
}
.version-center .navbar-nav {
  display:inline-block;
  float: none;
  margin: 0;
}
.version-center .navbar {
  padding-top:0 !important;
  margin-top:0 !important;
}
.version-center .navbar-nav > li > a {
  padding:10px 15px;
  margin:0 0 -5px 0;
}
.header.affix .navbar-nav > li > .dropdown-menu,
.version-center .navbar-nav > li > .dropdown-menu {
  margin-top:-5px !important;
}
.version-center .logo-wrapper {
  width:215px;
  margin: 0 auto 20px;
  overflow:hidden;
}
.version-center .logo-wrapper a img {
  display:block;
  margin:auto;
 /*  width: 50%; */
}
.menu-blue .navbar-nav > li > a:focus,
.menu-blue .navbar-nav > li > a:active,
.menu-blue .navbar-nav > li > a:hover{
  background:#21c2f8 !important;
  color:#ffffff !important;
}

#search_form:after {
  color:#21c2f8;
  border-left:1px solid #efefef;
  padding-right:0;
  right: 10px;
  text-align: center;
  width: 45px;
}
#search_form:after,
.header_search,
.callusv1 {
  margin-top:30px;
}
.header.affix {
  background: transparent;
  border-bottom: none;
}

.navbar-nav > li > a{ border-top: 2px solid transparent; }

.header-bg-right{
  height: 40px;
  position: absolute;
  border-bottom-left-radius: 20px;
  right:0px;
}
.header-bg-left{
  height: 40px;
  position: absolute;
  border-bottom-right-radius: 20px;
  left:0px;
}

/* =====================================================================================================================
Footer
======================================================================================================================= */
.footer-link a{  color: #E3D6B9;}
.footer-link a:hover{  color: white; text-shadow: 0px 0px 3px #fff;}
.footer-link p{ margin: 0px}
.footer .social { float: right;}
/* =====================================================================================================================
Accomodation
======================================================================================================================= */
.acc-thumb{
  position: relative;
  width: 100%;
}
.acc-thumb .img-caption{
  background: rgba(0,0,0,0.65);
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
}
/* =====================================================================================================================
Image thumbnail
======================================================================================================================= */
.flex-thumb .flex-active-slide .img-thumbnail{
  background: rgba(193,189,178,0.8);
  border: 1px solid #71533D;
}

.img-thumbnail.dark-brown{
  background: rgba(66,53,44,0.8);
  border: 1px solid #71533D;
}
.img-thumbnail{
  background: rgba(66,53,44,0.8);
  border: 1px solid #71533D;
}

/* =====================================================================================================================
Overide class
======================================================================================================================= */
.blog_wrap .title{ margin-bottom: 10px; }

.navbar-nav > li > a:hover { border-top-color: transparent; }

.menu-lblack .navbar-nav > li > a:focus,
.menu-lblack .navbar-nav > li > a.active,
.menu-lblack .navbar-nav > li > a:hover,
.menu-lblack .navbar-nav li a:hover,
.menu-lblack .navbar-nav .open > a {
  /*background:#292723 !important;*/
  color:#ffffff !important;
  text-shadow: 0px 0px 10px #fff;
}
.menu-lblack .navbar-nav > li > a::after{
  border-color: transparent !important;
}

#gallery .flexslider img{ margin: 0 auto; width: auto !important;}

.testimonial_details img{ width: 110px;}
.testimonial_details:hover{ background: #292723;}

#booking .form-control{ padding: 5px 2px;}
.form-control{ color: #c5c5c5; }
body{ -webkit-backface-visibility: inherit;} /*fixed fancybox scolling promblem*/

.dmtop{ background-color: #C1BDB2 !important;}
.flex-direction-nav a{ background-color: #776B5B !important;}

.blog_wrap .title h3{ border-bottom: 1px solid #C1BDB2; }

.navbar-default .navbar-nav > li > a { color: #8B776C;font-weight: 600; }

/* =====================================================================================================================
booking class
======================================================================================================================= */
#booking{
   max-width: 550px;  margin: 0 auto;display: none;
}
/* =====================================================================================================================
icon class
======================================================================================================================= */
.flag{
  display: inline-block;
  background: url('img/icolang.png') no-repeat;
  width: 24px; height: 16px;
}
.flag.th.active{ background-position: 0px 0px; }
.flag.en.active{ background-position: 0px -19px; }
.flag.th{ background-position: -24px 0px; }
.flag.en{ background-position: -24px -19px; }

.head-border{ position:absolute; top:-14px; left:-15px; }
.back-border{ position:absolute; top:-14px; right:-15px; }

/* =====================================================================================================================
add custom
======================================================================================================================= */
.reservation-detail{
  height: 150px; overflow: hidden;
}

.img-index {
    width:100%;
    max-width: 220px;
}

/* =====================================================================================================================
for scroll bar plugin
======================================================================================================================= */
.content-scrollbar{width:100%; height:600px; padding:10px; overflow:auto;}

.btn-check-ava { 
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.rela { 
  position: relative;
}


@media(max-width: 470px) {
  .btn-check-ava { 
    position: static;
    margin-top: 20px;
  }
  .thump_slide_hide {
    display: none;
  }
}