/* ==========================================================================
   Base Styles for thailandtravel
   ========================================================================== */
html, body { height: 100%;  } 

body {font-family: 'PT Serif Caption', 'Roboto', serif; color: #616161; font-weight: 100; font-size: 16px; font-style: italic; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always;  -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; line-height: 18px; }

h1 { font-size: 40px;  color: #fff; }
h2 { font-size: 30px; color: #5e5e5e; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h5, .call-to-action p { font-family: 'Roboto', 'PT Serif Caption', sans-serif; }
h3, h5  { color: #fff; } 
p { letter-spacing: 0.2px; line-height: 23px; }
.roboto {  font-family: 'Roboto', 'PT Serif Caption', sans-serif; font-style: normal; }
 
.call-to-action h3 { font-size: 18px; line-height: 25px; }
.call-to-action p { font-size: 14px; color: #fff; }

.default-page-content a { color: #004e21; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; z-index: 20;}
.default-page-content a:hover, .default-page-content a:focus, .default-page-content a:active { color: #5e5e5e; }
a, a:focus, a:visited a:active { text-decoration: none; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover  {color:#e93a09; text-decoration: none;	 color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.btn { color: #fff; }
img { max-width: 100%; height: auto; }
.map img { max-width: none; }
/* remove focus outline dots */
input.button, 
input[type="submit"],  
a:focus,
a:active, 
button,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; }
.btn.btn-default { font-family: 'PT Sans', 'PT Serif Caption', 'Roboto', serif ; font-style: italic; font-size: 17px; }
.btn.btn-default, .btn.btn-default:visited { background-color: #27752c; border: none; border-radius: 0;  padding: 17px 26px 16px 25px; text-align: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-width: 100%; letter-spacing: 0.1px; }
.btn.btn-default span { margin-left: 20px;  }
.btn.btn-default:hover, .btn.btn-default:focus  { background-color: #136017; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.btn.btn-default .envelope { margin-left: 0;  } 
.btn.btn-default .envelope img { height: 16px; }
body .default-page-content { padding-top: 58px; }
.default-page-content, .single-hotel-content, .contact-form { padding: 39px 65px; }
.default-page-content h2 { margin-bottom: 20px; }
.page .default-page-content { line-height: 23px; letter-spacing: 0.2px; position: relative; z-index: 20; }
#panel { height: 100%; min-height: 100vh; position: relative; }

/* sticky shadow */
.holder {
    min-height: 100%;
    position: relative;
} 


/* bootstrap nav tabs */
.nav.nav-tabs {  top: -40px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; }
.submenu { display: inline-block; z-index: 50; position: relative;}
.main .nav.nav-tabs li { display: inline-block; width: auto; }
.submenu .nav.nav-tabs { display: inline-block; width: auto;} 
.nav.nav-tabs li a, .nav.nav-tabs, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: none; border-radius: 0; }
.nav.nav-tabs li a { margin-right: 1px; font-family: 'Roboto', 'PT Serif Caption', sans-serif; font-size: 16px; color: #2a2a2a; background: rgba(255,255,255,0.8); padding: 9px 55px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #2a2a2a; }
.nav-tabs>li.active>a { background: #fff; }
	
/* slider */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100vh;
}
 
 .main#panel { margin-left: 298px; }
 
/* flug buchen */
.default-page-content iframe { border: none; margin: 0 auto; width: 100%; max-width: 100%; }
.default-page-content #olt_body { overflow: hidden; }


#panel > * {
  z-index: 20;
  position: relative;
}