/*
Theme Name: ViaVia Jogja 30 Tahun
Theme URI: ronggobramantyo@gmail.com
Description: Theme untuk viaviajogja.com
Author: Dhimas Ronggobramantyo
Author URI: https://vintagiodesign.com
Version: 1.24
Tags: clean, blog, two-columns, fixed-width, custom-menu
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* Global Defaults
=====================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
b, strong, th { font-weight: bold; }
em, i { font-style: italic; }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


a, a:active, a:visited { color: #711318;  }
a:hover { color: #590409; }

/* Global Elements
=====================================================================*/

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size:15px;
	background:#fff;
    color:#000;
	min-height: 100%;
	position: static;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
html {
    scroll-behavior: smooth;
}
.skiplink{
	display:none;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
    height:auto;
    font-style:italic;
    background-repeat: no-repeat;
    background-size:cover;
    vertical-align: middle;
}

/* Start CSS Coding
=====================================================================*/
#breadcrumbs li:before,
#booking-guesthouse-container .ui-state-default .ui-icon:before {
    font-family: 'Font Awesome 7 Free' !important;
}
#text-slideshow p,
.list-menu-restaurant li p,
.list-menu-restaurant li h3,
.list-menu-restaurant li .price,
.list-menu-restaurant li dl  {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#text-slideshow h1,
#title-travel,
#text-animate-1,
#text-animate-2,
#text-animate-3,
#text-animate-4,
#text-animate-5,
#title-restaurant,
#title-bakery,
#title-guesthouse,
#title-events,
#title-faq,
#title-training,
#title-projects,
#title-conscious,
#slideshow-guesthouse p,
.title-homepage,
.row-news-homepage h3,
#footer-top h4,
#contact-info h3,
.header-content h2,
.row-restaurant-policies h3,
#header-page h1,
#nav-main-food li a,
.nav-tabs-nested li,
.row-more h3,
#box-travel-info h3,
#title-list-tour,
#title-list-events,
.sub-title,
.title-prepare,
.room-info h3,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6,
#events-month h3,
#title-events-detail,
.content-list h2,
#title-blog,
#title-faq,
.title-viavia-faq,
.title-faq-grid,
.row-projects h2,
.category-bakery-image h2,
.row-bakery a h3,
.row-fair h3,
.title-conscious,
#title-countdown,
#subtitle-countdown,
#event-countdown h2,
#nav-main-bakery li a,
.row-conscious h3,
.title-subconscious {
    font-family: "Noto Serif", sans-serif;
}


.open-menu, .close-menu, .close-menu-big {
    display: none;
    cursor: pointer;
}
#menu-toggle {
    display: none;
}
.menu-button-container {
    display: none;
    cursor: pointer;
}
.mobile {
    display: none;
    position: relative;
}
.admin-bar #main-header {
    top:32px;
}
#main-header {
    height:200px;
    width:100%;
    margin: 0;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#logo {
    width:120px;
    height:120px;
    background: url(../png/logo.png) no-repeat;
    background-size:120px 120px;
    text-indent:-9999px;
    display: block;
    margin:40px 0 0 40px;
    float:left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#main-header.small {
    background: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
    height:80px;
}
#main-header.hidden {
    top:-90px;
    box-shadow:none;
}
#main-header.small #logo {
    background: url(../png/logo-color.png) no-repeat;
    background-size:120px 120px;
    margin-top:20px;
}
#main-header.small #nav {
    margin-top:0;
}
#main-header.small #nav-main li a {
    color:#111;
}
#main-header.small #nav-main li.menu-restaurant:hover a,
#main-header.small #nav-main li.current-menu-item.menu-restaurant a,
#main-header.small #nav-main li.current-menu-parent.menu-restaurant a,
#main-header.small #nav-main li.current-page-ancestor.menu-restaurant a {
    color:#bf1e2e;
}
#main-header.small #nav-main li.menu-restaurant:hover a:before,
#main-header.small #nav-main li.menu-restaurant a:before {
    background: #bf1e2e;
}
#main-header.small #nav-main li.menu-bakery:hover a,
#main-header.small #nav-main li.current-menu-item.menu-bakery a,
#main-header.small #nav-main li.current-menu-parent.menu-bakery a {
    color:#c96533;
}
#main-header.small #nav-main li.menu-bakery:hover a:before,
#main-header.small #nav-main li.menu-bakery a:before {
    background: #c96533;
}
#main-header.small #nav-main li.menu-travel:hover a,
#main-header.small #nav-main li.current-menu-item.menu-travel a,
#main-header.small #nav-main li.current-menu-parent.menu-travel a {
    color:#406618;
}
#main-header.small #nav-main li.menu-travel:hover a:before,
#main-header.small #nav-main li.menu-travel a:before {
    background: #406618;
}
#main-header.small #nav-main li.menu-guesthouse:hover a,
#main-header.small #nav-main li.current-menu-item.menu-guesthouse a,
#main-header.small #nav-main li.current-menu-parent.menu-guesthouse a {
    color:#f26522;
}
#main-header.small #nav-main li.menu-guesthouse:hover a:before,
#main-header.small #nav-main li.menu-guesthouse a:before {
    background: #f26522;
}
#main-header.small #nav-main li.menu-conscious:hover a,
#main-header.small #nav-main li.current-menu-item.menu-conscious a,
#main-header.small #nav-main li.current-menu-parent.menu-conscious a {
    color:#e2a936;
}
#main-header.small #nav-main li.menu-conscious:hover a:before,
#main-header.small #nav-main li.menu-conscious a:before {
    background: #e2a936;
}
#main-header.small #nav-main li.menu-events:hover a,
#main-header.small #nav-main li.current-menu-item.menu-events a,
#main-header.small #nav-main li.current-menu-parent.menu-events a {
    color:#069;
}
#main-header.small #nav-main li.menu-events:hover a:before,
#main-header.small #nav-main li.menu-events a:before {
    background: #069;
}
#main-header.small #nav-main li.menu-blog:hover a,
#main-header.small #nav-main li.current-menu-item.menu-blog a,
#main-header.small #nav-main li.current-menu-parent.menu-blog a {
    color:#ac7b34;
}
#main-header.small #nav-main li.menu-blog:hover a:before,
#main-header.small #nav-main li.menu-blog a:before {
    background: #ac7b34;
}
#main-header.small #nav-main li.menu-about:hover a,
#main-header.small #nav-main li.current-menu-item.menu-about a,
#main-header.small #nav-main li.current-menu-parent.menu-about a {
    color:#7c0013;
}
#main-header.small #nav-main li.menu-about:hover a:before,
#main-header.small #nav-main li.menu-about a:before {
    background: #7c0013;
}

.wrapper {
    max-width:1200px;
    margin:0 auto;
    position: relative;
    padding:0 30px;
}
#nav {
    float: right;
    margin: 50px 40px 0 0;
}
#nav-main {
    list-style: none;
    padding:0;
    height:80px;
    float:left;
    margin:0;
}
#nav-main li {
    float:left;
    height:80px;
    position: relative;
    margin:0 1px;
}
#nav-main li a {
    display: block;
    height:80px;
    line-height: 80px;
    font-size:18px;
    text-decoration: none;
    padding:0 15px;
    color: #fff;
}
#nav-main li.current-menu-item a:before,
#nav-main li.current-menu-parent a:before,
#nav-main li.current-page-ancestor a:before {
    content:"";
    width:30px;
    height:2px;
    position: absolute;
    z-index: 1;
    left:15px;
    bottom:17px;
    background: #fff;
    border-radius:4px;
}
#nav-main li a:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    content:"";
    width:0;
    height:2px;
    position: absolute;
    z-index: 1;
    left:15px;
    bottom:17px;
    background: #fff;
    border-radius:4px;
}
#nav-main li:hover a:before {
    content:"";
    width:30px;
    height:2px;
    position: absolute;
    z-index: 1;
    left:15px;
    bottom:17px;
    background: #fff;
    border-radius:4px;
}

/* Start CSS POPUP Menu
=====================================================================*/
#nav ul ul {
    position:absolute;
    z-index:2000;
    display:none;
    width:250px;
    margin: 0;
    top: 90px;
    left:0;
    background:none;
    float: none;
    text-align: left;
    background: #073e68;
    padding: 10px 0;
    border-radius:0 0 5px 5px;
}
#nav ul li ul li {
    display: block;
    float: none;
    width:250px;
    height:auto;
    padding: 0;
    position:relative;
    margin: 0;
    box-shadow: none;
}
#nav ul li ul li:last-child {
    border:none;
}
#nav ul li ul li:after {
    display: none;
}
#nav ul ul ul {
    position:absolute;
    z-index:1300;
    display:none;
    width:240px;
    margin: 0;
    top: 0;
    left:240px;
}
#nav ul li ul li.current-menu-item:before,
#nav ul li ul li.current-menu-parent:before {
    display: none;
}
#nav ul li ul li ul li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0 0 1px 0;
    height:auto;
}
#nav #nav-main li ul li a, #nav #nav-main li ul li a:link, #nav #nav-main li ul li a:visited {
    width:210px;
    height:auto;
    line-height: 1.4;
    float:none;
    display: block;
    text-transform:none;
    border:none;
    padding:10px 20px;
    letter-spacing: 0;
    margin:0;
    font-size:16px;
    color:#ddd;
    font-weight: normal;
}
#nav #nav-main li:hover ul li a:hover, #nav #nav-main li ul li a:hover {
    color:#fff;
    background: none;
}
#nav #nav-main li:hover ul li:hover {
    box-shadow: none;
    background: none;
}
nav#nav li:hover ul ul,
nav#nav li li:hover ul ul
{display:none;}


nav#nav li:hover ul,
nav#nav li li:hover ul
{display:block;}
nav#nav li:focus-within ul,
nav#nav li li:focus-within ul
{display:block;}
/* End CSS Drop Down Menu */


#gradient-slideshow {
    height: 170px;
    width: 100%;
    position: absolute;
    z-index: 10;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0) 100%);
    left: 0;
    top: 0;
}
#slideshow-container {
    position: relative;
}
#slideshow {
    position: relative;
    margin:0;
}
#slideshow .item {
    position: relative;
}
#slideshow .owl-theme .owl-nav {
    display: none;
}
#slideshow .owl-theme .owl-dots {
    position: absolute;
    z-index: 10;
    bottom:110px;
    width:100%;
    text-align: center;
}
#slideshow .owl-theme .owl-dots .owl-dot span {
    width:50px;
    height: 8px;
    background: #fff;
}
#slideshow .owl-theme .owl-dots .owl-dot.active span {
    background: #711318;
}
#text-slideshow {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left:-600px;
    z-index: 900;
    text-align: center;
    width:1200px;
}
#text-slideshow h1 {
    font-size:70px;
    color:#fff;
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
    margin:0 0 20px 0;
}
#text-slideshow p {
    font-size:26px;
    color:#fff;
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
    line-height: 1.6;
    width:70%;
    margin:0 auto;
}
.full-color {
    background: #f9f6f2;
    padding:70px 0;
}
.full-nocolor {
    padding:70px 0;
}
.full-color.dotted {
    background: #f9f6f2 url(../png/line-trekking.png) no-repeat 50% 0;
    background-size:cover;
    padding-bottom:120px;
    position: relative;
}
.full-color.inner, .full-nocolor.inner, .full-color.inner.dotted {
    padding:70px 0;
}

.waves {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 60px;
    max-height: 100px;
    top: -80px;
    left: 0;
    z-index: 9;
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}


/*Shrinking for mobile*/

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}


#announcement {
    border-radius:20px;
    background: rgba(255,255,255,.90);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    padding:50px 0;
    margin-top:-170px;
    margin-bottom:120px;
    position: relative;
    z-index: 10;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
#announcement p {
    font-size:22px;
    line-height: 1.4;
    font-weight: 300;
    color:#111;
    width:78%;
    margin:0 auto;
}
#announcement div {
    position: absolute;
    z-index: 10;
    top:50px;
    left:40px;
}
#announcement div i {
    color:#8b8b8b;
    font-size:50px;
}
#more-announcement {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height:50px;
    line-height: 50px;
    right:40px;
}
#more-announcement i {
    font-size:40px;
}
#travel-text {
    width:37%;
    padding:14% 9% 20% 9%;
    background: rgba(249,246,242,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
}
#travel-text strong {
    font-size:16px;
    color:#111;
    text-transform: uppercase;
    display: block;
    padding:20px 0;
    position: relative;
}
#travel-text strong:before {
    content:"";
    width:50px;
    height:3px;
    display: block;
    top:0;
    left:0;
    background: #638c3d;
    position: absolute;
    border-radius:4px;
}
#title-travel {
    font-size:36px;
    color:#638c3d;
    margin:0 0 25px 0;
}
#image-travel {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translatey(-50%);
    z-index: 1;
}
#plane {
    width:65px;
}
#target-1 {
    position: absolute;
    z-index: 20;
    box-sizing: border-box;
    left:-65px;
}
#text-animate-1 {
    font-size:90px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color:#333;
    position: absolute;
    right:0;
    opacity: 0;
    z-index: 100;
    margin-top:-50px;
}
.link-more {
    font-size:18px;
    font-weight: 300;
    color:#111;
    text-decoration: none;
    display: inline-block;
    margin:30px 0 20px 0;
}
.link-more i {
    font-size:16px;
}
#travel-homepage .link-more:hover {
    color:#638c3d;
}
#travel-info {
    list-style: none;
    margin:0;
    position: absolute;
    z-index: 10;
    right:20px;
    bottom:40px;
}
#travel-info li {
    padding:0 30px;
    border-right:1px solid #8a8a8a;
    float:left;
}
#travel-info li:last-child {
    border:none;
}
#travel-info li p {
    font-size:24px;
    color:#111;
}
#travel-info li p img {
    width:25px;
    margin:0 10px 0 0;
}
#travel-info li span {
    font-size:16px;
    color:#666;
    font-weight: 300;
}
#restaurant-text {
    width:37%;
    padding:14% 9% 16% 9%;
    position: relative;
    z-index: 40;
    float:right;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
