html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; height: 100%}
body{line-height: 1.733333333; font-size: 15px; background-color: #ffffff; color: #484848; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; margin: 0; height: 100%}
#page{position: relative}
#page::after{content: ""; display: table; clear: both}
.navigation_main{text-transform: uppercase}
/* Layout Sidebar */
#sidebar-wrapper{position: relative; width: 300px !important; vertical-align: baseline; float: left; z-index: 20; display: block !important}
#sidebar-wrapper .sidebar{width: 100%; z-index: 20; position: relative; display: flex; flex-direction: row; float: left; transform: translate3d(0, 0, 0)}
#sidebar-wrapper .sidebar .content{display: flex; flex-direction: column; flex: 0 1 auto; min-height: 100vh; padding: 0 50px; background-color: #3e0001; color: #ffffff}
/* Header */
#sidebar-wrapper .sidebar .content .header{margin: 0; flex: 0 1 auto}
#sidebar-wrapper .sidebar .content .header .logo{padding-top: 50px; text-align: center}
/* Mobile Toggle */
#sidebar-wrapper .sidebar .content .header .mobile_toggle{color: #ffffff; font-size: 20px; text-transform: uppercase; font-weight: bold; text-align: center; margin: 15px 0 0; display: none}
#sidebar-wrapper .sidebar .content .header .mobile_toggle:hover,
#sidebar-wrapper .sidebar .content .header .mobile_toggle:focus{color: #ffffff; cursor: pointer}
/* mobile_navicon */
.mobile_navicon{display: inline-block; width: 24px; height: 19px}
.mobile_navicon b{display: block; position: relative; width: 100%; height: 3px; top: 50%; margin-top: 0; background-color: #ffffff; transition: background-color .28s ease}
.mobile_navicon b::before, .mobile_navicon b::after{display: block; content: ''; width: 100%; height: inherit; position: absolute; bottom: 0; background-color: #ffffff; transition: all .35s ease}
.mobile_navicon b::before{top: -7px}
.mobile_navicon b::after{bottom: -7px}
.mobile_toggled_active .mobile_navicon b{background-color: transparent}
.mobile_toggled_active .mobile_navicon b::before{top: 0; transform: rotate(45deg)}
.mobile_toggled_active .mobile_navicon b::after{bottom: 0; transform: rotate(-45deg)}
/* Sidebar Inner */
#sidebar-wrapper .sidebar .content .inner{display: flex; flex-direction: column; justify-content: flex-start; flex: 1 1 auto}
/* Nav */
#sidebar-wrapper .sidebar .content .inner ul{margin: 50px 0 35px; padding: 0; list-style: none}
#sidebar-wrapper .sidebar .content .inner ul li{position: relative; z-index: 100; display: block}
#sidebar-wrapper .sidebar .content .inner ul li a{display: block; white-space: nowrap; text-align: center; font-size: 14px; color: #ffffff; padding: 5px 0}
#sidebar-wrapper .sidebar .content .inner ul li a:hover{text-decoration: none; color: #f4d362}
#sidebar-wrapper .sidebar .content .inner ul.stopttime a{color: #4E3B97}
#sidebar-wrapper .sidebar .content .inner ul.stopttime li a:hover{color: #fff}
/* Sidebar Widgets Bottom */
#sidebar-wrapper .sidebar .content .inner .bottom{margin: 0}
#sidebar-wrapper .sidebar .content .inner .bottom .widget{font-family: "Merriweather", serif}
#sidebar-wrapper .sidebar .content .inner .bottom .widget:first-child{margin-top: 40px}
#sidebar-wrapper .sidebar .content .inner .bottom .widget p:last-child{margin-bottom: 0}
#sidebar-wrapper .sidebar .content .inner .bottom .widget a{color: #f4d362}
#sidebar-wrapper .sidebar .content .inner .bottom .widget a:hover{color: #ffffff}
#sidebar-wrapper .sidebar .content .inner .bottom .widget::after{content: ""; display: table; clear: both}
#sidebar-wrapper .sidebar .content .inner .bottom p{text-align: center; margin: 0}
#sidebar-wrapper .sidebar .content .inner .bottom img{margin-bottom: 50px; padding: 0}
/* Layout Content */
#content{float: left; width: 830px; z-index: 15; position: relative; background-color: #ffffff; transform: translate3d(0, 0, 0); transition: opacity .35s ease, transform .75s ease; transition-delay: .12s}
/* Main */
#content .main{padding: 50px 100px; position: relative; z-index: 10; min-height: 100vh; transition: opacity .35s ease, transform .75s ease}
#content .main p{text-indent: 15px; margin: 7px 0px 11px 0px; text-align: justify}
#content .main img{display: block}
#content .main .reserve_form img{display: inline-block}
#content .main .price{display: block; color: #620000; font-size: 18px; font-weight: bold; font-style: italic}
#content .main .gallery ul{margin: 0; padding: 0}
#content .main .gallery ul li{margin: 5px 0 15px 0; list-style: none}
#content .main .gallery ul li img{width: 100%}
/* Item Entry */
#content .main .item_entry{margin-bottom: 60px}
#content .main .item_entry::after{content: ""; display: table; clear: both}
#content .main .item_entry:last-of-type{margin-bottom: 0}
#content .main .item_entry .item_entry_thumb{float: left; width: 205px; margin-right: 30px; position: relative}
#content .main .item_entry .item_entry_thumb img{width: 100%}
#content .main .item_entry .item_entry_content{overflow: hidden}
#content .main .item_entry .item_entry_content h2{font-size: 20px; margin-top: -4px; margin: 0}
#content .main .item_entry .item_entry_content h2 a{color: #620000}
#content .main .item_entry .item_entry_content h2 a:hover{color: #000}
#content .main .item_entry .item_entry_content p{font-size: 14px; text-indent: 15px; margin: 5px 0px 11px 0px; padding: 0; text-align: justify}
/* Content Slider Wrapper */
#slider-wrapper{position: fixed; widt1h: calc(100% - 300px); height: 100%; top: 0; left: 0; margin-left: 300px; z-index: 1}
/* Content Slider */
#slider-wrapper .slider{margin: 0; padding: 0; width: 100%; height: 100%; background: transparent; border: none; position: relative; zoom: 1; border-radius: 5px; -o-box-shadow: "" 0 0 0 transparent; display: block; border-radius: 0; border: 0}
#slider-wrapper .slider[data-effect="fade"] {display: none}
#slider-wrapper .slider a:hover, .slider a:focus{outline: none}
/* Slides */
#slider-wrapper .slider ul{height: 100%; margin: 0; padding: 0; list-style: none; display: block; zoom: 1}
#slider-wrapper .slider ul:after{content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
#slider-wrapper .slider ul li:after{content: " "; position: absolute; top: 0; left: 0; z-index: -1000}
#slider-wrapper .slider ul li:first-child{display: block; backface-visibility: visible; opacity: 1; z-index: 2}
#slider-wrapper .slider ul li{width: 100%; margin: 0; padding: 0; list-style: none; display: none; -webkit-backface-visibility: hidden; position: relative; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center top; opacity: 0; z-index: 1}
#slider-wrapper .slider ul img{width: 100%; display: block}
#slider-wrapper .slider.loading::before{border: 6px solid rgba(255, 255, 255, 0.35); border-top-color: rgba(255, 255, 255, 0.875); border-radius: 100%; height: 40px; width: 40px; animation: rot .8s infinite linear; content: ""; position: absolute; right: 20px; bottom: 20px; z-index: 1000}
#slider-wrapper .slider ul .content{position: relative; top: 50%; transform: translateY(-50%); text-align: center; padding: 50px 0px; color: #fff; margin: 0 auto; background: none repeat scroll 0 0 rgba(0,0,0,0.3); width:100%; z-index: 9999}
#slider-wrapper .slider ul .content:last-child{margin-bottom: 0}
#slider-wrapper .slider ul .content .title{font-size: 40px; line-height: normal; margin-bottom: 10px; color: #fff; padding: 0 20px}
#slider-wrapper .slider ul .content .subtitle{font-size: 30px; line-height: normal; color: #fff; opacity: 1; padding: 0 20px}
#slider-wrapper .slider ul .content .btn{margin-top: 15px; color: #fff; font-size: 25px; color: #fff}
#slider-wrapper .slider ul .content .btn:hover{border-color: #620000}
#slider-wrapper .slide_controls{position: fixed; top: 20px; right: 20px; z-index: 10}
#slider-wrapper .slide_controls .slide-control{display: inline-block; width: 42px; height: 42px; background-color: #620000; color: #ffffff; line-height: 42px; font-size: 20px; text-align: center; border-radius: 50%}
#slider-wrapper .slide_controls .slide-control:hover{color: #f4d362}
#slider-wrapper .slide_controls .slide_control_prev{text-indent: -1px}
#slider-wrapper .slide_controls .slide_control_next{text-indent: 1px}
#slider-wrapper .slide_controls .slide_control_prev{pointer-events: none; opacity: 0; transform: scale(0.65); transition: transform 0.25s ease 0.25s, opacity 0.25s ease 0.25s}
#slider-wrapper .slide_controls .slide_control_next{pointer-events: none; opacity: 0; transform: scale(0.65); transition: transform 0.25s ease 0.3s, opacity 0.25s ease 0.3s}
#slider-wrapper .slide_controls .slide_control_prev,
#slider-wrapper .slide_controls .slide_control_next{display: inline-block; opacity: 1; pointer-events: auto; transform: scale(1)}
/* Content Wrapper */
#content_wrapper{position: fixed; width: calc(100% - 300px); height: 100%; top: 0; left: 0; margin-left: 300px}
#content_wrapper .background{height: 100%; display: block}
#content_wrapper .background .background_wrapper{height: 100%; margin: 0; padding: 0; background-image: url(/templates/resttime/images/default_background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; margin: 0; padding: 0}
/* Datepicker */
.ui-datepicker{z-index: 9999 !important;}
.calendar{width: 85%; margin-right: 5px}
/* Other */
article, aside, header, main, nav{display: block}
a{background: transparent; transition: color .18s ease, background-color .18s ease, border-color .18s ease; outline: none; color: #2f90b2; text-decoration: none}
a:hover{color: #246f8a; outline: none; text-decoration: none}
a:active{outline: none}
a:active, a:hover{outline: 0}
b, strong{font-weight: bold}
h1, h2, h3, h4, h5, h6{line-height: normal; margin: 0 0 15px; word-wrap: break-word; text-rendering: optimizeLegibility; font-family: "Merriweather", serif; color: #620000}
h1{font-size: 28px; margin: 0.67em 0}
h2{font-size: 24px}
img{display: inline-block; vertical-align: middle; max-width: 100%; height: auto; border: 0}
figure{margin: 1em 40px}
hr{box-sizing: content-box; height: 0}
button{overflow: visible}
button, select{text-transform: none}
button, html input[type="button"], input[type="submit"]{-webkit-appearance: button; cursor: pointer}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
td{margin: 10px; padding: 2px; text-align: left}
p{margin: 0 0 15px}
figure{margin: 0}
ul, ol{padding-left: 20px}
ul{list-style: disc}
ol{list-style: decimal}
table{border-collapse: separate; border-spacing: 0; width: 100%}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0; margin: 4px 0 0; line-height: normal; width: auto; height: auto}
input, textarea, select{line-height: normal; display: inline-block; font-size: inherit; width: 100%; max-width: 100%; height: 27px; margin: 0 0 5px 0; padding: 6px 12px; box-shadow: none; line-height: normal; border: 1px solid #bdbdbd; background-color: #ffffff; background-image: none; border-radius: 4px; box-sizing: border-box}
input:focus, textarea:focus{outline: none}
textarea{overflow: auto; height: auto; resize: none}
select{border: 1px solid #C3CBD4; box-sizing: border-box; padding: 3px 25px 3px 3px; box-sizing: border-box; margin: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%}
select{max-width: 100%}
/* Btn */
.btn, input[type="submit"]{display: inline-block; font-weight: normal; margin: 0; line-height: normal; box-shadow: none; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; transition: .18s background-color ease, color .18s ease, .18s border-color ease; user-select: none; width: auto; height: auto; background-image: none; padding: 10px 32px; font-size: 16px; background-color: transparent; color: #620000; border-radius: 20px; border: 1px solid #bdbdbd; margin-top: 10px}
.btn:active,
input[type="submit"]:active,
button:active{outline: none}
.btn:hover,
input[type="submit"]:hover,
button:hover{background: #620000; color: #dab654; text-decoration: none; border-color: #620000}
.btn:focus,
input[type="submit"]:focus,
button:focus{outline: none}
.btn-lg{padding: 14px 44px; font-size: 14px; border-radius: 24px}
/* Table */ 
table.my{width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0}
table.my th{font-size: 14px; background: #e5e5e5; padding: 15px 5px 15px 5px; border: 1px solid #babcbf; color: #777; text-align: center; text-transform: uppercase}
table.my td{font-size: 14px; margin: 0; padding: 0.4166em; vertical-align: top; border: 1px solid #babcbf}
table.my tbody>tr:nth-child(2n)>td{background-color:#e5e5e5}
/* Lazyload */
.lazyload,
.lazyloading{opacity: 0}
.lazyloaded,
.lazyloading{opacity: 1; transition: opacity 300ms}
/* Media */
@media (max-width: 1220px) {
    table.my{overflow-x: auto; display: block}
    #content{width: 700px !important}
    #content .main{padding-left: 47px; padding-right: 47px}
    iframe{width: 100%}
}
@media (max-width: 1023px){
    #sidebar-wrapper .sidebar .content .header .logo{padding-top: 10px}
    #sidebar-wrapper .sidebar .content .header .mobile_toggle{display: block}
    #sidebar-wrapper,
    #sidebar-wrapper .sidebar{width: 100% !important; float: none; display: block !important; position: static !important}
    #sidebar-wrapper{height: auto !important}
    #content{width: 100% !important; max-width: 100%; float: none; position: static !important}
    #slider-wrapper{position: relative; margin: 0; width: auto; height: 100vh}
    #slider-wrapper .slide_controls{position: absolute}
    #content_wrapper{position: relative; margin: 0; width: auto; height: 100vh}
    #sidebar-wrapper .sidebar .content .inner ul{margin: 0px 0 35px}
    #sidebar-wrapper .sidebar .content .inner ul{display: block !important; position: static; top: auto; left: auto; background-color: transparent; padding: 0}
    #sidebar-wrapper .sidebar .content .inner ul li a{border-bottom: 1px solid #fff; padding: 7px 0; font-size: 16px}
    #sidebar-wrapper .sidebar .content .inner .bottom .widget:first-child{margin-top: 0px}
    #sidebar-wrapper .sidebar .content{min-height: 0; padding: 25px}
    .inner{max-height: 0; overflow: hidden; transition: max-height .25s ease}
    .mobile_toggled_active .inner{max-height: 2999px}
    #content .main{min-height: 0; padding: 25px}
    #content_wrapper{display: none}
    iframe{width: 100%}
}
@media (max-width: 767px) {
    #sidebar-wrapper .sidebar .content,
    #content .main{padding: 25px 15px}
    #content .main .item_entry .item_entry_thumb{width: 100px; margin-right: 15px}
    h1{font-size: 24px}
    h2{font-size: 22px}
    #content_wrapper .background{padding-top: 25px}
    #slider-wrapper .slider ul .content .title{font-size: 22px !important}
    #slider-wrapper .slider ul .content .subtitle{font-size: 16px !important}
}
@media (max-width: 543px) {
    input, textarea{width: 100%}
}