@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Forum&display=swap);

h2,
h3,
h4 {
    margin-top: 1.75em
}

.laon_wine_house_tabs .laon_wine_house_tabs_titles,
.logo_text,
.menu_header_nav>li ul,
.menu_header_nav>li>a,
.menu_main_nav>li ul,
.menu_main_nav>li>a,
.menu_mobile .menu_mobile_nav_area li>a,
.post_item .more-link,
.sticky .post_title,
.top_panel_title_2_text,
button,
h1,
h2,
h5,
input[type=button],
input[type=reset],
input[type=submit],
table th {
    text-transform: uppercase;
    text-transform: uppercase
}

a img,
hr {
    border: 0
}

ins,
mark,
table>thead+body>tr:first-child {
    background-color: transparent
}

.laon_wine_house_loading,
.top_panel {
    background-position: center;
    background-repeat: no-repeat
}

.btn-cut,
.new-btn,
.new-btn:focus,
.perfect-stay-accordion .panel-title,
.perfect-stay-accordion .panel-title a,
.perfect-stay-center .view-all,
.room-card-body .btn-link,
a,
ins,
mark {
    text-decoration: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
tt,
ul,
var,
video {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: 0;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.comments_list>li.trackback p a,
.logo_text,
.post_share .social_items .social_item a i,
h1,
h2,
h3,
h4,
h5,
table th {
    font-style: normal
}

.breadcrumbs,
blockquote p,
dfn,
em,
fieldset legend,
h6,
i,
ins,
mark {
    font-style: italic
}

blockquote p,
h4,
h6 {
    line-height: 1.2em
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 136.8421%;
    font-size: 19px
}

html {
    height: 100%;
    overflow-y: scroll !important;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    text-rendering: optimizeLegibility;
    font-weight: 400
}

b,
caption,
dt,
h1,
h2,
h5,
h6,
ins,
mark,
strong,
table th {
    font-weight: 700
}

.comments_wrap .comments_list_wrap .comment-reply-title,
.gallery .gallery-item a,
.listed-rooms-section .room-card .room-card-body .desc-info,
.menu_mobile a,
.mobile_layout .menu_mobile_button,
.nav-links-infinite.loading,
.search_wrap,
.staywith-header .mobile_wrap_width .menu_main_nav_area,
.staywith-header .mobile_wrap_width .menu_main_nav_area ul,
.top_panel.with_bg_image:before,
.top_panel_fixed .staywith-header .logo,
.top_panel_fixed .staywith-header .sec-sula-logo,
.top_panel_fixed .top_panel_fixed_wrap,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

h1 {
    font-size: 2.10526em;
    line-height: 1.5em;
    margin-top: 1.65em;
    margin-bottom: .75em;
    letter-spacing: 3px
}

h2 {
    font-size: 1.89474em;
    line-height: 1.3889em;
    margin-bottom: .95em;
    letter-spacing: 2px
}

h3,
h4 {
    font-weight: 600;
    margin-bottom: .5em;
    letter-spacing: 0
}

h3 {
    font-size: 2.10526em;
    line-height: 1.125em
}

h4 {
    font-size: 1.57895em
}

h5 {
    font-size: .8421em;
    line-height: 1.5em;
    margin-top: 2.9em;
    margin-bottom: 1.35em;
    letter-spacing: 1px
}

.post_layout_chess_2.post_format_audio .post_featured .post_audio_title,
.post_layout_chess_3.post_format_audio .post_featured .post_audio_title,
h6 {
    letter-spacing: 0
}

h6 {
    font-size: 1.05263em;
    margin-top: .4em;
    margin-bottom: .4em
}

address,
blockquote,
dl,
ol,
p,
ul {
    margin: 0 0 1.5789em
}

#content .wpb_alert p:last-child,
#content .wpb_text_column :last-child,
#content .wpb_text_column p:last-child,
.format-aside .post_content p,
.format-chat p,
.format-link .post_content p,
.format-quote .post_content p,
.format-status .post_content p,
.header_widgets_wrap.header_fullwidth aside,
.menu_mobile .menu_mobile_nav_area li,
.post_item p,
.post_item_single .post_header .post_title,
.post_layout_portfolio .post_featured,
.remove_margins .top_panel,
.stw-link p,
.vc_message_box>p:last-child,
.vc_progress_bar .vc_single_bar:last-child,
.wpb_alert p:last-child,
.wpb_text_column :last-child,
.wpb_text_column p:last-child,
dl>dd,
form,
li>ol,
li>p,
li>ul {
    margin-bottom: 0
}

#sb_instagram #sbi_load,
.comments_list_wrap .comment_text ol>li>ol,
.comments_list_wrap .comment_text ul>li>ul,
.post_layout_classic .post_meta,
figure.alignleft,
figure.alignright,
li>p+p {
    margin-top: .5em
}

ol,
ul {
    padding-left: 1.5em
}

a {
    background: 0 0
}

:active,
:focus,
a,
a:active,
a:focus,
a:hover,
button:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
select,
textarea:focus {
    outline: 0
}

.select_container,
.select_container select,
.select_container:after,
a,
a:before,
button,
input[type=button],
input[type=submit] {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

table {
    border-collapse: separate;
    border-spacing: 0 4px;
    border-color: transparent !important
}

.columns_wrap.no_margins,
.main-banner .swiper-container .post_featured,
.row.no_margins,
.sc_blogger.no_margins .columns_wrap,
.sc_blogger.no_margins .row,
table>p {
    margin: 0 !important
}

table td {
    padding: 0 1em
}

table tr,
thead tr {
    padding: .7em 1em;
    border-style: dashed;
    border-width: 1px;
    border-left: 0;
    border-right: 0
}

table th {
    font-size: 12px;
    padding: .5em 1.5em;
    text-align: center
}

table td+td,
table td+th,
table th+td,
table th+th {
    border-left-width: 0
}

.menu_header_wrap,
.menu_main_wrap,
.post_layout_chess .post_content,
.related_wrap .related_item,
.socials_footer_wrap_inner,
.top_panel_title_2,
caption {
    text-align: center
}

body[class*=woocommerce-] table td,
body[class*=woocommerce-] table th {
    border-collapse: collapse;
    border-width: 0
}

blockquote {
    text-align: left;
    padding: 1em 7em;
    position: relative
}

blockquote:after,
q:after,
q:before {
    content: ''
}

blockquote,
q {
    quotes: '' ''
}

blockquote p {
    margin: 0;
    font-size: 1.5789em;
    font-weight: 600
}

.laon_wine_house_messagebox p+p,
.widget_text .mc4wp-form input+input,
blockquote p+p {
    margin-top: .4em
}

blockquote a,
blockquote cite {
    display: block;
    font-size: .9em;
    font-weight: 400
}

blockquote:before {
    content: '\e8b6';
    font-family: fontello;
    font-size: 1.6em;
    display: block;
    position: absolute;
    top: .7em;
    left: 2.2em
}

.post_layout_excerpt blockquote {
    padding: 1em 10em 0 3.5em;
    margin-bottom: 1.3em
}

.post_layout_excerpt blockquote:before {
    left: 0
}

.post_layout_excerpt .post_content blockquote p+p {
    margin-top: .3em
}

.blog_mode_page .comments_list blockquote,
.blog_mode_page blockquote,
.blog_mode_post .comments_list blockquote,
.blog_mode_post blockquote {
    margin: 1.5em 0
}

dd {
    margin-left: 1.5em
}

code,
kbd,
pre,
samp,
tt,
var {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1em
}

pre {
    overflow: auto;
    max-width: 100%
}

abbr,
acronym {
    border-bottom: 1px dotted;
    cursor: help
}

sub,
sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 80%
}

big {
    font-size: 120%
}

.booking-part .qodef-room-reservation-title,
.booking-section .booking-form .qodef-m-title,
.comments_list_wrap .comment_time,
.comments_list_wrap ul>li:before,
.comments_wrap .comments_field label,
.format-video .post_featured.post_video_play .post_video_hover,
.listed-rooms-section .room-card .room-card-body .slider-nav,
.menu_main_wrap .mobile_wrap_width::after,
.menu_main_wrap .sec-sula-logo,
.menu_mobile_button_text:before,
.mobile_layout .menu_main_nav_area,
.nav-links-more.nav-links-infinite,
.page-domain .hide-on-domain,
.post_item_single .post_content .post_meta .post_share:before,
.post_item_single .post_edit .vc_inline-link,
.post_layout_chess_1.post_format_aside .post_meta:before,
.post_layout_chess_1.post_format_link .post_meta:before,
.post_layout_chess_1.post_format_quote .post_meta:before,
.post_layout_chess_1.post_format_status .post_meta:before,
.post_layout_gallery .post_details,
.post_meta .socials_share .socials_caption:before,
.related_wrap .post_categories li:nth-child(n+3),
.room-info,
.room-right #qodef-room-ads,
.room-right #qodef-room-weather,
.search_style_fullscreen .search_close,
.staywith-header .hide-link,
.staywith-header .sub-menu::before,
.top_panel.with_featured_image:before,
.top_panel_fixed .logo,
.top_panel_fixed .sec-sula-logo,
.top_panel_fixed_wrap,
.vc_separator.vc_separator_align_left .vc_sep_holder.vc_sep_holder_l,
.vc_separator.vc_separator_align_right .vc_sep_holder.vc_sep_holder_r,
.widget_rss .widget_title img,
.widget_rss li:before,
[hidden],
template,
ul.instagram-pics li:before {
    display: none
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    border-top: 1px solid #eee;
    margin: 4.3em 0 4em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.wp-caption,
.wp-caption-overlay .wp-caption,
figure {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.wp-caption .wp-caption-dd,
.wp-caption .wp-caption-text,
.wp-caption-overlay .wp-caption .wp-caption-dd,
.wp-caption-overlay .wp-caption .wp-caption-text,
figure figcaption {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    font-size: .8421em;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    padding: .5em 1em
}

.wp-caption-overlay .wp-caption:hover .wp-caption-dd,
.wp-caption-overlay .wp-caption:hover .wp-caption-text,
.wp-caption:hover .wp-caption-dd,
.wp-caption:hover .wp-caption-text,
figure:hover figcaption {
    margin-bottom: -5em
}

.chess_wrap,
.footer_wrap.footer_fullwidth,
.header_widgets_wrap.header_fullwidth,
.me-cannotplay,
.vertical-centered,
.widget_area .post_item .post_content,
.widget_product_tag_cloud,
.widget_tag_cloud,
aside .post_item .post_content,
svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

embed,
iframe,
video {
    max-width: 100%;
    min-height: 100px;
    vertical-align: top
}

.me-plugin {
    position: absolute;
    height: 0;
    width: 0
}

[class*=' icon-']:before,
[class^=icon-]:before {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    width: auto;
    margin: 0
}

fieldset {
    padding: 1em 1.5em;
    margin: 1.5em .2em;
    border: 1px solid #ddd;
    position: relative
}

fieldset legend {
    position: absolute;
    top: -.6em;
    left: 1.5em;
    background-color: #fff;
    font-weight: 600;
    padding: 0 .2em
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 1em;
    margin: 0;
    vertical-align: baseline
}

#tribe-events-footer .tribe-events-sub-nav,
#tribe-events-header .tribe-events-sub-nav,
button {
    overflow: visible
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=email],
input[type=number],
input[type=password],
input[type=radio],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.menu_mobile .menu_mobile_nav_area .open_child_menu,
.widget_search form:after {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-appearance: none;
    border: 1px solid #eee;
    outline: 0;
    resize: none;
    padding: .9em 1.5em;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3em
}

button::-moz-focus-inner {
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    min-height: 10em
}

label.required:after {
    content: '*';
    display: inline-block;
    vertical-align: text-top;
    font-size: 80%;
    color: #da6f5b
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    padding-left: 1.75em;
    line-height: 1.5em
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    content: ' ';
    font-family: fontello;
    display: block;
    text-align: center;
    border: 1px solid #eee;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5em;
    width: .6em;
    height: .6em;
    line-height: .53em
}

.mejs-container .mejs-controls .mejs-button:hover,
.rounded,
input[type=radio]+label:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

input[type=checkbox]:checked+label:before {
    content: '\e8ab'
}

input[type=radio]:checked+label:before {
    content: '\e83c'
}

.select_container,
.widget_search form {
    width: 100%;
    overflow: hidden;
    position: relative
}

.select_container:after,
.widget_search form:after {
    content: '\e828';
    font-family: fontello;
    display: block;
    text-align: center;
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.5em;
    width: 1em;
    height: 1em;
    line-height: 1em;
    z-index: 0;
    pointer-events: none;
    cursor: pointer
}

.widget_search form:after {
    content: '\e913';
    right: 1.2em;
    transition: .3s
}

.select_container select,
.widget_search .search-field {
    width: 100%;
    padding-right: 3em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select_container select {
    border: 1px solid #eee;
    width: 110%;
    background: 0 0 !important
}

.select_container select,
.select_container select option {
    padding: .9em 1em
}

@-moz-document url-prefix() {

    .select_container select,
    .select_container select option {
        padding: .5em 1em
    }
}

.select2-container .select2-choice {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important
}

.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
    display: block;
    top: 5px;
    left: 5px;
    width: auto;
    height: auto;
    padding: 1em 1.5em;
    font-size: .8em;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    text-decoration: none;
    z-index: 100000
}

.mobile-menu-sticky,
.top_panel_fixed .menu_main_wrap {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.alignleft {
    display: inline-block;
    float: left;
    margin-right: 2em
}

.alignright {
    display: inline-block;
    float: right;
    margin-left: 2em
}

.aligncenter {
    clear: both;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center
}

.sticky_wrap {
    margin-bottom: 1.7333em
}

.sticky {
    position: relative;
    border: 2px solid #ddd;
    padding: 2em
}

.sticky .label_sticky {
    display: block;
    position: absolute;
    z-index: 1;
    right: -14px;
    top: -14px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color: #ddd;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.author_bio p+p,
.format-aside .post_content p+p,
.format-link .post_content p+p,
.format-quote .post_content p+p,
.format-status .post_content p+p,
.post_layout_chess_1.post_format_link .post_meta,
.post_layout_chess_1.post_format_quote .post_meta,
.post_layout_chess_1.post_format_status .post_meta,
.sticky .post_categories,
aside p+p {
    margin-top: 1em
}

.sticky .post_title {
    margin-top: .5em;
    margin-bottom: 0;
    letter-spacing: 1px
}

.gallery {
    margin: 0 -5px
}

.gallery .gallery-item {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.gallery .gallery-item a img {
    border: none !important;
    display: block;
    width: 100%
}

.gallery .gallery-item .gallery-icon {
    margin: 0 5px
}

.gallery .gallery-item .gallery-caption {
    line-height: 1.3em;
    margin: 0 5px;
    padding: 6px;
    font-size: .8em;
    max-height: 3.8em
}

.gallery .gallery-item:hover .gallery-caption {
    bottom: -200px
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.1111% !important
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5% !important
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.2857% !important
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.6666% !important
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20% !important
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25% !important
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3333% !important
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50% !important
}

.gallery.gallery-columns-1 .gallery-item,
.staywith-header .mobile_wrap_width {
    width: 100% !important
}

.gallery.gallery-columns-9 .gallery-caption {
    font-size: .625em
}

.gallery.gallery-columns-8 .gallery-caption {
    font-size: .6875em
}

.gallery.gallery-columns-7 .gallery-caption {
    font-size: .75em
}

.gallery.gallery-columns-6 .gallery-caption {
    font-size: .8125em
}

.post-password-form label {
    display: inline-block;
    vertical-align: top
}

.post-password-form input[type=submit] {
    display: inline-block;
    margin-left: .2em;
    padding: .4em 1em;
    border: 2px solid #000
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px
}

.columns_wrap,
.columns_wrap.columns_padding_right,
.row,
.row.columns_padding_right {
    margin-left: 0;
    margin-right: -50px
}

.columns_wrap>[class*=column-],
.row>[class*=column-] {
    display: inline-block;
    float: left;
    vertical-align: top;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.columns_wrap.columns_padding_left,
.row.columns_padding_left {
    margin-left: -50px;
    margin-right: 0
}

.columns_wrap.columns_padding_left>[class*=column-],
.columns_wrap>[class*=column-].columns_padding_left,
.row.columns_padding_left .vc_column_container>.vc_column-inner,
.row.columns_padding_left>[class*=column-],
.row>[class*=column-].columns_padding_left {
    padding-left: 50px;
    padding-right: 0
}

.columns_wrap.columns_padding_right>[class*=column-],
.columns_wrap>[class*=column-].columns_padding_right,
.row.columns_padding_right .vc_column_container>.vc_column-inner,
.row.columns_padding_right>[class*=column-],
.row>[class*=column-].columns_padding_right {
    padding-left: 0;
    padding-right: 50px
}

.columns_wrap.columns_padding_center,
.row,
.row.columns_padding_center {
    margin-left: -15px;
    margin-right: -15px
}

.download-icon {
    width: 24px !important;
    height: 24px !important
}

.columns_wrap.columns_padding_bottom>[class*=column-],
.columns_wrap>[class*=column-].columns_padding_bottom,
.row.columns_padding_bottom>[class*=column-],
.row>[class*=column-].columns_padding_bottom {
    padding-bottom: 50px
}

.columns_wrap.no_margins>[class*=column-],
.row.no_margins>[class*=column-],
.sc_blogger.no_margins .columns_wrap>[class*=column-],
.sc_blogger.no_margins .row>[class*=column-],
body.top_panel_fixed .staywith-header .top_panel_navi,
p.download-pdf {
    padding: 0 !important
}

.column-1,
.column-10_10,
.column-11_11,
.column-12_12,
.column-1_1,
.column-2_2,
.column-3_3,
.column-4_4,
.column-5_5,
.column-6_6,
.column-7_7,
.column-8_8,
.column-9_9,
.comments_list_wrap .comment_author_avatar img,
.content .search_wrap .search_form_wrap,
.content .search_wrap .search_form_wrap .search_field,
.content .search_wrap .search_results,
.content_container .content_container,
.content_container .content_wrap,
.content_wrap .content_container,
.content_wrap .content_wrap,
.popup_wrap .popup_form_field .submit_button,
.search_style_expand.search_opened,
.widget_area .post_item .post_thumb img,
aside .post_item .post_thumb img {
    width: 100%
}

.column-1_2,
.column-2_4,
.column-3_6,
.column-4_8,
.column-5_10,
.column-6_12 {
    width: 50%
}

.column-1_3,
.column-2_6,
.column-3_9,
.column-4_12 {
    width: 33.33333333%
}

.column-2_3,
.column-4_6,
.column-6_9,
.column-8_12 {
    width: 66.66666667%
}

.column-1_3 ul.instagram-pics li,
.column-1_4,
.column-2_8,
.column-3_12,
.portfolio_wrap.portfolio_4 .post_layout_portfolio {
    width: 25%
}

.column-3_4,
.column-6_8,
.column-9_12 {
    width: 75%
}

.column-1_2 ul.instagram-pics li,
.column-1_5,
.column-2_10 {
    width: 20%
}

.column-2_5,
.column-4_10 {
    width: 40%
}

.column-3_5,
.column-6_10 {
    width: 60%
}

.column-4_5,
.column-8_10 {
    width: 80%
}

.column-1_6,
.column-2_12 {
    width: 16.66666667%
}

.column-10_12,
.column-5_6 {
    width: 83.33333333%
}

.column-1_7 {
    width: 14.28571429%
}

.column-2_7 {
    width: 28.57142857%
}

.column-3_7 {
    width: 42.85714286%
}

.column-4_7 {
    width: 57.14285714%
}

.column-5_7 {
    width: 71.42857143%
}

.column-6_7 {
    width: 85.71428571%
}

.column-1_8 {
    width: 12.5%
}

.column-3_8 {
    width: 37.5%
}

.column-5_8 {
    width: 62.5%
}

.column-7_8 {
    width: 87.5%
}

.column-1_9 {
    width: 11.11111111%
}

.column-2_9 {
    width: 22.22222222%
}

.column-4_9 {
    width: 44.44444444%
}

.column-5_9 {
    width: 55.55555556%
}

.column-7_9 {
    width: 77.77777778%
}

.column-8_9 {
    width: 88.88888889%
}

.column-1_10 {
    width: 10%
}

.column-3_10 {
    width: 30%
}

.column-7_10 {
    width: 70%
}

.column-9_10 {
    width: 90%
}

.column-1_11 {
    width: 9.09090909%
}

.column-2_11 {
    width: 18.18181818%
}

.column-3_11 {
    width: 27.27272727%
}

.column-4_11 {
    width: 36.36363636%
}

.column-5_11 {
    width: 45.45454545%
}

.column-6_11 {
    width: 54.54545455%
}

.column-7_11 {
    width: 63.63636364%
}

.column-8_11 {
    width: 72.72727273%
}

.column-9_11 {
    width: 81.81818182%
}

.column-10_11 {
    width: 90.90909091%
}

.column-1_12 {
    width: 8.33333333%
}

.column-5_12 {
    width: 41.66666667%
}

.column-7_12 {
    width: 58.33333333%
}

.column-11_12 {
    width: 91.66666667%
}

.push-1_2,
.push-2_4,
.push-3_6,
.push-4_8,
.push-5_10,
.push-6_12 {
    left: 50%
}

.push-1_3,
.push-2_6,
.push-3_9,
.push-4_12 {
    left: 33.33333333%
}

.push-2_3,
.push-4_6,
.push-6_9,
.push-8_12 {
    left: 66.66666667%
}

.push-1_4,
.push-2_8,
.push-3_12 {
    left: 25%
}

.push-3_4,
.push-6_8,
.push-9_12 {
    left: 75%
}

.push-1_5,
.push-2_10 {
    left: 20%
}

.push-2_5,
.push-4_10 {
    left: 40%
}

.push-3_5,
.push-6_10 {
    left: 60%
}

.push-4_5,
.push-8_10 {
    left: 80%
}

.push-1_6,
.push-2_12 {
    left: 16.66666667%
}

.push-10_12,
.push-5_6 {
    left: 83.33333333%
}

.push-1_7 {
    left: 14.28571429%
}

.push-2_7 {
    left: 28.57142857%
}

.push-3_7 {
    left: 42.85714286%
}

.push-4_7 {
    left: 57.14285714%
}

.push-5_7 {
    left: 71.42857143%
}

.push-6_7 {
    left: 85.71428571%
}

.push-1_8 {
    left: 12.5%
}

.push-3_8 {
    left: 37.5%
}

.push-5_8 {
    left: 62.5%
}

.push-7_8 {
    left: 87.5%
}

.push-1_9 {
    left: 11.11111111%
}

.push-2_9 {
    left: 22.22222222%
}

.push-4_9 {
    left: 44.44444444%
}

.push-5_9 {
    left: 55.55555556%
}

.push-7_9 {
    left: 77.77777778%
}

.push-8_9 {
    left: 88.88888889%
}

.push-1_10 {
    left: 10%
}

.push-3_10 {
    left: 30%
}

.push-7_10 {
    left: 70%
}

.push-9_10 {
    left: 90%
}

.push-1_11 {
    left: 9.09090909%
}

.push-2_11 {
    left: 18.18181818%
}

.push-3_11 {
    left: 27.27272727%
}

.push-4_11 {
    left: 36.36363636%
}

.push-5_11 {
    left: 45.45454545%
}

.push-6_11 {
    left: 54.54545455%
}

.push-7_11 {
    left: 63.63636364%
}

.push-8_11 {
    left: 72.72727273%
}

.push-9_11 {
    left: 81.81818182%
}

.push-10_11 {
    left: 90.90909091%
}

.push-1_12 {
    left: 8.33333333%
}

.push-5_12 {
    left: 41.66666667%
}

.push-7_12 {
    left: 58.33333333%
}

.push-11_12 {
    left: 91.66666667%
}

.pull-1_2,
.pull-2_4,
.pull-3_6,
.pull-4_8,
.pull-5_10,
.pull-6_12 {
    right: 50%
}

.pull-1_3,
.pull-2_6,
.pull-3_9,
.pull-4_12 {
    right: 33.33333333%
}

.pull-2_3,
.pull-4_6,
.pull-6_9,
.pull-8_12 {
    right: 66.66666667%
}

.pull-1_4,
.pull-2_8,
.pull-3_12 {
    right: 25%
}

.pull-3_4,
.pull-6_8,
.pull-9_12 {
    right: 75%
}

.pull-1_5,
.pull-2_10 {
    right: 20%
}

.pull-2_5,
.pull-4_10 {
    right: 40%
}

.pull-3_5,
.pull-6_10 {
    right: 60%
}

.pull-4_5,
.pull-8_10 {
    right: 80%
}

.pull-1_6,
.pull-2_12 {
    right: 16.66666667%
}

.pull-10_12,
.pull-5_6 {
    right: 83.33333333%
}

.pull-1_7 {
    right: 14.28571429%
}

.pull-2_7 {
    right: 28.57142857%
}

.pull-3_7 {
    right: 42.85714286%
}

.pull-4_7 {
    right: 57.14285714%
}

.pull-5_7 {
    right: 71.42857143%
}

.pull-6_7 {
    right: 85.71428571%
}

.pull-1_8 {
    right: 12.5%
}

.pull-3_8 {
    right: 37.5%
}

.pull-5_8 {
    right: 62.5%
}

.pull-7_8 {
    right: 87.5%
}

.pull-1_9 {
    right: 11.11111111%
}

.pull-2_9 {
    right: 22.22222222%
}

.pull-4_9 {
    right: 44.44444444%
}

.pull-5_9 {
    right: 55.55555556%
}

.pull-7_9 {
    right: 77.77777778%
}

.pull-8_9 {
    right: 88.88888889%
}

.pull-1_10 {
    right: 10%
}

.pull-3_10 {
    right: 30%
}

.pull-7_10 {
    right: 70%
}

.pull-9_10 {
    right: 90%
}

.pull-1_11 {
    right: 9.09090909%
}

.pull-2_11 {
    right: 18.18181818%
}

.pull-3_11 {
    right: 27.27272727%
}

.pull-4_11 {
    right: 36.36363636%
}

.pull-5_11 {
    right: 45.45454545%
}

.pull-6_11 {
    right: 54.54545455%
}

.pull-7_11 {
    right: 63.63636364%
}

.pull-8_11 {
    right: 72.72727273%
}

.pull-9_11 {
    right: 81.81818182%
}

.pull-10_11 {
    right: 90.90909091%
}

.pull-1_12 {
    right: 8.33333333%
}

.pull-5_12 {
    right: 41.66666667%
}

.pull-7_12 {
    right: 58.33333333%
}

.pull-11_12 {
    right: 91.66666667%
}

.offset-1_2,
.offset-2_4,
.offset-3_6,
.offset-4_8,
.offset-5_10,
.offset-6_12 {
    margin-left: 50%
}

.offset-1_3,
.offset-2_6,
.offset-3_9,
.offset-4_12 {
    margin-left: 33.33333333%
}

.offset-2_3,
.offset-4_6,
.offset-6_9,
.offset-8_12 {
    margin-left: 66.66666667%
}

.offset-1_4,
.offset-2_8,
.offset-3_12 {
    margin-left: 25%
}

.offset-3_4,
.offset-6_8,
.offset-9_12 {
    margin-left: 75%
}

.offset-1_5,
.offset-2_10 {
    margin-left: 20%
}

.offset-2_5,
.offset-4_10 {
    margin-left: 40%
}

.offset-3_5,
.offset-6_10 {
    margin-left: 60%
}

.offset-4_5,
.offset-8_10 {
    margin-left: 80%
}

.offset-1_6,
.offset-2_12 {
    margin-left: 16.66666667%
}

.offset-10_12,
.offset-5_6 {
    margin-left: 83.33333333%
}

.offset-1_7 {
    margin-left: 14.28571429%
}

.offset-2_7 {
    margin-left: 28.57142857%
}

.offset-3_7 {
    margin-left: 42.85714286%
}

.offset-4_7 {
    margin-left: 57.14285714%
}

.offset-5_7 {
    margin-left: 71.42857143%
}

.offset-6_7 {
    margin-left: 85.71428571%
}

.offset-1_8 {
    margin-left: 12.5%
}

.offset-3_8 {
    margin-left: 37.5%
}

.offset-5_8 {
    margin-left: 62.5%
}

.offset-7_8 {
    margin-left: 87.5%
}

.offset-1_9 {
    margin-left: 11.11111111%
}

.offset-2_9 {
    margin-left: 22.22222222%
}

.offset-4_9 {
    margin-left: 44.44444444%
}

.offset-5_9 {
    margin-left: 55.55555556%
}

.offset-7_9 {
    margin-left: 77.77777778%
}

.offset-8_9 {
    margin-left: 88.88888889%
}

.offset-1_10 {
    margin-left: 10%
}

.offset-3_10 {
    margin-left: 30%
}

.offset-7_10 {
    margin-left: 70%
}

.offset-9_10 {
    margin-left: 90%
}

.offset-1_11 {
    margin-left: 9.09090909%
}

.offset-2_11 {
    margin-left: 18.18181818%
}

.offset-3_11 {
    margin-left: 27.27272727%
}

.offset-4_11 {
    margin-left: 36.36363636%
}

.offset-5_11 {
    margin-left: 45.45454545%
}

.offset-6_11 {
    margin-left: 54.54545455%
}

.offset-7_11 {
    margin-left: 63.63636364%
}

.offset-8_11 {
    margin-left: 72.72727273%
}

.offset-9_11 {
    margin-left: 81.81818182%
}

.offset-10_11 {
    margin-left: 90.90909091%
}

.offset-1_12 {
    margin-left: 8.33333333%
}

.offset-5_12 {
    margin-left: 41.66666667%
}

.offset-7_12 {
    margin-left: 58.33333333%
}

.offset-11_12 {
    margin-left: 91.66666667%
}

.clearfix:after,
.clearfix:before,
.columns_wrap:after,
.columns_wrap:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: ' ';
    display: table
}

.clearfix:after,
.columns_wrap:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both;
    width: 100%;
    height: 0;
    display: block
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.comments_list_wrap .comment_posted,
.format-audio .post_featured img,
.format-video .post_featured.with_thumb,
.menu_mobile .search_mobile form,
.mobile_layout .top_panel_navi .content_wrap,
.page_content_wrap .content_wrap,
.popup_wrap .popup_form_field.iconed_field,
.room-card .room-card-body .room-img,
.top_panel {
    position: relative
}

.menu_header_nav_area.menu_show,
.menu_main_nav_area.menu_show,
.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.show,
.state_fixed .menu_main_wrap .sec-sula-logo,
body .staywith-header .wrap.mobile_wrap_width .menu_main_nav_area .sec-sula-logo {
    display: block !important
}

.d-none,
.header_style_header-2 .top_panel_fixed_wrap,
.hidden,
.hide,
.menu_style_side .top_panel_fixed_wrap,
.staywith-header .stw-link {
    display: none !important
}

.hidden {
    visibility: hidden !important
}

.logo img,
.sec-sula-logo img {
    display: inline-block;
    width: auto
}

.blog-img {
    margin-bottom: 1em !important
}

.text-hide {
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.vertical-centered:before {
    content: ' ';
    height: 100%;
    width: 0;
    margin-left: -.3em
}

.vertical-centered:before,
.vertical-centered>* {
    display: inline-block;
    vertical-align: middle
}

.laon_wine_house_loading {
    background-image: url(images/preloader.gif)
}

.content_wrap,
.page_wrap {
    margin: 0 auto
}

#page_preloader,
.body_style_boxed {
    background-color: #f0f0f0
}

.body_style_boxed .page_wrap {
    width: 1290px
}

.comments_form_wrap form,
.page_content_wrap .wrap,
.popup_wrap .form_wrap {
    position: relative;
    overflow: hidden
}

.content_container,
.wrap {
    width: 1170px;
    margin: 0 auto
}

.content_container:after,
.content_wrap:after,
.top_panel_navi ul:after,
.top_panel_navi_header ul:after,
.wrap:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.divider:after {
    content: ' ' !important;
    width: 1px !important;
    height: 3.8em !important;
    display: block !important;
    margin: 1.3em auto 2.7em !important
}

.body_style_fullwide .content_wrap,
.body_style_fullwide .wrap {
    width: 100%;
    padding-left: 130px;
    padding-right: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.content,
.post_layout_gallery *,
.sidebar,
.sidebar_inner,
body.menu_style_side {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header_position_under .top_panel,
.menu_header_nav_area,
.menu_main_nav_area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body:not(.expand_content):not(.body_style_fullwide):not(.body_style_fullscreen) .content {
    width: 770px
}

.sidebar {
    width: 370px
}

.sidebar_hide .content {
    margin-left: auto;
    margin-right: auto
}

.post_layout_chess_1:nth-child(2n+2) .post_featured,
.post_layout_chess_2:nth-child(4n+3) .post_featured,
.post_layout_chess_2:nth-child(4n+4) .post_featured,
.post_layout_chess_3:nth-child(6n+4) .post_featured,
.post_layout_chess_3:nth-child(6n+5) .post_featured,
.post_layout_chess_3:nth-child(6n+6) .post_featured,
.sidebar_left .sidebar,
.sidebar_right .content {
    float: left
}

.comments_wrap .comments_email,
.sidebar_left .content,
.sidebar_right .sidebar {
    float: right
}

.body_style_fullscreen .content,
.body_style_fullwide .content {
    width: auto;
    max-width: 100%
}

.body_style_fullscreen.sidebar_right .content,
.body_style_fullwide.sidebar_right .content {
    padding-right: 400px
}

.body_style_fullscreen.sidebar_right .sidebar,
.body_style_fullwide.sidebar_right .sidebar {
    margin-left: -370px
}

.body_style_fullscreen.sidebar_left .content,
.body_style_fullwide.sidebar_left .content {
    padding-left: 400px
}

.body_style_fullscreen.sidebar_left .sidebar,
.body_style_fullwide.sidebar_left .sidebar {
    margin-right: -370px
}

.body_style_fullscreen .page_content_wrap {
    overflow: hidden;
    padding: 0
}

.body_style_fullscreen .content>article.page,
.info-items ul,
.listed-rooms-section .cust-container .rooms-row .room-card {
    padding: 0
}

.top_panel {
    z-index: 1000;
    background-size: cover;
    padding: .1px 0;
    margin-bottom: 1.1em
}

.top_panel:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .25);
    background: linear-gradient(to top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 70%) right top/100% 100% no-repeat rgba(0, 0, 0, 0);
    display: none
}

.top_panel .post_featured_fullwide {
    margin: 3.8em 0 3.4em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.top_panel_style_1.with_bg_image.header_fullheight .logo,
.top_panel_style_1.with_bg_image.header_fullheight .top_panel_title:after {
    margin-bottom: 11em
}

.top_panel_style_2.with_bg_image.header_fullheight .top_panel_title_2 {
    margin-top: 5em
}

.top_panel_style_2.with_bg_image.header_fullheight .menu_header_nav_area {
    margin-bottom: 25.5em
}

#background_video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.top_panel.with_bg_video {
    background: #000
}

.header_position_over .top_panel {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0 !important
}

.header_position_under .top_panel {
    background-size: cover;
    position: relative;
    z-index: 2;
    box-sizing: border-box
}

.header_position_under .top_panel_mask {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    pointer-events: none
}

.header_position_under .page_content_wrap {
    position: relative;
    z-index: 3
}

.header_position_under .site_footer_wrap {
    position: relative;
    z-index: 1
}

.top_panel_fixed .top_panel_navi {
    position: fixed;
    top: -1em !important;
    left: 0;
    right: 0;
    z-index: 10000;
    padding-top: 0;
    padding-bottom: 0 !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

body .state_fixed .menu_main_nav_area,
body .staywith-header .wrap.mobile_wrap_width .menu_main_nav_area {
    margin-top: 0 !important
}

.top_panel_fixed .menu_main_wrap {
    padding: 1em 0;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.format-chat p:first-child>b,
.format-chat p:first-child>em,
.format-chat p:first-child>strong,
.post_item>.post_title,
.remove_margins .site_footer_wrap,
.staywith-header .mobile_wrap_width .menu_main_nav_area ul,
.top_panel_fixed .menu_main_nav_area,
.vc_message_box>p:first-child {
    margin-top: 0
}

.admin-bar #debug_log,
.admin-bar #makeup,
.admin-bar .menu_mobile,
.admin-bar .menu_mobile_overlay,
.admin-bar .menu_side_wrap,
.admin-bar.top_panel_fixed .top_panel_navi {
    top: 32px
}

.logo,
.sec-sula-logo {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 4em
}

.logo img {
    margin: 0;
    max-width: 100%;
    max-height: 10em;
    top: 30%
}

.sec-sula-logo img {
    margin: 0;
    max-width: 5em;
    max-height: 18em
}

.logo_text {
    display: block;
    font-size: 1.7857em;
    line-height: 1.3em;
    letter-spacing: 4px
}

.logo_slogan {
    display: block;
    font-size: .9286em;
    line-height: 1.7em;
    letter-spacing: 1px
}

.top_panel_title_2_image {
    max-height: 7em
}

.top_panel_title_2_image+.top_panel_title_2_text {
    margin-top: 3.66em
}

.top_panel_title_2_text {
    font-size: .8421em;
    font-weight: 600;
    line-height: 2em;
    letter-spacing: 2px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

.top_panel_navi [class*=' icon-']:before,
.top_panel_navi [class^=icon-]:before {
    margin-right: .5em
}

.top_panel_navi {
    position: relative;
    display: block !important;
    z-index: 3;
    padding-top: 3.7em
}

.header_title_off .top_panel_navi {
    padding-bottom: 3.7em
}

.top_panel_navi_header .menu_header_nav_area,
body.mobile_layout.menu_style_side {
    padding-right: 0
}

.top_panel_navi ul,
.top_panel_navi_header ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.top_panel_navi li,
.top_panel_navi_header li {
    margin: 0;
    position: relative;
    letter-spacing: 2px
}

.top_panel_navi li>a,
.top_panel_navi_header li>a {
    display: block;
    position: relative
}

.top_panel_navi .menu_main_nav>li.menu-item-has-children>a:after,
.top_panel_navi_header .menu_header_nav>li.menu-item-has-children>a:after {
    font-family: fontello;
    display: inline-block;
    position: absolute;
    z-index: 1;
    font-weight: 400;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\e828';
    right: 1.2em
}

.top_panel_navi li li.menu-item-has-children>a:after,
.top_panel_navi_header li li.menu-item-has-children>a:after {
    content: '\e836';
    font-family: fontello;
    font-weight: 400;
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -.8em
}

.menu_header_nav_area,
.menu_main_nav_area {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5em;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 3.5em;
    margin-top: 4.8em;
    visibility: hidden;
    text-align: center
}

.menu_header_nav_area {
    margin-top: 2em;
    margin-bottom: 6em
}

.menu_header_nav,
.menu_main_nav {
    text-align: center;
    vertical-align: middle
}

.menu_header_nav>li,
.menu_main_nav>li {
    position: relative;
    float: left;
    z-index: 20
}

.menu_main_nav>li+li {
    z-index: 19
}

.menu_main_nav>li+li+li {
    z-index: 18
}

.menu_main_nav>li+li+li+li {
    z-index: 17
}

.menu_main_nav>li+li+li+li+li {
    z-index: 16
}

.menu_main_nav>li+li+li+li+li+li {
    z-index: 15
}

.menu_main_nav>li+li+li+li+li+li+li {
    z-index: 14
}

.menu_main_nav>li+li+li+li+li+li+li+li {
    z-index: 13
}

.menu_main_nav>li+li+li+li+li+li+li+li+li {
    z-index: 12
}

.menu_main_nav>li+li+li+li+li+li+li+li+li+li {
    z-index: 11
}

.menu_main_nav>li ul {
    position: absolute;
    display: none;
    z-index: 10000
}

.menu_header_nav>li>a,
.menu_main_nav>li>a {
    padding: 1em;
    position: relative
}

.menu_header_nav>li.menu-item-has-children>a,
.menu_main_nav>li.menu-item-has-children>a {
    padding-right: 2.25em
}

.menu_header_nav>li+li>a:before,
.menu_main_nav>li+li>a:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 11px;
    border-left: 1px dotted #ddd
}

.menu_header_nav>li ul,
.menu_main_nav>li ul {
    width: 16.3636em;
    padding: 2.3em 0;
    line-height: 1.5em;
    text-align: center;
    border: 2px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.menu_header_nav>li ul:before,
.menu_main_nav>li ul:before {
    content: ' ';
    position: absolute;
    z-index: 1;
    top: -16px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border: 8px solid transparent
}

.menu_header_nav>li ul>li>a,
.menu_main_nav>li ul>li>a {
    padding: .6em 2em
}

.menu_header_nav>li>ul,
.menu_main_nav>li>ul {
    top: 4.5em;
    left: 50%;
    margin-left: -8.1818em
}

.menu_header_nav>li>ul ul,
.menu_main_nav>li>ul ul {
    left: 16.3636em;
    top: -2.3em;
    margin: -2px 0 0 10px
}

.menu_header_nav>li>ul ul:before,
.menu_main_nav>li>ul ul:before {
    top: 2.3em;
    left: -16px;
    margin-left: 0;
    margin-top: 8px
}

.menu_header_nav>li>ul ul.submenu_left,
.menu_main_nav>li>ul ul.submenu_left {
    left: -16.3636em;
    margin: -2px 0 0 -14px
}

.menu_header_nav>li>ul ul.submenu_left:before,
.menu_main_nav>li>ul ul.submenu_left:before {
    top: 2.3em;
    left: auto;
    right: -16px
}

.menu_style_side .body_wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%
}

.menu_style_side .menu_side_wrap {
    position: fixed;
    z-index: 20000;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 49px
}

.menu_side_wrap .menu_side_inner {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menu_side_wrap .menu_mobile_button {
    display: block;
    right: 50%;
    top: 1.5em;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.mobile_layout.menu_style_side .menu_side_wrap {
    position: absolute;
    z-index: 3;
    right: -49px;
    top: 1em
}

.mobile_layout.menu_style_side .menu_side_wrap .menu_mobile_button {
    left: -49px;
    right: auto;
    display: none
}

.mobile_layout .menu_mobile .socials_mobile {
    position: static
}

.mobile_layout .menu_mobile_button {
    top: 5.25em;
    right: 2em;
    z-index: 5
}

.mobile_layout .menu_mobile_inner {
    padding: 5em 3em
}

.mobile_layout .menu_mobile_close {
    top: 0;
    margin: 1em 2em 0 0
}

.mobile_layout .top_panel .logo,
.mobile_layout .top_panel .sec-sula-logo {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.menu_mobile_button,
.menu_mobile_close {
    display: none;
    width: 1.25em;
    height: 1em;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menu_mobile_button {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.menu_mobile_button:before,
.menu_mobile_close:after,
.menu_mobile_close:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    margin-top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 2px solid #fff
}

.menu_mobile_button_text {
    border: 0;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    height: auto
}

.menu_mobile_close {
    display: block;
    margin: 2em 2em 0 0
}

.menu_mobile_close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu_mobile_close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.format-video .post_featured.post_video_play .post_video>*,
.format-video .post_featured.with_thumb .post_video_hover,
.laon_wine_house_messagebox,
.search_style_fullscreen.search_opened .search_form {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%)
}

.menu_mobile_overlay {
    display: none !important;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8)
}

.menu_mobile {
    position: fixed;
    z-index: 100002;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    margin-right: -300px;
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -ms-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s
}

.menu_mobile_inner {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 6em 2em;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menu_mobile.opened {
    margin-right: 0
}

.menu_mobile .menu_mobile_nav_area ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu_mobile .menu_mobile_nav_area ul ul {
    margin-left: 1.5em;
    display: none
}

.menu_mobile .menu_mobile_nav_area li>a {
    font-size: 13px;
    line-height: 1.5em;
    padding: .5em 0;
    letter-spacing: 2px
}

.menu_mobile .menu_mobile_nav_area li.menu-item-has-children>a {
    position: relative;
    padding-right: 3em
}

.menu_mobile .menu_mobile_nav_area .open_child_menu {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    padding: .7em;
    text-align: center;
    transition: .3s
}

.search_style_fullscreen.search_opened .search_form_wrap,
.top_panel_navi .search_wrap {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    right: 0
}

.menu_mobile .menu_mobile_nav_area a:hover>.open_child_menu {
    background-color: rgba(255, 255, 255, .1)
}

.menu_mobile .menu_mobile_nav_area .open_child_menu:before {
    font-family: fontello;
    content: '\e828'
}

.menu_mobile .socials_mobile {
    text-align: left;
    margin: 3em;
    position: absolute;
    bottom: 0;
    left: 0
}

.search_wrap,
.search_wrap .search_form {
    position: relative;
    vertical-align: middle
}

.menu_mobile .social_item {
    display: inline-block;
    margin: 1em 1em 0 0
}

.menu_mobile .social_item a {
    display: block;
    font-size: 1em;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center
}

.menu_mobile .search_mobile,
.post_layout_chess_1.post_format_aside .post_meta {
    margin-top: 3em
}

.menu_mobile .search_mobile .search_field {
    width: 100%;
    padding: 1.5em 3em 1.5em 1.5em
}

.menu_mobile .search_mobile .search_submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1.2em 1.4em 1.1em 1em;
    background-color: transparent
}

.search_wrap .search_field {
    width: 7em;
    line-height: 1.3em;
    letter-spacing: 1px;
    padding: .5em 2.2em .3em .3em;
    background-color: transparent !important
}

.search_wrap .search_submit {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    padding: .5em .5em .3em;
    line-height: 1.3em
}

.search_wrap .icon-search:before {
    content: '\e8f9';
    margin: 0;
    line-height: 1.3em
}

.top_panel_navi .search_wrap {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    top: -.6em;
    border: 1px solid transparent;
    transition: .3s
}

.top_panel_navi .search_wrap .search_form {
    position: static;
    font-size: .8em
}

.top_panel_navi .search_wrap .search_field {
    width: 0;
    visibility: hidden;
    padding: .7em 1.5em .7em 1em;
    font-size: 2em;
    border: 0;
    top: -.5em
}

.top_panel_navi .search_wrap .search_submit {
    display: inline-block;
    padding: .7em 0;
    font-size: 2em;
    line-height: 1em;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: 0 0 !important
}

.search_style_expand.search_opened .search_field {
    width: 100%;
    visibility: visible
}

.search_style_expand.search_opened .search_submit {
    padding: .8em
}

.author_bio p,
.comments_list_wrap .comment_author,
.comments_list_wrap .comment_text p,
.copyright_wrap p,
.laon_wine_house_messagebox p,
.post_layout_chess .post_title,
.post_layout_excerpt .post_title,
.search_style_expand.search_opened .search_submit:before,
.search_style_fullscreen.search_opened .search_close:before,
.top_panel_title .page_description p,
aside p {
    margin: 0
}

.search_style_fullscreen.search_opened .search_form_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden;
    transition: .3s
}

.search_style_fullscreen.search_opened .search_form {
    position: relative;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-bottom: 1px solid #fff;
    font-size: 1em
}

.image-navigation .nav-next,
.image-navigation .nav-previous,
.locator_text,
.post_layout_chess .post_inner,
.search_style_fullscreen.search_opened .search_submit {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.search_style_fullscreen.search_opened .search_close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.search_style_fullscreen.search_opened .search_submit {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: none;
    font-size: 1.5em;
    width: auto;
    padding: 0
}

.search_style_fullscreen.search_opened .search_field {
    font-size: 2em;
    font-weight: 400;
    height: 3em;
    letter-spacing: 1px;
    line-height: 3em;
    margin: 0;
    padding: 0 0 0 2em;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    display: block;
    visibility: visible;
    width: 100%
}

.gallery_preview_description,
.popup_wrap .form_left,
.popup_wrap .form_right,
.post_layout_portfolio,
.widget_calendar tbody td a,
ul.instagram-pics li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.mfp-arrow,
.search_style_fullscreen.search_opened .search_field,
.search_style_fullscreen.search_opened .search_field:focus,
.search_style_fullscreen.search_opened .search_field:hover,
.widget_calendar table>thead>tr,
.widget_text .mc4wp-form input[type=submit]:hover {
    background-color: transparent !important
}

.content .search_wrap {
    max-width: 50%;
    margin: 0
}

.post_item_none_archive .search_wrap,
.post_item_none_search .search_wrap {
    max-width: none
}

.post_item_none_archive .search_wrap .search_field,
.post_item_none_search .search_wrap .search_field {
    padding: 1.2em 3em 1em 1em
}

.post_item_none_archive .search_wrap .search_submit,
.post_item_none_search .search_wrap .search_submit {
    right: .8em;
    top: .8em
}

.search_wrap .search_results {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 5.1em;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 22em;
    padding: 2em 1.5em;
    font-size: 1.1818em;
    line-height: 1.5em;
    text-align: left
}

.search_wrap .search_results:after {
    content: ' ';
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    top: -6px;
    left: 3em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.locator_text,
.post_layout_chess .post_inner {
    transform: translateY(-50%);
    position: absolute
}

.search_wrap .search_results .search_results_close {
    position: absolute;
    top: 3px;
    right: 3px;
    display: block;
    text-align: center;
    overflow: hidden;
    font-size: 1em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    cursor: pointer
}

.search_wrap .post_more {
    display: block;
    text-align: center
}

.widget_area .post_item,
aside .post_item {
    overflow: hidden;
    text-align: left;
    margin-bottom: 0;
    position: relative;
    background-color: transparent !important
}

aside .post_item+.post_item {
    margin-top: 2em;
    padding-top: 0;
    border-top: 0
}

.search_results.widget_area .post_item+.post_item {
    border-top: 1px solid #e5e5e5;
    margin-top: 1.5em;
    padding-top: 1.5em
}

.widget_area .post_item .post_thumb,
aside .post_item .post_thumb {
    float: left;
    width: 5.3571em;
    height: 5.3571em;
    margin: 0 1em 4px 0;
    overflow: hidden
}

.widget_area .post_item .post_title,
aside .post_item .post_title {
    font-weight: 600;
    margin: -2px 0 6px;
    text-align: left
}

.widget_area .post_item .post_info,
aside .post_item .post_info {
    font-size: 12px;
    margin-bottom: 0
}

.widget_area .post_item .post_info .post_info_item+.post_info_item:before,
aside .post_item .post_info .post_info_item+.post_info_item:before {
    content: '';
    margin: 0 0 0 5px
}

.widget_area .post_item .post_categories,
aside .post_item .post_categories {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5em;
    text-transform: uppercase;
    margin-top: -.4em;
    margin-bottom: 1em;
    position: relative;
    padding-right: 3em
}

.widget_area .post_item .post_categories .post_info_counters,
aside .post_item .post_categories .post_info_counters {
    position: absolute;
    right: 0;
    top: 0
}

.format-video .post_featured.with_thumb img,
.header_widgets_wrap,
.widget_calendar td#today {
    position: relative;
    z-index: 2
}

.banner-home {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.slider_wrap .rev_slider_wrapper {
    z-index: 0
}

.top_panel_title_wrap {
    position: relative;
    z-index: 2;
    text-align: center
}

.top_panel_title:after {
    content: ' ';
    width: 1px;
    height: 1.8em;
    display: block;
    margin: 1.3em auto 2.7em
}

.top_panel_title .post_meta {
    margin-top: 4.7em
}

.top_panel_title .page_caption {
    margin: 1.15em auto 0;
    letter-spacing: 2px
}

.top_panel_title .post_meta+.page_caption {
    margin-top: .4em;
    font-size: 1.8947em;
    line-height: 1.45em
}

.top_panel_title .page_caption img {
    display: inline-block;
    max-height: 1.5em;
    vertical-align: middle;
    width: auto;
    margin: -.2em .2em 0 0
}

.top_panel_title .page_title_link {
    margin: 2.5em 0
}

.top_panel_title .page_description {
    font-size: .8em;
    line-height: 1.5em;
    margin: .5em auto 0;
    max-width: 75%
}

.breadcrumbs {
    font-size: .9474em;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: .5em
}

.breadcrumbs .breadcrumbs_item {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.breadcrumbs .breadcrumbs_delimiter {
    display: inline-block;
    position: relative;
    margin: 0 .45em;
    vertical-align: top;
    text-align: center
}

.breadcrumbs .breadcrumbs_delimiter:before {
    content: '/'
}

.blog_archive {
    padding-bottom: 4em
}

.post_item {
    margin-bottom: 2.3077em
}

.post_item .more-link {
    display: inline-block;
    white-space: nowrap;
    padding: .5em 3em;
    margin-top: 2.5em;
    font-size: 12px;
    line-height: 1.75em;
    font-weight: 700;
    border: 1px solid #000
}

.laon_wine_house_tabs .laon_wine_house_tabs_titles {
    list-style-type: none;
    padding: 0;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 4em
}

.laon_wine_house_tabs .laon_wine_house_tabs_titles li {
    display: inline-block;
    margin-bottom: .25em
}

.laon_wine_house_tabs .laon_wine_house_tabs_titles li+li {
    margin-left: .25em
}

.laon_wine_house_tabs .laon_wine_house_tabs_titles li a {
    display: block;
    padding: 1em 1.5em
}

.laon_wine_house_tabs .nav-links {
    margin-top: 3.2em
}

.post_layout_excerpt {
    position: relative;
    margin-bottom: 0
}

.post_layout_excerpt+.post_layout_excerpt {
    margin-top: 4.6em;
    padding-top: 4.7em;
    border-top: 1px dotted #eee
}

.post_layout_excerpt .post_header {
    margin-bottom: .65em
}

.post_layout_classic {
    position: relative;
    margin-bottom: 4.4em
}

.post_layout_chess .post_header,
.post_layout_classic .post_header {
    text-align: center;
    padding-top: 1px
}

.post_layout_classic .post_title {
    margin: .5em 0 0
}

.post_layout_classic .post_content {
    padding-top: .7692em;
    text-align: center
}

.post_layout_chess blockquote,
.post_layout_classic blockquote {
    padding: 0 0 0 3em
}

.post_layout_chess blockquote:before,
.post_layout_classic blockquote:before {
    left: 0;
    top: 0
}

.post_layout_classic.post_format_quote .post_meta {
    margin-left: 4.4em
}

.body_style_fullwide .post_layout_classic .post_content,
.body_style_fullwide .post_layout_classic .post_header {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto
}

.post_layout_chess {
    position: relative;
    overflow: hidden;
    margin-bottom: 0
}

.post_layout_chess .post_featured {
    margin-bottom: 0;
    width: 50%;
    float: right;
    max-height: none !important
}

.post_layout_chess .post_featured_bg:before {
    padding-top: 100%
}

.locator_text {
    width: 50%;
    display: flex;
    right: 0 !important;
    top: 10%
}

.cta {
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffa705;
    padding: 1.5em
}

.cta-head {
    font-family: Bellefair, serif;
    color: #2a2a2a !important;
    margin-bottom: 1em;
    margin-top: 0;
    font-size: 25px;
    font-weight: 600
}

.article {
    color: #909090;
    text-transform: capitalize
}

.cta-content .cta-btn {
    color: #2a2a2a;
    min-width: 200px;
    letter-spacing: 1px;
    font-size: 17px;
    padding: .5em 1em;
    font-family: FtraBk;
    border: 2px solid #2a2a2a;
    font-weight: 600
}

.cta-content .cta-btn:active,
.cta-content .cta-btn:focus,
.cta-content .cta-btn:hover {
    border-color: #2a2a2a;
    color: #2a2a2a;
    outline: 0
}

.margin-res,
.page_links .page_links_title {
    margin-right: 1em
}

@media all and (max-width:639px) {
    .margin-res {
        margin-right: 0;
        margin-bottom: 1em !important
    }
}

.post_layout_chess .post_inner {
    width: 50%;
    left: 0;
    top: 50%
}

.post_layout_chess_1 .post_inner_content {
    padding: 0 14%
}

.post_layout_chess_2 .post_inner_content {
    padding: 0 12%
}

.post_layout_chess_3 .post_inner_content {
    padding: 0 10%
}

.post_layout_chess .post_meta {
    margin-top: 1em;
    margin-bottom: 0 !important
}

.post_layout_chess .post_header+.post_content {
    margin-top: .8421em
}

.post_layout_chess .post_content_inner {
    overflow: hidden;
    position: relative;
    padding-bottom: 1em
}

.post_layout_chess:not(.post_format_aside) .post_content_inner {
    padding-top: 0
}

.post_layout_chess .post_content_inner:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1em
}

.post_layout_chess.post_format_quote .post_meta {
    margin-top: 1em;
    margin-left: 4.4em
}

.post_layout_chess_1 .post_meta:before {
    content: ' ';
    display: block;
    width: 1px;
    height: 2em;
    margin: 3em auto
}

.post_layout_chess_1 .more-link {
    margin-top: 3em;
    padding: 1em 4.5em
}

.post_layout_chess_2 .post_title {
    font-size: 1.5789em
}

.post_layout_chess_2 .post_content_inner {
    font-size: .8947em;
    line-height: 1.4118em;
    max-height: 6em
}

.post_layout_chess_2.post_format_aside .post_content_inner,
.post_layout_chess_2.post_format_link .post_content_inner,
.post_layout_chess_2.post_format_quote .post_content_inner,
.post_layout_chess_2.post_format_status .post_content_inner {
    max-height: 11em
}

.post_layout_chess_3 .post_title {
    font-size: 1.3684em;
    line-height: 1.15em
}

.post_layout_chess_3 .post_content_inner {
    font-size: .7895em;
    line-height: 1.3333em;
    max-height: 4.5em
}

.post_layout_chess_3.post_format_aside .post_content_inner,
.post_layout_chess_3.post_format_link .post_content_inner,
.post_layout_chess_3.post_format_quote .post_content_inner,
.post_layout_chess_3.post_format_status .post_content_inner {
    max-height: 6.2em
}

.post_layout_chess_3.post_format_link .post_content_inner,
.post_layout_chess_3.post_format_quote blockquote p,
.post_layout_chess_3.post_format_status .post_content_inner {
    font-size: 1.3684em;
    line-height: 1.15385em
}

.post_layout_chess_2 .post_meta,
.post_layout_chess_3 .post_meta {
    font-size: 11px;
    line-height: 1.45455em;
    margin-top: .8182em
}

.post_layout_chess_2 .more-link,
.post_layout_chess_3 .more-link {
    margin-top: 1.55em
}

.post_layout_chess_1:nth-child(2n+2) .post_inner,
.post_layout_chess_2:nth-child(4n+3) .post_inner,
.post_layout_chess_2:nth-child(4n+4) .post_inner,
.post_layout_chess_3:nth-child(6n+4) .post_inner,
.post_layout_chess_3:nth-child(6n+5) .post_inner,
.post_layout_chess_3:nth-child(6n+6) .post_inner {
    left: auto;
    right: 0
}

.post_layout_chess_2 {
    width: 50%;
    float: left
}

.post_layout_chess_3 {
    width: 33.3333%;
    float: left
}

.post_layout_portfolio .post_title {
    margin: 1em 0 .4em
}

.portfolio_wrap {
    position: relative;
    margin-right: -1.7em
}

.post_layout_portfolio {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 1em 1em 0;
    margin-bottom: 0;
    width: 50%;
    box-sizing: border-box
}

.portfolio_wrap.portfolio_3 .post_layout_portfolio {
    width: 33%
}

.gallery_item_current {
    opacity: 0 !important
}

.gallery_preview {
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
    height: 100%;
    pointer-events: none
}

.gallery_preview:before {
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s
}

.gallery_preview_show {
    pointer-events: auto
}

.format-audio .post_featured .mask,
.format-video .post_featured.with_thumb:hover .mask,
.gallery_preview_show:before {
    opacity: 1
}

.gallery_preview_image_clone {
    position: fixed;
    z-index: 110;
    -webkit-transition: -webkit-transform .5s;
    -ms-transition: -ms-transform .5s;
    transition: transform .5s;
    -webkit-backface-visibility: hidden
}

.gallery_preview_image_original {
    position: relative;
    z-index: 120;
    display: block;
    object-fit: contain;
    -webkit-transition: opacity .2s;
    -ms-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-backface-visibility: hidden
}

.gallery_preview_show .gallery_preview_image_animate {
    -webkit-transition: -webkit-transform .6s, opacity .2s;
    -ms-transition: -ms-transform .6s, opacity .2s;
    transition: transform .6s, opacity .2s
}

.gallery_preview_image_animate {
    -webkit-transition: -webkit-transform .3s, opacity .2s;
    -ms-transition: -ms-transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s
}

.gallery_preview_description {
    position: absolute;
    z-index: 140;
    width: 100%;
    left: 100%;
    top: 0;
    height: 100%;
    padding: 0 3em;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.2, 1, .3, 1), -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);
    -ms-transition: opacity 1s cubic-bezier(.2, 1, .3, 1), -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);
    transition: opacity 1s, transform 1s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.gallery_preview_show .gallery_preview_description {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.gallery_preview_show .post_title {
    margin: .3em 0 .5em
}

.comments_wrap .comments_field,
.format-aside .post_meta,
.format-link .post_meta,
.format-status .post_meta,
.gallery_preview_show .post_meta {
    margin-bottom: 2em
}

.gallery_preview_show .post_category,
.gallery_preview_show .post_description {
    max-width: 100%;
    font-size: 1.1429em;
    line-height: 2em
}

.gallery_preview_show .post_readmore {
    font-size: .8em
}

.gallery_preview_close {
    font-size: 2em;
    margin: 0;
    padding: 1em;
    cursor: pointer;
    vertical-align: top;
    border: 0;
    background: 0;
    position: fixed;
    z-index: 150;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -ms-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: scale3d(.6, .6, 1);
    -ms-transform: scale3d(.6, .6, 1);
    transform: scale3d(.6, .6, 1)
}

.gallery_preview_image_loaded .gallery_preview_close {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.post_featured {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.8em
}

.post_featured_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.post_featured_bg:before {
    content: ' ';
    width: 0;
    height: 0;
    padding-top: 56.25%;
    display: inline-block;
    margin-left: -.3em
}

.author_avatar img,
.post_featured img {
    width: 100%;
    height: auto
}

.post_featured_right {
    float: right;
    width: 50%;
    margin-left: 4.3478%
}

.post_featured_left {
    float: left;
    width: 50%;
    margin-right: 4.3478%
}

.post_item .slider_swiper .swiper-slide {
    position: relative;
    background-position: center center;
    background-size: cover
}

.post_meta {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .4em
}

.nav-links-more,
.nav-links-old {
    font-size: .7368em;
    font-weight: 700;
    text-transform: uppercase
}

.post_share .social_items {
    text-transform: uppercase;
    font-size: .9286em
}

.post_meta .post_meta_item+.post_meta_item:before,
.vc_inline-link:before {
    content: '/';
    display: inline;
    margin: 0 .6em;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 700;
    vertical-align: baseline
}

.post_meta .socials_share {
    display: inline;
    vertical-align: baseline
}

.post_meta_item .socials_share .social_items {
    bottom: auto;
    top: 2.5em
}

.post_meta_item .socials_share .social_items:before {
    bottom: auto;
    top: -5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.format-audio .post_featured {
    position: relative;
    max-height: 10em
}

.post_layout_excerpt.format-audio .post_featured img {
    top: -8em
}

.format-audio .post_featured .post_audio_author {
    font-size: .9474em;
    font-weight: 700;
    font-style: italic
}

.format-audio .post_featured .post_audio_title {
    font-size: 1.2632em;
    font-weight: 700;
    line-height: 1.35em;
    margin-bottom: .55em;
    letter-spacing: 2px
}

.format-audio .post_featured.with_thumb .post_audio {
    position: absolute;
    z-index: 1000;
    bottom: 2.6em;
    left: 6%;
    right: 6%
}

.format-audio .post_featured.without_thumb .post_audio {
    padding: 2em 2.5em 2.4em;
    border: 1px dotted #ddd
}

.format-audio .post_featured.with_thumb .mejs-container,
.format-audio .post_featured.with_thumb .mejs-controls,
.format-audio .post_featured>div .mejs-controls,
.format-audio .post_featured>div>.mejs-container {
    background: 0
}

.mejs-container .mejs-controls .mejs-button {
    margin: 3px 3px 3px 0;
    overflow: hidden;
    position: relative;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.mejs-container .mejs-controls .mejs-button button {
    display: block;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0 !important
}

.mejs-container .mejs-controls .mejs-playpause-button.mejs-play:before {
    content: '\e8e1';
    font-family: fontello
}

.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause:before {
    content: '\e8e3';
    font-family: fontello
}

.mejs-container .mejs-controls .mejs-volume-button.mejs-mute:before {
    content: '\e905';
    font-family: fontello
}

.mejs-container .mejs-controls .mejs-volume-button.mejs-unmute:before {
    content: '\e904';
    font-family: fontello
}

.mejs-container .mejs-controls .mejs-time-rail a,
.mejs-container .mejs-controls .mejs-time-rail span {
    height: 3px
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
    height: 17px;
    border: 0
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 8px 5px
}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    height: 3px;
    top: 13px
}

.format-video .post_featured.with_thumb .post_video {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.format-video .post_featured.with_thumb .post_video:before {
    content: ' ';
    display: inline-block;
    padding-top: 55%;
    width: 0;
    height: 0
}

.format-video .post_featured.with_thumb .mask {
    z-index: 3;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0
}

.format-video .post_featured.with_thumb .post_video_hover {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    font-size: 1.31579em;
    width: 2.4em;
    height: 2.4em;
    line-height: 2.3em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-top: 2em;
    background-color: rgba(255, 255, 255, .2);
    border: 3px solid #fff;
    color: #fff;
    opacity: 0
}

.body_style_fullwide .format-video .post_featured.with_thumb .post_video_hover,
.post_layout_chess_1.format-video .post_featured.with_thumb .post_video_hover,
.post_layout_excerpt.format-video .post_featured.with_thumb .post_video_hover {
    font-size: 2.36842em;
    width: 2.4em;
    height: 2.2em;
    line-height: 2.2em;
    border-width: 5px
}

.format-video .post_featured.with_thumb .post_video_hover:before {
    content: '\e855';
    font-family: fontello
}

.format-video .post_featured.with_thumb .post_video_hover:hover {
    background-color: rgba(0, 0, 0, .5)
}

.format-video .post_featured.with_thumb:hover .post_video_hover,
.mobile_layout .format-video .post_featured.with_thumb .post_video_hover {
    opacity: 1;
    margin-top: 0
}

.format-video .post_featured.post_video_play .post_video {
    opacity: 1;
    z-index: 10
}

.format-video .post_featured.post_video_play .mask {
    opacity: 1;
    background-color: #000
}

.format-video .post_featured.post_video_play .post_video>* {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.format-aside .post_content,
.format-link .post_content,
.format-quote .post_content,
.format-status .post_content {
    padding: 0;
    text-align: left
}

.format-link .post_content_inner,
.format-status .post_content_inner {
    font-size: 1.5789em;
    font-weight: 600;
    font-style: italic;
    line-height: 1.25em
}

.format-aside .post_content_inner {
    padding: 1em 1.3158em;
    border: 1px solid #ddd
}

.format-chat .post_content_inner {
    padding-top: 1.1em
}

.format-chat p>b,
.format-chat p>em,
.format-chat p>strong {
    display: inline-block;
    margin-top: 1.7em
}

.nav-links-more {
    margin-top: 2.3em;
    letter-spacing: 1px;
    text-align: center
}

.blog_style_excerpt .nav-links-more {
    margin-top: 5.3em
}

.nav-links-more a {
    display: inline-block;
    padding-top: 3em;
    position: relative
}

.nav-links-more a:before {
    content: '\e929';
    font-family: fontello;
    font-size: 2em;
    display: block;
    text-align: center;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.5em;
    width: 1em;
    height: 1em;
    line-height: 1em
}

.nav-links-more a:hover,
.theme_scroll_down:hover {
    -webkit-animation: .5s cubic-bezier(.2, .8, .6, 1.6) jump;
    -moz-animation: .5s cubic-bezier(.2, .8, .6, 1.6) jump;
    -ms-animation: jump 0.5s 1 cubic-bezier(0.2, 0.8, 0.6, 1.6);
    -o-animation: .5s cubic-bezier(.2, .8, .6, 1.6) jump;
    animation: .5s cubic-bezier(.2, .8, .6, 1.6) jump
}

.nav-links-more.loading a:before {
    content: '\e82d';
    -webkit-animation: 2s linear infinite spin;
    -moz-animation: 2s linear infinite spin;
    -ms-animation: spin 2s infinite linear;
    -o-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin
}

.nav-links-infinite a span {
    opacity: 0
}

.nav-links-old {
    overflow: hidden;
    letter-spacing: 1px;
    margin-top: 2em
}

body[class*=blog_style_classic] .nav-links-old,
body[class*=blog_style_portfolio] .nav-links-old {
    margin-top: 1.3em
}

.nav-links-old .nav-next a:after,
.nav-links-old .nav-prev a:before {
    font-family: fontello;
    display: inline;
    font-weight: 400;
    position: absolute;
    top: 0
}

.nav-links-old .nav-prev {
    float: left;
    position: relative;
    padding-left: 2em
}

.nav-links-old .nav-prev a:before {
    content: '\e907';
    left: 0
}

.nav-links-old .nav-next {
    float: right;
    position: relative;
    padding-right: 2em
}

.nav-links-old .nav-next a:after {
    content: '\e908';
    right: 0
}

.nav-links-old a {
    border-bottom: 1px dotted transparent
}

.nav-links,
.page_links {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3.4em;
    text-align: center
}

.page_links {
    margin-top: 2.5em
}

.author_info,
.single .nav-links {
    margin-top: 5.45em;
    padding-top: 5.45em
}

.nav-links .page-numbers,
.page_links>a,
.page_links>span:not(.page_links_title) {
    display: inline-block;
    width: 4.3333em;
    height: 4.3333em;
    line-height: 4.3333em;
    text-align: center;
    margin-right: .2em
}

.single .nav-links {
    font-size: .8421em;
    text-align: left;
    border-top: 1px dotted #ddd;
    overflow: hidden;
    text-transform: none
}

.single .nav-links a {
    display: block;
    position: relative;
    min-height: 5em;
    z-index: 1
}

.single .nav-links a .nav-arrow {
    width: 5em;
    height: 4.6em;
    line-height: 4.6em;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px dotted transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.single .nav-links a .nav-arrow:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single .nav-links a:hover .nav-arrow:before {
    opacity: .5
}

.single .nav-links a .nav-arrow:after {
    content: '\e907';
    font-family: fontello;
    display: inline-block;
    position: relative;
    z-index: 2;
    top: 3em;
    opacity: 0;
    color: #292929;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single .nav-links a:hover .nav-arrow:after {
    top: 0;
    opacity: 1
}

.single .nav-links .nav-next a .nav-arrow {
    right: 0;
    left: auto
}

.single .nav-links .nav-next a .nav-arrow:after {
    content: '\e908'
}

.single .nav-links .nav-next,
.single .nav-links .nav-previous {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.single .nav-links .nav-previous {
    float: left;
    text-align: left;
    padding-right: 15px
}

.single .nav-links .nav-previous a {
    padding-left: 6.5em
}

.footer_wrap .widget_title,
.single .nav-links .nav-previous .post-title {
    text-align: left
}

.single .nav-links .nav-next {
    float: right;
    text-align: right;
    padding-left: 15px
}

.single .nav-links .nav-next a {
    padding-right: 6.5em
}

.single .nav-links .nav-next .post-title,
.widget_calendar td#next {
    text-align: right
}

.single .nav-links .post-title,
.single .nav-links .post_date {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.single .nav-links .post-title {
    margin: 0 0 .3em;
    line-height: 1.3em;
    font-weight: 600
}

.single .nav-links .meta-nav,
.single .nav-links .post_date {
    font-size: .9286em;
    font-weight: 400
}

.image-navigation .nav-next,
.image-navigation .nav-previous {
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 1.5em;
    top: 50%;
    transform: translateY(-50%)
}

.author_title,
.post_item_single .post_content .mejs-container,
.widget_product_tag_cloud .widget_title,
.widget_tag_cloud .widget_title {
    margin-bottom: 1em
}

.image-navigation .nav-next {
    left: auto;
    right: 1.5em;
    text-align: right
}

.image-navigation .nav-next a,
.image-navigation .nav-previous a {
    display: block;
    padding: .25em 1em;
    width: 0;
    max-width: 20em;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .6);
    border: 1px solid #000;
    color: #fff;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em
}

.image-navigation .nav-next a:hover,
.image-navigation .nav-previous a:hover {
    width: auto;
    color: #fff
}

.image-navigation .nav-previous a:hover {
    padding-left: 3.5em
}

.image-navigation .nav-next a:hover {
    padding-right: 3.5em
}

.image-navigation .nav-next a:after,
.image-navigation .nav-previous a:after {
    content: '\e8ef';
    font-family: fontello;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border: 1px solid #000;
    background-color: #333;
    color: #fff
}

.image-navigation .nav-next a:after {
    content: '\e8f0';
    left: auto;
    right: 0
}

.image-navigation .nav-next a:hover:after,
.image-navigation .nav-previous a:hover:after {
    border-color: transparent;
    background-color: transparent
}

.post_item_single.format-aside .post_content,
.post_item_single.format-link .post_content,
.post_item_single.format-status .post_content {
    padding: 2em 0 0;
    text-align: left
}

.post_item_single.format-quote .post_content {
    background-color: transparent;
    padding-top: 0
}

.post_item_single .post_featured {
    margin-bottom: 2.8em
}

.comments_list_wrap .comment_text,
.post_featured.post_attachment {
    margin-bottom: .5em
}

.entry-caption {
    text-align: center;
    font-style: italic
}

.post_item_single .post_header {
    margin-bottom: 2.5em
}

.post_item_single .post_content>.row:first-child h1:first-child,
.post_item_single .post_content>h1:first-child,
.post_item_single .post_title {
    margin-top: -.2em
}

.post_item_single .post_content .post_meta {
    margin-top: 2.8em;
    overflow: hidden
}

.post_item_single .post_content .post_meta .post_tags {
    float: left;
    display: block;
    max-width: 55%;
    margin-top: .7em
}

.post_item_single .post_content .post_meta .post_share {
    float: right;
    display: block;
    max-width: 40%
}

.post_item_single .post_content .post_meta .post_share .social_item a {
    display: block;
    width: 4em;
    height: 4em;
    line-height: 4em;
    text-align: center
}

.post_item_single .post_content .post_meta .post_share .social_item+.social_item {
    margin-left: 3px
}

.author_info {
    border-top: 1px dotted #ddd;
    position: relative
}

.author_avatar {
    width: 6.3158em;
    height: 6.3158em;
    position: absolute;
    left: 0;
    top: 5.45em
}

.author_description {
    padding-left: 7.8947em
}

.author_title {
    margin-top: -.4em
}

.author_bio .author_link {
    display: block;
    margin-top: .8em;
    font-style: italic;
    font-weight: 600
}

.comments_form_wrap,
.related_wrap {
    margin-top: 5.45em;
    padding-top: 5.45em;
    border-top: 1px dotted #eee;
    overflow: hidden
}

.comments_wrap .comments_form_title,
.related_wrap_title {
    margin: 0 0 1.5em;
    text-align: left
}

.related_wrap .post_featured {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.related_wrap .post_categories {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px
}

.related_wrap .post_categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.related_wrap .post_categories li {
    display: inline-block;
    margin: 0
}

.related_wrap .post_categories li+li {
    margin-left: .5em
}

.related_wrap .post_title {
    margin: .2em 0 .1em
}

.related_wrap .post_date {
    font-size: .7368em
}

.comments_list_wrap .comment_posted,
.comments_list_wrap .comment_reply {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6em;
    letter-spacing: 1px;
    text-transform: uppercase
}

.related_wrap .post_featured:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    padding-top: 100%
}

.related_wrap .related_item_style_1 .post_header {
    display: inline-block;
    vertical-align: middle;
    padding: 3em 2em;
    max-width: 70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.comments_wrap .form-submit input[type=submit],
.post_item_404 .go_home {
    font-weight: 700;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    text-transform: uppercase
}

.related_wrap .related_item_style_1 .post_title {
    margin: .8em 0;
    letter-spacing: 1px;
    line-height: 1.5em
}

.related_wrap .related_item_style_2 .post_featured {
    margin-bottom: 1.1em
}

.related_wrap .related_item_style_2 .post_featured:before {
    padding-top: 62.47%
}

.related_wrap .related_item_style_2 .post_date {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: uppercase
}

.body_style_fullscreen .comments_wrap {
    margin-bottom: 3em
}

.comments_list_wrap {
    margin-top: 7.2em;
    padding-top: 6.3em;
    border-top: 1px dotted #eee;
    overflow: hidden
}

.comments_list_wrap .comments_closed {
    margin-top: 2em;
    color: #1d1d1d
}

.comments_list_wrap .comments_list_title {
    margin: 0 0 .4em;
    text-align: left
}

.comments_list_wrap>ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.comments_list_wrap>ul>li:first-child {
    margin-top: -1.3em
}

.comments_list_wrap ul li {
    padding-top: 2.4em
}

.comments_list_wrap ul>li {
    overflow: hidden;
    position: relative;
    min-height: 5em
}

.comments_list_wrap ul ul {
    margin-left: 7.3em;
    padding-left: 0
}

.comments_list_wrap ul ul ul ul ul,
.room-image .swiper {
    margin-left: 0
}

.comments_list_wrap li ul,
.comments_list_wrap li+li {
    margin-top: 2.2em;
    border-top: 1px dotted #eee
}

.comments_list_wrap .comment_author_avatar {
    position: absolute;
    left: 0;
    top: 2.5em;
    z-index: 1;
    width: 5.7895em;
    height: 5.7895em
}

.comments_list_wrap .comment_content {
    padding-left: 7.3em;
    overflow: hidden
}

.comments_list_wrap .comment_info {
    margin-bottom: 1em;
    position: relative
}

.comments_list_wrap .comment_counters {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

@media (max-width:460px) {

    .single .nav-links .nav-next a .nav-arrow,
    .single .nav-links .nav-previous a .nav-arrow {
        display: none
    }

    .single .nav-links .nav-next a,
    .single .nav-links .nav-previous a {
        padding: 0
    }

    .comments_list_wrap .comment_counters {
        position: static
    }
}

.comments_list_wrap .comment_not_approved {
    padding: .2em 0 .5em;
    font-style: italic
}

.comments_list_wrap .comment_text p+p {
    margin-top: .6em
}

.comments_list_wrap .comment_text ul {
    margin: 0;
    padding: 0 0 0 1.5em;
    list-style: outside
}

.comments_list_wrap .comment_text ol {
    margin: 0;
    padding: 0 0 0 1.5em;
    list-style: decimal
}

.comments_list_wrap .comment_text ol>li,
.comments_list_wrap .comment_text ul>li {
    min-height: 0;
    padding: 0;
    margin: 0 0 .5em;
    overflow: visible
}

.comments_list_wrap .comment_text ol,
.comments_list_wrap .comment_text ol>li,
.comments_list_wrap .comment_text ul,
.comments_list_wrap .comment_text ul>li {
    border: 0
}

.comments_list_wrap .comment_reply {
    margin-top: 2.1em
}

.comments_list_wrap .comment_reply a:before {
    content: '\e802';
    font-family: fontello;
    margin-right: .2em
}

.comments_list>li.trackback {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 4em;
    min-height: 0;
    position: relative
}

.comments_list>li.trackback p {
    font-style: italic;
    padding-bottom: .8em
}

.comments_list>li.trackback .edit-link {
    position: absolute;
    right: 0;
    top: 2em
}

.comments_list_wrap+.comments_form_wrap {
    margin-top: 2.3em
}

.comments_wrap .comment-reply-title {
    display: none;
    font-size: 1.3333em;
    line-height: 1.7333em;
    text-transform: uppercase;
    text-align: left;
    margin: 0
}

.comments_wrap .comments_notes {
    font-size: .8667em
}

.comments_wrap .comments_author,
.comments_wrap .comments_email {
    width: 48%;
    float: left
}

.comments_wrap .comments_url,
.widgets_below_page_wrap {
    clear: both
}

.comments_wrap .comments_field input,
.comments_wrap .comments_field textarea {
    width: 100%;
    padding: 1.5em 2em;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.comments_wrap .comments_field textarea {
    min-height: 11em
}

.comments_wrap .form-submit {
    margin: 3.3em 0 0
}

.comments_wrap .form-submit:before {
    content: ' ';
    clear: both;
    display: block;
    width: 100%;
    height: 0
}

.comments_wrap .form-submit input[type=submit] {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #000;
    font-size: 11px;
    font-style: normal;
    padding: 1em 4em;
    transition: .3s
}

form .error_field {
    border-color: #cc6868 !important;
    -webkit-box-shadow: 0 0 8px 0 rgba(200, 100, 100, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(200, 100, 100, .2);
    box-shadow: 0 0 8px 0 rgba(200, 100, 100, .2)
}

.laon_wine_house_messagebox {
    display: inline-block;
    font-size: .8667em;
    line-height: 1.5em;
    padding: 1.5em;
    color: #006818;
    border: 1px solid #006818;
    background-color: #d8ffd8;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 200, 0, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 200, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 200, 0, .2)
}

.laon_wine_house_messagebox_style_error {
    color: #681800;
    border: 1px solid #681800;
    background-color: #ffd8d8;
    -webkit-box-shadow: 0 0 20px 0 rgba(200, 0, 0, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(200, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(200, 0, 0, .2)
}

.post_item_404 .post_content {
    padding: 11em 0 8em;
    overflow: hidden
}

.post_item_404 .page_title {
    float: left;
    width: 50%;
    font-size: 17em;
    line-height: .8em;
    margin: 0;
    margin-top: 0 !important;
    letter-spacing: 0;
    text-align: left
}

.post_item_404 .page_info {
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.post_item_404 .go_home,
.widget_calendar td,
.widget_calendar th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-style: normal
}

.post_item_404 .page_subtitle {
    margin: 0;
    letter-spacing: 1px
}

.post_item_404 .page_description {
    margin-top: 1em;
    margin-bottom: 2em;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 2em
}

.post_item_404 .go_home {
    display: inline-block;
    box-sizing: border-box;
    padding: 1em 4em;
    letter-spacing: 2px;
    font-size: .8571em;
    border: 2px solid #ddd;
    transition: .3s
}

.post_item_404 .go_home:after {
    content: '\e908';
    font-family: fontello;
    margin-left: .5em;
    font-size: .9286em
}

.post_item_none_search .post_content {
    padding: 3em 0
}

.post_item_none_archive .page_title,
.post_item_none_search .page_title {
    font-size: 7em;
    line-height: 1em
}

.sidebar[class*=scheme_] aside {
    padding: 3.2em 1.6667em
}

.sidebar .sidebar_inner {
    padding: 0 1.5789em
}

.sidebar aside+aside {
    padding-top: 2.9473em;
    margin-top: 2.9473em;
    border-top: 1px dotted #000
}

.sidebar aside+aside.widget_bg_image {
    border-top: 0;
    padding-top: 2em
}

.sidebar aside.widget_bg_image+aside {
    border-top: 0;
    margin-top: 0
}

aside .widget_title {
    margin-top: 0;
    margin-bottom: 1.55em
}

aside ul {
    margin: 0;
    padding-left: .9em;
    list-style-type: none
}

aside li {
    position: relative;
    font-style: italic;
    font-weight: 400
}

aside li:before {
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    left: -.9em;
    top: .4em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.widgets_above_content_wrap,
.widgets_above_page_wrap {
    font-size: .8667em;
    margin-bottom: 2.3077em
}

.widgets_below_content_wrap,
.widgets_below_page_wrap {
    font-size: .8667em;
    margin-top: 2.3077em
}

.widget_calendar table {
    width: 100%;
    position: relative
}

.widget_calendar caption {
    padding-bottom: .5em;
    text-transform: uppercase
}

.widget_calendar td,
.widget_calendar th {
    font-size: .7895em !important;
    line-height: 1.5em;
    font-weight: 400 !important;
    text-align: center;
    padding: 2px;
    color: #000;
    border: none !important;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 14.2857%
}

.widget_calendar tfoot td,
.widget_calendar th {
    font-style: italic !important;
    text-transform: none !important
}

.widget_calendar th {
    font-weight: 700 !important;
    padding: .5em 0 .75em
}

.widget_calendar td {
    line-height: 2em;
    padding: 0
}

.widget_calendar tbody td a {
    display: block;
    position: relative;
    font-weight: 400;
    box-sizing: border-box
}

.widget_calendar tbody td a:after {
    content: '\e83c';
    font-family: fontello;
    position: absolute;
    left: 48%;
    top: .7em
}

.widget_calendar td#today:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 2.2em;
    height: 2.2em;
    border: 1px solid #ddd;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.widget_calendar tfoot {
    position: relative;
    top: .55em
}

.widget_calendar tfoot td {
    font-size: .7895em !important;
    font-weight: 600 !important
}

.widget_calendar td#prev {
    text-align: left;
    overflow: hidden
}

.widget_recent_entries .post-date {
    display: inline-block;
    margin-left: .5em
}

.widget_search .search-form,
.widget_search .search_form {
    position: relative;
    overflow: visible
}

.widget_search .search-form {
    top: .3em
}

.widget_search .search-field {
    padding: .9em 1.1em;
    padding-right: 3em !important
}

.widget_search input.search-submit {
    display: block;
    text-indent: -1000px;
    position: absolute;
    right: 2em;
    top: 50%;
    margin-top: -.6em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    border: none !important;
    background: 0 0 !important;
    z-index: 1;
    cursor: pointer
}

.widget_rss .widget_title a {
    display: inline-block;
    margin-right: 6px
}

.widget_rss .widget_title a:first-child:before {
    content: '\e8ed';
    font-family: fontello;
    display: inline-block;
    font-size: .9em
}

.widget_rss li,
.widget_rss ul {
    padding-left: 0
}

.widget_rss li+li {
    margin-top: 2em
}

.widget_product_tag_cloud a,
.widget_tag_cloud a {
    display: block;
    float: left;
    border: 1px solid #ddd;
    padding: .4em .8em;
    margin: 0 .2143em .2143em 0;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 1.5em;
    text-transform: uppercase
}

.section-title h2,
.welcome-head .qodef-m-title {
    text-transform: unset
}

.widget_text .mc4wp_wrap {
    margin-top: 1.5em
}

.widget_text .mc4wp-form label {
    font-weight: 400;
    line-height: 2em
}

.widget_text .mc4wp-form input {
    display: block;
    width: 100%;
    font-style: italic
}

.widget_text .mc4wp-form input[type=submit] {
    border: 2px solid #292929;
    padding: .5em 1em;
    text-transform: uppercase;
    font-size: .9333em;
    font-style: normal;
    font-weight: 700;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.widget_text .mc4wp-form .mc4wp-alert {
    margin: 2em 0;
    padding: 1em
}

.widget_text .socials_wrap {
    text-align: center;
    margin-top: 1.3em;
    font-size: 1.2308em
}

.widget_text .socials_wrap .social_item+.social_item {
    margin-left: .8em
}

#sb_instagram .sbi_header_text {
    padding-top: 0 !important;
    margin-top: -2px
}

#sb_instagram .sb_instagram_header {
    padding: 0 !important;
    margin-bottom: .5em !important
}

.footer_fullwidth #sb_instagram .sb_instagram_header {
    float: none;
    text-align: center;
    overflow: hidden
}

.footer_fullwidth #sb_instagram .sb_instagram_header>a {
    float: none;
    display: inline-block;
    overflow: hidden
}

#sb_instagram .sb_instagram_header h3 {
    font-size: 1.2308em;
    line-height: 1.5em
}

#sb_instagram .sb_instagram_header p {
    font-size: 1em;
    line-height: 1.5em
}

ul.instagram-pics {
    margin-right: -5px
}

ul.instagram-pics li {
    float: left;
    padding: 0 5px 5px 0;
    margin: 0;
    overflow: hidden;
    width: 33.3333%;
    height: auto;
    box-sizing: border-box
}

.column-1_1 ul.instagram-pics li {
    width: 16.6666%
}

.site_footer_wrap {
    margin-top: 6em
}

.footer_wrap_inner {
    padding: 3em 0 1em
}

.footer_wrap aside {
    margin-bottom: 1.6667em
}

.footer_wrap.footer_fullwidth .widget_title {
    text-align: center;
    margin-bottom: 1.6667em
}

.logo_footer_wrap_inner {
    padding: 7.15em 0;
    overflow: hidden;
    text-align: center;
    position: relative
}

.footer_wrap+.logo_footer_wrap .logo_footer_wrap_inner {
    padding-top: 4.15em;
    border-top-width: 1px;
    border-top-style: solid
}

.logo_footer_wrap_inner img {
    max-width: 50%
}

.logo_footer_text {
    font-size: 3.3333em;
    line-height: 1em;
    letter-spacing: 6px;
    margin: 0
}

.logo_footer_image+.logo_footer_text {
    margin: .63em 0 2em
}

.socials_footer_wrap_inner .social_icons {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.socials_footer_wrap_inner .social_icons span:before {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.socials_footer_wrap_inner .social_icons:hover span:before {
    -webkit-transform: scale(1.2, 1.2) rotate(-45deg);
    -moz-transform: scale(1.2, 1.2) rotate(-45deg);
    -ms-transform: scale(1.2, 1.2) rotate(-45deg);
    transform: scale(1.2, 1.2) rotate(-45deg)
}

.socials_footer_wrap_inner .social_item+.social_item {
    margin-left: 1.6em
}

.menu_footer_wrap_inner {
    padding: 1em 0;
    text-align: center
}

.menu_footer_nav_area ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.menu_footer_nav_area ul li {
    display: inline-block;
    vertical-align: baseline;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.menu_footer_nav_area ul li+li:before {
    content: ' ';
    display: inline-block;
    width: 0;
    height: .8em;
    margin: 0 3em;
    vertical-align: baseline;
    border-left: 1px dotted #ddd
}

.footer_wrap+.copyright_wrap .copyright_wrap_inner,
.logo_footer_wrap+.copyright_wrap .copyright_wrap_inner,
.menu_footer_wrap+.copyright_wrap .copyright_wrap_inner,
.socials_footer_wrap+.copyright_wrap .copyright_wrap_inner {
    border-top-width: 1px;
    border-top-style: solid
}

.copyright_wrap_inner {
    font-size: .8889em;
    font-style: italic;
    padding: 2em 0;
    overflow: hidden;
    text-align: center
}

#debug_log {
    position: fixed;
    z-index: 1000000;
    display: block;
    width: 100%;
    max-height: 400px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    overflow: auto
}

#debug_log_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

#debug_log_content {
    padding: 12px
}

.popup_wrap {
    position: absolute;
    top: 3.3333em;
    right: 0;
    width: 37.5em;
    padding: 3em 2.5em 2em;
    display: none
}

.popup_registration {
    right: -5.5em
}

.popup_wrap .popup_close {
    display: block;
    font-size: 1.25em;
    line-height: 1em;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    margin: .5em .5em 0 0;
    text-align: center;
    color: #ccc;
    border: 2px solid #ebebeb;
    background-color: #f4f7f9
}

.popup_wrap .popup_close:hover {
    color: #909090;
    border: 2px solid #ccc;
    background-color: #fff
}

.popup_wrap .popup_close:before {
    font-family: fontello;
    content: '\e8ac';
    line-height: 1em;
    padding: 0 !important;
    margin: 0 !important
}

.popup_wrap .form_left {
    float: left;
    padding-right: 2.5em;
    width: 54%;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box
}

.popup_wrap .form_right {
    float: right;
    padding-left: 2.5em;
    width: 45%;
    box-sizing: border-box
}

.popup_wrap.popup_registration .form_left {
    width: 50%;
    padding-right: 5px;
    border-right: 0
}

.popup_wrap.popup_registration .form_right {
    width: 50%;
    padding-left: 5px
}

.popup_wrap .popup_form_field {
    margin-bottom: .625em
}

.popup_wrap input[type=email],
.popup_wrap input[type=password],
.popup_wrap input[type=text] {
    width: 100%;
    border: 2px solid #ebebeb;
    background-color: #fafafa
}

.popup_wrap input:not([type=submit]):focus,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-white .vc_bar,
.vc_progress_bar.vc_progress-bar-color-white .vc_single_bar .vc_bar {
    background-color: #fff
}

.popup_wrap .popup_form_field.iconed_field:before {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 8px;
    margin-right: 0;
    color: #c9c9c9;
    width: 1em
}

.popup_wrap .popup_form_field.iconed_field input {
    padding-right: 30px
}

.popup_wrap .popup_form_field .forgot_password {
    float: right;
    line-height: 1.5em
}

.popup_wrap .popup_form_field.submit_field {
    padding: 1em 0 4px 4px
}

.popup_wrap .login_socials_title {
    color: #222;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: .5em
}

.popup_wrap .login_socials_problem {
    line-height: 1.3em
}

.popup_wrap .popup_form_field.remember_field {
    margin-top: 1.2em
}

.last_toggle_el_margin,
.wpb_button,
.wpb_content_element,
.wpb_row,
.wpb_text_column,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important
}

.sc_gap .row {
    margin-left: 0;
    margin-right: 0
}

.sc_gap .vc_column_container {
    padding-left: 0;
    padding-right: 0
}

h1 .wpb_text_column p,
h2 .wpb_text_column p,
h3 .wpb_text_column p,
h4 .wpb_text_column p,
h5 .wpb_text_column p,
h6 .wpb_text_column p {
    padding-bottom: 0 !important
}

iframe[name=google_conversion_frame] {
    height: 1px;
    min-height: 0;
    display: none
}

.mfp-bg {
    z-index: 200001
}

.mfp-wrap {
    z-index: 200002
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    right: -20px;
    padding: 0;
    width: 44px;
    text-align: center;
    background: 0 0 !important
}

.rounded_none {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.rounded_tiny {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.rounded_small {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.rounded_medium {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.rounded_large {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.height_tiny {
    height: 1.0526em !important
}

.height_small {
    height: 1.5789em !important
}

.height_medium {
    height: 2.6316em !important
}

.height_big,
.height_large {
    height: 5.2632em !important
}

.height_huge {
    height: 6.3158em !important
}

.theme_button {
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 2em 3.3em;
    font-size: .8571em;
    font-weight: 700;
    letter-spacing: 3px;
    -webkit-transition: .3s ease-in-out !important;
    -moz-transition: .3s ease-in-out !important;
    -ms-transition: .3s ease-in-out !important;
    -o-transition: .3s ease-in-out !important;
    transition: .3s ease-in-out !important
}

.theme_button.theme_button_small {
    padding: 1.3em 3.3em
}

.slider_engine_revo .theme_button {
    font-size: .8571em !important
}

.theme_button:after {
    content: '\e908';
    font-family: fontello;
    margin-left: .5em
}

.theme_scroll_down {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 10px !important;
    line-height: 15px !important
}

.theme_scroll_down:before {
    content: '\e90e';
    font-family: fontello;
    font-size: 20px !important;
    line-height: 30px !important;
    display: block;
    text-align: center
}

#makeup {
    position: absolute;
    z-index: 1000000;
    pointer-events: none;
    opacity: .2;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0;
    margin-top: 0;
    display: none
}

.vc_progress_bar .vc_single_bar {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 11.67px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.vc_progress_bar .vc_single_bar .vc_label {
    display: block;
    padding: .5em 1em;
    position: relative;
    z-index: 1
}

.vc_progress_bar .vc_single_bar .vc_bar {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #e0e0e0;
    width: 0;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_blue .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_blue .vc_single_bar .vc_bar {
    background-color: #0074cc
}

.vc_progress_bar .vc_single_bar .vc_bar.striped {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.vc_progress_bar .vc_single_bar .vc_bar.animated {
    -webkit-animation: 2s linear infinite progress-bar-stripes;
    -moz-animation: 2s linear infinite progress-bar-stripes;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: 2s linear infinite progress-bar-stripes;
    animation: 2s linear infinite progress-bar-stripes
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_turquoise .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_turquoise .vc_single_bar .vc_bar {
    background-color: #49afcd
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_green .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_green .vc_single_bar .vc_bar {
    background-color: #5bb75b
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_orange .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_orange .vc_single_bar .vc_bar {
    background-color: #faa732
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_red .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_red .vc_single_bar .vc_bar {
    background-color: #da4f49
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-bar_black .vc_bar,
.vc_progress_bar.vc_progress-bar-color-bar_black .vc_single_bar .vc_bar {
    background-color: #414141
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-blue .vc_bar,
.vc_progress_bar.vc_progress-bar-color-blue .vc_single_bar .vc_bar {
    background-color: #5472d2
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-turquoise .vc_bar,
.vc_progress_bar.vc_progress-bar-color-turquoise .vc_single_bar .vc_bar {
    background-color: #00c1cf
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-pink .vc_bar,
.vc_progress_bar.vc_progress-bar-color-pink .vc_single_bar .vc_bar {
    background-color: #fe6c61
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-black .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-green .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-juicy-pink .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-orange .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-purple .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sandy-brown .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sky .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-turquoise .vc_label,
.vc_progress_bar.vc_progress-bar-color-green .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-juicy-pink .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-orange .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-purple .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-sandy-brown .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-sky .vc_single_bar .vc_label {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-violet .vc_bar,
.vc_progress_bar.vc_progress-bar-color-violet .vc_single_bar .vc_bar {
    background-color: #8d6dc4
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-peacoc .vc_bar,
.vc_progress_bar.vc_progress-bar-color-peacoc .vc_single_bar .vc_bar {
    background-color: #4cadc9
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-chino .vc_bar,
.vc_progress_bar.vc_progress-bar-color-chino .vc_single_bar .vc_bar {
    background-color: #cec2ab
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-mulled-wine .vc_bar,
.vc_progress_bar.vc_progress-bar-color-mulled-wine .vc_single_bar .vc_bar {
    background-color: #50485b
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-vista-blue .vc_bar,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-vista_blue .vc_bar,
.vc_progress_bar.vc_progress-bar-color-vista-blue .vc_single_bar .vc_bar,
.vc_progress_bar.vc_progress-bar-color-vista_blue .vc_single_bar .vc_bar {
    background-color: #75d69c
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-black .vc_bar,
.vc_progress_bar.vc_progress-bar-color-black .vc_single_bar .vc_bar {
    background-color: #2a2a2a
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-grey .vc_bar,
.vc_progress_bar.vc_progress-bar-color-grey .vc_single_bar .vc_bar {
    background-color: #ebebeb
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-grey .vc_label,
.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-white .vc_label,
.vc_progress_bar.vc_progress-bar-color-grey .vc_single_bar .vc_label,
.vc_progress_bar.vc_progress-bar-color-white .vc_single_bar .vc_label {
    color: #666;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-orange .vc_bar,
.vc_progress_bar.vc_progress-bar-color-orange .vc_single_bar .vc_bar {
    background-color: #f7be68
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sky .vc_bar,
.vc_progress_bar.vc_progress-bar-color-sky .vc_single_bar .vc_bar {
    background-color: #5aa1e3
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-green .vc_bar,
.vc_progress_bar.vc_progress-bar-color-green .vc_single_bar .vc_bar {
    background-color: #6dab3c
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-juicy-pink .vc_bar,
.vc_progress_bar.vc_progress-bar-color-juicy-pink .vc_single_bar .vc_bar {
    background-color: #f4524d
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sandy-brown .vc_bar,
.vc_progress_bar.vc_progress-bar-color-sandy-brown .vc_single_bar .vc_bar {
    background-color: #f79468
}

.vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-purple .vc_bar,
.vc_progress_bar.vc_progress-bar-color-purple .vc_single_bar .vc_bar {
    background-color: #b97ebb
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.vc_separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vc_separator .vc_sep_holder {
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%
}

.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%
}

.vc_message_box {
    border: 1px solid transparent;
    display: block;
    overflow: hidden;
    margin: 0 0 21.74px;
    padding: 1em 1em 1em 4em;
    position: relative;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vc_row.vc_row-flex,
.vc_row.vc_row-flex>.vc_column_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.vc_message_box-icon,
.vc_message_box-icon>* {
    position: absolute;
    font-weight: 400;
    font-style: normal
}

.vc_message_box-icon {
    bottom: 0;
    font-size: 1em;
    left: 0;
    top: 0;
    width: 4em
}

.vc_message_box-icon>*,
.vc_message_box-icon>.fa {
    font-size: 1.7em;
    line-height: 1
}

.vc_message_box-icon>* {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.vc_color-orange.vc_message_box {
    color: #c3811c;
    border-color: #fbe1ba;
    background-color: #fef6eb
}

.vc_color-orange.vc_message_box .vc_message_box-icon,
.vc_color-orange.vc_message_box-outline .vc_message_box-icon,
.vc_color-orange.vc_message_box-solid-icon .vc_message_box-icon {
    color: #f7be68
}

.vc_color-orange.vc_message_box-solid {
    color: #fff;
    border-color: transparent;
    background-color: #f7be68
}

.btn-cut:hover,
.vc_color-black.vc_message_box-solid .vc_message_box-icon,
.vc_color-juicy_pink.vc_message_box-solid .vc_message_box-icon,
.vc_color-orange.vc_message_box-solid .vc_message_box-icon {
    color: #fff
}

.vc_color-orange.vc_message_box-outline,
.vc_color-orange.vc_message_box-solid-icon {
    color: #c3811c;
    border-color: #f7be68;
    background-color: transparent
}

.vc_color-orange.vc_message_box-solid-icon .vc_message_box-icon {
    color: #fff;
    background-color: #f7be68
}

.vc_color-orange.vc_message_box-3d {
    box-shadow: 0 5px 0 #f9cd8a
}

.vc_color-juicy_pink.vc_message_box {
    color: #a3231f;
    border-color: #fbc7c5;
    background-color: #fef5f5
}

.vc_color-juicy_pink.vc_message_box .vc_message_box-icon,
.vc_color-juicy_pink.vc_message_box-outline .vc_message_box-icon,
.vc_color-juicy_pink.vc_message_box-solid-icon .vc_message_box-icon {
    color: #f4524d
}

.vc_color-juicy_pink.vc_message_box-solid {
    color: #fff;
    border-color: transparent;
    background-color: #f4524d
}

.vc_color-juicy_pink.vc_message_box-outline,
.vc_color-juicy_pink.vc_message_box-solid-icon {
    color: #a3231f;
    border-color: #f4524d;
    background-color: transparent
}

.vc_color-juicy_pink.vc_message_box-solid-icon .vc_message_box-icon {
    color: #fff;
    background-color: #f4524d
}

.vc_color-juicy_pink.vc_message_box-3d {
    box-shadow: 0 5px 0 #f89895
}

.vc_color-black.vc_message_box {
    color: #2a2a2a;
    border-color: #2a2a2a;
    background-color: #3c3c3c
}

.vc_color-black.vc_message_box-solid {
    color: #fff;
    border-color: transparent;
    background-color: #2a2a2a
}

.vc_color-black.vc_message_box-outline,
.vc_color-black.vc_message_box-solid-icon {
    border-color: #2a2a2a;
    background-color: transparent
}

.vc_color-black.vc_message_box-outline .vc_message_box-icon,
.vc_color-black.vc_message_box-solid-icon .vc_message_box-icon {
    color: #2a2a2a
}

.vc_color-black.vc_message_box-solid-icon .vc_message_box-icon {
    color: #fff;
    background-color: #2a2a2a
}

.vc_color-black.vc_message_box-3d {
    box-shadow: 0 5px 0 #101010
}

.main-banner {
    height: 100vh;
    overflow: hidden
}

.staywith-header {
    padding: 0 6.3% 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 15px auto;
    max-width: 100%
}

.staywith-header.room-header {
    padding-top: 0;
    padding-bottom: 0
}

.staywith-header .sub-menu {
    border: 0;
    -webkit-box-shadow: 0 3px 6px #0000000F;
    box-shadow: 0 3px 6px #0000000F;
    padding: 16px 0;
    background-color: #fff
}

.staywith-header .menu_main_wrap {
    padding: 0 15px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .top_panel_navi .staywith-header .menu_main_wrap .menu_main_nav_area {
    padding: 0 !important;
    visibility: visible !important
}

.staywith-header .top_heading {
    margin-bottom: -100px;
    padding: 15px 0 !important
}

.staywith-header .mobile_wrap_width .menu_main_nav_area {
    padding-right: 0 !important;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.staywith-header .mobile_wrap_width .menu_main_nav_area .menu-item:not(:last-of-type) {
    margin-right: 25px
}

.stw-link {
    margin-left: 0 !important
}

.staywith-header .top_panel_navi {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    z-index: 99999;
    flex: 1
}

.staywith-header .sec-sula-logo {
    max-width: 140px;
    width: 100%;
    flex-shrink: 0;
    display: none !important
}

.staywith-header .sec-sula-logo img {
    max-width: 100%;
    width: 100%
}

.staywith-header .book-now-wrap .book-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 2.9em;
    letter-spacing: .3em;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ffa705;
    padding: 15px 46px;
    color: #f1f1f1
}

.staywith-header .book-now-wrap .book-btn::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ffa705;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.offer-card .offer-card-inner:hover .more-info::after,
.room-card-body .btn-link:hover::after,
.room-information .show-more-btn:hover::after,
.staywith-header .book-now-wrap .book-btn:hover::after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-animation: .5s .2s forwards animate-btn-line;
    animation: .5s .2s forwards animate-btn-line
}

@-webkit-keyframes animate-btn-line {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animate-btn-line {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.cust-container {
    max-width: 1665px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
    position: relative
}

.welcome-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.perfect-stay-accordion .perfect-stay-center,
.welcome-row .col-center {
    width: 55.34%
}

.welcome-row .col-33 {
    width: 22%
}

.welcome-row .welcome-text {
    background-color: #fff0eb;
    padding: 80px 14% 120px;
    text-align: center
}

.welcome-section {
    padding: 0 0 130px
}

.qodef-m-separator {
    width: 1px;
    height: 48px;
    background-color: #c4c4c4;
    display: block;
    margin: auto
}

.qodef-m-subtitle {
    position: relative;
    font-size: 14px;
    color: #ffa705;
    letter-spacing: 2.1px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px 0 10px;
    font-family: FtraBk
}

.qodef-m-title {
    font-family: Forum, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 46px;
    line-height: 1.3em;
    letter-spacing: -.03em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0 0 10px
}

.welcome-row .welcome-text .welcome-head {
    max-width: 542px;
    width: 100%;
    margin: auto
}

.welcome-row .welcome-text p {
    line-height: 1.87em;
    font-size: 18px;
    margin-bottom: 0;
    font-family: Sarabun, sans-serif
}

.welcome-row .welcome-text .welcome-desc {
    max-width: 552px;
    width: 100%;
    margin: 0 auto
}

.welcome-row .img-wrapper {
    height: 446.44px
}

.welcome-section .cust-container {
    max-width: 100%;
    padding: 0 5.5%
}

.perfect-stay-side .stay-image img,
.room-information .room-image img,
.rooms-images .room-view img,
.welcome-row .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.welcome-row .img-wrapper .decorat-img {
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto 15px
}

.welcome-row .left-side {
    position: relative;
    margin-top: 60px;
    margin-left: 20px;
    max-width: 368px;
    width: 100%
}

.welcome-row .left-side .img-wrapper {
    margin-right: -20px
}

.welcome-row .right-side {
    position: relative;
    bottom: 0;
    margin-right: 20px;
    max-width: 395.63px;
    width: 100%
}

.welcome-row .right-side .img-wrapper {
    margin-left: -20px;
    height: 428.27px
}

.new-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 2.9em;
    letter-spacing: .3em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 46px;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    font-family: Sarabun, sans-serif
}

.activiti-card h6,
.activities-title {
    font-weight: 400;
    font-family: Forum, sans-serif
}

.new-btn::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.new-btn:hover {
    background-color: #ffa705;
    color: #f1f1f1;
    border-color: #ffa705
}

.new-btn:hover::after {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-animation: .5s .2s forwards animate-btn-line;
    animation: .5s .2s forwards animate-btn-line;
    background-color: #ffa705
}

.activities-title {
    font-size: 150px;
    line-height: 1em;
    color: #ccc1bd !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-transform: none;
    letter-spacing: -.03em
}

.activities-section .cust-row+.cust-row {
    padding-top: 70px
}

.activiti-card .card-icon {
    margin-bottom: 31px;
    height: 80px;
    display: flex;
    align-items: center
}

.activiti-card .card-icon svg {
    width: 96px;
    height: 85px
}

.activiti-card h6 {
    font-size: 27px;
    margin-top: 0;
    font-style: normal
}

.activiti-card p {
    font-size: 16px;
    line-height: 1.87em;
    font-family: Sarabun, sans-serif
}

.cust-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.align-items-center,
.section-title {
    align-items: center
}

.activities-section,
.room-information {
    padding: 80px 0
}

.perfect-stay {
    padding: 0 0 30px
}

.perfect-stay-accordion {
    display: flex;
    text-align: center
}

.perfect-stay-accordion .perfect-stay-side {
    width: 24%
}

.perfect-stay-accordion .main-tabs-wrap {
    padding: 189px 150px;
    background-color: #e8f7f8
}

.perfect-stay-accordion .main-tabs-wrap .qodef-m-title {
    position: relative;
    top: -130px
}

.perfect-stay-accordion .panel-title {
    font-size: 46px;
    color: #000;
    display: inline-block;
    line-height: 1
}

.perfect-stay-accordion .panel-default>.panel-heading {
    background: 0 0;
    border-bottom: 0;
    padding: 0
}

.perfect-stay-accordion .panel-group .panel {
    border: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.perfect-stay-accordion .panel-title a {
    color: #000;
    height: auto !important;
    display: inline-block;
    font-family: Forum, sans-serif
}

.perfect-stay-accordion .panel-title a[aria-expanded=true] {
    pointer-events: none;
    border-bottom: 1px solid
}

.perfect-stay-accordion .panel-title a:focus,
.perfect-stay-accordion .panel-title a:hover {
    color: #000
}

.perfect-stay-accordion .collapse-body span {
    font-size: 18px;
    font-weight: 300
}

.perfect-stay-accordion .collapse-body p {
    margin-top: 22px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.87em
}

.perfect-stay-accordion .panel:not(:last-of-type) {
    margin-bottom: 25px
}

.perfect-stay-accordion .panel-body {
    border: 0 !important;
    padding: 0;
    font-family: FtraBk;
    font-size: 16px
}

.perfect-stay-accordion .panel-body .person {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin: 15px 0 20px
}

.perfect-stay-side.left {
    position: relative;
    margin-top: 40px;
    margin-right: -65px
}

.perfect-stay-side .stay-image {
    height: 465px
}

.room-info a {
    display: block;
    color: #000
}

.room-info .price {
    text-align: left;
    margin-top: 12px;
    font-family: FtraBk
}

.room-info .ht-name {
    text-align: left;
    margin-top: 12px;
    font-size: 16px;
    font-family: Sarabun, sans-serif
}

.room-info .price span {
    font-weight: 400;
    color: #000;
    font-size: 27px;
    line-height: 1.4em;
    letter-spacing: 0
}

.perfect-stay-center .view-all {
    font-size: 35px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    line-height: 1;
    font-family: inherit
}

.perfect-stay-side.right {
    position: relative;
    margin-top: 80px;
    margin-left: -65px
}

.perfect-stay-side.right .stay-image {
    height: 620px
}

.testimonial-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #fff9f7 0, #fff7f5 100%)
}

.testimonial-section .container {
    max-width: 1320px;
    width: 100%
}

.testimonial-section .carousel .item {
    width: 100%;
    text-align: center;
    max-width: 1024px
}

.testimonial-section .carousel .item h3 {
    font-size: 25px;
    line-height: 1.29em;
    font-family: FtraBk
}

.testimonial-section .carousel .item .carousel-caption {
    position: relative;
    left: 0;
    right: 0
}

.testimonial-section .carousel .item .carousel-caption p {
    font-size: 22px;
    margin: 0
}

.qodef-room-reservation-title,
.related-rooms .room-card .room-card-body .room-card-desc h6 {
    font-size: 27px;
    line-height: 1.4em
}

.testimonial-section .carousel .carousel-control {
    background-color: transparent;
    background-image: none;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    bottom: auto;
    color: #c4c4c4
}

.listed-rooms-section .room-card .room-card-body .slide-arrow svg,
.rooms-images .slide-arrow svg,
.testimonial-section .carousel .carousel-control svg {
    display: block;
    width: 50px;
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10
}

.perfect-stay-accordion .main-tabs-wrap .panel-body .new-btn:hover,
.room-card .room-card-body .room-card-desc .desc-info span,
.testimonial-section .carousel .carousel-control:hover {
    color: #ffa705
}

.testimonial-section .carousel .ratings,
.testimonial-section .review-word .ratings {
    color: #ffa705;
    font-size: 16px;
    margin-bottom: 10px
}

.news-offer-section {
    position: relative;
    padding: 80px 0 50px
}

.section-title {
    display: flex;
    margin-bottom: 60px
}

.section-title .title-img {
    margin-left: 100px
}

.section-title h2 {
    color: #ccc1bd !important;
    font-weight: 400;
    font-size: 100px;
    line-height: 1em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0;
    font-family: Forum, sans-serif
}

.offer-card,
.sc_promo_image .wine-badge-right img:not(:last-of-type) {
    margin-bottom: 30px
}

.offer-card .offer-card-inner {
    display: flex;
    align-items: center
}

.offer-card .offer-card-inner .offer-img {
    flex-shrink: 0;
    max-width: 382px;
    width: 100%;
    margin-right: 20px;
    overflow: hidden
}

.offer-card .offer-card-inner .offer-img a {
    position: relative;
    display: block;
    padding-top: 104%;
    cursor: default
}

.offer-card .offer-card-inner .offer-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
    transition: transform .8s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .8s cubic-bezier(.4, 0, .2, 1);
    transition: transform .8s cubic-bezier(.4, 0, .2, 1), -webkit-transform .8s cubic-bezier(.4, 0, .2, 1)
}

.offer-card .offer-card-inner .offer-desc {
    flex: 1;
    font-family: FtraBk
}

.offer-card .offer-card-inner .offer-desc .tag {
    color: #ffa705;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .15em;
    line-height: 32px;
    text-transform: uppercase;
    font-family: Sarabun, sans-serif
}

.offer-card .offer-card-inner .offer-desc h6 {
    color: #000;
    font-size: 27px;
    font-weight: 400;
    line-height: 34px;
    font-family: Forum, sans-serif;
    font-style: normal
}

.beyond-page .offer-card .offer-card-inner .offer-desc h6 a:hover,
.offer-card .offer-card-inner .offer-desc h6 a:hover {
    color: #000 !important
}

.offer-card .offer-card-inner .offer-desc p {
    margin: 13px 0 15px;
    line-height: 1.87em;
    font-size: 16px;
    font-family: Sarabun, sans-serif
}

.offer-card .offer-card-inner .more-info {
    display: inline-block;
    position: relative;
    font-size: 12px;
    letter-spacing: .3em;
    line-height: 3em;
    color: #000;
    font-weight: 600;
    font-family: Sarabun, sans-serif
}

.offer-card .offer-card-inner .more-info::after,
.room-card-body .btn-link::after,
.room-information .show-more-btn::after {
    content: '';
    width: 96%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.instagram-posts {
    padding: 80px 0;
    background-color: transparent;
    background-image: linear-gradient(180deg, #fff7f5 0, #fff7f5 100%);
    overflow: hidden
}

.btn-cut,
.room-information .booking-part .new-btn::after {
    background-color: #ffa705
}

.instagram-posts .cust-container,
.listed-rooms-section .cust-container {
    max-width: 100%;
    padding: 0
}

.instagram-posts .swiper-container {
    overflow: hidden;
    margin: 0 -20px
}

.instagram-posts .swiper-container .swiper-slide,
.related-rooms .room-card {
    padding: 0 20px
}

.instagram-posts .inpost-wrap,
.instagram-posts .swiper-container .swiper-slide .inpost-wrap {
    position: relative;
    padding-top: 100%
}

.inner-banner img,
.instagram-posts .inpost-wrap img,
.instagram-posts .swiper-container .swiper-slide img,
.room-card .room-card-body .room-img a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.instagram-posts .swiper-container .swiper-slide-active {
    margin: 40px 0 0 !important
}

.inpost-wrap .in-link::after {
    color: #fff;
    content: '\f16d';
    font-family: 'Font Awesome 5 Brands';
    font-size: 20px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: #ffa705
}

.inpost-wrap:hover .in-link::after {
    top: 50%;
    opacity: 1
}

.booking-section {
    margin-top: 80px;
    margin-bottom: 0;
    padding: 0 7% 80px 17%
}

#qodef-room-ads,
.desc-container {
    margin-top: 25px
}

.booking-section p {
    margin: 10px 0;
    line-height: 1.5em;
    font-size: 18px;
    font-family: Sarabun, sans-serif;
    display: none
}

.booking-section .qodef-m-title {
    font-size: 40px;
    font-family: Forum, sans-serif
}

.booking-section .qodef-m-separator {
    margin: 0 0 15px
}

.booking-section .new-btn,
.instagram-posts .col-md-4:nth-child(2) .inpost-wrap {
    margin-top: 40px
}

.desc-container {
    padding: 10%;
    border: 1px solid #c4c4c4
}

.desc-container .desc-box {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px
}

.desc-container .desc-box:not(:last-of-type),
.related-rooms .room-card {
    margin-bottom: 20px
}

.desc-container .desc-box .desc-text {
    flex: 1;
    padding-left: 15px;
    font-size: 18px;
    font-family: Sarabun, sans-serif
}

.desc-container .desc-box .desc-icon {
    font-size: 18px
}

.staywith-header.room-header .sec-sula-logo {
    max-width: 130px
}

.rooms-images .room-view {
    position: relative;
    width: 943px;
    height: 531px;
    margin-right: 15px
}

.rooms-images .slide-arrow {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    opacity: 1;
    display: inline-block;
    width: 50px;
    z-index: 1;
    background: 0 0 !important;
    border: 0 !important;
    color: #fff !important
}

.listed-rooms-section .room-card .room-card-body .slide-arrow.slick-next,
.rooms-images .slide-arrow.slick-next {
    left: auto;
    right: 30px
}

.rooms-images {
    width: 100%;
    overflow: hidden
}

.room-information .cust-container {
    max-width: 1100px
}

.room-information .row-room {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px;
    align-items: self-start
}

.room-information .row-room .room-left {
    width: 66.66667%;
    padding: 0 40px;
    font-family: Sarabun, sans-serif
}

.room-information .row-room .room-right {
    width: 33.33333%;
    padding: 0 40px;
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

.room-information .top-info {
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 0;
    font-family: Bellefair, serif
}

.room-information p {
    margin: 20px 0;
    line-height: 1.87em;
    font-size: 16px;
    font-family: Sarabun, sans-serif
}

.room-information .room-image {
    margin: 42px 0 88px
}

.room-information .info-title {
    margin: 0 0 24px;
    color: #000;
    font-size: 34px;
    font-family: Bellefair, serif
}

.amenity-items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.amenity-items .amenity-item {
    color: #ffa705;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 50%;
    padding: 19.9px 10px
}

.amenity-items .svg-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
    font-size: 25px;
    width: 30px;
    height: 30px
}

.amenity-items .svg-icon svg {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    fill: none;
    display: block;
    width: 30px;
    height: 30px
}

.amenity-items .amenity-label {
    font-size: 18px;
    font-family: FtraBk
}

.info-items ul li {
    margin-bottom: 11px;
    list-style: none;
    font-size: 18px
}

.info-items ul li::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='64px' height='64px' viewBox='0 -0.5 25 25' fill='none'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'/%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M5.5 12.5L10.167 17L19.5 8' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e");
    margin-right: 23px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle
}

.info-items:not(:first-of-type) {
    margin-top: 60px
}

.room-information .booking-part {
    padding: 64px 18% 53px;
    border: 1px solid #c4c4c4;
    margin-top: 26px
}

.room-information .booking-part .new-btn {
    display: block;
    text-align: center;
    background-color: #ffa705;
    border-color: #ffa705;
    color: #fff
}

.amenities-container {
    max-height: 140px;
    overflow: hidden;
    transition: max-height .3s ease-out
}

.qodef-room-reservation-title {
    text-align: center;
    margin: 0 0 36px;
    font-family: Forum, sans-serif;
    font-weight: 400;
    color: #000;
    font-style: normal;
    letter-spacing: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.message-bar,
.message-bar p {
    text-align: center !important
}

.room-information .show-more-btn {
    margin: 20px 0 15px;
    font-size: 14px;
    letter-spacing: .3em;
    padding-bottom: 6px;
    color: #000;
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-weight: 500
}

.related-rooms {
    padding: 0 0 80px
}

.related-rooms .cust-container {
    max-width: 1400px
}

.related-rooms .section-title {
    margin: 0 0 33px
}

.related-rooms .section-title h2 {
    font-weight: 400;
    color: #000 !important;
    font-size: 58px;
    line-height: 1.2em
}

.room-card .room-card-body .room-img a {
    display: block;
    position: relative;
    padding-top: 91%;
    margin-bottom: 27px
}

.room-card .room-card-body .r-price {
    position: absolute;
    left: 15px;
    bottom: 15px;
    white-space: nowrap;
    padding: 17px 25px 17px 23px;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    font-family: Sarabun, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    display: none
}

.room-card .room-card-body .room-card-desc h6 {
    font-weight: 400;
    color: #000;
    font-size: 46px;
    line-height: 1.4em;
    margin-top: 0;
    margin-bottom: 10px;
    font-style: normal;
    font-family: Forum, sans-serif
}

.room-card .room-card-body .room-card-desc h6 a,
.room-card-body .btn-link:focus {
    text-decoration: none !important
}

.room-card .room-card-body .room-card-desc .desc-info {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.87em;
    font-family: Sarabun, sans-serif
}

.rooms-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.rooms-row .col-12 {
    flex: 0 0 auto;
    width: 100%
}

.perfect-stay-accordion .main-tabs-wrap .panel-body .new-btn {
    line-height: 1;
    padding: 15px 25px
}

.perfect-stay-accordion .main-tabs-wrap .panel-body .new-btn:hover {
    color: #f1f1f1
}

.inner-banner {
    position: relative;
    margin-bottom: 80px
}

.inner-banner .cust-container {
    position: unset;
    max-width: 100%
}

.inner-banner .banner-desc {
    position: relative;
    text-align: center;
    padding: 15% 0
}

.inner-banner .banner-desc h1 {
    color: #fff;
    margin: 0;
    font-size: 56px;
    font-family: Forum, sans-serif;
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 20px
}

.room-card .room-card-body .room-card-desc .desc-info+p {
    margin-top: 5px
}

.room-card-body p {
    font-size: 16px;
    font-family: Sarabun, sans-serif
}

.room-card-body .btn-link {
    display: inline-block;
    position: relative;
    font-size: 12px;
    letter-spacing: .3em;
    line-height: 3em;
    color: #000;
    font-weight: 500;
    font-family: Sarabun, sans-serif
}

.room-card-body .btn-link:not(:last-of-type) {
    margin-right: 15px
}

.listed-rooms-section .room-card {
    margin-bottom: 30px;
    float: none
}

.testimonial-section .swiper-button-next,
.testimonial-section .swiper-button-prev {
    color: #c4c4c4 !important;
    transform: scale(.7)
}

.testimonial-section .review-word {
    width: 100%;
    text-align: center;
    max-width: 1024px;
    margin: auto;
    color: #7a7a7a;
    font-family: AGARAMONDPRO-REGULAR
}

.testimonial-section .review-word h3 {
    margin: 10px 0;
    font-size: 25px;
    line-height: 1.29em;
    color: #000;
    font-family: Forum, sans-serif
}

.testimonial-section .review-word .tag-line {
    font-family: Forum, sans-serif;
    font-style: normal;
    font-weight: 300 !important;
    color: #ffa705 !important;
    font-size: 20px;
    text-shadow: none !important;
    padding: 0 2em
}

.testimonial-section .review-word .customer-name {
    font-size: 22px;
    margin: 0;
    color: #7a7a7a;
    font-family: Sarabun, sans-serif
}

.testimonial-section .review-word .customer-name span,
body.source-page .room-info a:focus,
body.source-page .room-info a:hover {
    color: #ffa705 !important
}

.listed-rooms-section .room-card .room-card-body .room-img {
    width: 100%;
    flex-shrink: 0;
    max-width: 63%
}

.listed-rooms-section .room-card .room-card-body {
    display: flex;
    align-items: center;
    flex: 1
}

.listed-rooms-section .room-card .room-card-body .room-card-desc {
    padding-left: 68px
}

.listed-rooms-section .room-card .room-card-body .room-img a {
    margin-bottom: 0;
    padding-top: 0;
    height: 650px
}

.instagram-posts .section-title {
    justify-content: center;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.instagram-posts .section-title h2 {
    font-weight: 400;
    color: #000 !important;
    font-size: 58px;
    line-height: 1.2em;
    letter-spacing: -.04em;
    text-align: center
}

.instagram-posts .cust-row {
    margin: 0 -80px
}

.instagram-posts .cust-row .col-md-4 {
    padding: 0 80px
}

.listed-rooms-section .cust-container .rooms-row {
    margin: 0;
    display: block
}

.listed-rooms-section .room-card .room-card-body {
    align-items: unset
}

.listed-rooms-section .room-card .room-card-body .slide-arrow {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1
}

.listed-rooms-section .room-card-body .room-card-desc {
    width: calc(37% - 70px);
    margin: 0 35px;
    padding: 77px 3.1% 77px 4.2%;
    border: 1px solid #c4c4c4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.listed-rooms-section .cust-container .rooms-row .room-card:nth-child(2n) .room-card-body {
    flex-direction: row-reverse
}

.listed-rooms-section .cust-container .rooms-row .room-card:nth-child(odd) .room-card-body {
    flex-direction: row
}

#qodef-room-weather {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
    margin-top: 25px;
    padding: 68px 40px 62px;
    border: 1px solid #c4c4c4
}

#qodef-room-weather .qodef-weather-widget-title {
    margin: 0 0 58px
}

#qodef-room-weather h5 {
    font-family: Forum, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 34px;
    line-height: 1.29em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-transform: none
}

.qodef-weather-widget .qodef-m-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.qodef-weather-widget.qodef-layout--minimal>.qodef-m-inner .qodef-m-temperature {
    font-family: Forum, sans-serif;
    font-weight: 400;
    font-size: 150px;
    letter-spacing: -.03em;
    color: #ccc1bd;
    line-height: .7em
}

.qodef-weather-widget.qodef-layout--minimal>.qodef-m-inner .qodef-m-temperature sup {
    top: -.2em
}

.qodef-weather-widget.qodef-layout--minimal>.qodef-m-inner .qodef-e-heading-description {
    font-size: 18px;
    color: #505050;
    text-transform: capitalize;
    margin: 14px 0 0;
    font-family: Sarabun, sans-serif
}

.related-rooms .rooms-row {
    margin: 0 -20px
}

.staywith-header .scheme_default .menu_main_nav>li li>a {
    text-align: left !important;
    padding-left: 13px;
    padding-right: 13px
}

.main-banner .swiper-slide,
.staywith-header .scheme_default .menu_main_nav .sub-menu>li {
    margin-right: 0 !important
}

.beyond-page .perfect-stay-accordion .main-tabs-wrap,
.source-page .perfect-stay-accordion .main-tabs-wrap {
    padding: 100px 150px 93px 100px
}

.circular-map {
    position: relative;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    overflow: hidden
}

.circular-map iframe {
    width: 100%;
    height: 100%
}

@media screen and (max-width:1440px) {
    .welcome-row .left-side {
        max-width: 277.55px
    }

    .welcome-row .right-side {
        max-width: 299.38px
    }

    .welcome-row .img-wrapper {
        height: 336.52px
    }

    .welcome-row .right-side .img-wrapper {
        height: 324.08px
    }

    .rooms-images .room-view {
        width: 712px;
        height: 401.06px
    }

    .perfect-stay-side.right .stay-image {
        height: 469px
    }

    .perfect-stay-side .stay-image {
        height: 351px
    }

    .perfect-stay-accordion .main-tabs-wrap {
        padding: 189px 150px 80px
    }

    .listed-rooms-section .room-card .room-card-body .room-img a {
        height: 531px
    }

    .listed-rooms-section .room-card .room-card-body p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .welcome-section .cust-container {
        padding: 0
    }

    .offer-card .offer-card-inner .offer-img {
        max-width: 300px
    }
}

@media screen and (max-width:1399px) {
    .welcome-row .col-center {
        width: 100%
    }

    .welcome-row .right-side {
        margin-left: 0;
        bottom: 0;
        margin-top: 144px
    }

    .welcome-row .img-wrapper .decorat-img {
        margin: 0 auto 10px;
        max-width: 150px
    }

    .listed-rooms-section .room-card .room-card-body .room-card-desc {
        width: calc(50% - 70px);
        padding: 35px
    }

    .listed-rooms-section .room-card .room-card-body .room-img a {
        height: 445px
    }

    .listed-rooms-section .room-card .room-card-body p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .circular-map {
        width: 300px;
        height: 300px
    }

    .instagram-posts .cust-row .col-md-4 {
        padding: 0 30px
    }

    .perfect-stay-side.right .stay-image {
        height: 469px
    }

    .perfect-stay-side .stay-image {
        height: 351px
    }

    .perfect-stay-accordion .main-tabs-wrap {
        padding: 189px 150px 80px
    }

    .welcome-section .cust-container {
        padding: 0
    }
}

@media screen and (max-width:1200px) {
    .perfect-stay-side.right .stay-image {
        height: 469px
    }

    .perfect-stay-accordion .main-tabs-wrap {
        padding: 189px 150px 80px
    }
}

@media screen and (max-width:1024px) {
    .inner-banner img {
        position: relative;
        height: 400px
    }

    .inner-banner .banner-desc {
        padding: 0
    }

    .inner-banner .banner-desc h1 {
        font-size: 40px
    }

    .main-banner {
        margin: 114px auto 0;
        height: calc(100vh - 110px)
    }

    .staywith-header:not(.room-header) {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: 0;
        z-index: 1;
        background-color: #fff;
        margin: 0 !important
    }

    .main-banner #stay-with-us-banner {
        height: 100% !important
    }

    .staywith-header .book-now-wrap,
    .staywith-header .menu_mobile_button::before,
    .welcome-row .left-side,
    body .staywith-header .wrap.mobile_wrap_width .menu_main_nav_area {
        display: none
    }

    .staywith-header .sec-sula-logo {
        display: block !important;
        margin: 0
    }

    .main-banner .page_content_wrap {
        margin-top: 0
    }

    .main-banner .post_featured img {
        height: 100%
    }

    .staywith-header {
        padding: 25px 15px;
        margin: 15px auto
    }

    .staywith-header .menu_mobile_button {
        position: relative;
        top: 0;
        right: 0;
        margin-left: auto;
        width: auto;
        height: auto;
        border: 0;
        font-size: 13px;
        color: #000;
        display: inline-block
    }

    .staywith-header .menu_mobile_button::after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        width: 15px;
        height: 15px;
        background-color: #ffa705;
        border-radius: 50%
    }

    .beyond-page .staywith-header .menu_mobile_button::after {
        background-color: #0b6354
    }

    .welcome-row .welcome-text p {
        line-height: 1.57em;
        font-size: 16px
    }

    .qodef-m-title {
        font-size: 41px;
        line-height: 1em
    }

    .perfect-stay-accordion .main-tabs-wrap .qodef-m-title {
        top: -40px
    }

    .perfect-stay-accordion .perfect-stay-side {
        width: 25.83%
    }

    .perfect-stay-accordion .main-tabs-wrap,
    .source-page .perfect-stay-accordion .main-tabs-wrap {
        padding: 80px 60px
    }

    .beyond-page .perfect-stay-accordion .main-tabs-wrap {
        padding: 100px 60px !important
    }

    .perfect-stay-side.left {
        margin-right: -35px
    }

    .perfect-stay-side.right {
        margin-left: -35px;
        margin-top: 300px
    }

    .perfect-stay-side.right .stay-image {
        height: 380px
    }

    .perfect-stay-side .stay-image {
        height: 315px
    }

    .booking-section {
        padding: 0 4% 80px
    }

    .room-information .row-room .room-left,
    .room-information .row-room .room-right {
        padding: 0 15px
    }

    .room-information .row-room {
        margin: 0 -15px
    }

    .testimonial-section .review-word {
        max-width: 864px
    }

    .rooms-images .room-view {
        height: 576.83px;
        margin-right: 0
    }

    .testimonial-section {
        padding: 120px 0
    }

    .related-rooms .cust-container,
    .room-information .cust-container {
        max-width: 100%;
        width: 768px;
        padding: 0 35px
    }

    .room-information .row-room .room-left {
        width: 100%;
        margin-bottom: 70px
    }

    .room-information .row-room .room-right,
    .welcome-row .col-33 {
        width: 100%
    }

    .welcome-row .img-wrapper .decorat-img {
        margin: 0;
        max-width: 150px
    }

    .welcome-row .right-side .img-wrapper img:not(.decorat-img) {
        max-width: 362px;
        width: 100%;
        margin-left: 35px;
        height: 445px
    }

    .welcome-row {
        flex-wrap: wrap
    }

    .welcome-row .right-side {
        max-width: 100%;
        margin-left: 0;
        bottom: 0;
        margin-top: -85px
    }

    .welcome-row .right-side .img-wrapper {
        display: flex;
        height: 445px;
        justify-content: center
    }

    .activities-section {
        padding: 0 0 80px
    }
}

@media screen and (max-width:991px) {

    .related-rooms .cust-container,
    .room-information .cust-container {
        max-width: 100%;
        width: 86%;
        padding: 0 35px
    }

    .room-card .room-card-body .room-card-desc h6 {
        font-size: 27px
    }

    .related-rooms .room-card {
        margin-bottom: 50px
    }

    .room-card .room-card-body .room-card-desc .desc-info {
        font-size: 13px
    }

    .booking-section .cust-row .col-lg-6,
    .room-information .row-room .room-left,
    .welcome-row .col-center {
        width: 100%
    }

    .circular-map {
        width: 100%;
        height: 450px;
        border-radius: 10px
    }

    .welcome-row {
        flex-wrap: wrap
    }

    .welcome-row .col-33 {
        width: 100%;
        max-width: 100%
    }

    .instagram-posts .cust-row .col-md-4 {
        padding: 0 20px
    }

    .welcome-row .left-side {
        margin-right: 0;
        margin-top: 0
    }

    .welcome-row .right-side {
        margin-left: 0;
        bottom: 0;
        margin-top: -85px;
        margin-right: 0
    }

    .section-title .title-img,
    .welcome-row .right-side .img-wrapper {
        margin-left: 0
    }

    .welcome-row .img-wrapper {
        height: auto
    }

    .welcome-row .right-side .img-wrapper img:not(.decorat-img) {
        width: 60%;
        margin-left: 35px;
        height: 445px
    }

    .welcome-row .img-wrapper .decorat-img {
        margin: 0;
        max-width: 150px
    }

    .listed-rooms-section .room-card,
    .welcome-section {
        padding: 0
    }

    .activities-title {
        font-size: 90px;
        margin-bottom: 30px
    }

    .activities-section .cust-row+.cust-row {
        padding-top: 30px
    }

    .perfect-stay-accordion .perfect-stay-center {
        width: 100%;
        margin-bottom: 40px
    }

    .perfect-stay-accordion {
        flex-wrap: wrap;
        justify-content: center
    }

    .perfect-stay-accordion .perfect-stay-side.left {
        order: 1;
        margin-right: 20px;
        margin-top: 0
    }

    .perfect-stay-accordion .perfect-stay-side.right {
        order: 2;
        margin-left: 0;
        margin-top: 0
    }

    .perfect-stay-accordion .perfect-stay-side {
        width: 40%
    }

    .section-title h2 {
        font-size: 70px
    }

    .instagram-posts {
        padding: 0 0 40px
    }

    .booking-section {
        margin-top: 0;
        margin-bottom: 0;
        padding: 40px 15px
    }

    .booking-section .booking-desc {
        margin-bottom: 40px
    }

    .room-information .top-info {
        font-size: 35px
    }

    .room-information .row-room .room-right {
        width: 100%;
        position: relative
    }

    .related-rooms {
        padding: 0 0 30px
    }

    .testimonial-section .review-word {
        max-width: 544px
    }

    .perfect-stay-accordion .main-tabs-wrap {
        background-color: transparent !important
    }

    .rooms-images .room-view {
        width: 100%;
        height: 432.63px;
        margin-right: 0
    }

    .listed-rooms-section .cust-container .rooms-row,
    .listed-rooms-section .room-card .room-card-body {
        display: block
    }

    .listed-rooms-section .room-card .room-card-body .room-img a {
        height: 415px
    }

    .listed-rooms-section .room-card .room-card-body .room-img a img {
        position: relative
    }

    .listed-rooms-section .room-card .room-card-body .room-card-desc {
        width: calc(100% - 70px);
        margin: 35px 35px 0;
        padding: 35px
    }

    .listed-rooms-section .room-card .room-card-body .room-img {
        max-width: 100%
    }

    .listed-rooms-section .room-card .room-card-body p {
        -webkit-line-clamp: inherit
    }
}

@media (min-width:480px) and (max-width:767px) {
    .staywith-header .menu_mobile_button {
        top: 0 !important;
        right: 0 !important
    }

    .main-banner {
        height: 66vh
    }
}

@media (min-width:768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50% !important
    }
}

@media (min-width:992px) {
    .booking-section .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        float: left
    }

    .rooms-row .col-lg-4 {
        width: 33.33333333% !important
    }
}

@media (max-width:768px) {
    .locator_text {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        right: 0 !important;
        top: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .vineyards-text {
        margin: 0 0 0 1em
    }

    .blog-img {
        max-width: 80%;
        display: block;
        margin: 0 auto
    }

    .welcome-row .welcome-text {
        padding: 95px 15px 150px
    }

    .welcome-row .left-side {
        display: none
    }

    .activities-title,
    .section-title h2 {
        font-size: 110px
    }

    .activities-section {
        padding: 13px 0 40px
    }

    .perfect-stay-accordion .main-tabs-wrap,
    .source-page .perfect-stay-accordion .main-tabs-wrap {
        padding: 15px
    }

    .beyond-page .perfect-stay-accordion .main-tabs-wrap {
        padding: 15px !important
    }

    .perfect-stay-accordion .main-tabs-wrap .qodef-m-title {
        top: 0
    }

    .perfect-stay .qodef-m-title,
    .perfect-stay-accordion .panel-title {
        font-size: 35px
    }

    .testimonial-section .carousel .item h3 {
        font-size: 16px
    }

    .cust-row .col-lg-4:not(:last-of-type) .activiti-card,
    .inner-banner {
        margin-bottom: 40px
    }

    .section-title {
        margin-bottom: 30px
    }

    .perfect-stay .section-title {
        margin-bottom: 10px !important
    }

    .news-offer-section {
        padding: 40px 0 20px
    }

    .offer-card .offer-card-inner .offer-desc {
        padding-top: 15px
    }

    .offer-card .offer-card-inner .offer-img {
        max-width: 312px;
        margin-right: 40px
    }

    .booking-section .qodef-m-title {
        font-size: 25px
    }

    .booking-section p {
        line-height: 1.3em;
        font-size: 16px
    }

    .booking-section .new-btn {
        margin-top: 10px
    }

    .instagram-posts .swiper-container .swiper-slide {
        padding: 0 10px
    }

    .instagram-posts .swiper-container {
        margin: 0 -10px
    }

    .staywith-header .sec-sula-logo {
        z-index: 9999
    }

    .room-information {
        padding: 40px 0
    }

    .room-information .booking-part {
        padding: 68px 40px 62px;
        text-align: center
    }

    .qodef-weather-widget.qodef-layout--minimal>.qodef-m-inner .qodef-m-temperature {
        font-size: 110px;
        line-height: 1.1em
    }

    .qodef-room-reservation-title {
        margin: 0 0 25px
    }

    .room-information .booking-part .new-btn {
        display: inline-block
    }

    .related-rooms .section-title h2 {
        font-size: 30px
    }

    .listed-rooms-section .room-card .room-card-body .room-card-desc {
        width: calc(100% - 70px);
        margin: 35px 35px 0
    }
}

.event-row,
button.accordion {
    display: flex
}

@media (max-width:767px) {
    .room-information .cust-container {
        padding: 0 35px
    }

    .amenity-items .amenity-item {
        width: 100%
    }

    .amenities-container {
        max-height: 400px
    }

    .room-information .room-image {
        margin: 42px 0 0
    }

    .info-items:not(:first-of-type) {
        margin-top: 45px
    }

    .room-information .info-title {
        line-height: 1.29em
    }

    .instagram-posts .cust-container {
        padding: 0 30px
    }

    .listed-rooms-section .room-card .room-card-body {
        display: block
    }

    .instagram-posts .cust-row {
        margin: 0 -20px
    }

    .listed-rooms-section .room-card .room-card-body p {
        margin: 0 0 1px
    }

    .listed-rooms-section .room-card .room-card-body .room-img {
        max-width: 100%
    }

    .offer-card .offer-card-inner {
        flex-direction: column
    }

    .offer-card .offer-card-inner .offer-img {
        max-width: 100%;
        margin-right: 0
    }

    .offer-card .offer-card-inner .offer-img a,
    .room-card .room-card-body .room-img a {
        padding-top: 0
    }

    .offer-card .offer-card-inner .offer-img a img,
    .room-card .room-card-body .room-img a img {
        position: relative
    }

    .perfect-stay {
        padding: 0 0 40px
    }

    .instagram-posts .cust-row .col-md-4 {
        width: 50%
    }

    .instagram-posts .col-md-4:nth-child(2) .inpost-wrap {
        margin-top: 0
    }

    .instagram-posts .col-md-4:not(:last-of-type) {
        margin-bottom: 30px
    }

    .instagram-posts .section-title {
        padding: 0;
        max-width: 100%
    }

    .instagram-posts .section-title h2 {
        font-size: 45px
    }

    .listed-rooms-section .room-card .room-card-body .room-img a {
        height: auto
    }

    .room-card .room-card-body .room-card-desc h6 {
        font-size: 40px
    }

    .rooms-images .room-view {
        height: 375.73px
    }

    .perfect-stay-accordion .perfect-stay-center {
        width: 100% !important
    }

    .news-offer-section .cust-container {
        padding-left: 35px;
        padding-right: 35px
    }

    .section-title {
        flex-direction: column;
        align-items: flex-start
    }

    .section-title .title-img {
        margin-top: 45px;
        margin-left: 0
    }

    .testimonial-section {
        padding: 100px 0
    }

    #qodef-room-weather {
        padding: 31px 30px 27px
    }

    #qodef-room-weather h5 {
        font-size: 30px
    }

    #qodef-room-weather .qodef-weather-widget-title {
        margin: 0 0 3px
    }
}

@media (max-width:479px) {
    .staywith-header .menu_mobile_button {
        top: 0 !important;
        right: 0 !important
    }

    .inner-banner .banner-desc h1 {
        font-size: 30px;
        right: 10px;
        bottom: 10px
    }

    .testimonial-section .review-word h3 {
        font-size: 22px
    }

    .testimonial-section .swiper-button-prev {
        left: calc(50% - 38px)
    }

    .testimonial-section .swiper-button-next {
        right: calc(50% - 38px)
    }

    .testimonial-section .swiper-button-next,
    .testimonial-section .swiper-button-prev {
        top: auto;
        bottom: 0
    }

    .testimonial-section .swiper-wrapper {
        padding-bottom: 60px
    }

    .welcome-row .right-side .img-wrapper {
        height: auto;
        display: block;
        text-align: center
    }

    .welcome-row .img-wrapper .decorat-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }

    .welcome-row .right-side .img-wrapper img:not(.decorat-img) {
        width: 100%;
        height: auto;
        margin-left: 0;
        max-width: 100%
    }

    .welcome-row .right-side {
        margin-top: 30px
    }

    .welcome-row .welcome-text {
        padding: 95px 15px 100px
    }

    .perfect-stay-accordion .perfect-stay-side {
        display: none
    }

    .perfect-stay-accordion .perfect-stay-center {
        margin-bottom: 0
    }
}

.btn-cut::before,
.main-banner img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.btn-cut,
.stay-btn {
    font-size: 13px;
    text-transform: uppercase
}

.perfect-stay-accordion .panel-body p {
    margin-top: 20px;
    font-family: Sarabun, sans-serif
}

@media only screen and (max-width:1499px) {
    .perfect-stay-accordion .perfect-stay-center {
        width: 61.14%
    }

    .staywith-header {
        padding: 15px 10px
    }

    .cust-container {
        max-width: 1320px
    }
}

@media only screen and (max-width:480px) {

    .related-rooms .cust-container,
    .room-information .cust-container {
        width: 100%
    }
}

.beyond-page .amenity-items .amenity-item,
.beyond-page .inpost-wrap .in-link::after,
.beyond-page .offer-card .offer-card-inner .offer-desc .tag,
.beyond-page .offer-card .offer-card-inner .offer-desc h6 a:hover,
.beyond-page .qodef-m-subtitle,
.beyond-page .room-card .room-card-body .room-card-desc .desc-info span,
.beyond-page .room-card-desc a:hover,
.beyond-page .scheme_default .menu_header_nav>li>a:hover,
.beyond-page .scheme_default .menu_main_nav>li li>a:hover,
.beyond-page .scheme_default .menu_main_nav>li>a:hover,
.beyond-page .testimonial-section .review-word .customer-name span,
.beyond-page .testimonial-section .review-word .ratings,
.beyond-page .testimonial-section .review-word .tag-line,
body.beyond-page .room-info a:focus,
body.beyond-page .room-info a:hover {
    color: #0b6354 !important
}

.beyond-page .inpost-wrap .in-link::after,
.beyond-page .testimonial-section {
    background: #e8f7f8 !important
}

.beyond-page .room-information .booking-part .new-btn::after,
.beyond-page .staywith-header .book-now-wrap .book-btn::after,
.stay-btn {
    background-color: #0b6354
}

.beyond-page .room-information .booking-part .new-btn,
.beyond-page .staywith-header .book-now-wrap .book-btn {
    background-color: #0b6354;
    border-color: #0b6354
}

.beyond-page .new-btn:hover,
.beyond-page .new-btn:hover::after {
    background-color: #0b6354 !important;
    border-color: #0b6354 !important
}

.source-page .perfect-stay-accordion .main-tabs-wrap,
.source-page .testimonial-section {
    background-color: #fff0eb
}

.event-row {
    flex-wrap: wrap;
    margin: 20px -15px 0;
    justify-content: center
}

.event-row>* {
    margin-bottom: 30px;
    width: 50%
}

@media screen and (max-width:575px) {
    .event-row>* {
        width: 100%
    }
}

.btn-cut {
    margin-top: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: .3em;
    font-weight: 600;
    padding: 24px 25px;
    color: #fff;
    border: 1px solid #ffa705;
    font-family: FtraBk
}

.btn-cut::before {
    content: '';
    bottom: 0;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    margin: auto;
    border: 1px solid #fff
}

.beyond-page .welcome-row .welcome-text {
    background-color: #e8f7f8
}

.beyond-page .instagram-posts {
    background-color: #e8f7f8;
    background-image: none
}

@media only screen and (min-width:1441px) {
    .room-information .cust-container {
        max-width: 1400px
    }
}

.main-banner video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
    object-fit: cover
}

.main-banner img {
    width: 100%;
    object-fit: cover
}

.perfect-stay .section-title {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.stay-btn {
    position: fixed;
    left: auto;
    right: 10px;
    bottom: 10px;
    width: 183px;
    height: 183px;
    color: #fff !important;
    border-radius: 50%;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .1em;
    display: none;
    align-items: center;
    justify-content: center;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    z-index: 99999999
}

.cust-btn,
.message-bar p {
    color: #212529;
    font-family: Bellefair, serif
}

.stay-btn:hover {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.source-page .stay-btn {
    background: #ffa705
}

@media only screen and (max-width:1440px) {
    .stay-btn {
        font-size: 12px !important;
        width: 145px !important;
        height: 145px !important
    }
}

@media only screen and (max-width:1024px) {
    .stay-btn {
        width: 145px !important;
        height: 145px !important
    }
}

@media only screen and (max-width:680px) {

    .activities-title,
    .section-title h2 {
        font-size: 65px
    }

    .stay-btn {
        display: flex;
        width: 115px !important;
        height: 115px !important;
        font-size: 9px !important;
        line-height: 1.5em !important;
        padding: 5px !important
    }
}

.main-tabs-wrap .mob-list {
    display: none;
    gap: 15px
}

.main-tabs-wrap .mob-list>a {
    display: inline-block;
    width: 50%
}

.main-tabs-wrap .mob-list>a .ht-name {
    text-align: left;
    margin-top: 12px;
    font-size: 16px;
    font-family: Sarabun, sans-serif;
    color: #000
}

@media only screen and (max-width:575px) {
    .rooms-images .room-view {
        height: 211.23px
    }

    .instagram-posts .cust-row .col-md-4 {
        width: 100%;
        padding: 0
    }

    .instagram-posts .cust-row {
        margin: 0
    }

    .main-tabs-wrap .mob-list {
        display: flex
    }
}

@media only screen and (max-width:767px) {
    .main-banner .post_featured img {
        position: relative
    }

    .main-banner #stay-with-us-banner {
        height: auto !important
    }

    .main-banner {
        height: auto
    }
}

.auto-popup,
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: none;
    width: 100%
}

.room-information .top-info .room-name {
    font-weight: 400;
    color: #000;
    font-size: 46px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    font-style: normal;
    font-family: Forum, sans-serif;
    text-transform: none
}

.auto-popup {
    z-index: 99999;
    padding: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.popup-overlay {
    background-color: rgb(0, 0, 0, .5)
}

.auto-popup .popup-body {
    position: relative;
    z-index: 9999;
    max-width: 800px;
    width: 100%;
    margin: auto
}

@media screen and (max-width:667px) {
    .auto-popup .popup-body {
        max-width: 340px
    }
}

.sc_promo_image .wine-badge-right {
    position: absolute;
    top: 48px;
    right: 50px;
    z-index: 1;
    max-width: 180px
}

.sc_promo_image .wine-badge-right img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.message-bar {
    border: 1px solid #101010;
    padding: 10px;
    margin-bottom: 50px !important;
    border-radius: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.message-bar p {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px
}

.cust-btn {
    display: inline-block;
    border-radius: 5px;
    background-color: #ffa705;
    padding: 8px 15px;
    line-height: 1;
    font-weight: 500;
    font-size: 16px;
    transition: .6s
}

.cust-btn:hover {
    color: #f0f0f0;
    background-color: #212529
}

p.download-pdf a {
    display: block;
    padding: 10px 20px
}

button.accordion a {
    flex: 1;
    padding-left: 10px
}

@media screen and (max-width:1366px) {
    .sc_promo_image .wine-badge-right {
        max-width: 100px
    }

    .offer-card,
    .sc_promo_image .wine-badge-right img:not(:last-of-type) {
        margin-bottom: 10px
    }

    .auto-popup .popup-body {
        max-width: 610px
    }
}

@media screen and (max-width:1280px) {
    .auto-popup .popup-body {
        max-width: 550px
    }
}

@media screen and (max-width:1024px) {
    .sc_promo_image .wine-badge-right {
        max-width: 105px
    }
}

@media screen and (max-width:991px) {
    .sc_promo_image .wine-badge-right {
        right: 20px;
        max-width: 115px
    }

    .message-bar p {
        font-size: 16px;
        letter-spacing: 1px
    }
}

@media screen and (max-width:767px) {
    .sc_promo_image .wine-badge-right {
        right: 50px;
        max-width: 75px
    }

    .message-bar {
        max-width: 100%
    }

    .view-list-rm {
        flex-direction: column;
        gap: 15px !important
    }
}

.award-slider {
    padding-bottom: 35px
}

#konverse-container {
    bottom: 50px !important
}

.view-list-rm {
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: center
}

.menu_main_wrap .mobile_wrap_width {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-menu-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 1em 15px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    display: none
}

.mobile-menu-sticky a img {
    margin: 0;
    max-width: 4em;
    max-height: 4em
}

.mobile-menu-sticky .menu_mobile_button {
    position: relative !important;
    top: 0 !important;
    right: 0 !important
}

.mobile-menu-sticky.head-sticky {
    display: flex;
    -webkit-animation: .7s ease-in-out fadeInDown;
    animation: .7s ease-in-out fadeInDown
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

body.top_panel_fixed .staywith-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    padding-bottom: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    margin-top: 0 !important;
    padding-top: 10px;
    -webkit-animation: .7s ease-in-out fadeInDown;
    animation: .7s ease-in-out fadeInDown
}

.main-banner.haven-banner{
height: auto;
}

.main-banner.haven-banner img{
    position: relative;
}