#restaurant-text strong {
    font-size:16px;
    color:#111;
    text-transform: uppercase;
    display: block;
    padding:20px 0;
    position: relative;
}
#restaurant-text strong:before {
    content:"";
    width:50px;
    height:3px;
    display: block;
    top:0;
    left:0;
    background: #bf1e2e;
    position: absolute;
    border-radius:4px;
}
#title-restaurant {
    font-size:36px;
    color:#bf1e2e;
    margin:0 0 25px 0;
}
#restaurant-homepage .link-more:hover {
    color:#bf1e2e;
}
#text-animate-2 {
    font-size:90px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color:#333;
    position: absolute;
    left:0;
    opacity: 0;
    z-index: 100;
    margin-top:20px;
}
#restaurant-photo {
    width:48%;
    float:left;
}
#restaurant-photo-1 {
    position: absolute;
    z-index: 5;
    top:100px;
    left:-400px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width:25%;
    transform: rotate(-8deg);
    opacity: 0;
}
#restaurant-photo-2 {
    position: absolute;
    z-index: 5;
    top:180px;
    left:500px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width:24%;
    transform: rotate(2deg);
    opacity: 0;
}
#restaurant-photo-3 {
    position: absolute;
    z-index: 5;
    top:880px;
    left:200px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width:24%;
    transform: rotate(4deg);
    opacity: 0;
}
#bakery-text {
    width:37%;
    padding:14% 9% 16% 9%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;   
    float:right;
}
#title-bakery {
    font-size:36px;
    color:#c96533;
    margin:0 0 25px 0;
}
#bakery-text strong {
    font-size: 16px;
    color: #111;
    text-transform: uppercase;
    display: block;
    padding: 20px 0;
    position: relative;
}
#bakery-text strong:before {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    top: 0;
    left: 0;
    background: #c96533;
    position: absolute;
    border-radius: 4px;
}
#bakery-photo {
    width: 40%;
    float:left;
    position: relative;
}
#bakery-text .link-more:hover {
    color:#c96533;
}
#bakery-photo-1 {
    position: absolute;
    z-index: 50;
    left:0;
    top:120px;
    width:62%;
}
#bakery-photo-2 {
    position: absolute;
    z-index: 40;
    left:240px;
    top:70px;
    width:56%;
}
#bakery-photo-3 {
    position: absolute;
    z-index: 45;
    left:170px;
    top:300px;
    width:54%;
}
.bakery-animation-1 {
    animation-name: infiniteupdown1bakery;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown1bakery {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(200px);
    }
    100% {
        transform: translateY(0px);
    }
}
.bakery-animation-2 {
    animation-name: infiniteupdown2bakery;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown2bakery {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(190px);
    }
    100% {
        transform: translateY(0px);
    }
}
.bakery-animation-3 {
    animation-name: infiniteupdown3bakery;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown3bakery {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(150px);
    }
    100% {
        transform: translateY(0px);
    }
}
#text-animate-3 {
    font-size:90px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color:#333;
    position: absolute;
    left:0;
    opacity: 0;
    z-index: 100;
    margin-top:-50px;
}
#guesthouse-text {
    width:37%;
    padding:14% 9% 8% 9%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
    float:left;
}
#title-guesthouse {
    font-size:36px;
    color:#f26522;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-guesthouse:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #f26522;
    position: absolute;
    border-radius: 4px;
}
#guesthouse-text strong {
    font-size: 16px;
    color: #111;
    text-transform: uppercase;
    display: block;
    padding: 20px 0;
    position: relative;
}
#guesthouse-text strong:before {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    top: 0;
    left: 0;
    background: #f26522;
    position: absolute;
    border-radius: 4px;
}
#guesthouse-text .link-more:hover {
    color:#f26522;
}
#slideshow-guesthouse {
    width:45%;
    float:right;
    position: relative;
    margin-top:130px;
}
#slideshow-guesthouse p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0) 100%);
    padding: 15px 20px;
    font-size:16px;
    color:#fff;
    font-style:italic;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
    box-sizing: border-box;
}
#slideshow-guesthouse .owl-theme .owl-nav {
    display: none;
}
#slideshow-guesthouse .owl-theme .owl-dots {
    position: absolute;
    z-index: 10;
    right:-50px;
    bottom:0;
    width:50px;
}
#slideshow-guesthouse .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: #f9f6f2;
    border:1px solid #f26522;
}
#slideshow-guesthouse .owl-theme .owl-dots .owl-dot.active span {
    background: #f26522;
    border:1px solid #f26522;
}
#text-animate-4 {
    font-size:90px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color:#333;
    position: absolute;
    right:0;
    opacity: 0;
    z-index: 100;
    margin-top:50px;
}
#text-animate-5 {
    font-size:90px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color:#333;
    position: absolute;
    left:0;
    opacity: 0;
    z-index: 100;
    margin-top:50px;
}
.full-conscious {
    position: relative;
}
#conscious-text {
    width:37%;
    padding:14% 9% 16% 9%;
    position: relative;
    z-index: 40;
    float:right;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
#conscious-text strong {
    font-size:16px;
    color:#111;
    text-transform: uppercase;
    display: block;
    padding:20px 0;
    position: relative;
}
#conscious-text strong:before {
    content:"";
    width:50px;
    height:3px;
    display: block;
    top:0;
    left:0;
    background: #e2a936;
    position: absolute;
    border-radius:4px;
}
.title-homepage {
    text-align: center;
    color:#111;
    font-size:36px;
    margin:0 0 40px 0;
}
#news-homepage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.4rem;
    margin:0 0 30px 0;
}
.row-news-homepage {
    display: flex;
    flex-flow: column nowrap;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
}
.row-news-homepage div {
    padding:30px;
}
.row-news-homepage h3 {
    clear: both;
    font-size:24px;
    margin:0 0 30px 0;
}
.row-news-homepage h3 a {
    color:#111;
    text-decoration: none;
}
.row-news-homepage h3 a:hover {
    color:#711318;
}
.row-news-homepage p {
    font-size:18px;
    line-height: 1.4;
    color:#333;
}
#more-news {
    display: block;
    background: #711318;
    padding:17px 0;
    text-align: center;
    margin:50px auto 0 auto;
    font-size:18px;
    color:#fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    width:240px;
    border-radius:30px;
}
#more-news:hover {
    background: #333;
}

/* Restaurant
=====================================================================*/
#slideshow-inner {
    position: relative;
    margin:0;
}
#slideshow-inner .item {
    position: relative;
}
#slideshow-inner .owl-theme .owl-nav {
    display: none;
}
#slideshow-inner .owl-theme .owl-dots {
    position: absolute;
    z-index: 10;
    bottom:50px;
    width:100%;
    text-align: center;
}
#slideshow-inner .owl-theme .owl-dots .owl-dot span {
    width:50px;
    height: 8px;
    background: #fff;
}
#slideshow-inner .owl-theme .owl-dots .owl-dot.active span {
    background: #711318;
}
#slideshow-inner.restaurant .owl-theme .owl-dots .owl-dot.active span {
    background: #bf1e2e;
}
#slideshow-inner.travel .owl-theme .owl-dots .owl-dot.active span {
    background: #638c3d;
}
#slideshow-inner.guesthouse .owl-theme .owl-dots .owl-dot.active span {
    background: #f26522;
}
#slideshow-inner.events .owl-theme .owl-dots .owl-dot.active span {
    background: #069;
}
#slideshow-inner.training .owl-theme .owl-dots .owl-dot.active span {
    background: #8c414e;
}
#slideshow-inner.projects .owl-theme .owl-dots .owl-dot.active span {
    background: #90509b;
}
#slideshow-inner.bakery .owl-theme .owl-dots .owl-dot.active span {
    background: #c96533;
}
#slideshow-inner h2 {
    font-weight: bold;
    color:#fff;
    font-size:44px;
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
    margin:0 0 20px 0;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 480px;
    left: 0;
    z-index: 900;
    text-align: center;
    width: 100%;
}
#text-slideshow h2 {
    font-weight: bold;
    color:#fff;
    font-size:36px;
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
    margin:0 0 20px 0;
}
#text-slideshow img {
    width:12%;
}
#text-slideshow.restaurant h1 {
    font-size:60px;
}
#text-slideshow.restaurant {
    top:240px;
}
#text-content {
    width:47%;
    padding:6% 5%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
    float:left;
}
#title-restaurant {
    position: relative;
}
#text-content #title-restaurant:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #bf1e2e;
    position: absolute;
    border-radius: 4px;
}
#more-content {
    width:35%;
    float:right;
    padding:0 0 0 5%;
    position: relative;
    z-index: 50;
}
#contact-info {
    border-bottom:2px dashed #777;
    padding:0 0 40px 0;
    margin:0 0 40px 0;
}
#contact-info .list-contact {
    margin-bottom:20px;
}
#contact-info .list-contact li {
    color:#333;
    font-size:18px;
}
#contact-info h3 {
    font-size:22px;
    margin:0 0 20px 0;
}
#contact-info.restaurant h3 {
    color:#bf1e2e;
}
#contact-info.restaurant .list-contact li i {
    color:#bf1e2e;
}
.nav-social {
    list-style: none;
    margin:0 0 0 30px;
}
.nav-social li {
    width:45px;
    height:45px;
    float:left;
    margin:0 10px 0 0;
}
.nav-social li a {
    font-size:20px;
    background: #711318;
    color:#fff;
    width:45px;
    height:45px;
    border-radius:30px;
    display: block;
    text-align: center;
    line-height: 45px;
}
.nav-social li.link-facebook a {
    background: #1877f2;
}
.nav-social li.link-instagram a {
    background: #833ab4;
}
#checklist {
    list-style: none;
    margin:0;
    padding:0 0 40px 0;
    border-bottom:2px dashed #777;
}
#checklist li {
    font-size:18px;
    color:#333;
    line-height: 1.4;
    margin:0 0 5px 0;
    position: relative;
    padding-left:30px;
}
#checklist li i {
    width:25px;
    text-align: left;
    position: absolute;
    z-index: 1;
    left:0;
    top:4px;
}
#checklist.restaurant i {
    color:#bf1e2e;
}
#list-takeaway {
    list-style: none;
    margin:10px 0 0 0;
}
#list-takeaway li {
    width:55%;
    display: block;
    margin:0 0 10px 0;
    padding:0;
}
#list-takeaway li a {
    display: block;
    background: #fff;
    border-radius:40px;
    height:40px;
    line-height: 40px;
    padding:0 20px;
    border:1px solid #ddd;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
    font-size:16px;
    text-decoration: none;
}
#list-takeaway li a img {
    width:22px;
    margin:0 10px 4px 0;
}
#list-takeaway li#link-shopeefood a {
    color:#ee4d2d;
}
#list-takeaway li#link-shopeefood a:hover {
    border:1px solid #ee4d2d;
}
#list-takeaway li#link-grabfood a {
    color:#00963c;
}
#list-takeaway li#link-grabfood a:hover {
    border:1px solid #00963c;
}
#list-takeaway li#link-gofood a {
    color:#ee2737;
}
#list-takeaway li#link-gofood a:hover {
    border:1px solid #ee2737;
}
#nav-page {
    list-style: none;
    margin:40px 0 0 0;
}
#nav-page li {
    margin:0 0 15px 0;
}
#nav-page li a {
    display: block;
    background: #fff;
    border-radius:60px;
    height:60px;
    line-height: 60px;
    padding:0 20px;
    border:1px solid #ddd;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    font-size:18px;
    text-decoration: none;
}
#nav-page li a i {
    font-size:20px;
    width:30px;
}
#nav-page.restaurant li a {
    color:#bf1e2e;
    border:1px solid #bf1e2e;
    border-bottom:3px solid #bf1e2e;
}
#nav-page.restaurant li a:hover {
    background: #bf1e2e;
    color:#fff;
}
.photo-restaurant-inner-1 img {
    position: absolute;
    z-index: 50;
    top:0;
    left: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width: 45%;
    transform: rotate(-6deg);
}
.photo-restaurant-inner-2 img {
    position: absolute;
    z-index: 55;
    top:60px;
    right: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width: 47%;
    transform: rotate(8deg);
}
.photo-restaurant-inner-3 img {
    position: absolute;
    z-index: 50;
    top: 220px;
    left: 90px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width: 62%;
    transform: rotate(-2deg);
}
#restaurant-inner-photo {
    position: relative;
    margin-top:0;
}
.restaurant-inner-animation-1 {
    animation-name: infiniteupdownrestaurant1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdownrestaurant1 {
    0% {
        transform: translateY(0px) rotate(-6deg);
    }
    50% {
        transform: translateY(200px) rotate(-6deg);
    }
    100% {
        transform: translateY(0px) rotate(-6deg);
    }
}
.restaurant-inner-animation-2 {
    animation-name: infiniteupdownrestaurant2;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdownrestaurant2 {
    0% {
        transform: translateY(0px) rotate(8deg);
    }
    50% {
        transform: translateY(170px) rotate(8deg);
    }
    100% {
        transform: translateY(0px) rotate(8deg);
    }
}
.restaurant-inner-animation-3 {
    animation-name: infiniteupdownrestaurant3;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdownrestaurant3 {
    0% {
        transform: translateY(0px) rotate(-8deg);
    }
    50% {
        transform: translateY(150px) rotate(-8deg);
    }
    100% {
        transform: translateY(0px) rotate(-8deg);
    }
}

.header-content {
    margin:0 0 60px 0;
    position: relative;
}
.header-content .link-more {
    position: absolute;
    z-index: 1;
    right:0;
    top:10px;
    margin:0;
}
.header-content h2 {
    text-align: center;
    font-size:28px;
}
.header-content.left h2 {
    text-align: left;
}
.header-content.restaurant h2 {
    color:#bf1e2e;
    margin:0 0 25px 0;
}
.header-content.restaurant p {
    font-size:20px;
    text-align: center;
    width:75%;
    margin:0 auto;
    line-height: 1.4;
}
#restaurant-policies-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 2.5rem;
    justify-items: center;
    margin: 0 0 100px 0;
    padding: 0;
}
.row-restaurant-policies {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
}
.row-restaurant-policies img {
    margin:0 0 15px 0;
}
.row-restaurant-policies h3 {
    text-align: center;
    font-size:20px;
    margin:0 0 10px 0;
}
.row-restaurant-policies a {
    text-decoration: none;
    display: block;
}
.row-restaurant-policies a:hover h3 {
    text-decoration: underline;
    color:#bf1e2e;
}
.row-restaurant-policies a p {
    color:#333;
    font-size:17px;
    line-height: 1.4;
    margin:0 0 30px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
           line-clamp: 3;
    -webkit-box-orient: vertical;
}
.row-restaurant-policies div {

}
.row-restaurant-policies a strong {
    font-weight: 300;
    font-size:16px;
    position: absolute;
    z-index: 1;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
}
.row-restaurant-policies a strong i {
    font-size:16px;
}
.row-restaurant-policies a:hover strong {
    color:#bf1e2e;
}
#group-more {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;
    justify-items: center;
    margin: 0 0 80px 0;
    padding: 0;
}
.row-more {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
}
.row-more img {
    margin:0 0 40px 0;
}
.row-more h3 {
    font-size:20px;
    position: relative;
    margin:0 0 15px 0;
}
.row-more h3:before {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    top: -15px;
    left: 0;
    background: #711318;
    position: absolute;
    border-radius: 4px;
}
.row-more p {
    font-size:18px;
    line-height: 1.4;
}
.row-more a, .row-more a:link, .row-more a:visited {
    text-decoration: none;
}
.row-more a p {
    color:#333;
}
.row-more.events a h3 {
    color:#069;
}
.row-more a:hover h3 {
    text-decoration: underline;
}
.row-more.events h3:before {
    background: #069;
}
.row-more.bakery a h3 {
    color:#c96533;
}
.row-more.bakery h3:before {
    background: #c96533;
}
.row-more.travel a h3 {
    color:#406618;
}
.row-more.travel h3:before {
    background: #406618;
}

/* Restaurant Menu
=====================================================================*/
#header-page {
    height:110px;
    position: relative;
    background-size:cover;
    background-position-x: 50%;
    background-position-y: 50%;
    padding-top:260px;
}
#header-page h1 {
    color:#fff;
    font-size:40px;
    text-shadow:0 1px 5px rgba(0,0,0,0.6);
    position: relative;
    padding:0 0 20px 0;
}
#header-page h1:before {
    width:70px;
    content:"";
    height:4px;
    background: #fff;
    position: absolute;
    z-index: 1;
    left:0;
    bottom:0;
    border-radius:10px;
}
#pattern-table {
    background: url(../jpg/pattern-table.jpg);
    background-size:800px 800px;
    padding:100px 0 140px 0;
    overflow: clip;
}
#leather {
    background: url(../jpg/leather.jpg);
    background-size:700px 700px;
    box-shadow:0 0 20px rgba(0,0,0,0.3);
    border-top:2px solid rgba(255,255,255,0.3);
    border-style:inset;
    padding:10px;
    position: relative;
    z-index: 1;
}
#stitch {
    padding:5px;
    border:2px dashed rgba(172,119,76,0.7);
}
#corner-1 {
    width:60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top:-3px;
    left:-1px;
    background: url(../png/corner-1.png) no-repeat;
    background-size: 60px 60px;
}
#corner-2 {
    width:60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    top:-3px;
    right:-1px;
    background: url(../png/corner-2.png) no-repeat;
    background-size: 60px 60px;
}
#corner-3 {
    width:60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    bottom:-1px;
    right:-1px;
    background: url(../png/corner-3.png) no-repeat;
    background-size: 60px 60px;
}
#corner-4 {
    width:60px;
    height: 60px;
    position: absolute;
    z-index: 2;
    bottom:-1px;
    left:-1px;
    background: url(../png/corner-4.png) no-repeat;
    background-size: 60px 60px;
}
#paper {
    padding:8px;
    background: #fff url(../jpg/paper.jpg);
    box-shadow:0 0 10px rgba(0,0,0,0.6);
    background-size:900px 600px;
}
#content-menu {
    border:1px solid #deb696;
    padding-bottom:40px;
}
#image-coffee {
    position: absolute;
    z-index: 5;
    top:0;
    right:-340px;
    width:420px;
}
#image-coffee-stain {
    position: absolute;
    z-index: 1;
    top:130px;
    right:-140px;
    width:320px;
    opacity: 0.4;
}
#image-hand {
    position: absolute;
    z-index: 10;
    right:-299px;
    bottom:-160px;
    width:430px;
}
#nav-main-food {
    list-style: none;
    margin:-53px 0 0 50px;
    height:50px;
    background: none;
    border:none;
    padding:0;
    border:none;
}
#nav-main-food li {
    height: 50px;
    display: inline-block;
    margin:0 5px 0 0;
    border:none;
    background: none;
}
#nav-main-food li a {
    height: 49px;
    display: block;
    line-height: 50px;
    padding:0 30px;
    font-size:20px;
    background: #efe5d8;
    color:#bba07c;
    text-decoration: none;
}
#nav-main-food li.ui-tabs-active a {
    background: #fff url(../jpg/paper.jpg);
    background-size:900px 600px;
    height:50px;
    color:#bf1e2e;
}
.ui-tabs .ui-tabs-panel.tabs-menu {
    padding:30px;
    position: relative;
}
.tabs-nested.ui-widget-content {
    border:none;
    background: none;
}
#tabs-container.ui-widget-content {
    border:none;
    background: none;
}
.tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header {
    width:26%;
    list-style: none;
    float:left;
    border:1px solid #deb696;
    padding:2%;
    top:115px;
    left:-20px;
    position: sticky;
    z-index: 1;
    margin:0;
}
.nav-tabs-nested.ui-widget-header {
    background: none;
    border:1px solid #deb696;
    border-radius:0;
}
.tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li {
    border:none;
    border-bottom:1px dashed #deb696;
    float:none;
    background: none;
    border-radius:0;
    display: block;
    margin:0;
}
.nav-tabs-nested.ui-widget-header li h3 {
    color:#bf1e2e;
    font-size:18px;
}
.tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li:last-child {
    border:none;
}
.tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li a {
    display: block;
    padding:20px 0;
    font-size:16px;
    text-decoration: none;
    color:#666;
    float:none;
}
.tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li.ui-tabs-active a {
    color:#bf1e2e;
    font-weight: bold;
}
.nav-tabs-nested li.ui-tabs-active a i {
    display: block;
}
.nav-tabs-nested li a i {
    float:right;
    font-size:14px;
    margin:3px 0 0 0;
    display: none;
}
.tabs-nested .ui-tabs-panel.panel-nested {
    width:60%;
    float:right;
    margin:0 6% 0 0;
    padding:50px 0;
    position: relative;
    z-index: 6;
    min-height:600px;
}
.list-menu-restaurant {
    list-style:none;
    margin:0;
}
.list-menu-restaurant li {
    margin:0 0 20px 0;
    padding:5px 0 5px 12%;
    position: relative;
}
.list-menu-restaurant li h3 {
    color:#333;
    font-size:20px;
    font-weight: bold;
    position: relative;
    margin:0 0 5px 0;
}
.list-menu-restaurant li h3.text-vegan {
    color:#78aa4b;
}
.list-menu-restaurant li h3 span {
    display: inline-block;
    background: #fff url(../jpg/paper.jpg);
    position: relative;
    z-index: 2;
    padding-right:10px;
}
.list-menu-restaurant li h3:before {
    content:"";
    height:1px;
    width:90%;
    left:10%;
    border-bottom:2px dotted #deb696;
    position: absolute;
    top:13px;
    z-index: 1;
}
.list-menu-restaurant li p {
    font-size:15px;
    font-weight: 300;
    color:#666;
    margin:0 0 5px 0;
}
.list-menu-restaurant li .price {
    font-style: normal;
    position: absolute;
    z-index: 5;
    top:0;
    right:0;
    font-size:27px;
    font-weight: bold;
    color:#111;
    padding:0 0 0 10px;
    background: #fff url(../jpg/paper.jpg);
}
.list-menu-restaurant li img {
    width:9%;
    position: absolute;
    z-index: 1;
    left:0;
    border-radius:10px;
}
.list-menu-restaurant li.vegan h3 {
    color:#398148;
}
.list-menu-restaurant li dl {
    margin-left:50px;
}
.list-menu-restaurant li dl dt {
    color:#333;
    font-size:20px;
    font-weight: bold;
    position: relative;
    margin:0 0 7px 0;
}
.list-menu-restaurant li dl dt:before {
    content:"";
    height:1px;
    width:90%;
    left:10%;
    border-bottom:2px dotted #deb696;
    position: absolute;
    top:13px;
    z-index: 1;
}
.list-menu-restaurant li dl dt span {
    display: inline-block;
    background: #fff url(../jpg/paper.jpg);
    position: relative;
    z-index: 2;
    padding-right:10px;
}
.list-menu-restaurant li dl dd {
    font-style: normal;
    float:right;
    font-size:27px;
    font-weight: bold;
    color:#111;
    padding:0 0 0 10px;
    background: #fff url(../jpg/paper.jpg);
    margin-top:-33px;
    position: relative;
    z-index: 7;
}
#restaurant-button-left {
    width:40%;
    float:left;
    margin:70px 0;
}
#restaurant-button-right {
    width:50%;
    float:right;
    margin:70px 0;
}
#restaurant-button-right h4 {
    font-size:20px;
    color:#111;
    font-weight: bold;
}
#restaurant-button-right #list-takeaway {
    margin-left:0;
}
#restaurant-button-right p {
    font-size:18px;
    color:#333;
    line-height: 1.4;
    margin:0 0 20px 0;
}
#restaurant-notes {
    position: absolute;
    z-index: 6;
    bottom:-35px;
    right:0;
    font-size:14px;
    color:#777;
}
#testimonial-container {
    margin:0;
}
#group-testimonial {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.2rem;
    justify-items: center;
    margin: 0 0 70px 0;
    padding: 0;
}
.row-testimonial {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    border:1px solid #ccc;
    border-radius:10px;
    background: #fff;
}
.row-testimonial-header {
    position: relative;
    padding:30px 30px 20px 30px;
}
.row-testimonial-header figure {
    width:25%;
    float:left;
    position: relative;
}
.row-testimonial-header aside {
    width:70%;
    float:right;
}
.row-testimonial-header aside h3 {
    font-size:20px;
    font-weight: bold;
    color:#111;
    margin:15px 0 3px 0;
}
.row-testimonial-header aside span {
    font-size:14px;
    color:#999;
}
.image-testimonial {
    border-radius:50px;
}
#testimonial-container .static-page p,
#testimonial-container .static-page ul,
#testimonial-container .static-page ol {
    font-size:16px;
}
.row-testimonial-star {
    text-align: center;
    font-size:22px;
    color:#711318;
    margin:0 0 20px 0;
}
.row-testimonial-star i {
    margin:0 2px;
}
.logo-testimonial {
    width:40%;
    right:0;
    bottom:0;
    position: absolute;
    z-index: 5;
    border-radius:60px;
}
.row-testimonial-content {
    padding:0 30px;
    height:220px;
    overflow-y: scroll;
    margin:0 0 30px 0;
    position: relative;
}
.gradient-testimonial {
    height:50px;
    width:100%;
    position: absolute;
    z-index: 1;
    bottom:30px;
    left:0;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 100%);
}
.policy figure {
    width:40%;
    position: absolute;
    z-index: 50;
}
.policy figure img {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    transform: rotate(-5deg);
}
#policy-content {
    width: 37%;
    padding: 10% 14% 9% 14%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
    float: right;
    margin:20px 0 60px 0;
}

