#disqus_thread {margin-top: 20px;}
* {box-sizing: border-box;}
.blue {background: #3498db none repeat scroll 0 0; color: #fff;}
.blue h3 {background: #fff none repeat scroll 0 0; color: #3498db; font-size: 36px; line-height: 100px; margin: 10px; padding: 2%; position: relative; text-align: center;}
.variable-width .slick-slide p {background: #fff none repeat scroll 0 0; color: #3498db; height: 100px; line-height: 100px; margin: 5px;}
.button {background: #3498db none repeat scroll 0 0; color: #fff; display: block; font-size: 16px; margin: 20px auto; padding: 20px; text-align: center; text-decoration: none; width: 48%;}
.buttons {margin-bottom: 10px; padding: 0 20px 20px;}
.buttons .button {background: #fff none repeat scroll 0 0; color: #3498db; float: left; margin: 5px;}
.center .slick-center h3 {color: #e67e22; opacity: 1; transform: scale(1.08);}
.center h3 {opacity: 0.8; transition: all 300ms ease 0s;}
.content {margin: auto; padding: 20px; width: 600px;}
.content::after, .buttons::after {clear: both; content: ""; display: table;}
.destroy {font-weight: 400; margin-top: 40px;}
.features {display: block; list-style-type: none; margin-top: 30px; padding: 0; text-align: center;}
.features li {margin: 20px 0;}
.filter .button {background: #fff none repeat scroll 0 0; color: #3498db; margin-bottom: 40px;}
.fixed-header {background: #fff none repeat scroll 0 0; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); display: none; padding: 10px; position: fixed; top: 0; width: 100%; z-index: 10000;}
.fixed-header .header-content {margin: auto; width: 600px;}
.fixed-header .subheading {display: none;}
.fixed-header h1.title {float: left; font-size: 24px; margin: 0;}
.fixed-header ul.nav {float: right; margin: 0; padding: 5px;}
.fixed-header ul.nav li {margin: 0 0 0 10px;}
.slick-slide .image {padding: 10px;}
.slick-slide img {display: block; height: auto; width: 100%;}
.slick-slide img.slick-loading {border: 0 none;}
.subheading {color: #555; font-size: 12px; font-style: italic; font-weight: 400; margin: 10px auto; text-align: center;}
.white {background: #fff none repeat scroll 0 0; color: #3498db;}
.white pre, .white hr {background: #3498db none repeat scroll 0 0 !important;}
code {color: #000; overflow-x: scroll;}
hr {background: #fff none repeat scroll 0 0; border: 0 none; height: 1px; margin: 40px 0;}
p.note {font-size: 12px;}
p.cdn {font-size: 14px;}
p.guff {font-size: 16px;}
pre {background: #fff none repeat scroll 0 0; margin: 0 10px 20px; padding: 10px;}
section {position: relative; width: 100%;}
ul.nav {margin-bottom: 0; padding-left: 0; text-align: center;}
ul.nav li {display: inline-block; list-style-type: none; margin: 0 20px;}
ul.nav li a {font-size: 14px; text-decoration: none;}
#carbonads {background: white none repeat scroll 0 0; color: white; margin: 0 auto 40px; max-width: 320px; padding: 20px; position: relative; text-align: center; top: 40px; width: 100%;}
#carbonads a {display: inline-block; font-size: 10px; line-height: 1.5; margin-bottom: 0;}
#carbonads .carbon-img {margin-bottom: 10px;}
@media (max-width: 420px) {
ul.nav li a {display: block; font-size: 14px;}
}
.slick-loading .slick-list {background: #fff url("../images/ajax-loader.gif") no-repeat scroll center center;}
.slick-prev, .slick-next {background: rgba(0, 0, 0, 0.8) url("../images/arrow-slick.png") no-repeat scroll center center; border: medium none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 30px; line-height: 0; outline: medium none; padding: 0; position: absolute; top: 45%; width: 30px; z-index: 9;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: medium none;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {opacity: 0.8;}
.slick-prev {background-position: 7px 4px; margin-right: 2px; right: 50%;}
.one-time .slick-prev, .one-time .slick-next {background: rgba(0, 0, 0, 0.4) url("../images/arrow-room.png") no-repeat scroll center center; border: medium none; border-radius: 50px; color: transparent; cursor: pointer; display: block; font-size: 0; height: 70px; line-height: 0; margin-top: -10px; outline: medium none; padding: 0; position: absolute; top: 50%; width: 70px; z-index: 9;}
.one-time .slick-prev {background-position: 14px 10px; left: 30px; margin-right: 2px;}
.one-time .slick-next {background-position: -24px 9px; left: auto; right: 30px;}
.autoplay-trip .slick-prev, .autoplay-trip .slick-next {background: rgba(0, 0, 0, 0.4) url("../images/arrow-room.png") no-repeat scroll center center; border: medium none; border-radius: 50px; color: transparent; cursor: pointer; display: block; font-size: 0; height: 70px; line-height: 0; margin-top: -10px; outline: medium none; padding: 0; position: absolute; top: 50%; width: 70px; z-index: 9;}
.autoplay-trip .slick-prev {background-position: 14px 10px; left: 30px; margin-right: 2px;}
.autoplay-trip .slick-next {background-position: -24px 9px; left: auto; right: 30px;}
.single-item .slick-prev, .single-item .slick-next {background: rgba(0, 0, 0, 0) url("../images/arrow-room.png") no-repeat scroll center center; border: medium none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 35px; line-height: 0; outline: medium none; padding: 0; position: absolute; top: 5%; width: 35px; z-index: 9;}
.single-item .slick-prev {background-position: 0 0; left: 5%; top: 10%;}
.single-item .slick-next {background-position: -53px 0; left: 117px; top: 10%;}
.room-gallery .slick-initialized .slick-slide {display: block; padding-right: 0; position: relative;}
.room-gallery h3 {font-size: 22px; font-weight: lighter;}
[dir="rtl"] .slick-prev {left: auto; right: -25px;}
.slick-prev::before {
}
.slick-next {background-position: -14px 4px; left: 50%;}
[dir="rtl"] .slick-next {left: -25px; right: auto;}
.slick-next::before {
}
[dir="rtl"] .slick-next::before {
}
.slick-slider {width: 100%;}
.slick-dots {bottom: -45px; display: none !important; list-style: outside none none; padding: 0; position: absolute; text-align: center; width: 100%;}
.slick-dots li {cursor: pointer; display: inline-block; height: 12px; margin: 0 5px; padding: 0; position: relative; width: 12px;}
.slick-dots li button {background: transparent none repeat scroll 0 0; border: 0 none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: medium none; padding: 0; width: 20px;}
.slick-dots li button:hover, .slick-dots li button:focus {background-color: #666; opacity: 1;}
.slick-dots li.slick-active button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #000000;}
.slick-slider {-moz-user-select: none; box-sizing: border-box; display: block; position: relative;}
.slick-list {display: block; margin: 0; overflow: hidden; padding: 0; position: relative;}
.slick-list:focus {outline: medium none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0px, 0px, 0px);}
.slick-track {display: block; left: 0; position: relative; top: 0;}
.slick-track::before, .slick-track::after {content: ""; display: table;}
.slick-track::after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; min-height: 1px;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {border: 1px solid transparent; display: block; height: auto;}
.slick-arrow.slick-hidden {display: none;}
@media (max-width: 768px) {
.header {
/*    font-size: 15px;*/
}
.intro-slide {top: 20%;}
.blue h3 {font-size: 24px;}
.button {margin: 0 auto 20px; width: auto;}
.button.first {margin-top: 40px;}
.buttons {padding: 0 0 20px;}
.buttons .button {float: left; font-size: 12px; margin: 1%; width: 48%;}
.center {margin-left: -40px; margin-right: -40px;}
.center .slick-center h3 {color: #e67e22; opacity: 1; transform: scale(1);}
.center h3 {opacity: 0.8; transform: scale(0.95); transition: all 300ms ease 0s;}
.content {margin: auto; padding: 20px 40px; width: auto;}
.fixed-header .header-content {width: auto;}
pre {font-size: 12px; overflow-x: scroll;}
.one-time .slick-prev, .one-time .slick-next {background: rgba(0, 0, 0, 0.8) url("../images/arrow-slick.png") no-repeat scroll center center; display: block; font-size: 0; height: 30px; top: 45%; width: 30px;}
.one-time .slick-prev {background-position: 7px 4px !important; left: 30px; margin-right: 2px;}
.one-time .slick-next {background-position: -12px 4px !important; left: auto; right: 30px;}
.single-item .slick-prev {left: 20px;}
.single-item .slick-next {left: auto; right: 20px;}
.slick-prev, .slick-next {
}
.single-item .slick-prev, .single-item .slick-next {top: 50%;}
.room-feature .room-amen li img {width: 32%;}
.room-feature .room-amen li {display: inline-block; line-height: 24px; padding: 7px 20px; text-align: center; width: 48%;}
.room-feature .room-amen li img {float: none; margin: 0 auto;}
.room-gallery h3 {font-size: 18px; font-weight: lighter;}
.autoplay-trip .slick-prev {display: none !important;}
.autoplay-trip .slick-next {display: none !important;}
}
@media (max-width: 480px) {
.room-slide.width-content .room-name {background: transparent; border: none; bottom: auto; color: #fff; font-size: 40px; line-height: 42px; padding: 0; text-shadow: none; top: 10%; text-shadow: none; margin: 0 auto; width: 100%; left: auto; right: auto;}
}