/* Travel
=====================================================================*/
#contact-info.travel h3 {
    color:#638c3d;
}
#contact-info.travel .list-contact li i {
    color:#638c3d;
}
#title-travel {
    position: relative;
}
#text-content #title-travel:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #638c3d;
    position: absolute;
    border-radius: 4px;
}
#filter-chip {
    margin:-20px 0 20px 0;
}
#filter-chip .wpc-filter-chips-list li, #filter-chip .wpc-filter-chips-list li.wpc-filter-chip, #filter-chip li.wpc-filter-chip {
    font-size:15px;
}
#filter-chip .wpc-filter-chips-list a, #filter-chip .wpc-filter-chips-list li.wpc-filter-chip a {
    padding:5px 15px;
}
#filter-chip .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
    border-color:#638c3d;
}
#filter-chip .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
    background:#638c3d;;
    color:#fff;
}
#filter-chip .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover .wpc-chip-remove-icon {
    color:#fff;
}
#filter-chip .wpc-chip-remove-icon {
    margin-top:-2px;
}
#filter-chip .wpc-filter-chips-list li.wpc-chip-reset-all a {
    border-color:#711318;
    background: #711318;
    color:#fff;
}
#filter-sidebar .wpc-filters-section {
    padding:30px;
    margin:0;
}
#filter-sidebar .wpc-filter-title {
    font-size:20px;
    font-weight: bold;
    color:#fff;
    background: #638c3d;
    padding:10px;
}
#filter-sidebar .wpc-filters-main-wrap li.wpc-term-item a {
    color:#638c3d;
}
#filter-sidebar .wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"], 
#filter-sidebar .wpc-filters-main-wrap li.wpc-term-item input[type="radio"] {
    border:1px solid #638c3d;
}
#checklist.travel i {
    color:#638c3d;
}
#box-travel-info {
    background: #638c3d;
    padding:30px;
    margin-bottom:50px;
}
#checklist.travel {
    border:none;
}
#box-travel-info h3 {
    font-size:22px;
    color:#fff;
    margin:0 0 20px 0;
}
#box-travel-info p {
    font-size:18px;
    color:#fff;
    line-height: 1.4;
    margin:0 0 24px 0;
}
#box-travel-info ul {
    list-style: none;
    margin:0;
}
#box-travel-info ul li {
    font-size:18px;
    color:#fff;
    line-height: 1.4;
    border-top:1px dashed rgba(255,255,255,0.6);
    padding:15px 0;
}
#title-list-tour {
    font-size:28px;
    margin:0 0 40px 0;
    color:#638c3d;
    position: relative;
}
#title-list-tour:before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    top: -15px;
    left: 0;
    background: #638c3d;
    position: absolute;
    border-radius: 4px;
}
#group-travel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.2rem;
    justify-items: center;
    margin: 0 0 70px 0;
    padding: 0;
}
#group-travel.other {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.row-travel {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    border:1px solid #ccc;
    border-radius:10px;
    background: #fff;
}
.row-travel:hover {
    border:1px solid #638c3d;;
}
#filter-sidebar {
    width:25%;
    float:left;
    background: #f9f6f2;
    padding:30px 0;
}
#content-travel {
    width:70%;
    float:right;
    margin:0 0 70px 0;
}
.row-travel img {
    border-radius:9px 9px 0 0;
}
.row-travel div {
    padding:20px;
}
.row-travel h3 {
    font-size:20px;
    font-weight: bold;
    margin:0 0 10px 0;
}
.row-travel p {
    font-size:16px;
    color:#333;
    line-height: 1.4;
    margin:0 0 25px 0;
}
.row-travel a {
    display: block;
    text-decoration: none;
}
.row-travel .list-travel-info {
    list-style: none;
    margin:0;
}
.row-travel a h3 {
    color:#111;
}
.row-travel a:hover h3 {
    color:#638c3d;
}
.row-travel .list-travel-info li {
    position: relative;
    padding:0 0 0 25px;
    font-size:15px;
    color:#666;
    line-height: 1.3;
    margin:0 10px 5px 0;
    float:left;
}
.row-travel .list-travel-info li:last-child {
    float:none;
    display: block;
    clear:both;
}
.row-travel .list-travel-info li i {
    position: absolute;
    z-index: 1;
    left:0;
    color:#638c3d;
}
.row-travel .list-travel-info li.price-travel {
    font-weight: bold;
    color:#638c3d;
}
.row-travel .tag-travel {
    position: absolute;
    z-index: 1;
    top:10px;
    left:10px;
    list-style: none;
    margin:0;
}
.row-travel .tag-travel li {
    background: #638c3d;
    height:25px;
    border-radius:5px;
    line-height: 25px;
    font-size:13px;
    color:#fff;
    padding:0 15px;
    float:left;
    margin:0 5px 5px 0;
}
#title-filter {
    text-align: center;
    font-size:22px;
    color:#111;
    font-weight: bold;
    margin:0 0 10px 0;
}
#intro-travel {
    position: relative;
    z-index: 70;
    height:650px;
    overflow: hidden;
}
#text-intro-container {
    width: 1200px;
    left: 50%;
    top: 0;
    margin-left: -600px;
    position: absolute;
    z-index: 50;
}
#text-intro {
    background: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width:37%;
    padding:3%;
    margin:200px 0 0 0;
}
#text-intro #title-travel {
    margin-bottom:50px;
}
#text-intro #title-travel:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    bottom: -20px;
    left: 0;
    background: #638c3d;
    position: absolute;
    border-radius: 4px;
}
#text-intro p {
    font-size:20px;
    color:#111;
    margin:0 0 25px 0;
}
#text-intro.sticky {
    position: fixed;
    z-index: 2000;
    margin:80px 0 0 60px;
    padding:15px 15px 10px 15px;
    border-radius:0 0 10px 10px;
    width:auto;
}
#text-intro.sticky #title-travel,
#text-intro.sticky p {
    display: none;
}
#list-info-icon {
    list-style: none;
    margin:0;
}
#list-info-icon li {
    float:left;
    height:30px;
    margin:0 5px 5px 0;
    line-height: 30px;
    font-size:14px;
    color:#fff;
    background: #638c3d;
    border-radius:5px;
    padding:0 15px;
}
#list-info-icon li i {
    font-size:16px;
    margin:0 7px 0 0;
}
#text-content .static-page {
    margin-bottom:60px;
}
.sub-title {
    font-size:24px;
    color:#111;
    position: relative;
    margin:0 0 20px 0;
}
.sub-title.travel {
    color:#638c3d;
}
.sub-title.travel:before {
    content: "";
    width: 50px;
    height: 2px;
    display: block;
    top: -15px;
    left: 0;
    background: #638c3d;
    position: absolute;
    border-radius: 4px;
}
#booking-container {
    top:100px;
    right:0;
    width:35%;
    float:right;
}
#booking {
    background: #638c3d;
    padding:30px;
    margin:0 0 40px 0;
}
#form-booking label {
    float:left;
    width:30%;
    font-size:16px;
    color:#fff;
    margin:10px 0 0 0;
}
#form-booking .input {
    background: #fff;
    border:none;
    border-radius:5px;
    width:54%;
    float:left;
    height:40px;
    padding:0 5%;
    font-size:16px;
    margin:0 0 15px 0;
}
#form-booking .button {
    width:64%;
    margin:0 0 0 30%;
    height:40px;
    border-radius:5px;
    border:1px solid #fff;
    color:#fff;
    font-size:16px;
    text-align: center;
    background: none;
    cursor: pointer;
}
#form-booking .button:hover {
    background: #fff;
    color:#638c3d;
}
.statusbooking {
    padding:10px;
    background: #d6e2bb;
    color:#6b882c;
    border:1px solid #6b882c;
    font-size:16px;
    margin:0 0 20px 0;
}
#link-whatsapp-travel {
    display: block;
    padding:0 0 0 55px;
    font-size:18px;
    text-decoration: none;
    position: relative;
}
#link-whatsapp-travel i {
    position: absolute;
    z-index: 10;
    left:0;
    font-size:42px;
}
#link-whatsapp-travel:hover {
    text-decoration: underline;
}
#group-travel-prepare {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;
    padding: 0;
}
.row-travel-prepare {
    background: #f9f6f2;
    padding:60px 30px 30px 30px;
}
#nav-tabs-travel {
    height: 50px;
    list-style: none;
    margin:0 0 40px 0;
    border-bottom:1px solid #e9dccb;
}
#nav-tabs-travel li {
    height:48px;
    float:left;
    margin:0 5px 0 0;
}
#nav-tabs-travel li a {
    height:48px;
    display: block;
    line-height: 48px;
    font-size:18px;
    color:#666;
    text-decoration: none;
    padding:0 25px;
}
#nav-tabs-travel li a i {
    margin:0 5px 0 0;
    font-size:20px;
}
#nav-tabs-travel .ui-state-default.ui-tabs-active, #tabs-travel.ui-widget-content .ui-state-default.ui-tabs-active, #nav-tabs-travel.ui-widget-header .ui-state-default.ui-tabs-active {
    border-bottom:2px solid #638c3d;
}
#nav-tabs-travel li.ui-tabs-active a {
    color:#111;
}
#nav-tabs-travel li.ui-tabs-active i {
    color:#638c3d;
}
#slideshow-travel-inner {
    position: relative;
    margin:0;
}
#slideshow-travel-inner .item {
    position: relative;
}
#slideshow-travel-inner .owl-theme .owl-nav {
    display: none;
}
#slideshow-travel-inner .owl-theme .owl-dots {
    position: absolute;
    z-index: 10;
    bottom:30px;
    width:100%;
    text-align: center;
}
#slideshow-travel-inner .owl-theme .owl-dots .owl-dot span {
    width:50px;
    height: 8px;
    background: #fff;
}
#slideshow-travel-inner .owl-theme .owl-dots .owl-dot.active span {
    background: #638c3d;
}
.header-content.travel h2 {
    color:#638c3d;
    margin:0 0 25px 0;
}
#nav-tabs-travel {
    background: none;
    border:none;
    padding:0;
    border-bottom: 1px solid #e9dccb;
}
body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    width:90%;
    margin:0 5%;
    display: block;
}
#filter-sidebar .wpc-filters-main-wrap input[type=checkbox]:after {
    border-color:#638c3d;
}
#tabs-travel.ui-widget-content {
    background: none;
    border:none;
}
#nav-tabs-travel .ui-state-default, #tabs-travel.ui-widget-content .ui-state-default, #nav-tabs-travel.ui-widget-header .ui-state-default {
    background: none;
    border:none;
}
#tabs-travel .panel-photo {
    padding:0;
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin:0 0 30px 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#image-maps {
    border-radius:10px;
}
.full-color.tree {
    background-image:url(../png/tree-pattern.png);
    background-repeat:repeat-x;
    background-size:800px 160px;
    background-position: 50% 100%;
    padding-top:0;
}
#tree-container {
    padding:0 0 0 85px;
    position: relative;
}
.icon-tree {
    position: absolute;
    z-index: 1;
    left:0;
    top:5px;
}
.icon-tree i {
    font-size:22px;
    color:#638c3d;
    margin:0 2px 0 0;
}
#nav-page.travel li a {
    color:#638c3d;
    border:1px solid #638c3d;
    border-bottom:3px solid #638c3d;
}
#nav-page.travel li a:hover {
    background: #638c3d;
    color:#fff;
}
#nav-page.travel li {
    float:left;
    width:47.5%;
    margin-right:5%;
}
#nav-page.travel li:last-child {
    margin-right:0;
}

/* Guesthouse
=====================================================================*/
#contact-info.guesthouse h3 {
    color:#f26522;
}
#contact-info.guesthouse .list-contact li i {
    color:#f26522;
}
#checklist.guesthouse i {
    color:#f26522;
}
#nav-award {
    list-style: none;
    margin:40px 0 50px 0;
}
#nav-award li {
    width:32%;
    float:left;
    margin:0 4% 0 0;
}
#nav-award li:last-child {
    margin-right:0;
}
#nav-award li img {
    border-radius:15px;
}
.header-content.guesthouse h2 {
    color:#f26522;
    font-size:28px;
}
.slideshow-room-container {
    width:60%;
    float:left;
    position: relative;
}
.slideshow-room.owl-theme .owl-dots {
    position: absolute;
    z-index: 10;
    left: -50px;
    bottom: 0;
    width: 50px;
}
.slideshow-room.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: #f9f6f2;
    border: 1px solid #f26522;
}
.slideshow-room.owl-theme .owl-dots .owl-dot:hover span {
    background: #f9f6f2;
}
.slideshow-room.owl-theme .owl-dots .owl-dot.active span {
    background: #f26522;
    border: 1px solid #f26522;
}
.slideshow-room.owl-theme .owl-nav {
    display: none;
}
#group-room {
    margin:0 0 120px 0;
}
.row-room {
    margin:0 0 80px 0;
}
.room-info {
    width:35%;
    float:right;
}
.slideshow-room-container p {
    position: absolute;
    z-index: 1;
    top:30px;
    left:-2px;
    background: #f26522;
    padding:10px;
    color:#fff;
    font-size:16px;
}
.room-info h3 {
    font-size:22px;
    color:#f26522;
    position: relative;
    margin:20px 0 40px 0;
}
.room-info h3:before {
    content: "";
    width: 60px;
    height: 1px;
    display: block;
    bottom: -15px;
    left: 0;
    background: #f26522;
    position: absolute;
    border-radius: 4px;
}
.room-info ul {
    list-style: none;
    margin:0 0 25px 0;
}
.room-info ul li {
    font-size:20px;
    line-height: 1.4;
    margin:0 0 5px 0;
    color:#111;
    position: relative;
    padding:0 0 0 25px;
}
.room-info ul li i {
    position: absolute;
    z-index: 1;
    left:0;
    font-size:16px;
    color:#f26522;
    top:7px;
}
.button-book, .button-book:link, .button-book:visited {
    display: block;
    background: #fff;
    border-radius:60px;
    height:60px;
    line-height: 60px;
    padding:0 20px;
    border:1px solid #f26522;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    font-size:18px;
    text-decoration: none;
    border-bottom:3px solid #f26522;
    color:#f26522;
    text-align:center;
}
.button-book i {
    font-size:20px;
    width:30px;
}
.button-book:hover {
    background: #f26522;
    color:#fff;
}
#booking-guesthouse-container {
    width: 48%;
    padding: 4%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
    float: left;
}
#booking-guesthouse-container .ui-accordion-header {
    background: #f26522;
    border:none;
    color:#fff;
}
#booking-guesthouse-container .ui-state-default .ui-icon {
    background: none;
    width:25px;
    height:25px;
}
#booking-guesthouse-container .ui-state-default .ui-icon:before {
    content:"\f061";
    display: block;
    width:25px;
    height:25px;
    color:#fff;
    position: absolute;
    z-index: 10;
    text-indent:0;
    font-size:14px;
    left:5px;
}
#booking-guesthouse-container .ui-state-active .ui-icon:before {
    content:"\f063";
}
#booking-guesthouse-container .ui-accordion .ui-accordion-content {
    padding:30px 0;
    border:none;
    background: none;
}
.booking_form input[type="text"], .booking_form textarea {
    width:90% !important;
    height:40px;
    font-size:16px !important;
    margin:4px 0 8px 0 !important;
}
.booking_form textarea {
    height:200px;
    margin:4px 0 8px 0;
}
.wpdevelop p {
    margin:0 0 10px 0 !important;
}
.booking_form input[type="button"] {
    width:93% !important;
    height:40px !important;
    color:#fff;
    border:1px solid #f26522;
    color:#f26522;
    font-size:16px;
}
.booking_form input[type="button"]:hover {
    background: #f26522;
    color:#fff;
}


/* Events
=====================================================================*/
#text-content.events {
    width: 30%;
    padding: 8%;
}
#title-events {
    font-size:36px;
    color:#069;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-events:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #069;
    position: absolute;
    border-radius: 4px;
}
#events-month {
    width:40%;
    float:right;
    margin-top:20px;
    position: relative;
    z-index: 10;
}
#events-month h3 {
    font-size:22px;
    color:#069;
    margin:0 0 30px 0;
}
#events-month h3 span {
    color:#666;
    font-size:16px;
    float:right;
    margin:5px 0 0 0;
}
#group-events {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.7rem;
    margin: 0 0 80px 0;
    padding: 0;
}
.row-events {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    background: #fff;
    border-radius:10px;
}
.row-events div {
    padding:7px;
}
.row-events div img {
    float:left;
    width:25%;
    border-radius:3px;
    margin:0 5% 0 0;
}
.row-events div h4 {
    font-weight:bold;
    font-size:20px;
    margin:5px 10px 10px 0;
}
.row-events div h4 a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
           line-clamp: 3;
    -webkit-box-orient: vertical;
    color:#111;
    text-decoration: none;
}
.row-events div h4 a:hover {
    color:#069;
}
.date-exhibition {
    font-size:14px;
    color:#888;
    position: absolute;
    z-index: 1;
    bottom:10px;
}
.label-event {
    background: #711318;
    font-size:12px;
    color:#fff;
    padding:5px 10px;
    position: absolute;
    z-index: 1;
    left:-1px;
    top:15px;
}
.label-event.restaurant {
    background: #bf1e2e;
}
.label-event.travel {
    background: #638c3d;
}
.label-event.bakery {
    background: #c96533;
}
.label-event.guesthouse {
    background: #f26522;
}
#group-events-filter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.7rem;
    margin: 0 0 40px 0;
    padding: 0;
}
.row-events-filter {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    background: #fff;
    border-radius:10px;
    border:1px solid #ccc;
}
.row-events-filter:hover {
    border:1px solid #069;
}
.row-events-filter div {
    padding:7px;
}
.row-events-filter div img {
    width:50%;
    float:left;
    border-radius:3px;
    margin:0 5% 0 0;
}
.row-events-filter div a {
    text-decoration: none;
}
.row-events-filter div a h3 {
    font-weight:bold;
    font-size:18px;
    margin:5px 10px 10px 0;
    color:#111;
    text-decoration: none;
    hyphens: auto;
}
.row-events-filter .label-event {
    background: #711318;
    font-size:12px;
    color:#fff;
    padding:5px 10px;
    position: absolute;
    z-index: 1;
    bottom:35px;
    left:auto;
    top:auto;
    border-radius:3px;
}
.row-events-filter .label-event.restaurant {
    background: #bf1e2e;
}
.row-events-filter .label-event.travel {
    background: #638c3d;
}
.row-events-filter .label-event.bakery {
    background: #c96533;
}
.row-events-filter .label-event.guesthouse {
    background: #f26522;
}
.pagination {
    clear:both;
    margin:0 0 50px 0;
    height:30px;
}
.pagination h2 {
    text-transform: uppercase;
    font-size:14px;
    color:#111;
    font-weight: bold;
    margin:0 0 5px 0;
}
.nav-links {
    height: 30px;
    float:left;
    line-height: 30px;
}
#pagination .page-numbers,
.nav-links .page-numbers {
    width:30px;
    height: 30px;
    line-height: 30px;
    border:1px solid #d6dbdd;
    float:left;
    margin:0 5px 5px 0;
    text-align: center;
    text-decoration: none;
}
#pagination .page-numbers.next,
#pagination .page-numbers.prev,
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev {
    width:auto;
    padding:0 10px;
    font-weight: bold;
}
.page-numbers.current {
    color:#d6dbdd;
}
#title-list-events {
    font-size:28px;
    margin:0 0 40px 0;
    color:#069;
    position: relative;
}
#title-list-events:before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    top: -15px;
    left: 0;
    background: #069;
    position: absolute;
    border-radius: 4px;
}
#filter-events {
    margin:0 0 30px 0;
}
#filter-events .wpc-filters-main-wrap li.wpc-term-item {
    float:left;
    margin:0 20px 0 0;
}
#filter-events .wpc-filters-main-wrap li.wpc-term-item a {
    color:#069;
}
#filter-events .wpc-filters-main-wrap ul.wpc-filters-ul-list {
    padding:0;
}
#filter-events .wpc-filter-title {
    font-size:16px;
    color:#111;
}
.events figure {
    width:40%;
    position: absolute;
    z-index: 50;
}
.events figure img {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#title-events-detail {
    font-size:36px;
    color:#069;
    margin:0 0 30px 0;
}
#events-content {
    width: 41%;
    padding: 10% 10% 9% 14%;
    background: rgba(255,255,255,.80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: relative;
    z-index: 40;
    float: right;
    margin:20px 0 60px 0;
}
#events-content .label-event {
    position: relative;
    bottom:auto;
    left:auto;
    top:auto;
    margin:0 0 10px 0;
    display: inline-block;
}
#events-info .date-exhibition {
    position: relative;
    bottom:auto;
    font-size:18px;
}
#events-info li {
    font-size:18px;
    color:#888;
    line-height: 1.4;
    margin:0 0 5px 0;
}
#events-info {
    list-style: none;
    margin:0 0 40px 0;
}
#events-info li i {
    width:25px;
    text-align: left;
    color:#069;
}
.header-content.events h2 {
    color:#069;
    margin:0 0 25px 0;
}

/* Blog
=====================================================================*/
#list-article {
    list-style: none;
    margin:0;
}
#list-article li {
    border-bottom:1px dashed #ac7b34;
    padding:30px 0 60px 0;
    margin:0 0 30px 0;
}
#list-article li figure {
    width:30%;
    float:left;
}
.content-list {
    width:66%;
    float:right;
}
.content-list .date {
    color:#888;
    font-size:14px;
    display: block;
    margin:0 0 5px 0;
}
.content-list h2 {
    font-size:24px;
    margin:0 0 20px 0;
}
.content-list h2 a {
    text-decoration: none;
}
.content-list h2 a:hover {
    text-decoration: underline;
}
.content-list p {
    font-size:18px;
    color:#333;
    line-height: 1.4;
}
.content-list .link-more {
    margin-bottom:0;
}
#intro-blog {
    position: relative;
    z-index: 70;
}
#blog-info {
    padding:30px 0;
    width:100%;
    position: absolute;
    z-index: 1;
    left:0;
    bottom:0;
    background: rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
#blog-info h4 {
    float:left;
    font-size:18px;
    color:#fff;
}
#blog-info aside {
    float:right;
}
#blog-info aside p {
    float:left;
    margin:0 0 0 20px;
    font-size:16px;
    color:#fff;
}
#blog-info aside p i {
    margin:0 5px 0 0;
}
#blog-container {
    width:80%;
    margin:0 auto;
}
#title-blog {
    font-size:36px;
    color:#ac7b34;
    text-align: center;
    margin:0 0 40px 0;
}
.wpb-posts-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    align-items: center;
    max-width: 1200px;
    margin: 70px auto 90px auto;
} 
.wpb-posts-nav a {
    display: grid;
    grid-gap: 20px;
    align-items: center;
} 
.wpb-posts-nav h4,
.wpb-posts-nav strong {
    margin: 0;
}
.wpb-posts-nav h4 {
    font-size:20px;
}
.wpb-posts-nav a svg {
    display: inline-block;
    margin: -2px 0 0 0;
    vertical-align: middle;
}
.wpb-posts-nav > div:nth-child(1) a {
    grid-template-columns: 100px 1fr;
    text-align: left;
} 
.wpb-posts-nav > div:nth-child(2) a {
    grid-template-columns: 1fr 100px;
    text-align: right;
} 
.wpb-posts-nav__thumbnail {
    display: block;
    margin: 0;
} 
.wpb-posts-nav__thumbnail img {
    border-radius: 10px;
}
.wpb-posts-nav a {
    text-decoration: none;
}
.wpb-posts-nav a strong {
    color:#333;
    font-weight: normal;
}
#share-article {
    position: sticky;
    float:left;
    top: 150px;
    left: 0;
    width: 55px;
    text-align: center;
    margin-left: -130px;
    z-index: 10;
}
#share-article p {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
}
.nav-share {
    list-style: none;
    margin: 0 auto;
    width:40px;
}
.nav-share li {
    width: 40px;
    height:40px;
    margin: 0 0 10px 0;
}
.nav-share li a {
    width: 40px;
    height:40px;
    display: block;
    color: #fff;
    text-align: center;
    line-height:40px;
    font-size: 20px;
}
.nav-share li.link-facebook {
    background: #1877f2;
}
.nav-share li.link-linkedin {
    background: #0e76a8;
}
.nav-share li.link-twitter {
    background: #000;
}
.nav-share li.link-whatsapp {
    background: #00c3a5;
}

/* FAQ
=====================================================================*/
#title-faq {
    font-size:36px;
    color:#7c0013;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-faq:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #7c0013;
    position: absolute;
    border-radius: 4px;
}
#contact-info.faq h3 {
    color:#7c0013;
}
#checklist.faq i {
    color:#7c0013;
}
#list-viavia {
    list-style: none;
    margin:0 0 20px 0;
}
#list-viavia li {
    font-size:18px;
    margin:0 0 7px 0;
}
#list-viavia li i {
    width: 25px;
    text-align: left;
    color:#7c0013;
}
#contact-info.faq .list-contact li i {
    color:#7c0013;
}
.title-viavia-faq {
    color:#7c0013;
    font-size:22px;
    margin:0 0 20px 0;
}
.masonry {
  columns: 20rem;
  gap: 2rem;
  counter-reset: grid;
}
.grid-item + .grid-item {
  margin-top: 2rem;
}

.grid-item {
  break-inside: avoid;
  aspect-ratio: 4 / 3;
  padding: 2rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
}
.grid-item:nth-child(3n) {
  aspect-ratio: 1;
}

.grid-item:nth-child(3n - 1) {
  aspect-ratio: 2 / 3;
}
.title-faq-grid {
    font-size:22px;
    color:#7c0013;
    margin:0 0 40px 0;
    position: relative;
}
.title-faq-grid::before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    bottom: -20px;
    left: 0;
    background: #7c0013;
    position: absolute;
    border-radius: 4px;
}
#filter-grid .wpc-filter-title {
    font-size: 16px;
    color: #111;
}
#filter-grid {
    position: relative;
}
#filter-grid .wpc-filter-content {
    width:250px;
}
#filter-grid .wpc-filter-content select {
    height:40px;
}

/* Training
=====================================================================*/
#title-training {
    font-size:36px;
    color:#8c414e;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-training:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #8c414e;
    position: absolute;
    border-radius: 4px;
}
#text-content.training {
    width: 80%;
    padding: 10%;
    float:none;
}
.header-content.training h2 {
    color:#8c414e;
    margin:0 0 25px 0;
}
#list-partner {
    list-style: none;
    margin:0;
    text-align: center;
}
#list-partner li {
    width:15%;
    margin:0 2% 4% 2%;
    display: inline-block;
}

/* Projects
=====================================================================*/
#title-projects {
    font-size:36px;
    color:#90509b;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-projects:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #90509b;
    position: absolute;
    border-radius: 4px;
}
#text-content.projects {
    width: 80%;
    padding: 10%;
    float:none;
}
.header-content.training h2 {
    color:#90509b;
    margin:0 0 25px 0;
}
#group-projects {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.2rem;
    margin: 0 0 70px 0;
    padding: 0;
}
.row-projects {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    border:1px solid #ccc;
    border-radius:10px;
    background: #fff;
}
.row-travel:hover {
    border:1px solid #638c3d;;
}
.row-projects figure img {
    border-radius:9px 9px 0 0;
    margin:0;
}
.row-projects h2 {
    font-size:22px;
    margin:0 0 10px 0;
}
.row-projects h2 a {
    color:#90509b;
    text-decoration: none;
}
.row-projects div {
    padding:30px;
}
.row-projects p {
    font-size:18px;
    color:#333;
    line-height: 1.4;
    margin:0 0 20px 0;
}
.more-projects, .more-projects:link, .more-projects:visited {
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
}
.more-projects:hover {
    color:#90509b;
}

/* Bakery
=====================================================================*/
#title-bakery {
    font-size:36px;
    color:#c96533;
    margin:0 0 25px 0;
    position: relative;
}
#text-content #title-bakery:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #c96533;
    position: absolute;
    border-radius: 4px;
}
#contact-info.bakery h3 {
    color:#c96533;
}
#contact-info.bakery .list-contact li i {
    color:#c96533;
}
#checklist.bakery {
    border:none;
}
#checklist.bakery i {
    color:#c96533;
}
#checklist.bakery li strong {
    color:#c96533;
}
#list-takeaway li#link-tokopedia a {
    color:#06ac10;
}
#list-takeaway li#link-tokopedia a:hover {
    border:1px solid #06ac10;
}
#list-takeaway li#link-shopee a {
    color:#ee4d2d;
}
#list-takeaway li#link-shopee a:hover {
    border:1px solid #ee4d2d;
}
.category-bakery-image {
    width:24%;
    position: sticky;
    float:left;
    top:140px;
}
.category-bakery-image h2 {
    position: absolute;
    z-index: 5;
    bottom:15px;
    text-align: center;
    width:100%;
    font-size:26px;
    color:#fff;
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
.group-bakery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    margin: 0;
    padding: 0;
}
.row-bakery {
    display: flex;
    align-items: center;
}
.row-bakery img {
    width:30%;
    display: inline-block;
    vertical-align: middle;
}
.row-bakery div {
    display: inline-block;
    width:68%;
    vertical-align: middle;
}
.row-bakery a h3 {
    color:#c96533;
    text-decoration: none;
    margin:20px 20px 15px 20px;
    font-size:18px;
}
.row-bakery a p {
    color:#333;
    font-size:15px;
    line-height: 1.4;
    margin:0 20px 20px 20px;
}
.header-content.bakery h2 {
    color:#c96533;
    margin:0 0 25px 0;
}
#why-bakery-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3rem;
    justify-items: center;
    margin: 0 0 80px 0;
    padding: 0;
}
.row-why-bakery {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
}
.row-why-bakery h3 {
    text-align: center;
    font-size:18px;
    color:#666;
    font-weight: 300;
}
.row-why-bakery img {
    margin:0 0 15px 0;
}
#nav-page.bakery li a {
    color: #c96533;
    border: 1px solid #c96533;
    border-bottom: 3px solid #c96533;
}
#nav-page.bakery li a:hover {
    background: #c96533;
    color:#fff;
}
#nav-page.bakery {
    text-align: center;
    margin:0;
}
#nav-page.bakery li {
    display: inline-block;
    margin:0 10px;
    width:35%;
}
.row-review {
    padding: 2rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    padding:30px;
    position: relative;
    margin:0 0 40px 0;
}
.row-review figure {
    width:10%;
    float:left;
    position: relative;
}
#filter-sidebar-review {
    width:25%;
    float:left;
    background: #f9f6f2;
    padding:0;
    position: sticky;
    top:140px;
}
#filter-sidebar-review .wpc-filters-section {
    padding:0;
    margin:0;
}
#filter-sidebar-review .wpc-filter-title {
    font-size:20px;
    font-weight: bold;
    color:#fff;
    background: #711318;
    padding:10px;
}
#filter-sidebar-review .wpc-filters-main-wrap li.wpc-term-item a {
    color:#711318;
}
#filter-sidebar-review .wpc-filter-content {
    padding:0 20px;
    margin:0 0 30px 0;
}
#filter-sidebar-review .wpc-filters-main-wrap li.wpc-term-item input[type="checkbox"], 
#filter-sidebar-review .wpc-filters-main-wrap li.wpc-term-item input[type="radio"] {
    border:1px solid #711318;
}
#content-review {
    width:70%;
    float:right;
    margin:0 0 70px 0;
}
.text-review {
    width:85%;
    float:right;
}
.text-review .row-testimonial-star {
    text-align: left;
}
.text-review aside h3 {
    font-size:20px;
    color:#111;
    font-weight: bold;
}
.text-review aside span {
    font-size: 14px;
    color: #999;
}
.text-review .label-event {
    left:auto;
    right:-2px;
    top:30px;
}
#nav-main-bakery {
    list-style: none;
    margin:0;
    text-align: center;
    border-radius:5px;
    background: #f9f6f2;
    padding:3px 3px 2px 3px;
    border:none;
    line-height: 1;
}
#nav-main-bakery li {
    display: inline-block;
    margin:0 2px;
    float:none;
    border:none;
    white-space: normal;
    top:auto;
    background: none;
    padding:0;
}
#nav-main-bakery li:before {
    display: none;
}
#nav-main-bakery li a {
    display: block;
    padding:13px 12px;
    font-size:16px;
    color:#c96533;
    text-decoration: none;
    float:none;
    margin:0;
}
.row-bakery a img,
.row-bakery a h3,
.row-bakery a p {
    text-decoration: none;
}
#nav-main-bakery li.ui-tabs-active a {
    background: #c96533;
    color:#fff;
}
#nav-main-bakery li.ui-tabs-active {
    padding:0;
}
#tabs-bakery-container {
    border:none;
    border-radius:0;
    background: none;
    padding:0;
}
#tabs-bakery-container .tabs-bakery {
    padding:0;
}
#nav-main-bakery {
    margin:0 0 40px 0;
}

/* Conscious Shop
=====================================================================*/
#title-conscious {
    position: relative;
    font-size:36px;
    color:#e2a936;
    margin:0 0 25px 0;
}
#text-content #title-conscious:before {
    content: "";
    width: 70px;
    height: 3px;
    display: block;
    top: -20px;
    left: 0;
    background: #e2a936;
    position: absolute;
    border-radius: 4px;
}
#contact-info.conscious h3 {
    color:#e2a936;
}
#text-conscious-info {
    font-size:18px;
    color:#333;
    line-height: 1.4;
}
#checklist.conscious i {
    color:#e2a936;
}
#checklist.conscious li strong {
    color:#e2a936;
}
#nav-page.conscious li a {
    color:#e2a936;
    border:1px solid #e2a936;
    border-bottom:3px solid #e2a936;
}
#nav-page.conscious li a:hover {
    background: #e2a936;
    color:#fff;
}
.header-content.conscious h2 {
    color:#e2a936;
    margin:0 0 25px 0;
}
.header-content.conscious p {
    font-size:20px;
    text-align: center;
    width:75%;
    margin:0 auto;
    line-height: 1.4;
}
#group-fair {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.5rem;
    justify-items: center;
    padding: 0;
}
.row-fair {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
}
.row-fair aside {
    text-align: center;
    margin:0 0 25px 0;
}
.row-fair aside i {
    font-size:46px;
    color:#e2a936;
}
.row-fair h3 {
    text-align: center;
    font-size:20px;
    color:#e2a936;
    margin:0 0 20px 0;
}
.row-fair p {
    font-size:16px;
    color:#333;
    line-height: 1.3;
}
.title-conscious {
    text-align: center;
    position: relative;
    font-size:28px;
    color:#e2a936;
    margin:0 0 40px 0;
    padding:0 0 15px 0;
}
.title-conscious::before {
    content:"";
    width:50px;
    height:2px;
    position: absolute;
    z-index: 5;
    left:50%;
    margin-left:-25px;
    background: #e2a936;
    bottom:0;
}
#tabs-conscious-container {
    position: static;
}
#nav-main-conscious {
    position: sticky;
    left:0;
    top:160px;
    z-index: 1;
    float:left;
    width:25%;
    padding:0;
    border:none;
    background: #f9f6f2;
}
#tabs-conscious-container {
    padding:0;
    border:none;
}
#tabs-conscious-container .tabs-conscious {
    padding:0;
}
#nav-main-conscious li {
    float:none;
    margin:0;
    padding:0;
    background: none;
    border:none;
    border-radius:0;
}
#nav-main-conscious li a {
    display: block;
    float:none;
    border:none;
    border-radius:0;
    color:#888;
    padding:12px 20px;
    font-size:18px;
}
#nav-main-conscious li.ui-tabs-active a {
    background: #e2a936;
    color:#fff;
}
.tabs-conscious {
    width:70%;
    float:right;
}
.group-conscious {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.7rem;
    margin: 0 0 50px 0;
    padding: 0;
}
.row-conscious {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding-bottom:20px;
}
.row-conscious a {
    text-decoration: none;
}
.row-conscious h3 {
    text-align: center;
    color:#e2a936;
    font-size:20px;
    margin:0 0 10px 0;
}
.row-conscious img {
    border-radius:9px 9px 0 0;
    margin:0 0 15px 0;
}
.row-conscious p {
    text-align: center;
    font-size:14px;
    color:#333;
    margin:0 0 5px 0;
}
.row-conscious ul {
    list-style: none;
    text-align: center;
    margin:0;
    padding:0 20px;
}
.row-conscious ul li {
    display: inline-block;
    margin:0 1px 5px 1px;
    background: #711318;
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
    border-radius:3px;
}
.row-conscious ul li.viavia-guesthouse-conscious {
    background: #f26522;
}
.row-conscious ul li.viavia-travel-conscious {
    background: #638c3d;
}
.row-conscious ul li.viavia-artisan-bakery-conscious {
    background: #c96533;
}
.row-conscious ul li.viavia-restaurant-conscious {
    background: #bf1e2e;
}
.title-subconscious {
    color:#e2a936;
    font-size:24px;
    margin:0 0 30px 0;
    padding:0 0 20px 0;
    position: relative;
}
.title-subconscious:before {
    content:"";
    position: absolute;
    z-index: 1;
    width:50px;
    height:2px;
    background: #e2a936;
    left:0;
    bottom:0;
}
.conscious-address {
    border-bottom:2px dashed #777;
    padding:40px 0;
}
.conscious-address ul {
    list-style: none;
    margin:0;
}
.conscious-address ul li {
    font-size:18px;
    margin:0 0 4px 0;
}
#more-content .conscious-address:last-child {
    border:none;
}
.conscious-address ul li strong.restaurant {
    color:#bf1e2e;
}
.conscious-address ul li strong.travel {
    color:#638c3d;
}
.conscious-address ul li strong.bakery {
    color:#c96533;
}
.conscious-address ul li strong.guesthouse {
    color:#f26522;
}

/* Countdown
=====================================================================*/
#title-countdown {
    text-align: center;
    margin:80px 0 10px 0;
    font-size:42px;
    color:#7c0013;
}
#subtitle-countdown {
    text-align: center;
    margin:0 0 30px 0;
    font-size:34px;
    color:#7c0013;
}
#poster-countdown {
    width:60%;
    margin:0 auto;
    text-align: center;
}
#text-countdown {
    font-size:22px;
    color:#333;
    line-height: 1.5;
    width:80%;
    margin:0 auto 100px auto;
    text-align: center;
}
.container-youtube {
    display: flex;
    justify-content: center;
    margin-bottom:70px;
}
.container-youtube iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}
.tick {
    font-size:1rem; 
    white-space:nowrap;
    width:80%;
    margin:0 auto;
}
.tick-flip,.tick-text-inline {
  font-size:2.5em;
}

.tick-label {
  margin-top:20px;
  font-size:30px;
}

.tick-char {
  width:1.5em;
}

.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}

.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}

.tick-group {
  margin:0 1em;
  text-align:center;
}
.tick-text-inline {
   color: rgb(90, 93, 99) !important; 
}

.tick-label {
   color: rgb(90, 93, 99) !important; 
}

.tick-flip-panel {
   color: rgb(255, 255, 255) !important; 
}

.tick-flip {
   font-family: !important; 
}

.tick-flip-panel-text-wrapper {
   line-height: 1.45 !important; 
}

.tick-flip-panel {
   background-color: #7c0013 !important; 
}

.tick-flip {
   border-radius:0.12em !important; 
}
.tick-flip-panel-back::after {
    background-image: -webkit-linear-gradient(top, rgba(92, 0, 14, 0.3) 1px, rgba(92, 0, 14, 0.15) 1px, rgba(92, 0, 14, 0) 30%) !important;
    background-image: linear-gradient(180deg, rgba(92, 0, 14, 0.3) 1px, rgba(92, 0, 14, 0.15) 1px, rgba(92, 0, 14, 0) 30%) !important;
}
.tick-flip-panel-front-shadow {
    background-image: -webkit-linear-gradient(bottom, rgba(92, 0, 14, 0.8), rgba(92, 0, 14, 0.3)) !important;
    background-image: linear-gradient(to top, rgba(92, 0, 14, 0.8), rgba(92, 0, 14, 0.3)) !important;
}

.tick-flip-panel-back-shadow {
    background-image: -webkit-linear-gradient(top, rgba(92, 0, 14, 0.7), rgba(92, 0, 14, 0.5)) !important;
    background-image: linear-gradient(to bottom, rgba(92, 0, 14, 0.7), rgba(92, 0, 14, 0.5)) !important;
}

.tick-flip-panel-back-highlight {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));
}
#event-countdown {
    padding:60px 40px;
}
#event-countdown-container {
    position: relative;
}
#event-countdown h2 {
    font-size:36px;
    color:#8c414e;
    text-align: center;
    margin:0 0 50px 0;
}
.photo-countdown-1 {
    position: absolute;
    z-index: 10;
    width:25%;
    background: #fff;
    padding:10px;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    left:-160px;
    top:-60px;
}
.updown-animation-1 {
    animation-name: infiniteupdown1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown1 {
    0% {
        transform: translateY(0px) rotate(15deg);
    }
    50% {
        transform: translateY(-40px) rotate(15deg);
    }
    100% {
        transform: translateY(0px) rotate(15deg);
    }
}

.photo-countdown-2 {
    position: absolute;
    z-index: 10;
    width:20%;
    background: #fff;
    padding:10px;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    right:-140px;
    top:400px;
}
.updown-animation-2 {
    animation-name: infiniteupdown2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown2 {
    0% {
        transform: translateY(0px) rotate(-12deg);
    }
    50% {
        transform: translateY(-40px) rotate(-12deg);
    }
    100% {
        transform: translateY(0px) rotate(-12deg);
    }
}

.photo-countdown-3 {
    position: absolute;
    z-index: 10;
    width:23%;
    background: #fff;
    padding:10px;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    left:-200px;
    bottom:400px;
}
.updown-animation-3 {
    animation-name: infiniteupdown3;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown3 {
    0% {
        transform: translateY(0px) rotate(-12deg);
    }
    50% {
        transform: translateY(-40px) rotate(-12deg);
    }
    100% {
        transform: translateY(0px) rotate(-12deg);
    }
}


.photo-countdown-4 {
    position: absolute;
    z-index: 10;
    width:23%;
    background: #fff;
    padding:10px;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    right:-180px;
    bottom:580px;
}
.updown-animation-4 {
    animation-name: infiniteupdown4;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes infiniteupdown4 {
    0% {
        transform: translateY(0px) rotate(10deg);
    }
    50% {
        transform: translateY(-40px) rotate(10deg);
    }
    100% {
        transform: translateY(0px) rotate(10deg);
    }
}

#list-countdown {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.5rem;
    margin: 0 0 50px 0;
    padding: 0;
}
.row-countdown {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.row-countdown h3 {
    text-align: center;
    font-size:22px;
    font-weight: bold;
    border-bottom: 2px dashed #c2c2c2;
    padding:0 0 15px 0;
    margin:0 0 20px 0;
}
.row-countdown div {
    padding:30px;
}
.list-event-countdown {
    list-style: none;
    margin:0;
}
.list-event-countdown li {
    font-size:16px;
    margin:0 0 12px 0;
}
.list-event-countdown li p {
    display: block;
    padding:0 0 0 7px;
    border-left:2px solid #7c0013;
    margin:0 0 5px 0;
}
.list-event-countdown li a {
    display: block;
    padding-left:9px;
    text-decoration: none;
}
.list-event-countdown li a:hover {
    text-decoration: underline;
}
#logo-30 {
    position: fixed;
    width:200px;
    right:15px;
    bottom:85px;
    z-index: 2000;
}
.animate.pop {
    animation-name: animate-pop;
    animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
    animation-duration: 0.5s;
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
#logo-30 img {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#logo-30 img:hover {
    transform: scale(1.2, 1.2);
}


/* All Layout
=====================================================================*/
#instagram-container.restaurant {
    margin-bottom:70px;
}
#whatsapp-fly-container {
    width:max-content;
    margin-left:auto;
    position: sticky;
    right:20px;
    bottom:20px;
    display: block;
    width:max-content;
    margin-left:auto;
    z-index: 100;
}
#whatsapp-fly-button {
    display: block;
    width:55px;
    height:55px;
    border-radius:120px;
    background: #128c7e;
    color:#fff;
    font-size:28px;
    text-align: center;
    line-height: 55px;
}
#button-promo-guesthouse {
    position: sticky;
    left:20px;
    bottom:20px;
    height:50px;
    display: inline-block;
    line-height: 50px;
    padding:0 20px;
    background: #f26522;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    text-transform: uppercase;
    z-index: 2000;
    text-decoration: none;
    border:1px solid #f26522;
}
#button-promo-guesthouse i {
    font-size:20px;
    margin-right:5px;
}
#button-promo-guesthouse:hover {
    background: #fff;
    color:#f26522;
}

/* Hidden Pure Chat
=====================================================================*/
.page-template-bakery-template #purechat-container,
.page-template-guesthouse-template #purechat-container,
.page-template-restaurant-template #purechat-container,
.page-template-restaurantmenu-template #purechat-container,
.single-guesthouse #purechat-container,
.single-restaurant #purechat-container {
    display: none;
}

/* Breadcrumbs
=====================================================================*/
#breadcrumbs {
    margin-top:15px;
}
#breadcrumbs ol {
    list-style: none;
    margin: 0;
    font-size: 14px;
}
#breadcrumbs ol li {
    float: left;
    color: #111;
    padding: 5px 0 0 0;
    margin-right: 15px;
}
#breadcrumbs ol li:last-child {
    font-weight: bold;
}
#breadcrumbs li:before,
#breadcrumbs ol li:last-child:before {
    content: "\f054";
    width: 20px;
    height:20px;
    display: block;
    float: left;
    color: #d3ced2;
    font-weight: 300;
    margin-top:2px;
}
#breadcrumbs ol li.home-breadcrumb {
    width: 40px;
    height:50px;
    position: relative;
    text-indent: -9999px;
    float: left;
    padding: 0;
    margin: 0;
}
#breadcrumbs ol li.home-breadcrumb a {
    display: block;
    width: 40px;
    height:50px;
    float: left;
    position: relative;
    z-index: 100;
    color: #111;
}
#breadcrumbs ol li.home-breadcrumb:before {
    content: "\f80c";
    width: 40px;
    height:40px;
    position: absolute;
    font-size: 20px;
    color: #111;
    top: 0;
    left: 0;
    text-indent: 0;
    z-index: 1;
}
#breadcrumbs ol li a {
    color: #111;
    text-decoration: none;
}
#breadcrumbs ol li a:hover {
    color:#711318;
}

/* Typography
=====================================================================*/
.static-page img {
    margin:5px 0 0 0;
    height:auto;
    width:100%;
    max-width:100%;
}
.static-page img.imgframe {
    max-width:97.5%;
    border:5px solid #f3f6f8;
}
img.alignleft, .static-page img.alignleft {
    margin-right:35px;
    float:left;
}
img.alignright, .static-page img.alignright {
    margin-left:35px;
    float:right;
}
.static-page h1,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6 {
    line-height: 1.3;
    color:#111;
}
.static-page h1 {
    font-size: 36px;
    margin: 30px 0;
}
.static-page h2 {
    font-size: 30px;
    margin: 25px 0;
}
.static-page h3 {
    font-size: 26px;
    margin: 22px 0;
}
.static-page h4 {
    font-size: 22px;
    margin: 25px 0;
}
.static-page h5 {
    font-size: 20px;
    margin: 30px 0;
}
.static-page h6 {
    font-size: 18px;
    margin: 36px 0;
}
.static-page p {
    margin: 0 0 24px;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
#news-wrapper .static-page p:first-of-type:first-letter {
    float: left;
    line-height: 35px;
    font-size: 55px;
    color: #cf3a52;
    padding:5px 5px 5px 0;
    margin-right: 5px;
    margin-top:5px;
}
.static-page hr {
    border: 0;
    text-align: center;
    margin:40px 0;
}
.static-page hr:before {
    content: "\2022   \2022   \2022   \2022";
    font-size: 44px;
    color: #711318;
}
.align-center {
    text-align: center;
}
.static-page ul, .static-page ol {
    margin: 0 0 24px 30px;
    line-height: 1.5;
    font-size: 18px;
    color:#333;
}
.static-page ul {
    list-style-position: outside;
}
.static-page ul li {
    position: relative;
    padding-left: 0;
    text-indent: 0;    
}
.static-page ul li::marker {
    color:#711318;
}
.static-page blockquote {
    margin: 0 0 24px;
    line-height: 1.5;
    font-size: 20px;
    color:#111;
    font-weight: 300;
    padding:0 0 0 40px;
    position: relative;
    overflow:hidden;
}
.static-page blockquote:before {
    content:'\201C';
    font-size:90px;
    color:#fb94ae;
    line-height: 1.2;
    position: absolute;
    height:50px;
    left:0;
    top:-15px;
}
.static-page blockquote p {
    font-size:20px;
    line-height: 1.5;
    font-weight: 300;
}
.static-page blockquote cite {
    text-align: right;
    font-size: 16px;
    display: block;
}
pre {
    font-size: 16px;
    padding: 0 0 0 10px;
    margin: 0;
    background: #e7e7e7;
    border-left: 1px solid #b8b8b8;
    overflow: auto;
    overflow-y: hidden;
    line-height:1.6em;
    margin-top:1.6em;
    margin-bottom:1.6em;
    color:#686868;
    font-family: 'Courier New', 'Courier', serif;
}
pre code {
    margin: 0 0 0 20px; 
    padding: 18px 0;
    display: block;
}
.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.wp-block-embed-youtube .wp-block-embed__wrapper  iframe, .wp-block-embed-youtube .wp-block-embed__wrapper  object, .wp-block-embed-youtube .wp-block-embed__wrapper  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wp-block-embed {
    margin: 0 0 40px 0;
}
.wp-block-image {
    margin: 0 0 40px 0;
    clear:both;
}
.wp-block-image img {
    margin-bottom:8px;
}
.wp-block-image figcaption {
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 300;
}
.wp-block-image .alignleft {
    width:40%;
    margin-right:60px;
}
.wp-block-image .alignright {
    width:40%;
    margin-left:60px;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    margin:0;
}
.static-page .wp-block-columns img {
    width:100%;
    max-width:100%;
    margin-left:0;
}
.static-page table {
    margin:0 0 10px 0;
    border-collapse: collapse;
    width: 100%;
}
.static-page table td, .static-page table th {
    border: 1px solid #ddd;
    padding: 10px;
}
.static-page table tr:nth-child(even){
    background-color: #f2f2f2;
}
.static-page table tr:hover {
    background-color: #ddd;
}
.static-page table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #1c8185;
    color: #fff;
}
.wp-block-table thead {
    border-bottom:1px solid #ddd !important;
}
.wp-block-file *+.wp-block-file__button {
    display: inline-block;
    padding:5px 10px;
}
.wp-block-file *+.wp-block-file__button:hover {
    color:#fff;
}
.static-page figcaption {
    font-size:16px;
    position: relative;
    color:#999;
    margin:20px 0 20px 0;
    padding:15px 0 0 0;
    font-weight: 300;
}
/*.static-page figcaption:before {
    content:"";
    height:1px;
    background: #d0d0d0;
    width:60px;
    position:absolute;
    top:0;
    left:0;
}*/

/* Footer
=====================================================================*/
#footer-top {
    background: #333;
    padding:80px 0;
}
#map-info {
    width:22%;
    float:left;
}
#map-info h5 {
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size:20px;
}
#map-info ul {
    list-style: none;
    color:#fff;
    font-size:16px;
    margin:0 0 20px 0;
}
#map-info ul li {
    line-height: 1.4;
    margin:0 0 12px 0;
    padding:0 0 12px 0;
    border-bottom:1px dashed #444;
}
#map-info ul li:last-child {
    border:none;
}
#map-info img {
    border-radius:180px;
    margin:0 0 30px 0;
    border:3px solid #333;
}
#map-info img:hover {
    border:3px solid #89162c;
}
#footer-top h4 {
    font-size:24px;
    color:#fff;
    margin:0 0 20px 0;
}
#footer-top h4 a {
    color:#fff;
    text-decoration: none;
}
#footer-top h4 a:hover span {
    text-decoration: underline;
}
#footer-top h4 img {
    width:50px;
    margin:0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
#footer-top h4 span {
    display: inline-block;
    vertical-align: middle;
}
#footer-top a {
    color:#fff;
    text-decoration: underline;
}
#footer-top p {
    font-size:16px;
    color:#fff;
}
.footer-row {
    width:20%;
    float:left;
    margin:0 0 0 6%;
}
.list-contact {
    list-style: none;
    margin:0 0 50px 0;
}
.list-contact li {
    font-size:16px;
    color:#fff;
    line-height: 1.4;
    margin:0 0 5px 0;
}
.list-contact li i {
    width:25px;
    text-align: left;
}
#footer-top .list-contact li a {
    text-decoration: none;
}
#footer-top .list-contact li a:hover {
    text-decoration: underline;
}
#footer-bottom h6 {
    text-align: center;
    padding:20px 0;
    font-size:16px;
    color:#333;
}

/* CSS for Small laptop
=====================================================================*/
@media screen and (max-width: 1400px) {
    .wrapper {
        min-width:0;
        width:auto;
        padding:0 20px;
        height:auto;
    }
    #nav-main li a {
        padding:0 11px;
    }
    #slideshow-guesthouse .owl-theme .owl-dots {
        left:auto;
        right:-50px;
        z-index: 100;
    }
    #slideshow-guesthouse {
        z-index: 41;
    }
}
/* CSS for Small laptop
=====================================================================*/
@media screen and (max-width: 1200px) {
    .menu-button-container {
        display: block;
    }
    #menu-toggle:checked ~ #nav {
        display: block;
    }
    #menu-toggle:checked ~ .menu-button-container .menu-button {
        top:10px;
    }
    #main-header.small .menu-button {
        top:15px;
    }
    #menu-toggle ~ #nav {
        display: none;
    }
    #nav {
        position: fixed;
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(0, 0, 0, 0.8);
        overflow: hidden;
        transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        z-index:2000;
        margin:0;
        padding:0;
        display: none;
    }
    #nav-container {
        width:80%;
        height: 100%;
        box-shadow:3px 0 5px rgba(0,0,0,0.5);
        background: #fff;
        overflow: scroll;
        left:0;
        top: 0;
        z-index:2100;
        position: absolute;
    }
    .close-menu-big {
        text-indent: -9999px;
        display: block;
        height: 100%;
    }
    #nav,
    #main-header.small #nav {
        border: none;
        margin-top:0;
    }
    #nav-main,
    #main-header.small #nav-main {
      float: none;
      text-align: left;
      border: none;
      padding: 0;
      height: auto;
      margin-top:80px;
    }
    #nav-main li {
        height:auto;
        float:none;
        position: relative;
        display: block;
        border:none;
        background: none;
        box-shadow: none;
        font-size:14px;
        padding:0 20px;
        text-shadow:none;
    }
    #nav-main li:after {
        display: none;
    }
    #nav-main li.current-menu-item:before,
    #nav-main li.current-menu-parent:before {
        display: none;
    }
    #nav-main li a, #nav-main li:hover a, #nav-main li a:hover,
    #main-header.small #nav-main li a, #main-header.small #nav-main li:hover a, #main-header.small #nav-main li:hover a {
        height:auto;
        float:none;
        text-align: left;
        display: block;
        color:#2b2b2b;
        text-decoration: none;
        background: none;
        box-shadow: none;
        border: none;
        font-weight: bold;
        line-height:18px;
        padding:10px 10px;
        font-size:18px;
        -webkit-transition: none; 
        -moz-transition: none;
        transition: none; 
    }
    #nav-main li a:hover {
        background: none;
        padding:10px 10px;
    }
    #nav-main li:hover {
        background: none;
        box-shadow: none;
    }
    #nav-main li.current-menu-item a,
    #main-header.small #nav-main li.current-menu-item a,
    #nav-main li.current-menu-parent a,
    #main-header.small #nav-main li.current-menu-parent a {
        background: #711318;
        border-radius: 5px;
        color:#fff;
        border:none;
        box-shadow:none;
        text-shadow:none;
        height:auto;
        padding:10px 10px;
        font-weight: normal;
    }
    #nav ul ul, #nav ul ul ul {
        position:relative;
        z-index:2000;
        display:block;
        width:auto;
        margin: 0 0 10px 0;
        top: auto;
        left:auto;
        background:none;
        padding:0;
        float: none;
        text-align: left;
        box-shadow: none;
        border:none;
    }
    #nav ul ul:before {
        display: none;
    }
    #nav-main li.current-menu-item a::before, #nav-main li.current-menu-parent a::before, #nav-main li.current-page-ancestor a::before {
        display: none;
    }
    #nav-main li:hover a::before {
        display: none;
    }
    #nav ul li ul li, #nav ul li ul li ul li {
        height:auto;
        float:none;
        position: relative;
        display: block;
        width:auto;
        border:none;
    }
    #nav ul li ul li.menu-item-has-children ul {
        margin-left:15px;
    }
    #nav #nav-main li ul li a, #nav #nav-main li ul li a:link, #nav #nav-main li ul li a:visited,
    #main-header.small #nav #nav-main li ul li a, #main-header.small #nav #nav-main li ul li a:link, #main-header.small #nav #nav-main li ul li a:visited {
          width:auto;
          height:auto;
          text-transform: uppercase;
          border:none;
          background: none;
          margin:0;
          box-shadow:none;
          text-shadow:none;
          border:none;
          margin-left:10px;
          color:#000;
        padding:10px 10px;
        font-size:18px;
        font-weight: normal;
    }
    #nav #nav-main li:hover ul li a:hover, #nav #nav-main li ul li a:hover, #nav-main li.current-menu-item ul li a:hover, #nav-main li.current-menu-parent ul li a:hover,
    #main-header.small #nav #nav-main li:hover ul li a:hover, #main-header.small #nav #nav-main li ul li a:hover, #main-header.small #nav-main li.current-menu-item ul li a:hover, #main-header.small #nav-main li.current-menu-parent ul li a:hover {
      background: none;
      text-decoration: none;
      padding:10px 10px;
      color:#1c8185;
    }
    #nav-main li:hover, #nav-main li.current-menu-item, #nav-main li:hover, #nav-main li.current-menu-parent, #nav .menu ul li:hover, #nav .menu ul li.current-menu-item, #nav .menu ul li.current-menu-parent {
        background:none;
        box-shadow: none;
    }
    nav#nav li:hover ul ul,
    nav#nav li li:hover ul ul
        {display:block;}

    nav#nav li:hover ul,
    nav#nav li li:hover ul
        {display:block;}
    #nav:target {
        width: 100%;
    }
    .menu-button {
        text-decoration: none;
        display: block;
        width:50px;
        height: 50px;
        padding:0;
        position: absolute;
        z-index:2100;
        left:20px;
        top:55px;
        text-align: center;
        color:#711318;
        font-size:28px;
        background: #fff;
        border:none;
        line-height: 55px;
    }
    #main-header.small .open-menu, #main-header.small .open-menu:link, #main-header.small .open-menu:visited {
        background: none;
        top:10px;
    }
    #main-header.small {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: #fff;
    }
    #logo,
    #main-header.small #logo {
        margin-left:90px;
        margin-top:20px;
    }
    #main-header {
        height:170px;
        padding:0;
    }
    #text-slideshow {
        top:200px;
    }
    #text-slideshow {
        width:100%;
        margin:0;
        left:0;
    }
    #text-slideshow h1 {
        font-size:60px;
    }
    #text-slideshow p {
        font-size:24px;
        line-height: 1.5;
    }
    #text-animate-1, #text-animate-2, #text-animate-3, #text-animate-4 {
        font-size:84px;
    }
    #text-slideshow.restaurant {
        top:200px;
    }
    #text-slideshow img {
        width:10%;
    }
    #text-slideshow.restaurant h1 {
        font-size:40px;
    }
    #slideshow-inner h2 {
        font-size:32px;
        top:380px;
    }
    
    #more-content {
        width:37%;
        padding-left:3%;
    }
    #text-intro {
        width:50%;
        padding:20px;
    }
    #text-intro-container {
        left:auto;
        top:0;
        width:100%;
        margin-left:0;
    }
    #text-intro #title-travel {
        font-size:30px;
    }
    #text-intro.sticky {
        margin-top:0;
    }
    .slideshow-room.owl-theme .owl-dots {
        left:0;
        bottom:10px;
    }
    #booking-guesthouse-container {
        width:90%;
        float:none;
        padding: 5%;
        margin:0 0 40px 0;
    }
    .room-info {
        width:100%;
        float:none;
    }
    .row-events div h4 {
        font-size:18px;
    }
    .row-events-filter div a h3 {
        font-size:17px;
    }
    #group-events-filter {
        grid-gap:1.5rem;
    }
}
/* CSS for iPad Landscape
=====================================================================*/
@media screen and (max-width: 1024px) {
    img,
    img[class*="align"],
    img[class*="wp-image-"] {
        max-width: 100% !important;
        height: auto !important;
    }
    .entry-content img,
    .comment-content img,
    .widget img {
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
    }
    img.size-full {
        max-width: 100%;
        width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
    }
    #text-slideshow h1 {
        font-size:54px;
    }
    #text-slideshow p {
        font-size:22px;
        width:80%;
    }
    #announcement p {
        font-size:20px;
    }
    #announcement p {
        width:75%;
    }
    #announcement div i {
        font-size:40px;
    }
    #travel-text {
        width: 41%;
        padding: 10% 7% 16% 7%;
    }
    #image-travel {
        width:50%;
    }
    #travel-info li {
        padding:0 20px;
    }
    #travel-info li p {
        font-size:20px;
    }
    #travel-info li span {
        font-size:15px;
    }
    #restaurant-text,
    #bakery-text,
    #guesthouse-text,
    #conscious-text {
        width: 41%;
        padding: 10% 7% 14% 7%;
    }
    #restaurant-photo-1 {
        width:25%;
    }
    #restaurant-photo-2 {
        width:22%;
        left:430px;
    }
    #restaurant-photo-3 {
        width:22%;
    }
    #restaurant-photo {
        width:42%;
    }
    #news-homepage {
        grid-gap:2rem;
    }
    .row-news-homepage h3 {
        font-size:22px;
    }
    #map-info {
        width:100%;
        float:none;
        margin:0 0 40px 0;
    }
    #map-info img {
        width:30%;
    }
    #map-info h5 {
        text-align: left;
    }
    .footer-row {
        width:26%;
        margin:0 3%;
    }
    #group-testimonial {
        grid-gap:2rem;
    }
    .row-testimonial-content {
        padding:0 20px;
    }
    .row-testimonial-header {
        padding:20px;
    }
    .row-testimonial-header aside h3 {
        margin-top:10px;
        font-size:18px;
    }
    #group-more {
        grid-gap:2rem;
    }
    #restaurant-policies-group {
        grid-template-columns:1fr 1fr 1fr;
        grid-gap:2rem;
    }
    #nav-main-food li a {
        font-size:16px;
        padding:0 20px;
        height:40px;
        line-height: 40px;
    }
    #nav-main-food li {
        height:40px;
    }
    .ui-tabs .ui-tabs-panel.tabs-menu {
        padding:20px;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header {
        width:30%;
        padding:0;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li a {
        padding:15px 20px;
    }
    .tabs-nested.ui-tabs .ui-tabs-nav li {
        white-space:normal;
    }
    #nav-page.travel li {
        width:100%;
        float:none;
        margin:0 0 15px 0;
    }
    #group-travel {
        grid-template-columns: 1fr 1fr;
    }
    #filter-sidebar .wpc-filters-section {
        padding:20px;
    }
    #filter-sidebar .wpc-filter-title {
        font-size:18px;
    }
    #booking {
        padding:20px;
    }
    #group-travel-prepare {
        grid-gap:2rem;
    }
    #group-travel.other {
        grid-gap:1.8rem;
    }
    #nav-page.bakery li {
        width:45%;
    }
    #why-bakery-group {
        grid-gap: 2rem;
    }
    #events-month h3 span {
        float:none;
        display: block;
    }
    .row-events div img {
        float:none;
        width:100%;
        margin:0 0 10px 0;
    }
    .date-exhibition {
        position: relative;
        bottom:auto;
    }
    #group-events-filter {
        grid-template-columns: 1fr 1fr;
    }
    .row-events-filter .label-event {
        position: relative;
        bottom:auto;
        display: inline-block;
    }
    .row-events-filter .date-exhibition {
        display: block;
        margin:0 0 10px 0;
    }
    .row-events-filter div img {
        width:45%;
    }
    #group-fair {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #title-countdown {
        font-size:30px;
    }
    #text-countdown {
        font-size:20px;
    }
    .row-countdown div {
        padding:20px;
    }
    #list-countdown {
        grid-gap:2rem;
    }
    #whatsapp-fly-container {
        right:25px;
        bottom:25px;
    }
    #whatsapp-fly-button {
        width:50px;
        height:50px;
        font-size:26px;
        line-height: 50px;
    }
    .group-conscious {
        grid-template-columns: 1fr 1fr;
    }
    #nav-main-conscious li a {
        font-size:16px;
    }
}

/* CSS for iPad Portrait
=====================================================================*/
@media screen and (max-width: 800px) {
    #text-slideshow {
        top:130px;
    }
    #text-slideshow h1 {
        font-size:46px;
    }
    #text-slideshow p {
        font-size: 20px;
    }
    #slideshow .owl-theme .owl-dots {
        bottom:30px;
    }
    #announcement {
        border-radius:10px;
        padding:30px 0;
        width:auto;
    }
    #announcement div {
        display: none;
    }
    #announcement p {
        width:80%;
        margin:0 0 0 30px;
        font-size:18px;
        line-height: 1.4;
    }
    #travel-text, #restaurant-text, #bakery-text, #guesthouse-text, #conscious-text {
        width:90%;
        float:none;
        padding:7% 5%;
    }
    #image-travel {
        width:27%;
        transform:translateY(0) rotate(-8deg);
        top:0;
        z-index: 41;
        background: #fff;
        padding: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    #announcement {
        margin-top:-50px;
    }
    #text-animate-1, #text-animate-2, #text-animate-3, #text-animate-4, #text-animate-5 {
        display: none;
    }
    .full-color, .full-nocolor {
        overflow: hidden;
    }
    #travel-text .static-page {
        padding-right:28%;
    }
    #title-travel, #title-restaurant, #title-bakery, #title-travel, #title-events, #title-faq, #title-training, #title-projects, #title-bakery, #title-conscious {
        font-size:32px;
    }
    #restaurant-photo {
        position: relative;
        top:auto;
        right:auto;
        left:auto;
        width:100%;
        height:600px;
    }
    #restaurant-photo-1 {
        top:0;
        left:-230px;
        width:35%;
    }
    #restaurant-photo-2 {
        left:auto;
        left:600px;
        top:60px;
        width:35%;
    }
    #restaurant-photo-3 {
        width:30%;
        top:auto;
        bottom:-400px;
        left:300px;
    }
    #bakery-photo {
        width:100%;
        position: absolute;
        z-index: 41;
        right:0;
        top:-170px;
    }
    #bakery-photo-1 {
        width:20%;
        left:auto;
        right:100px;
    }
    #bakery-photo-2 {
        width:18%;
        left:auto;
        right:20px;
    }
    #bakery-photo-3 {
        width:16%;
        left:auto;
        right:50px;
    }
    #bakery-text .static-page {
        width:65%;
    }
    #slideshow-guesthouse {
        float:none;
        width:90%;
        margin:0;
    }
    #news-homepage {
        grid-template-columns: 1fr 1fr;
        grid-gap:3rem;
    }
    .footer-row {
        width:40%;
    }
    #text-content {
        float:none;
        width:auto;
        padding:60px 40px 40px 40px;
        margin:0 0 50px 0;
    }
    #more-content {
        width:100%;
        float:none;
        padding:0;
        margin:0 0 40px 0;
    }
    .photo-restaurant-inner-1 img {
        position: relative;
        top:auto;
        left:0;
        bottom:0;
        width:90%;
        transform:none;
    }
    .photo-restaurant-inner-2 img {
        position: relative;
        top:auto;
        left:auto;
        bottom:auto;
        right:auto;
        width:90%;
        transform:none;
    }
    .photo-restaurant-inner-3 img {
        position: relative;
        top:auto;
        left:auto;
        bottom:auto;
        width:90%;
        transform:none;
    }
    .restaurant-inner-animation-1,
    .restaurant-inner-animation-2,
    .restaurant-inner-animation-3 {
        animation-name:none;
        animation-duration:0s;
        animation-iteration-count:1;
    }
    #restaurant-inner-photo {
        padding:0 20px;
    }
    .row-restaurant-photo {
        display: inline-block;
        width:28%;
        margin:0 2%;
    }
    .header-content.restaurant p {
        font-size:18px;
    }
    #restaurant-policies-group {
        grid-template-columns:1fr 1fr;
        grid-gap:2rem;
    }
    #text-slideshow.restaurant {
        top:180px;
    }
    #text-slideshow.restaurant h1 {
        font-size:30px;
    }
    #slideshow-inner h2 {
        font-size:24px;
        top:300px;
    }
    .header-content .link-more {
        position: relative;
        right:auto;
        top:auto;
    }
    #group-testimonial {
        grid-template-columns:1fr 1fr;
    }
    #image-hand {
        display: none;
    }
    .ui-tabs .ui-tabs-panel.tabs-menu {
        padding:5px;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header {
        margin-left:-75px;
        left:0;
        background: #fff;
        top:20px;
        margin-top:30px;
    }
    .tabs-nested .ui-tabs-panel.panel-nested {
        width:67%;
        min-height: 0;
    }
    #restaurant-notes {
        right:auto;
        left:0;
    }
    .list-menu-restaurant li .price,
    .list-menu-restaurant li dl dd {
        font-size:25px;
    }
    .list-menu-restaurant li h3,
    .list-menu-restaurant li dl dt {
        font-size:18px;
    }
    #nav-main-food {
        margin-left:40px;
    }
    .nav-tabs-nested.ui-widget-header li h3 {
        padding:20px;
    }
    #nav-main-food li a {
        padding:0 13px;
    }
    #header-page h1 {
        font-size:32px;
    }
    #title-list-tour {
        font-size:24px;
    }
    #content-travel {
        width:65%;
    }
    #filter-sidebar {
        width:30%;
        padding:20px 0;
    }
    #title-filter {
        font-size:20px;
    }
    #text-intro {
        width:100%;
        margin:0;
    }
    #text-intro #title-travel {
        font-size:26px;
        margin-bottom:40px;
    }
    #text-intro #title-travel::before {
        bottom:-15px;
    }
    #text-intro p {
        font-size:18px;
    }
    #text-intro-container {
        top:auto;
        bottom:-80px;
    }
    #text-intro.sticky {
        position: relative;
    }
    #booking-container {
        position: relative;
        top:auto;
        right:auto;
        width:100%;
        position: relative;
        float:none;
    }
    .row-travel-prepare {
        padding:50px 20px 20px 20px;
    }
    #group-travel.other {
        grid-template-columns: 1fr 1fr;
    }
    #policy-content {
        width: 44%;
        padding: 8% 10% 8% 10%;
    }
    .policy figure {
        width:36%;
    }
    .category-bakery-image {
        width:100%;
        position: relative;
        float:none;
        top:auto;
        margin:0 0 30px 0;
    }
    .group-bakery {
        width:100%;
        float:none;
        grid-gap: 1.5rem;
    }
    #why-bakery-group {
        grid-template-columns:1fr 1fr;
    }
    .slideshow-room-container {
        width:100%;
        float:none;
    }
    .room-info {
        width:100%;
        float:none;
    }
    #nav-award li {
        width:100%;
        margin:0 0 20px 0;
        float:none;
    }
    #nav-award li img {
        border-radius:40px;
    }
    .slideshow-room-container p {
        top:5px;
        left:auto;
        right:-2px;
        font-size:15px;
        padding:8px;
    }
    .slideshow-room.owl-theme .owl-dots {
        width:100%;
        bottom:5px;
    }
    .slideshow-room.owl-theme .owl-dots .owl-dot span {
        width:17px;
        height:17px;
        margin:4px 5px;
    }
    .label-event {
        top:5px;
        padding:4px 6px;
    }
    #events-month {
        width:100%;
        float:none;
    }
    #group-events-filter {
        grid-template-columns: 1fr;
    }
    #filter-events .wpc-filters-open-button-container a.wpc-filters-open-widget, 
    #filter-events .wpc-filters-open-button-container a.wpc-open-close-filters-button,
    #filter-grid .wpc-filters-open-button-container a.wpc-filters-open-widget,
    #filter-grid .wpc-filters-open-button-container a.wpc-open-close-filters-button {
        width:100%;
        margin:0 0 10px 0;
    }
    #filter-grid .wpc-filters-open-button-container a.wpc-filters-open-widget,
    #filter-grid .wpc-filters-open-button-container a.wpc-open-close-filters-button {
        margin-bottom:20px;
    }
    .events figure {
        width:100%;
        position: relative;
    }
    .events figure img {
        padding:0;
        box-shadow: none;
    }
    #events-content {
        width:auto;
        float:none;
        padding:20px;
    }
    #title-events-detail {
        font-size:24px;
    }
    .grid-item {
        padding:20px;
        break-inside: auto;
    }
    .grid-item:nth-child(3n-1) {
        aspect-ratio: auto;
    }
    #blog-info {
        padding:15px 0;
    }
    #blog-info h4 {
        float:none;
        text-align: center;
        font-size:16px;
        margin:0 0 5px 0;
    }
    #blog-info aside {
        float:none;
        text-align: center;
    }
    #blog-info aside p {
        float:none;
        margin:0;
        display: inline-block;
    }
    #blog-info aside p {
        font-size:14px;
    }
    .wpb-posts-nav h4 {
        font-size:18px;
    }
    #filter-sidebar-review {
        width:auto;
        float:none;
        margin:0 0 50px 0;
        position: relative;
        top:auto;
        padding:20px;
    }
    #content-review {
        width:100%;
        float:none;
    }
    #filter-sidebar-review .wpc-filters-open-button-container a.wpc-filters-open-widget, #filter-sidebar-review .wpc-filters-open-button-container a.wpc-open-close-filters-button {
        margin-bottom:20px;
    }
    #event-countdown {
        padding:40px 0;
    }
    #list-countdown {
        grid-template-columns: 1fr 1fr;
    }
    #event-countdown h2 {
        font-size:28px;
    }
    .photo-countdown-1 {
        width:30%;
        left:-100px;
    }
    .photo-countdown-2 {
        width:22%;
        right:-80px;
    }
    .tick-text {
        font-size:20px;
    }
    #nav-main-conscious li a {
        padding:6px 7px;
        font-size:14px;
    }
    #nav-main-conscious {
        position: relative;
        float:none;
        top:auto;
        left:auto;
        width:100%;
        margin:0 0 30px 0;
        text-align: center;
        padding:4px 0 0 0;
    }
    #nav-main-conscious li {
        display: inline-block;
    }
    .tabs-conscious {
        width:100%;
        float:none;
    }
}

/* CSS for Smartphone, ex: iPhone, Android, Blackberry
=====================================================================*/
@media screen and (max-width: 650px) {
    #main-header .wrapper {
        padding:0 20px;
    }
    #main-header {
        position: relative;
        background: #fff;
        height:70px;
    }
    #logo {
        width:80px;
        height:80px;
        background: url(../png/logo-color.png) no-repeat;
        background-size: 80px 80px;
        margin:0;
        position: absolute;
        top:20px;
        left:60px;
    }
    .menu-button {
        top:10px;
        color:#711318;
        left:10px;
    }
    #text-slideshow h1 {
        font-size:24px;
    }
    #text-slideshow {
        top:50px;
    }
    #text-slideshow p {
        font-size:15px;
        width:90%;
        line-height: 1.4;
    }
    #slideshow .owl-theme .owl-dots {
        bottom:10px;
    }
    #slideshow .owl-theme .owl-dots .owl-dot span {
        width:40px;
    }
    .waves {
        display: none;
    }
    #announcement p {
        margin:0;
        width:85%;
        font-size:17px;
    }
    #announcement {
        padding:20px;
        z-index: 21;
        margin-top:0;
    }
    #more-announcement {
        right:20px;
    }
    #image-travel {
        padding:6px;
        width:28%;
        top:-30px;
        right:-5px
    }
    #title-travel, #title-restaurant, #title-bakery, #title-guesthouse, #title-conscious, #title-events, #title-faq, #title-training {
        font-size:26px;
    }
    #travel-text strong, #bakery-text strong, #restaurant-text strong, #guesthouse-text strong, #conscious-text strong {
        font-size:14px;
    }
    #travel-text .static-page {
        padding-right:0;
    }
    #travel-info {
        position: relative;
        right:auto;
        bottom:auto;
    }
    #travel-info li {
        float:none;
        border:none;
        border-bottom:1px solid #8a8a8a;
        padding:20px 0;
    }
    #restaurant-photo-1, #restaurant-photo-2, #restaurant-photo-3 {
        padding:6px;
    }
    #restaurant-photo-1 {
        left:-330px;
    }
    #restaurant-photo-2 {
        left:400px;
        top:50px;
        right:auto;
    }
    #restaurant-photo-3 {
        left:110px;
        bottom:-430px;
    }
    #restaurant-photo {
        height:300px;
    }
    #bakery-photo {
        right:-40px;
    }
    #bakery-text .static-page {
        width:80%;
    }
    #bakery-photo {
        right:0;
        top:-50px;
    }
    #bakery-photo-1 {
        width:30%;
        right:-20px;
    }
    #bakery-photo-3 {
        width:25%;
    }
    #bakery-photo-2 {
        display: none;
    }
    #news-homepage {
        grid-template-columns: 1fr;
    }
    #map-info img {
        width:100%;
        border-radius:220px;
    }
    #map-info h5 {
        text-align: center;
    }
    .footer-row {
        width:100%;
        float:none;
        margin:0 0 30px 0;
    }
    #text-slideshow.restaurant {
        top:40px;
    }
    #text-slideshow img {
        width:20%;
    }
    #text-slideshow.restaurant h1 {
        font-size:20px;
    }
    #slideshow-inner h2 {
        top:auto;
        font-size:18px;
        bottom:50px;
    }
    .full-color.dotted,
    .full-color,
    .full-nocolor {
        padding:40px 0;
    }
    #list-takeaway li {
        width:90%;
    }
    .row-restaurant-photo {
        display: block;
        width:100%;
        margin:0 0 20px 0;
        text-align: center;
    }
    .photo-restaurant-inner-1 img,
    .photo-restaurant-inner-2 img,
    .photo-restaurant-inner-3 img {
        padding:0;
        box-shadow:none;
        width:100%;
    }
    .header-content h2 {
        font-size:26px;
    }
    .row-restaurant-policies h3 {
        font-size:18px;
    }
    #group-testimonial {
        grid-template-columns:1fr;
    }
    .row-testimonial-content {
        height:auto;
    }
    #group-more {
        grid-template-columns: 1fr;
        grid-gap:2.5rem;
    }
    .full-color.dotted {
        background: #f9f6f2 url(../png/line-trekking-mobile.png) no-repeat 50% 0;
    }
    #nav-main-food {
        margin:0;
        text-align: center;
    }
    #nav-main-food li,
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin:0 1px 5px 1px;
        float:none;
        top:auto;
        padding:0;
    }
    #nav-main-food {
        height: auto;
        margin-top:20px;
    }
    #nav-main-food li.ui-tabs-active a {
        height: 40px;
        background: #fff;
        border:1px solid #efe5d8;
    }
    #nav-main-food li a {
        border:1px solid #efe5d8;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header {
        margin:0;
        float:none;
        width:100%;
    }
    #leather {
        padding:5px;
    }
    #stitch {
        padding:3px;
        border:1px dashed rgba(172,119,76,0.7);
    }
    #pattern-table {
        padding:60px 0;
    }
    #pattern-table  .wrapper {
        padding:0;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header {
        text-align: center;
        padding:5px;
        z-index: 10;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li {
        border:none;
        display: inline-block;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li a {
        padding:5px;
        font-size:15px;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li.ui-tabs-active a {
        font-weight: normal;
    }
    .tabs-nested.ui-tabs .nav-tabs-nested.ui-widget-header li.ui-tabs-active {
        margin:0;
        border:none;
        padding:0;
    }
    .nav-tabs-nested li.ui-tabs-active a i {
        display: none;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        padding:0;
    }
    .nav-tabs-nested li {
        top:auto;
    }
    #image-coffee {
        display: none;
    }
    .tabs-nested .ui-tabs-panel.panel-nested {
        width:100%;
        float:none;
        margin:0;
        padding:30px 0;
    }
    .nav-tabs-nested.ui-widget-header li h3 {
        font-weight: normal;
        font-size:16px;
    }
    #restaurant-button-left {
        width:100%;
        float:none;
        margin:40px 0;
    }
    #restaurant-button-right {
        width:100%;
        float:none;
        margin:40px 0;
    }
    #text-content {
        padding:60px 20px 20px 20px;
    }
    #restaurant-policies-group {
        grid-template-columns: 1fr;
    }
    #header-page h1 {
        font-size:28px;
        line-height: 1.2;
    }
    #filter-sidebar,
    #content-travel {
        width:100%;
        float:none;
    }
    #filter-sidebar {
        margin:0 0 50px 0;
    }
    #group-travel {
        grid-template-columns: 1fr;
    }
    #text-intro-container {
        position: relative;
        top:auto;
        bottom:auto;
        left:auto;
    }
    #text-intro {
        width:auto;
        padding:20px;
    }
    #form-booking label {
        width:100%;
        float:none;
        display: block;
        margin:0 0 5px 0;
    }
    #form-booking .input {
        width:90%;
        float:none;
    }
    #form-booking .button {
        width:100%;
        margin:0;
    }
    #group-travel-prepare {
        grid-template-columns: 1fr;
    }
    #slideshow-travel-inner .owl-theme .owl-dots {
        bottom:5px;
    }
    #group-travel.other {
        grid-template-columns: 1fr;
    }
    #breadcrumbs {
        padding-bottom:10px;
    }
    #slideshow-inner .owl-theme .owl-dots {
        bottom:5px;
    }
    #list-partner li {
        width:30%;
    }
    #group-projects {
        grid-template-columns: 1fr;
    }
    #policy-content {
        width: auto;
        padding:20px;
        float:none;
    }
    .policy figure {
        width:36%;
    }
    .policy figure img {
        transform:none;
        padding:0;
        box-shadow: none;
    }
    .policy figure {
        position: relative;
        width:100%;
    }
    .group-bakery {
        grid-template-columns: 1fr;
    }
    #nav-page.bakery li {
        width:100%;
        float:none;
        display: block;
        margin:0 0 15px 0;
    }
    #why-bakery-group {
        grid-template-columns: 1fr;
    }
    .booking_form .booking_form_div input[type="button"] {
        width:100% !important;
        padding:5px 0;
        margin:0 0 10px 0;
    }
    #list-article li figure {
        width:100%;
        float:none;
        margin:0 0 10px 0;
    }
    .content-list {
        width:100%;
        float:none;
    }
    .content-list h2 {
        font-size:22px;
    }
    #title-blog {
        font-size:30px;
    }
    #blog-container {
        width:100%;
    }
    #share-article {
        position: relative;
        float: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 45px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: rgba(255,255,255,.9);
        border-bottom: 2px solid #ac7b34;
        text-align: left;
        margin: 0 0 25px;
        padding: 10px 0 0;
    }
    #share-article p {
        text-align: left;
        float: left;
        margin: 13px 10px 0 0;
    }
    .nav-share {
        width: auto;
        float: left;
    }
    .nav-share li {
        width: 35px;
        height: 35px;
        float: left;
        margin: 0 10px 0 0;
    }
    .nav-share li a {
        width: 35px;
        height: 35px;
        line-height: 38px;
        font-size: 16px;
    }
    .wpb-posts-nav {
        grid-template-columns: 1fr;
        grid-gap:1.8rem;
    }
    #breadcrumbs ol li:last-child {
        text-overflow: ellipsis;
        width: 80%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }
    #more-news {
        width:100%;
        margin-bottom:50px;
    }
    #slideshow-guesthouse .owl-theme .owl-dots .owl-dot span {
        width:16px;
        height: 16px;
        margin:4px 6px;
    }
    #slideshow-travel-inner .owl-theme .owl-dots .owl-dot span {
        width:10px;
        height:10px;
    }
    .row-review figure {
        width:25%;
        float:none;
        margin:0 auto 20px auto;
    }
    .text-review {
        width:100%;
        float:none;
    }
    .text-review .row-testimonial-star {
        text-align: center;
    }
    .list-menu-restaurant li .price, .list-menu-restaurant li dl dd {
        font-size:23px;
    }
    .list-menu-restaurant li dl {
        margin-left:20px;
    }
    #group-fair {
        grid-template-columns: 1fr;
        grid-gap:3rem;
    }
    .tick {
        width:100%;
    }
    .tick-text {
        font-size:12px;
    }
    #text-countdown {
        font-size:18px;
    }
    #list-countdown {
        grid-template-columns: 1fr;
    }
    .photo-countdown-1,
    .photo-countdown-2 {
        display: none;
    }
    #nav-main-bakery li a {
        font-size:15px;
        padding:10px;
    }
    #nav-main-bakery {
        position: sticky;
        top:20px;
        left:0;
        float:none;
        z-index: 10;
        margin-top:20px;
    }
    #tabs-bakery-container,
    .full-nocolor.bakery {
        overflow:visible;
    }
    .group-conscious {
        grid-template-columns: 1fr;
    }
    #button-promo-guesthouse {
        position: sticky;
        left:20px;
        bottom:20px;
        height:40px;
        display: inline-block;
        line-height: 40px;
        padding:0 10px;
        background: #f26522;
        border-radius:5px;
        color:#fff;
        font-size:14px;
        text-transform: uppercase;
        z-index: 2000;
        text-decoration: none;
        border:1px solid #f26522;
    }
    #button-promo-guesthouse i {
        font-size:16px;
    }
    #subtitle-countdown {
        font-size:26px;
    }
    #poster-countdown {
        width:90%;
    }
}