/*---------------------------------------------------------------- ------------------------------------------------------------------ --------------------------- MAIN + RESETS ------------------------ ------------------------------------------------------------------ ----------------------------------------------------------------*/ * { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #161616; color: white; text-shadow: none; } ::selection { background: #161616; color: white; text-shadow: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; } @-moz-document url-prefix() { html { scrollbar-color: #d5b080 #161616; scrollbar-width: 8px; } } body { margin: 0; position: relative; font-family: "PT Mono", monospace; font-size: 1.2rem; font-weight: 700; line-height: 2.8rem; letter-spacing: 0; color: #161616; overflow-x: hidden; background: url("../img/kioku-repeatable-bg.png"); background-repeat: repeat; background-attachment: fixed; } @media (max-width: 767px) { body { font-size: 1.2rem; line-height: 2.8rem; } } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { background: #161616; } body::-webkit-scrollbar-thumb { background: #d5b080; } body::-webkit-scrollbar-thumb:hover { background: #d5b080; } a { color: #161616; cursor: pointer; outline: 0 !important; transition: all .25s ease; } a:hover, a:focus { text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Embedded content */ img { border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } svg:not(:root) { overflow: hidden; } /* Grouping content */ figure { margin: 15px 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; border: 0; border-top: 2px solid #161616; margin: 0; padding: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 100%; } /* Forms */ fieldset { border: 1px solid #161616; margin: 0; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: normal; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0; } button { overflow: visible; background: none; border: 0; box-shadow: none !important; outline: none !important; transition: all .25s ease; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } /* HTML5 / MISC */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #161616; color: white; text-decoration: none; } del { text-decoration: line-through; } body.using-keyboard a, body.using-keyboard button, body.using-keyboard input, body.using-keyboard textarea, body.using-keyboard select, body.using-keyboard iframe, body.using-keyboard article { outline-offset: initial; } body.using-keyboard a:focus, body.using-keyboard a:focus + .fake-input, body.using-keyboard button:focus, body.using-keyboard button:focus + .fake-input, body.using-keyboard input:focus, body.using-keyboard input:focus + .fake-input, body.using-keyboard textarea:focus, body.using-keyboard textarea:focus + .fake-input, body.using-keyboard select:focus, body.using-keyboard select:focus + .fake-input, body.using-keyboard iframe:focus, body.using-keyboard iframe:focus + .fake-input, body.using-keyboard article:focus, body.using-keyboard article:focus + .fake-input { outline: 3px solid #9ac9fa !important; } body.using-keyboard input[type="checkbox"]:focus + label:before, body.using-keyboard input[type="radio"]:focus + label:before { border: 2px solid #9ac9fa !important; } .skip-to-content { display: inline-block; position: absolute; z-index: -1; padding: 10px 15px; background: #161616; color: white; line-height: 1; font-weight: bold; left: 20px; top: -100px; } .skip-to-content:focus { z-index: 200; top: 20px; } .visuallyhidden { border: 0; padding: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; } .stop-scrolling { overflow: hidden; } .no-cursor { pointer-events: none; } .no-anim, .no-anim * { transition: none !important; } .no-anim-single { transition: none !important; } .flex-list { display: flex; flex-wrap: wrap; } .flex { display: flex; } .flex-inline { display: -webkit-inline-box; display: inline-flex; } .flex-direction-column { flex-direction: column; } @media (max-width: 1199px) { .flex-direction-column-md-sm-xs { flex-direction: column; } } @media (min-width: 992px) and (max-width: 1199px) { .flex-direction-column-md { flex-direction: column; } } @media (min-width: 768px) and (max-width: 991px) { .flex-direction-column-sm { flex-direction: column; } } @media (max-width: 767px) { .flex-direction-column-xs { flex-direction: column; } } .flex-align-center { align-items: center; } @media (max-width: 1199px) { .flex-align-center-md-sm-xs { align-items: center; } } .flex-align-start { align-items: flex-start; } @media (max-width: 991px) { .flex-align-start-sm-xs { align-items: flex-start; } } .flex-align-end { align-items: flex-end; } .flex-align-stretch { align-items: stretch; } .flex-align-self-start { align-self: flex-start; } .flex-align-self-end { align-self: flex-end; } .flex-align-self-center { align-self: center; } .flex-justify-center { justify-content: center; } .flex-justify-start { justify-content: flex-start; } @media (max-width: 991px) { .flex-justify-start-sm-xs { justify-content: flex-start !important; } } .flex-justify-end { justify-content: flex-end; } .flex-space-between { justify-content: space-between; } .flex-nowrap { flex-wrap: nowrap; } .flex-grow-shrink { flex: 1; } @media (min-width: 768px) and (max-width: 991px) { .flex-wrap-tablet { flex-wrap: wrap; } } @media (max-width: 767px) { .flex-wrap-mob { flex-wrap: wrap; } } .p-relative { position: relative; } .p-absolute { position: absolute; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mt-auto { margin-top: auto; } .mb-auto { margin-bottom: auto; } .w-100 { width: 100%; } .h-100 { height: 100%; } .o-hidden { overflow: hidden; } .nopadding { padding: 0; } .list-reset { margin: 0; padding: 0; list-style: none; } .bg-primary { color: inherit; background: #161616; } .bg-secondary { background: #DBBC93; } .bg-grey { background: #000; } .bg-fallback { background: #DBBC93; } .text-white { color: white !important; } .text-white h1, .text-white .h1, .text-white h2, .text-white .h2, .text-white h3, .text-white .h3, .text-white h4, .text-white .h4, .text-white h5, .text-white .h5, .text-white h6, .text-white .h6 { color: white !important; } .text-black { color: #161616; } @media (max-width: 991px) { .text-center-tab-sm-xs { text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center; } } @media (max-width: 767px) { .text-center-xs { text-align: center; } } @media (max-width: 767px) { .mobile-hide { display: none; } } .img { width: 100%; height: 100%; object-fit: cover; display: block; } .image-absolute { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gradient-overlay:after { content: ''; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to top right, #161616 0%, rgba(22, 22, 22, 0) 80%); } .tint-overlay:after { content: ''; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: black; } .text-links a:not(.text-button):not(.button) { color: #161616; border-bottom: 1px solid #161616; } body.nonTouchDevice .text-links a:not(.text-button):not(.button):hover { border-color: transparent; } .text-links--light a:not(.text-button):not(.button) { color: #DBBC93; border-bottom: 1px solid #DBBC93; } body.nonTouchDevice .text-links--light a:not(.text-button):not(.button):hover { border-color: transparent; } /* SLIDERS */ .slider .slide { position: relative; overflow: hidden; display: none; } .slider .slide:first-child { display: block !important; } .slider .slide .img { z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slick-slider .slide { display: block; } .slick-slider .slick-arrow { z-index: 1; position: absolute; top: 50%; width: 100px; height: 100px; cursor: pointer; display: flex; align-items: center; justify-content: center; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .slick-slider .slick-arrow { width: 50px; height: 50px; } } .slick-slider .slick-arrow svg { width: 20px; height: auto; fill: white; } .slick-slider .slick-arrow.slick-prev { left: 0; } .slick-slider .slick-arrow.slick-next { right: 0; } .slick-slider .slick-arrow.slick-disabled { pointer-events: none; opacity: .5; } .slick-slider .slick-dots { margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; bottom: 30px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 767px) { .slick-slider .slick-dots { bottom: 20px; } } .slick-slider .slick-dots li { float: left; margin: 0 5px; } .slick-slider .slick-dots button { padding: 0; text-indent: -9999px; position: relative; width: 14px; height: 14px; border: 2px solid white; border-radius: 50%; background: transparent; } .slick-slider .slick-dots .slick-active button { background: white; } @media (min-width: 992px) { #main-content { display: flex !important; } } #main-content .main-body { padding-bottom: 10vw; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; } #main-content .main-body > .widget-container { padding-top: 10vw; } #main-content:after { z-index: 3; content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; border: 10px solid #161616; pointer-events: none; } @media (max-width: 767px) { #main-content:after { border-width: 7px; } } .ajax-loader { transition: opacity 0.3s ease; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #DBBC93; z-index: 40; opacity: .9; visibility: visible; } .ajax-loader.disabled { z-index: -1; opacity: 0; visibility: hidden; } .ajax-results { position: relative; } /* amending the default bootstrap 15px gutters */ .container, .container-fluid { padding-left: 80px; padding-right: 80px; } @media (min-width: 768px) and (max-width: 1199px) { .container, .container-fluid { padding-left: 40px; padding-right: 40px; } } @media (max-width: 767px) { .container, .container-fluid { padding-left: 30px; padding-right: 30px; } } .container-fluid { max-width: calc(1280px + 160px); } .container-fluid--med { max-width: calc(1120px + 160px); } .container-fluid--sml { max-width: calc(960px + 160px); } .container-fluid--xsml { max-width: calc(800px + 160px); } .row { margin-left: -80px; margin-right: -80px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 80px; padding-right: 80px; } /* Add any custom fonts here */ @font-face { font-family: "Neco"; src: url("../fonts/neco/Neco-Medium.woff2") format("woff2"), url("../fonts/neco/Neco-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Neco"; src: url("../fonts/neco/Neco-MediumItalic.woff2") format("woff2"), url("../fonts/neco/Neco-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } .drawer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; visibility: hidden; } @media (max-width: 991px) { .drawer { z-index: -1; } } .drawer .drawer-wrap { z-index: 1; position: relative; height: 100%; width: 600px; padding: 120px 80px; overflow-x: hidden; overflow-y: auto; background: #161616; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); } @media (max-width: 991px) { .drawer .drawer-wrap { width: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; transition: opacity .75s ease-in-out; } } @media (max-width: 767px) { .drawer .drawer-wrap { padding: 120px 40px; } } .drawer .drawer-wrap::-webkit-scrollbar { width: 8px; } .drawer .drawer-wrap::-webkit-scrollbar-track { background: #DBBC93; } .drawer .drawer-wrap::-webkit-scrollbar-thumb { background: #c8985a; } .drawer .drawer-wrap::-webkit-scrollbar-thumb:hover { background: #c8985a; } .drawer .drawer-outer { display: table; width: 100%; height: 100%; } .drawer .drawer-inner { display: table-cell; vertical-align: middle; } .drawer nav > ul > li { position: relative; } .drawer nav > ul > li > a { display: block; font-family: "Neco"; font-size: 3.8rem; font-weight: 500; letter-spacing: 0.01em; text-transform: none; line-height: 4.8rem; color: white; padding: 15px 0; } @media (max-width: 767px) { .drawer nav > ul > li > a { font-size: 2.6rem; line-height: 3.6rem; padding: 15px 0; } } body.nonTouchDevice .drawer nav > ul > li > a:hover { color: #DBBC93; } .drawer nav > ul > li > .arrow-icon { z-index: 2; cursor: pointer; position: absolute; top: 12px; right: 0; width: 50px; height: 50px; display: none; border: 2px solid #161616; } .drawer nav > ul > li > .arrow-icon .fa-icon { height: 2.5rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .2s ease; } .drawer nav > ul > li > .arrow-icon .fa-icon[data-icon="minus"] { opacity: 0; } .drawer nav > ul > li ul { display: none; } .drawer nav > ul > li ul li a { display: block; padding: 10px 0; font-size: 1.6rem; color: #161616; } @media (max-width: 767px) { .drawer nav > ul > li ul li a { padding: 15px 0; } } .drawer nav > ul > li ul li .arrow-icon { display: none; } .drawer nav > ul > li.menu-item-has-children > .arrow-icon { display: block; } .drawer nav > ul > li.active > .arrow-icon { background: #161616; } .drawer nav > ul > li.active > .arrow-icon .fa-icon[data-icon="plus"] { opacity: 0; } .drawer nav > ul > li.active > .arrow-icon .fa-icon[data-icon="minus"] { opacity: 1; } .drawer .nav-link { opacity: 0; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); transition: all .45s ease; } body.raise-mob-menu .drawer .nav-link, body.raise-reservations-menu .drawer .nav-link { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } body.raise-mob-menu .drawer .nav-link.nav-link-1, body.raise-reservations-menu .drawer .nav-link.nav-link-1 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } body.raise-mob-menu .drawer .nav-link.nav-link-2, body.raise-reservations-menu .drawer .nav-link.nav-link-2 { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } body.raise-mob-menu .drawer .nav-link.nav-link-3, body.raise-reservations-menu .drawer .nav-link.nav-link-3 { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } body.raise-mob-menu .drawer .nav-link.nav-link-4, body.raise-reservations-menu .drawer .nav-link.nav-link-4 { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } body.raise-mob-menu .drawer .nav-link.nav-link-5, body.raise-reservations-menu .drawer .nav-link.nav-link-5 { -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } body.raise-mob-menu .drawer .nav-link.nav-link-6, body.raise-reservations-menu .drawer .nav-link.nav-link-6 { -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } body.raise-mob-menu .drawer .nav-link.nav-link-7, body.raise-reservations-menu .drawer .nav-link.nav-link-7 { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } body.raise-mob-menu .drawer .nav-link.nav-link-8, body.raise-reservations-menu .drawer .nav-link.nav-link-8 { -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } body.raise-mob-menu .drawer .nav-link.nav-link-9, body.raise-reservations-menu .drawer .nav-link.nav-link-9 { -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .drawer .social-links { padding-left: 0 !important; } .drawer .social-links .social-media li { margin-right: 20px; } .drawer .social-links .social-media li .social-icon svg path { fill: #DBBC93; } .drawer .social-links .social-media li a { color: #DBBC93 !important; border-bottom: 1px solid #DBBC93; } body.nonTouchDevice .drawer .social-links .social-media li a:hover { border-color: transparent; } .drawer .close-mob-menu-btn { z-index: 2; position: absolute; top: 0; right: 0; width: 65px; height: 65px; background: #161616; opacity: 0; transition: opacity .5s ease; } .drawer .close-mob-menu-btn .fa-icon { height: 30px; } .drawer .close-mob-menu-btn .fa-icon g, .drawer .close-mob-menu-btn .fa-icon line { transition: all .3s ease; } body.nonTouchDevice .drawer .close-mob-menu-btn:hover .fa-icon g, body.nonTouchDevice .drawer .close-mob-menu-btn:hover .fa-icon line { stroke: white; } body.show-mob-menu .drawer .close-mob-menu-btn, body.show-reservations-menu .drawer .close-mob-menu-btn { opacity: 1; } .drawer .drawer-overlay { z-index: 0; position: fixed; left: 0; top: 0; right: 0; height: 100vh; background: rgba(219, 188, 147, 0.7); visibility: hidden; opacity: 0; transition: opacity .35s ease, visibility .35s ease; } @media (max-width: 991px) { .drawer .drawer-overlay { display: none !important; } } body.show-mob-menu .drawer.burger-drawer .drawer-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 991px) { body.show-mob-menu .drawer.burger-drawer .drawer-wrap { opacity: 1; -webkit-overflow-scrolling: touch; } } body.show-mob-menu .drawer.burger-drawer .drawer-overlay { visibility: visible; opacity: 1; } body.raise-mob-menu .drawer.burger-drawer { visibility: visible; z-index: 100; } body.show-reservations-menu .drawer.reservations-drawer .drawer-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 991px) { body.show-reservations-menu .drawer.reservations-drawer .drawer-wrap { opacity: 1; -webkit-overflow-scrolling: touch; } } body.show-reservations-menu .drawer.reservations-drawer .drawer-overlay { visibility: visible; opacity: 1; } body.raise-reservations-menu .drawer.reservations-drawer { visibility: visible; z-index: 100; } @media (min-width: 992px) { body.show-mob-menu .main-body, body.show-mob-menu .multi-banner, body.show-mob-menu footer { filter: blur(0.3rem); } } footer { background: #161616; } footer > div { padding-left: 80px; padding-right: 80px; } @media (min-width: 768px) and (max-width: 1199px) { footer > div { padding-left: 40px; padding-right: 40px; } } @media (max-width: 767px) { footer > div { padding-left: 30px; padding-right: 30px; } } footer ul { margin: 0; padding: 0; list-style: none; } footer .footer-top { padding-top: 150px; padding-bottom: 70px; } @media (max-width: 767px) { footer .footer-top { padding-top: 70px; } } footer .footer-top .footer-ctas { width: 100%; margin: 0 -30px; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-top .footer-ctas { margin: -15px -15px; } } @media (max-width: 767px) { footer .footer-top .footer-ctas { margin: -15px 0; } } @media (min-width: 768px) { footer .footer-top .footer-ctas.sevenrooms-active { margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 767px) { footer .footer-top .footer-ctas.sevenrooms-active { margin-top: 0 !important; margin-bottom: 0 !important; } } footer .footer-top .footer-ctas.sevenrooms-active .button-wrap:first-child:after { content: "/"; position: absolute; top: 50%; left: -7px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #DBBC93; font-size: 2.2rem; font-weight: 300; } @media (max-width: 767px) { footer .footer-top .footer-ctas.sevenrooms-active .button-wrap:first-child:after { display: none; } } footer .footer-top .footer-ctas .button-wrap { position: relative; padding: 0 30px; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-top .footer-ctas .button-wrap { padding: 15px; } } @media (max-width: 767px) { footer .footer-top .footer-ctas .button-wrap { padding: 15px 0; } } footer .footer-top .footer-ctas .button-wrap .footer-cta { color: white; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-top .footer-ctas .button-wrap .footer-cta { font-size: 2.5rem !important; } } body.nonTouchDevice footer .footer-top .footer-ctas .button-wrap .footer-cta:hover { color: #DBBC93; } footer .footer-top .footer-ctas .button-wrap:before { content: "/"; position: absolute; top: 50%; right: -7px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #DBBC93; font-size: 2.2rem; font-weight: 300; } @media (max-width: 767px) { footer .footer-top .footer-ctas .button-wrap:before { display: none; } } footer .footer-top .footer-ctas .button-wrap:last-child:before { display: none !important; } footer .footer-top #sr-subscription-root > button { background: transparent !important; border-radius: 0 !important; border: 0 !important; height: auto !important; } footer .footer-top #sr-subscription-root > button > div { padding: 0 !important; } footer .footer-top #sr-subscription-root > button > div > div { display: flex; margin: 0 !important; } footer .footer-top #sr-subscription-root > button > div > div:first-child { display: none !important; } footer .footer-top #sr-subscription-root > button > div > div i { display: none !important; } footer .footer-top #sr-subscription-root > button > div > div span { display: block; font-family: "Neco" !important; font-size: 2.8rem !important; font-weight: 500 !important; letter-spacing: 0.01em !important; text-transform: none !important; line-height: 3.8rem !important; color: white !important; padding-right: 30px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-top #sr-subscription-root > button > div > div span { font-size: 2.5rem !important; padding-right: 15px; } } @media (max-width: 767px) { footer .footer-top #sr-subscription-root > button > div > div span { font-size: 2.2rem !important; line-height: 3.2rem !important; padding-right: 0; padding-bottom: 15px; } } body.nonTouchDevice footer .footer-top #sr-subscription-root > button > div > div:hover span { color: #DBBC93 !important; } footer .footer-middle { color: white; padding-bottom: 150px; } @media (max-width: 767px) { footer .footer-middle { padding-bottom: 70px; } } @media (max-width: 991px) { footer .footer-middle .flex-col { width: 100%; } } footer .footer-middle h1, footer .footer-middle .h1, footer .footer-middle h2, footer .footer-middle .h2, footer .footer-middle h3, footer .footer-middle .h3, footer .footer-middle h4, footer .footer-middle .h4, footer .footer-middle h5, footer .footer-middle .h5, footer .footer-middle h6, footer .footer-middle .h6 { color: white; margin-bottom: 3px; } footer .footer-middle .footer-address { width: 69%; } @media (max-width: 991px) { footer .footer-middle .footer-address { width: 100%; margin: 0 -10px; } footer .footer-middle .footer-address + .footer-navigation { margin-top: 50px; } } footer .footer-middle .footer-address .column { width: 45%; padding-right: 40px; } @media (max-width: 991px) { footer .footer-middle .footer-address .column { width: 50%; padding: 0 10px; } } @media (max-width: 767px) { footer .footer-middle .footer-address .column { width: 100%; } } footer .footer-middle .footer-address .column p { color: #DBBC93; } footer .footer-middle .footer-navigation { width: 31%; text-align: right; } @media (max-width: 991px) { footer .footer-middle .footer-navigation { width: 100%; text-align: left; margin: 0 -10px; } } footer .footer-middle .footer-navigation .footer-nav { width: 50%; } @media (max-width: 991px) { footer .footer-middle .footer-navigation .footer-nav { padding: 0 10px; } } footer .footer-middle nav { text-align: right; } @media (max-width: 991px) { footer .footer-middle nav { text-align: left; } } footer .footer-middle nav a { display: block; } body.nonTouchDevice footer .footer-middle nav a:hover { color: white; } footer .footer-middle a { color: #DBBC93; font-weight: 400; } @media (max-width: 767px) { footer .footer-middle a { line-height: 38px; } } footer .footer-middle a svg { margin-right: 10px; } footer .footer-middle p { margin: 0 0 15px; } footer .footer-middle .social-media { margin-top: 20px; margin-left: -5px; } footer .footer-middle .social-media .social-icon { display: none !important; } footer .footer-middle .social-media li { margin: 0 5px; } footer .footer-bottom { font-weight: 400; padding-top: 60px; padding-bottom: 60px; background: #000; } @media (max-width: 991px) { footer .footer-bottom { padding-bottom: 120px; } } @media (max-width: 767px) { footer .footer-bottom { padding-top: 80px; } } @media (max-width: 1199px) { footer .footer-bottom > * + * { margin-top: 70px !important; } } footer .footer-bottom, footer .footer-bottom a { color: #DBBC93; } @media (max-width: 767px) { footer .footer-bottom .right > span { display: flex; justify-content: center; } } footer .footer-bottom .right > span + span { margin-left: 30px; } @media (max-width: 767px) { footer .footer-bottom .right > span + span { margin-left: 0; } } footer .footer-bottom .footer-logos { margin: 0 -20px; } @media (min-width: 1200px) and (max-width: 1340px) { footer .footer-bottom .footer-logos { margin: 0 -10px; } } footer .footer-bottom .footer-logos .logo { margin: 0 20px; } @media (min-width: 1200px) and (max-width: 1340px) { footer .footer-bottom .footer-logos .logo { margin: 0 10px; } } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo { width: 100%; justify-content: center; } footer .footer-bottom .footer-logos .logo + .logo { margin-top: 50px; } } footer .footer-bottom .footer-logos .logo svg * { fill: #DBBC93 !important; } footer .footer-bottom .footer-logos .logo a { display: flex; } body.nonTouchDevice footer .footer-bottom .footer-logos .logo a:hover { opacity: .5; } footer .footer-bottom .footer-logos .logo-1 svg { width: auto; height: var(--logoheightdesktop-1); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-1 svg { height: var(--logoheightmobile-1); } } footer .footer-bottom .footer-logos .logo-2 svg { width: auto; height: var(--logoheightdesktop-2); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-2 svg { height: var(--logoheightmobile-2); } } footer .footer-bottom .footer-logos .logo-3 svg { width: auto; height: var(--logoheightdesktop-3); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-3 svg { height: var(--logoheightmobile-3); } } footer .footer-bottom .footer-logos .logo-4 svg { width: auto; height: var(--logoheightdesktop-4); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-4 svg { height: var(--logoheightmobile-4); } } footer .footer-bottom .footer-logos .logo-5 svg { width: auto; height: var(--logoheightdesktop-5); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-5 svg { height: var(--logoheightmobile-5); } } footer .footer-bottom .footer-logos .logo-6 svg { width: auto; height: var(--logoheightdesktop-6); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-6 svg { height: var(--logoheightmobile-6); } } footer .footer-bottom .footer-logos .logo-7 svg { width: auto; height: var(--logoheightdesktop-7); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-7 svg { height: var(--logoheightmobile-7); } } footer .footer-bottom .footer-logos .logo-8 svg { width: auto; height: var(--logoheightdesktop-8); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-8 svg { height: var(--logoheightmobile-8); } } footer .footer-bottom .footer-logos .logo-9 svg { width: auto; height: var(--logoheightdesktop-9); } @media (max-width: 767px) { footer .footer-bottom .footer-logos .logo-9 svg { height: var(--logoheightmobile-9); } } .header .container-fluid { z-index: 4; position: absolute; top: 0; left: 0; right: 0; max-width: none; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; background: transparent; } @media (max-width: 767px) { .header .container-fluid { padding-top: 0; padding-bottom: 0; } } .header .header-fixed { z-index: 4; position: fixed; top: 0; right: 0; } .header .header-button { border: 0; } @media (min-width: 992px) { .header .header-button { margin-top: 0; height: 65px; font-size: 1.2rem; line-height: 1.6rem; padding: 0 35px 0 25px; border-top: 10px solid #161616; color: #DBBC93 !important; background: #161616 !important; } .header .header-button.header-button-alt { color: #161616; background: white; } .header .header-button span { position: relative; position: relative; display: inline-block; } .header .header-button span:after { content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #DBBC93; } .header .header-button span:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .header .header-button span:after { position: relative; display: flex; margin-bottom: 7px; bottom: 0; } .header .header-button:after { z-index: 2; content: ''; position: absolute; right: 8px; top: 8px; bottom: 14px; transform: rotate(20deg); border-left: 2px solid #DBBC93; } } @media (max-width: 991px) { .header .header-button { height: 60px; font-size: 1.4rem; color: #DBBC93 !important; background: #161616 !important; } } @media (max-width: 991px) { .header .button-wrap { position: fixed; bottom: 0; left: 0; right: 0; } .header .button-wrap .button { flex: 1; } .header .button-wrap .button + .button { border-left: 1px solid #090909; } } .header .mob-menu-btn { z-index: 1; display: flex; height: 65px; width: 65px; background: #161616; } .header .mob-menu-btn .fa-icon { margin-top: 3px; height: 30px; } .header .mob-menu-btn .fa-icon g, .header .mob-menu-btn .fa-icon line { transition: all .3s ease; } body.nonTouchDevice .header .mob-menu-btn:hover .fa-icon g, body.nonTouchDevice .header .mob-menu-btn:hover .fa-icon line { stroke: white; } .header ul { margin: 0; padding: 0; list-style: none; } .header .social-links { margin-right: auto; padding-top: 40px; padding-left: 40px; } @media (max-width: 767px) { .header .social-links { padding-top: 25px; padding-left: 35px; } } .header .social-media li { display: flex; align-items: center; } .header .social-media li .social-title { display: none !important; } .header .social-media li .social-icon { padding-right: 15px; } .header .social-media li a { color: #161616; border-bottom: 1px solid; } body.nonTouchDevice .header .social-media li a:hover { color: #161616; border-color: transparent; } .multi-banner { z-index: 0; overflow: hidden; position: relative; } @media (min-width: 992px) { .multi-banner { width: 50%; position: sticky; height: 100vh; top: 0; } .multi-banner + .main-body { width: 50%; min-height: 100vh; } } @media (min-width: 768px) and (max-width: 991px) { .multi-banner .slide { height: 65vw; } } @media (max-width: 767px) { .multi-banner .slide { height: 100vw; } } .multi-banner .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; width: 100%; height: var(--logoHeight); } @media (max-width: 767px) { .multi-banner .logo { height: var(--logoHeightMobile); } } .multi-banner .logo img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: contain; width: 100%; } @media (max-width: 767px) { .multi-banner .logo img { height: var(--logoHeightMobile); } } .multi-banner--blended .image img, .multi-banner--blended .image iframe, .multi-banner--blended .video-mask img, .multi-banner--blended .video-mask iframe { mix-blend-mode: screen; } .multi-banner--blended .image:after, .multi-banner--blended .video-mask:after { z-index: -1; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../img/kioku-repeatable-bg.png"); } @media (min-width: 992px) { .multi-banner-content { min-height: 100vh; } .multi-banner-content > .container-fluid { padding-top: 10vh; padding-bottom: 10vh; } .multi-banner-content + .widget-container { padding-top: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .multi-banner-content { padding-top: var(--paddingsm); } .multi-banner-content + .widget-container { padding-top: var(--paddingsm) !important; } } @media (max-width: 767px) { .multi-banner-content { padding-top: var(--paddingxs); display: block; width: 100%; } .multi-banner-content + .widget-container { padding-top: var(--paddingxs) !important; } } .multi-banner-content .text-widget + .image-widget { padding-top: var(--paddinglg); } @media (min-width: 768px) and (max-width: 991px) { .multi-banner-content .text-widget + .image-widget { padding-top: var(--paddingsm); } } @media (max-width: 767px) { .multi-banner-content .text-widget + .image-widget { padding-top: var(--paddingxs); } } .multi-banner-content .banner-links { margin: calc(var(--paddinglg) - 10px) auto; } @media (min-width: 992px) { .multi-banner-content .banner-links { max-width: 81%; } } @media (min-width: 768px) and (max-width: 991px) { .multi-banner-content .banner-links { margin: calc(var(--paddingsm) - 10px) auto; } } @media (max-width: 767px) { .multi-banner-content .banner-links { margin: calc(var(--paddingxs) - 10px) auto; } } .multi-banner-content .banner-links .banner-link { margin: 10px; } .multi-banner-content .banner-links .banner-link .button { margin-top: 0; } .newsletter-drawer { z-index: 200; position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; } body.raise-newsletter-overlay .newsletter-drawer { visibility: visible; z-index: 800; pointer-events: auto; } .newsletter-drawer .newsletter { z-index: 800; position: fixed; top: 0; left: 0; bottom: 0; width: 600px; overflow: auto; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); background: #161616; } @media (max-width: 991px) { .newsletter-drawer .newsletter { width: auto; right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; z-index: -1; transition: opacity .75s ease-in-out; } } .newsletter-drawer .newsletter::-webkit-scrollbar { width: 8px; } .newsletter-drawer .newsletter::-webkit-scrollbar-track { background: #161616; } .newsletter-drawer .newsletter::-webkit-scrollbar-thumb { background: #d5b080; } .newsletter-drawer .newsletter::-webkit-scrollbar-thumb:hover { background: #d5b080; } body.show-newsletter .newsletter-drawer .newsletter { -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 991px) { body.show-newsletter .newsletter-drawer .newsletter { opacity: 1; -webkit-overflow-scrolling: touch; } } .newsletter-drawer .newsletter-wrap { max-height: 100vh; } .newsletter-drawer .newsletter-wrap .newsletter-inner { padding: 120px 80px; } @media (max-width: 767px) { .newsletter-drawer .newsletter-wrap .newsletter-inner { padding: 120px 40px; } } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-title { margin-bottom: 40px; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form { position: relative; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group { width: 100%; margin-bottom: 20px; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"], .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"] { color: #DBBC93; border-color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]::-webkit-input-placeholder, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]::-webkit-input-placeholder { color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]:-moz-placeholder, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]:-moz-placeholder { color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]::-moz-placeholder, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]::-moz-placeholder { color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]:-ms-input-placeholder, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]:-ms-input-placeholder { color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]:-webkit-autofill, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]:-webkit-autofill:hover, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="text"]:-webkit-autofill:focus, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]:-webkit-autofill, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]:-webkit-autofill:hover, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="email"]:-webkit-autofill:focus { -webkit-text-fill-color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="checkbox"], .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="radio"] { width: 24px; height: 24px; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="checkbox"] + label, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="radio"] + label { min-height: 24px; padding-left: 40px !important; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="checkbox"] + label:before, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="checkbox"] + label:after, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="radio"] + label:before, .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group input[type="radio"] + label:after { width: 24px; height: 24px; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .form-group.check-input { padding: 15px 20px; margin-top: 20px; margin-bottom: 0; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .button-wrap { flex: 1; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .button-wrap .button { margin-top: 40px !important; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-form .button-wrap .button .spinner > div { background-color: #DBBC93; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-widget-sending .button { pointer-events: none; color: #161616; } .newsletter-drawer .newsletter-wrap .newsletter-inner .newsletter-widget-sending .button .spinner { opacity: 1; } .newsletter-drawer .newsletter-wrap .newsletter-inner .success-message { top: 40px; -webkit-transform: none; transform: none; padding: 0; color: #DBBC93; } .newsletter-drawer .close-newsletter-btn { z-index: 800; position: absolute; top: 0; right: 0; width: 65px; height: 65px; background: #161616; opacity: 0; transition: opacity .25s ease; } @media (max-width: 991px) { .newsletter-drawer .close-newsletter-btn { background: #000; } } .newsletter-drawer .close-newsletter-btn .fa-icon { height: 30px; } .newsletter-drawer .close-newsletter-btn .fa-icon g, .newsletter-drawer .close-newsletter-btn .fa-icon line { transition: all .3s ease; } body.nonTouchDevice .newsletter-drawer .close-newsletter-btn:hover .fa-icon g, body.nonTouchDevice .newsletter-drawer .close-newsletter-btn:hover .fa-icon line { stroke: white; } body.show-newsletter .newsletter-drawer .close-newsletter-btn { opacity: 1; } .newsletter-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(219, 188, 147, 0.7); z-index: -1; visibility: hidden; opacity: 0; transition: opacity .4s ease; transition-delay: .3s; } @media (max-width: 991px) { .newsletter-overlay { display: none !important; } } body.show-newsletter .newsletter-overlay { opacity: 1; transition-delay: 0s; } body.raise-newsletter-overlay .newsletter-overlay { z-index: 799; visibility: visible; } @media (min-width: 992px) { body.show-newsletter .main-body, body.show-newsletter .multi-banner, body.show-newsletter footer { filter: blur(0.3rem); } } .img-zoom .image { overflow: hidden; background: black; } .img-zoom .image .img { transition: all 1s ease; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; -webkit-backface-visibility: hidden; } body.nonTouchDevice .img-zoom:hover .image .img { opacity: .85; -webkit-transform: scale(1.1); transform: scale(1.1); } .link-zoom-img .image, .link-zoom-img .video-mask { transition: all .65s ease; } body.nonTouchDevice .link-zoom-img.hover .image, body.nonTouchDevice .link-zoom-img.hover .video-mask { -webkit-transform: scale(1.15); transform: scale(1.15); } .animate-layer { width: 100%; height: 100%; } @media (max-width: 991px) { .animate-layer { transform: none !important; } } [data-show] { transition: filter .8s ease-in-out, opacity .5s ease-in-out, transform .5s ease-in-out; } [data-show-blur] { filter: blur(0.5rem); } [data-show-blur].scroll-show { filter: blur(0); } [data-show-fade] { opacity: 0; } [data-show-fade].scroll-show { opacity: 1; } [data-show-delay]:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-show-delay]:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } [data-show-delay]:nth-child(4) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } [data-show-delay]:nth-child(5) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } [data-show-delay]:nth-child(6) { -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } [data-show-delay]:nth-child(7) { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } [data-show-delay]:nth-child(8) { -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } [data-show-delay]:nth-child(9) { -moz-transition-delay: 1.6s; -o-transition-delay: 1.6s; -ms-transition-delay: 1.6s; -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } [data-show-delay]:nth-child(10) { -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } [data-show-delay]:nth-child(11) { -moz-transition-delay: 2s; -o-transition-delay: 2s; -ms-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; } [data-show-delay]:nth-child(12) { -moz-transition-delay: 2.2s; -o-transition-delay: 2.2s; -ms-transition-delay: 2.2s; -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .multi-banner .image, .multi-banner .video-mask { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); filter: blur(0.3rem); transition: transform 2s ease-in-out, filter 1.7s ease-in-out; } .multi-banner .logo { opacity: 0; transition: opacity 1s ease; } .multi-banner.show-items .image, .multi-banner.show-items .video-mask { -webkit-transform: scale(1, 1); transform: scale(1, 1); filter: blur(0); } .multi-banner.show-items .logo { opacity: 1; } .multi-banner-content .text-widget, .multi-banner-content .image-widget { opacity: 0; filter: blur(0.3rem); transition: filter 1.4s ease-in-out, opacity .8s ease-in-out; } .multi-banner-content.show-items .text-widget, .multi-banner-content.show-items .image-widget { opacity: 1; filter: blur(0); } .button { cursor: pointer; position: relative; margin-top: 35px; padding: 16px 30px; display: inline-flex; align-items: center; justify-content: center; color: #161616; background: #DBBC93; transition: all .25s ease; } @media (max-width: 767px) { .button { margin-top: 25px; padding: 13px 25px; } } .button .fa-icon { fill: white; margin-left: 10px; } .button .fa-icon.play { height: 1.2rem; } body.nonTouchDevice .button:hover { color: #161616; background: #d2ab78; } body.nonTouchDevice .button:hover .fa-icon { fill: #161616; } .button-border { border-color: #161616; color: #161616; background: transparent; padding: 4px; } .button-border:before, .button-border:after { content: ""; height: 2px; background: #161616; position: absolute; left: 0; right: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .button-border:before { top: 4px; } .button-border:after { bottom: 4px; } .button-border > span { padding: 10px 26px; -moz-transition: background 0.25s ease; -o-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -webkit-transition: background 0.25s ease; transition: background 0.25s ease; } .button-border > span:before, .button-border > span:after { content: ""; width: 2px; background: #161616; position: absolute; top: 0; bottom: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .button-border > span:before { left: 4px; } .button-border > span:after { right: 4px; } .button-border .fa-icon { fill: #161616; } body.nonTouchDevice .button-border:hover { color: white; background: transparent; } body.nonTouchDevice .button-border:hover:before, body.nonTouchDevice .button-border:hover:after { left: -4px; right: -4px; } body.nonTouchDevice .button-border:hover > span { background: #161616; } body.nonTouchDevice .button-border:hover > span:before, body.nonTouchDevice .button-border:hover > span:after { top: -4px; bottom: -4px; } body.nonTouchDevice .button-border:hover .fa-icon { fill: white; } .button-border-light { color: #DBBC93; } .button-border-light:before, .button-border-light:after { background: #DBBC93; } .button-border-light > span:before, .button-border-light > span:after { background: #DBBC93; } .button-border-light .fa-icon { fill: #DBBC93; } body.nonTouchDevice .button-border-light:hover { color: #161616; } body.nonTouchDevice .button-border-light:hover > span { background: #DBBC93; } body.nonTouchDevice .button-border-light:hover .fa-icon { fill: #161616; } .text-button { margin-top: 30px; display: inline-block; position: relative; display: inline-block; } .text-button:after { content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #161616; } .text-button:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } @media (max-width: 767px) { .text-button { margin-top: 20px; } } .text-button .fa-icon { fill: #161616; margin-left: 5px; } .text-button .fa-icon.play { height: 1.2rem; } #moove_gdpr_cookie_info_bar { z-index: 199 !important; border: 0 !important; left: 10px !important; bottom: 10px !important; right: 10px !important; width: auto !important; background: #161616 !important; opacity: 0; max-height: none !important; transition: opacity .35s ease !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar { left: 7px !important; bottom: 7px !important; right: 7px !important; } } body.gdpr-infobar-visible #moove_gdpr_cookie_info_bar { opacity: 1; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { display: block !important; padding: 40px !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 30px 20px !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { padding: 0 !important; align-items: flex-end !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { flex-wrap: wrap !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { padding-left: 0 !important; margin-bottom: 0 !important; max-width: none !important; width: 40%; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { width: 100%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h6, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h6 { margin-bottom: 20px !important; line-height: 1 !important; letter-spacing: 0.01em !important; font-family: "Neco" !important; font-weight: 500 !important; font-size: 1.6rem !important; color: white !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h6, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice .h6 { font-size: 1.4rem !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p a { color: white !important; letter-spacing: 0 !important; font-size: 1.2rem !important; line-height: 2.8rem !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p a { font-size: 1.2rem !important; line-height: 2.8rem !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { padding-left: 40px !important; margin-left: auto !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { display: flex !important; width: 100% !important; padding-left: 0 !important; margin-left: 0 !important; margin-top: 30px !important; } } @media (min-width: 768px) and (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { width: 33.33% !important; } } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { width: 100%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton + .mgbutton { margin-left: 20px !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton + .mgbutton { margin-left: 0 !important; margin-top: 10px !important; } } html.gdpr_lightbox-active { overflow: visible !important; } .gdpr_lightbox-loader { display: none !important; } .gdpr_lightbox { background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap { text-align: left !important; pointer-events: none; } .gdpr_lightbox .gdpr_lightbox-wrap:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-right: 0 !important; opacity: 0; background: rgba(219, 188, 147, 0.7); transition: opacity .5s ease; } @media (max-width: 991px) { .gdpr_lightbox .gdpr_lightbox-wrap:before { display: none !important; } } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap:before { opacity: 1 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { height: 100vh; overflow: hidden; overflow-y: auto; transform: translate(-100%, 0) scale(1) !important; background: #161616 !important; transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); pointer-events: auto; } @media (max-width: 991px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { transform: translate(0, 0) scale(1) !important; opacity: 0 !important; transition: opacity .75s ease-in-out !important; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar { width: 8px; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-track { background: #000; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-thumb { background: #d5b080; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-thumb:hover { background: #cea46d; } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { transform: translate(0, 0) scale(1) !important; } @media (max-width: 991px) { body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { opacity: 1 !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { display: table; height: 100% !important; min-height: 100% !important; max-height: none !important; width: 50vw !important; } @media (min-width: 768px) and (max-width: 991px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 75vw !important; } } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 100vw !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-right-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-title, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .main-modal-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content { padding: 0 !important; background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { display: table-cell; vertical-align: middle; width: 100% !important; padding: 120px 60px !important; min-width: 0 !important; max-width: none !important; transform: none !important; background: none !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { padding: 100px 30px 160px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { display: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { height: auto !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .main-modal-content { max-height: none !important; overflow: visible !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title { height: auto !important; margin-bottom: 30px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title { line-height: 1 !important; letter-spacing: 0.01em !important; font-family: "Neco" !important; font-weight: 500 !important; font-size: 2rem !important; color: white !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title { font-size: 1.6rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { margin-bottom: 0 !important; padding-right: 0 !important; line-height: 1 !important; letter-spacing: 0.01em !important; font-family: "Neco" !important; font-weight: 500 !important; font-size: 1.6rem !important; color: white !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { font-size: 1.4rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content { overflow: visible !important; padding-right: 0 !important; padding-bottom: 30px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { color: white !important; letter-spacing: 0 !important; font-size: 1.2rem !important; line-height: 2.8rem !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { font-size: 1.2rem !important; line-height: 2.8rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover { text-decoration: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main { padding-top: 40px; border-top: 1px solid #DBBC93; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main .moove-gdpr-tab-main-content { padding-top: 30px; max-height: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar { position: relative !important; text-align: left !important; width: auto !important; padding: 0 !important; margin-top: 20px !important; margin-bottom: 10px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-fieldset { display: flex; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-wrap { margin-bottom: 0 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-switch, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { width: 50px !important; height: 28px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider { box-shadow: none !important; background-color: white !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:before { left: 4px !important; bottom: 3px !important; border: 0 !important; width: 22px !important; height: 22px !important; background-color: #d52229 !important; background-image: url("../img/x-light.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 30% !important; transition: transform .25s ease !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after { top: 0 !important; left: 70px !important; right: auto !important; line-height: 28px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #d52229 !important; font-size: 1.2rem !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after { font-size: 1.2rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { display: block !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { background-color: #009a3b !important; background-image: url("../img/check-light.svg") !important; background-size: 50% !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { transform: translateX(20px) !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:after { color: #009a3b !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar.gdpr-checkbox-disabled { opacity: .5 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { position: relative !important; height: auto !important; margin-top: 40px !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { margin-top: 20px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; } @media (max-width: 1365px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { width: 100%; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton + button.mgbutton { margin-left: 20px !important; } @media (max-width: 1365px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton + button.mgbutton { margin-left: 0 !important; margin-top: 10px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before { content: none !important; } .gdpr_lightbox .moove-gdpr-branding-cnt, .gdpr_lightbox .moove-gdpr-company-logo-holder, .gdpr_lightbox .gdpr_lightbox-close { display: none !important; } .cookie-custom-close { z-index: 9993; pointer-events: all; cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; width: 65px; height: 65px; background: #000; } .cookie-custom-close .custom-arrow-close { transition: all .25s ease; } .cookie-custom-close .custom-arrow-close:before { content: ""; display: block; background: url("../img/close-kioku.svg"); background-size: contain; width: 28px; height: 28px; } .cookie-custom-close:hover .custom-arrow-close { opacity: .5; } button.mgbutton { opacity: 1 !important; z-index: 2 !important; position: relative; overflow: hidden; margin: 0 !important; padding: 16px 30px !important; font-size: 1.2rem !important; border: 0 solid #161616 !important; color: #161616 !important; background: #DBBC93 !important; } @media (max-width: 767px) { button.mgbutton { padding: 13px 25px !important; font-size: 1.2rem !important; } } button.mgbutton:hover { color: #161616 !important; background: #d2ab78 !important; } @media (min-width: 992px) { body.show-cookie-modal .main-body, body.show-cookie-modal .multi-banner, body.show-cookie-modal footer { filter: blur(0.3rem); } } #ui-datepicker-div { background: #161616; padding: 20px 30px; border: none; width: 100%; max-width: 300px; z-index: 99 !important; display: none; } @media (max-width: 767px) { #ui-datepicker-div { max-width: 275px; } } #ui-datepicker-div * { text-align: center; } #ui-datepicker-div .ui-datepicker-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 5px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { font-size: 1.2rem; color: #DBBC93; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { border-bottom: 1px solid #DBBC93; } #ui-datepicker-div .ui-datepicker-header a { opacity: 1; cursor: pointer; background: none !important; } #ui-datepicker-div .ui-datepicker-header a:before { content: ''; background-size: contain; width: 18px; height: 18px; display: block; filter: invert(96%) sepia(5%) saturate(3103%) hue-rotate(317deg) brightness(85%) contrast(102%); } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:before { background: url("../icons/regular/angle-left.svg") no-repeat; background-position: left center; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { order: 3; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:before { background: url("../icons/regular/angle-right.svg") no-repeat; background-position: right center; } #ui-datepicker-div .ui-datepicker-header a span { display: none; } #ui-datepicker-div .ui-datepicker-header select { padding: 0 !important; height: 32px; background: transparent !important; color: #DBBC93; font-family: "PT Mono", monospace; font-size: 1.2rem; border: 0; border-radius: 0; background-size: 10px auto !important; background-position: right center !important; background-repeat: no-repeat !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; } #ui-datepicker-div .ui-datepicker-header select option { color: black !important; } #ui-datepicker-div table { width: 100%; margin: 0; font-size: 1.6rem; } #ui-datepicker-div table * { color: #DBBC93 !important; } #ui-datepicker-div table th { padding: 15px 0 10px; text-transform: uppercase; } #ui-datepicker-div table td { background: none !important; } #ui-datepicker-div table td span, #ui-datepicker-div table td a { line-height: 2; } #ui-datepicker-div table td.ui-state-disabled span, #ui-datepicker-div table td.ui-state-disabled a { opacity: .5; } #ui-datepicker-div table td a { position: relative; background: none !important; } #ui-datepicker-div table td a:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 30px; height: 30px; border-radius: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .25s ease; } #ui-datepicker-div table td a:hover:before { opacity: 1; background: rgba(219, 188, 147, 0.3); } #ui-datepicker-div table td a.ui-state-active { color: #161616 !important; opacity: 1; } #ui-datepicker-div table td a.ui-state-active:before { opacity: 1; background: #DBBC93; } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-bg { background: rgba(0, 0, 0, 0.9); } .fancybox-is-modal .fancybox-content { padding: 0; } .fancybox-is-modal .fancybox-slide { padding: 40px !important; } @media (max-width: 767px) { .fancybox-is-modal .fancybox-slide { padding: 20px !important; } } .fancybox-slide { padding: 120px 13vw !important; } @media (max-width: 991px) { .fancybox-slide { padding: 0 !important; } } .fancybox-infobar { top: 60px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: normal; font-family: "Neco"; font-size: 1.2rem; color: white; } .fancybox-caption { bottom: 60px; padding: 0 !important; margin: 0 !important; background: none !important; color: white; font-size: 1.2rem; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .fancybox-navigation .fancybox-button { height: 60px; width: 60px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 !important; background: none; } @media (max-width: 991px) { .fancybox-navigation .fancybox-button { display: none; } } .fancybox-navigation .fancybox-button div { padding: 0; } .fancybox-navigation .fancybox-button i { font-size: 50px; color: #161616; } .fancybox-navigation .fancybox-button--arrow_left { left: 5vw; } .fancybox-navigation .fancybox-button--arrow_right { right: 5vw; } .fancybox-button--close { top: 20px; right: 20px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: none; } .fancybox-button--close i { font-size: 30px; color: #161616; } .form-group, .form-group .field-wrap { position: relative; } .form-group legend { margin-bottom: 10px; color: #161616; line-height: 1.6; } .form-group.filled input, .form-group.filled textarea, .form-group.filled .select-wrap, .form-group.filled .date-picker-wrap { border-color: black; color: #161616; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea, .select-wrap, .file-upload { outline: 0; width: 100%; border-radius: 0; filter: none !important; box-shadow: none !important; padding: 0 !important; border: 0; border-bottom: 2px solid #161616; color: #161616; background: transparent; height: 54px; font-size: 1.2rem; font-weight: 700; transition: border-color .3s ease; -webkit-appearance: none; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .select-wrap::-webkit-input-placeholder, .file-upload::-webkit-input-placeholder { color: #161616; opacity: 1; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, .select-wrap:-moz-placeholder, .file-upload:-moz-placeholder { color: #161616; opacity: 1; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, .select-wrap::-moz-placeholder, .file-upload::-moz-placeholder { color: #161616; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .select-wrap:-ms-input-placeholder, .file-upload:-ms-input-placeholder { color: #161616; opacity: 1; } input[type="text"].edge-autofilled, input[type="text"].edge-autoSuggestFieldFilled, input[type="email"].edge-autofilled, input[type="email"].edge-autoSuggestFieldFilled, input[type="number"].edge-autofilled, input[type="number"].edge-autoSuggestFieldFilled, input[type="tel"].edge-autofilled, input[type="tel"].edge-autoSuggestFieldFilled, input[type="password"].edge-autofilled, input[type="password"].edge-autoSuggestFieldFilled, textarea.edge-autofilled, textarea.edge-autoSuggestFieldFilled, .select-wrap.edge-autofilled, .select-wrap.edge-autoSuggestFieldFilled, .file-upload.edge-autofilled, .file-upload.edge-autoSuggestFieldFilled { background: transparent !important; } input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="email"]:-webkit-autofill, input[type="email"]:-webkit-autofill:hover, input[type="email"]:-webkit-autofill:focus, input[type="number"]:-webkit-autofill, input[type="number"]:-webkit-autofill:hover, input[type="number"]:-webkit-autofill:focus, input[type="tel"]:-webkit-autofill, input[type="tel"]:-webkit-autofill:hover, input[type="tel"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill, input[type="password"]:-webkit-autofill:hover, input[type="password"]:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, .select-wrap:-webkit-autofill, .select-wrap:-webkit-autofill:hover, .select-wrap:-webkit-autofill:focus, .file-upload:-webkit-autofill, .file-upload:-webkit-autofill:hover, .file-upload:-webkit-autofill:focus { -webkit-text-fill-color: #161616; } input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="number"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="password"]::-ms-clear, textarea::-ms-clear, .select-wrap::-ms-clear, .file-upload::-ms-clear { display: none !important; } textarea { resize: none; display: block; overflow: auto; height: 170px; padding: 15px 0 !important; -webkit-appearance: none; } @media (max-width: 767px) { textarea { height: 150px; padding: 0 !important; } } /* Restyle webkit autofill */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #161616; -webkit-box-shadow: 0 0 0px 1000px transparent inset; box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 50000s ease-in-out 0s; } .select-wrap, .date-picker-wrap { position: relative; padding: 0 !important; } .select-wrap .fa-icon, .date-picker-wrap .fa-icon { z-index: 2; position: absolute; top: 50%; right: 0; pointer-events: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .select-wrap .fa-icon, .date-picker-wrap .fa-icon { right: 0; } } .select-wrap select { z-index: 2; position: relative; cursor: pointer; width: 100%; height: 100%; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 0; } @media (max-width: 767px) { .select-wrap select { padding: 0 0; } } .select-wrap select:focus::-ms-value { background-color: transparent; color: #161616; } .select-wrap select::-ms-expand { display: none; } .select-wrap .fa-icon { height: 9px; } .date-picker-wrap input { cursor: pointer; } .date-picker-wrap .fa-icon { height: 10px; } .radio-check-list { margin: 0; padding: 0; list-style: none; } .single-checkbox { padding: 40px; background: #DBBC93; } @media (max-width: 767px) { .single-checkbox { padding: 20px 25px; } } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width: 30px; height: 30px; margin: 0; padding: 0; opacity: 0; position: absolute !important; } input[type="checkbox"] + label, input[type="radio"] + label { cursor: pointer; position: relative; display: flex; align-items: center; line-height: 1.6 !important; min-height: 30px; color: #161616; font-size: 1.2rem !important; font-weight: 700; padding: 0 0 0 50px !important; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type="checkbox"] + label:after, input[type="checkbox"] + label:before, input[type="radio"] + label:after, input[type="radio"] + label:before { position: absolute; content: ''; transition: all .2s ease; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 30px; height: 30px; border: 2px solid #161616; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { opacity: 1; } /* checkbox checked icon */ input[type=checkbox] + label:after { color: #161616; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background: url("../img/close-kioku-dark.svg") no-repeat; background-size: contain; opacity: 0; } input[type=checkbox]:checked + label:after { color: black !important; } /* radio checked icon */ input[type=radio] + label:after { opacity: 0; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transform: scale(0.4); transform: scale(0.4); border-radius: 50%; background: #161616; } input[type=radio]:checked + label:after { background: black !important; } /* radio/checkbox hover and selected styles */ .checkbox-cont:hover input[type=radio] + label:after, .checkbox-cont:hover input[type=checkbox] + label:after, .single-checkbox .field-wrap:hover input[type=checkbox] + label:after { opacity: 1; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .file-upload, .file-upload * { position: relative; cursor: pointer; } .file-upload input { z-index: 2; width: 100%; height: 54px; opacity: 0; } @media (max-width: 767px) { .file-upload input { height: 54px; } } .file-upload .fa-icon { width: 12px; height: auto; } .file-upload .fake-input { z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #161616; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0; padding-right: 0 !important; line-height: calc(54px - 4px); } @media (max-width: 767px) { .file-upload .fake-input { padding-left: 0; line-height: calc(54px - 4px); } } .file-upload .upload, .file-upload .remove { z-index: 4; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .file-upload .remove { display: none; } .file-upload.filled { border-color: black !important; } .file-upload.filled .fake-input .fa-icon { opacity: 0; } .file-upload.filled .remove { display: flex; } .form-complete { position: relative; } .form-complete form { pointer-events: none !important; } .success-message { display: block; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 30px; text-align: center; font-family: "Neco"; font-size: 2rem; font-weight: 500; letter-spacing: 0.01em; text-transform: none; color: #161616; max-width: 720px; margin: 0 auto !important; transition: all .2s ease; } @media (max-width: 767px) { .success-message { font-size: 1.6rem; } } .hamburger { width: 24px; height: 18px; cursor: pointer; position: relative; -webkit-tap-highlight-color: transparent; } @media (max-width: 767px) { .hamburger { width: 20px; height: 16px; } } .hamburger-line { height: 2px; position: absolute; right: 0; left: 0; background-color: #161616; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .hamburger-line-top { top: 0; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } .hamburger-line-middle { top: 8px; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } @media (max-width: 767px) { .hamburger-line-middle { top: 7px; } } .hamburger-line-bottom { bottom: 0; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } .hamburger.open .hamburger-line-top, .hamburger.open:hover .hamburger-line-top { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); top: -2px; left: 1px; width: 20px; } @media (max-width: 767px) { .hamburger.open .hamburger-line-top, .hamburger.open:hover .hamburger-line-top { width: 17px; } } .hamburger.open .hamburger-line-middle, .hamburger.open:hover .hamburger-line-middle { opacity: 0; } .hamburger.open .hamburger-line-bottom, .hamburger.open:hover .hamburger-line-bottom { -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); width: 20px; } @media (max-width: 767px) { .hamburger.open .hamburger-line-bottom, .hamburger.open:hover .hamburger-line-bottom { width: 17px; } } body.nonTouchDevice .mob-menu-btn:hover .hamburger .hamburger-line-middle { right: 6px; } body.nonTouchDevice .mob-menu-btn:hover .hamburger .hamburger-line-bottom { right: 12px; } .fa-icon { width: auto; height: 2rem; } .fa-icon path { transition: all .25s ease; } .fa-icon[data-fill="primary"] path { fill: #161616; } .fa-icon[data-fill="secondary"] path { fill: #DBBC93; } .fa-icon[data-fill="dark"] path { fill: #161616; } .fa-icon[data-fill="light"] path { fill: #DBBC93; } .fa-icon[data-fill="white"] path { fill: white; } .text-widget ul, .text-widget ol, .accordion-widget ul, .accordion-widget ol, .media-text-widget ul, .media-text-widget ol, .media-text-fullscren-widget ul, .media-text-fullscren-widget ol, .tabs-widget ul, .tabs-widget ol, .map-widget ul, .map-widget ol { list-style: none; padding-left: 0; } .text-widget ul li, .text-widget ol li, .accordion-widget ul li, .accordion-widget ol li, .media-text-widget ul li, .media-text-widget ol li, .media-text-fullscren-widget ul li, .media-text-fullscren-widget ol li, .tabs-widget ul li, .tabs-widget ol li, .map-widget ul li, .map-widget ol li { padding: 5px 0 5px 25px; position: relative; } .text-widget ul li:before, .text-widget ol li:before, .accordion-widget ul li:before, .accordion-widget ol li:before, .media-text-widget ul li:before, .media-text-widget ol li:before, .media-text-fullscren-widget ul li:before, .media-text-fullscren-widget ol li:before, .tabs-widget ul li:before, .tabs-widget ol li:before, .map-widget ul li:before, .map-widget ol li:before { position: absolute; left: 0; } .text-widget ul li:before, .accordion-widget ul li:before, .media-text-widget ul li:before, .media-text-fullscren-widget ul li:before, .tabs-widget ul li:before, .map-widget ul li:before { content: ''; top: 15px; width: 4px; height: 4px; background: #161616; border-radius: 50%; } .text-widget ol, .accordion-widget ol, .media-text-widget ol, .media-text-fullscren-widget ol, .tabs-widget ol, .map-widget ol { counter-reset: ol-counter; } .text-widget ol li, .accordion-widget ol li, .media-text-widget ol li, .media-text-fullscren-widget ol li, .tabs-widget ol li, .map-widget ol li { counter-increment: ol-counter; } .text-widget ol li:before, .accordion-widget ol li:before, .media-text-widget ol li:before, .media-text-fullscren-widget ol li:before, .tabs-widget ol li:before, .map-widget ol li:before { content: counter(ol-counter) "."; color: #161616; } .modal-link { opacity: 0; display: none; } .modal-pop { display: none; position: relative; width: 100%; max-width: 600px; background: url("../img/kioku-repeatable-bg.png"); background-repeat: repeat; background-attachment: fixed; } .modal-pop .text { flex: 1; position: relative; padding: 60px 50px; } @media (max-width: 767px) { .modal-pop .text { padding: 40px 30px; } } .modal-pop .image { position: relative; width: 100%; } .modal-pop .image-proportion--fixed { height: 320px; } @media (max-width: 767px) { .modal-pop .image-proportion--fixed { height: 60vw; max-height: 320px; } } .modal-pop .image-proportion--fixed .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .modal-pop .modal-close-btn { z-index: 100; position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: #161616; } .modal-pop .modal-close-btn svg { height: 22px; } .modal-pop .modal-close-btn svg g, .modal-pop .modal-close-btn svg line { transition: all .3s ease; } body.nonTouchDevice .modal-pop .modal-close-btn:hover svg g, body.nonTouchDevice .modal-pop .modal-close-btn:hover svg line { stroke: white; } .notification { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; z-index: 9999; text-align: center; padding: 20px; font-size: 2rem; color: white; background-color: #d52229; -webkit-transform: translate(0, -101%); transform: translate(0, -101%); } @media (max-width: 767px) { .notification { padding: 15px; font-size: 1.6rem; } } .notification, .notification * { transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; } .notification:after { content: 'Got it'; line-height: 1; text-align: center; position: absolute; left: 50%; bottom: 50%; opacity: 0; transition: all .2s ease-in-out; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); } .notification.show { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: all .2s ease-in-out; } .notification.show:hover p { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } .notification.show:hover:after { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); opacity: 1; } .error-tooltip { text-align: center; position: absolute; width: 30px; height: 30px; background: #d52229; left: -40px; top: 50%; opacity: 0; z-index: 99; transition: all .2s ease; -webkit-transform: translateY(-50%) scale(0, 0); transform: translateY(-50%) scale(0, 0); } @media (max-width: 767px) { .error-tooltip { width: 20px; height: 20px; left: -30px; } } .error-tooltip svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: auto; fill: white; } @media (max-width: 767px) { .error-tooltip svg { width: 8px; } } .error-tooltip:after { content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #d52229; right: -5px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .error-tooltip.show { opacity: 1; -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); } .warning { display: none; color: #d52229; font-weight: bold; text-transform: uppercase; line-height: 1; } .warning.show { position: absolute; left: 0; bottom: -20px; font-size: 70%; } .spinner { opacity: 0; margin: 0 auto; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; transition: all 0.1s ease; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner > div { width: 10px; height: 10px; background-color: #161616; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both; animation: sk-bouncedelay 1s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .social-links.text-links .social-icon svg * { fill: #161616; } .social-links.text-links--light .social-icon svg * { fill: #DBBC93; } .social-media li + li { margin-top: 14px; } .social-media .social-accounts { margin: 0 -10px; } .social-media .social-accounts a { position: relative; line-height: 1; margin: 0 10px; } .social-media .social-accounts a + a:before { content: "/"; display: block; position: absolute; top: 50%; left: -13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } table:not(.ui-datepicker-calendar):not(.shop_table) { border-spacing: 0; width: 100%; border-collapse: separate; } @media (min-width: 768px) { table:not(.ui-datepicker-calendar):not(.shop_table) { table-layout: fixed; } } @media (max-width: 767px) { table:not(.ui-datepicker-calendar):not(.shop_table) tr { display: block; border-top: 2px solid #161616; } table:not(.ui-datepicker-calendar):not(.shop_table) tr:first-child { display: none; } table:not(.ui-datepicker-calendar):not(.shop_table) tr:last-child { border-bottom: 2px solid #161616; } } table:not(.ui-datepicker-calendar):not(.shop_table) th, table:not(.ui-datepicker-calendar):not(.shop_table) td { text-align: left; vertical-align: top; padding-right: 0; } table:not(.ui-datepicker-calendar):not(.shop_table) th:last-child, table:not(.ui-datepicker-calendar):not(.shop_table) td:last-child { padding-right: 10px; } @media (max-width: 767px) { table:not(.ui-datepicker-calendar):not(.shop_table) th:last-child, table:not(.ui-datepicker-calendar):not(.shop_table) td:last-child { padding-right: 0; } } table:not(.ui-datepicker-calendar):not(.shop_table) th { padding: 3px 10px; color: #DBBC93; background: #161616; font-family: "PT Mono", monospace; font-size: 1.2rem; font-weight: 700; text-transform: none; line-height: 2.4rem; letter-spacing: 0; } table:not(.ui-datepicker-calendar):not(.shop_table) td { padding: 15px 10px; border-bottom: 2px solid #161616; } @media (max-width: 767px) { table:not(.ui-datepicker-calendar):not(.shop_table) td { display: block; width: 100%; padding: 20px 0; border: 0; } table:not(.ui-datepicker-calendar):not(.shop_table) td:first-child { padding-top: 40px; } table:not(.ui-datepicker-calendar):not(.shop_table) td:last-child { padding-bottom: 40px; } table:not(.ui-datepicker-calendar):not(.shop_table) td .mobile-header { display: block; width: 100%; color: #161616; font-family: "PT Mono", monospace; font-size: 1.6rem; font-weight: 700; text-transform: none; letter-spacing: 0; } } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(1) { order: 1; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(2) { order: 2; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(3) { order: 3; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(4) { order: 4; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(5) { order: 5; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(6) { order: 6; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(7) { order: 7; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(8) { order: 8; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(9) { order: 9; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(10) { order: 10; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(11) { order: 11; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(12) { order: 12; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(13) { order: 13; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(14) { order: 14; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(15) { order: 15; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(16) { order: 16; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(17) { order: 17; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(18) { order: 18; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(19) { order: 19; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(20) { order: 20; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(21) { order: 21; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(22) { order: 22; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(23) { order: 23; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(24) { order: 24; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(25) { order: 25; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(26) { order: 26; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(27) { order: 27; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(28) { order: 28; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(29) { order: 29; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(30) { order: 30; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(31) { order: 31; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(32) { order: 32; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(33) { order: 33; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(34) { order: 34; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(35) { order: 35; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(36) { order: 36; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(37) { order: 37; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(38) { order: 38; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(39) { order: 39; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(40) { order: 40; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(41) { order: 41; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(42) { order: 42; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(43) { order: 43; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(44) { order: 44; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(45) { order: 45; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(46) { order: 46; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(47) { order: 47; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(48) { order: 48; } table:not(.ui-datepicker-calendar):not(.shop_table) td:nth-child(49) { order: 49; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; font-family: "Neco"; font-weight: 500; letter-spacing: 0.01em; text-transform: none; color: #161616; } h1, .h1 { font-size: 3.8rem; line-height: 4.8rem; } @media (max-width: 767px) { h1, .h1 { font-size: 2.6rem; line-height: 3.6rem; } } h2, .h2 { font-size: 2.8rem; line-height: 3.8rem; } @media (max-width: 767px) { h2, .h2 { font-size: 2.2rem; line-height: 3.2rem; } } h3, .h3 { font-size: 2.4rem; line-height: 3.4rem; } @media (max-width: 767px) { h3, .h3 { font-size: 1.8rem; line-height: 2.8rem; } } h4, .h4 { font-size: 2rem; line-height: 3rem; } @media (max-width: 767px) { h4, .h4 { font-size: 1.6rem; line-height: 2.6rem; } } h5, .h5 { font-family: "PT Mono", monospace; font-size: 1.6rem; font-weight: 700; line-height: 2.8rem; letter-spacing: 0; } @media (max-width: 767px) { h5, .h5 { font-size: 1.4rem; line-height: 2.6rem; } } h6, .h6 { font-family: "PT Mono", monospace; font-size: 1.2rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0; } @media (max-width: 767px) { h6, .h6 { font-size: 1.2rem; line-height: 2.4rem; } } .subtitle { text-transform: uppercase; font-weight: 700; color: #161616; } * + ul, * + ol, * + dl, * + p, * + blockquote, * + table, * + .description { margin: 25px 0 0; } @media (max-width: 767px) { * + ul, * + ol, * + dl, * + p, * + blockquote, * + table, * + .description { margin: 20px 0 0; } } * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6 { margin: 25px 0 0; } @media (max-width: 767px) { * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6 { margin: 20px 0 0; } } .video-mask { z-index: 0; position: relative; width: 100%; height: 100%; } .video-mask iframe { z-index: 0; pointer-events: none; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-mask .img { z-index: 1 !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .video-mask .img.video-ready { opacity: 0; } .video-mask .img:not(.video-ready) + iframe { opacity: 0; } .video-mask--absolute { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .video-mobile-image { display: none; } } .widget-container.sitemap-widget + .sitemap-widget { margin-top: calc(var(--paddinglg)/2 * -1); } @media (max-width: 767px) { .widget-container.sitemap-widget + .sitemap-widget { margin-top: calc(var(--paddingxs)/2 * -1); } } .widget-container.sitemap-widget ul { margin: 0; padding: 0; list-style: none; } .widget-container.sitemap-widget h2 { margin-bottom: 30px; } .widget-container.sitemap-widget .sitemap-list > li { padding: 25px 0; border-bottom: 2px solid #161616; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li { padding: 15px 0; } } .widget-container.sitemap-widget .sitemap-list > li:first-child { padding-top: 0; } .widget-container.sitemap-widget .sitemap-list > li a { display: block; font-size: 2rem; color: #161616; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li a { font-size: 1.6rem; } } body.nonTouchDevice .widget-container.sitemap-widget .sitemap-list > li a:hover { color: #161616; } .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 15px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 10px; } } .widget-container.sitemap-widget .sitemap-list > li ul li { position: relative; } .widget-container.sitemap-widget .sitemap-list > li ul li a { padding: 5px 0 5px 25px; font-size: 1.2rem; color: #161616; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li a { padding-left: 20px; font-size: 1.2rem; } } .widget-container.sitemap-widget .sitemap-list > li ul li a:before { content: "-"; position: absolute; left: 0; top: 4px; } .widget-container.sitemap-widget .sitemap-list > li ul li ul { margin: 5px 0; padding-left: 25px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li ul { padding-left: 20px; } } .widget-container { position: relative; width: 100%; } .widget-container--grid { padding: var(--paddinglg) 0; } @media (min-width: 768px) and (max-width: 991px) { .widget-container--grid { padding: var(--paddingsm) 0; } } @media (max-width: 767px) { .widget-container--grid { padding: var(--paddingxs) 0; } } .widget-container--grid.bg-default + .bg-default, .widget-container--grid.bg-grey + .bg-grey { padding-top: 0 !important; } .widget-container--grid:last-child { padding-bottom: 0 !important; } .widget-title { margin: 0 auto var(--marginlg); } @media (min-width: 768px) and (max-width: 1199px) { .widget-title { margin-bottom: var(--marginsm); } } @media (max-width: 767px) { .widget-title { margin-bottom: var(--marginxs); } } .divider-widget--line .line-divider { border: 0; height: 2px; background: #161616; } .divider-widget--pattern .line-divider { border: 0; height: 15px; background: url("../img/kioku-divider.svg") repeat-x; } .divider-widget--narrow .line-divider { margin: 0 auto; width: 33vw; } @media (min-width: 768px) and (max-width: 991px) { .divider-widget--narrow .line-divider { width: 65vw; } } @media (max-width: 767px) { .divider-widget--narrow .line-divider { width: 100%; max-width: 400px; } } .form-widget .form-wrap form { margin-top: -40px; } @media (max-width: 767px) { .form-widget .form-wrap form { margin-top: -30px; } } .form-widget .form-wrap form .form-inner { margin: 0 auto; max-width: 800px; } .form-widget .form-wrap form .form-group { width: 100%; margin: 0; margin: 40px 0 0; } @media (max-width: 767px) { .form-widget .form-wrap form .form-group { margin: 30px 0 0; } } @media (min-width: 1200px) { .form-widget .form-wrap form .form-group.half-input { width: calc(50% - 40px); } } @media (min-width: 768px) { .form-widget .form-wrap form .form-group.half-input { width: calc(50% - 20px); } } .form-widget .form-wrap form .form-group + .form-lg-margin { margin-top: 80px; } @media (max-width: 767px) { .form-widget .form-wrap form .form-group + .form-lg-margin { margin-top: 60px; } } .form-widget .form-wrap form .form-group.form-lg-margin + .border-input { margin-top: 60px; } @media (max-width: 767px) { .form-widget .form-wrap form .form-group.form-lg-margin + .border-input { margin-top: 40px; } } @media (min-width: 768px) { .form-widget .form-wrap form .form-group.form-lg-margin + .half-input + .half-input { margin-top: 60px; } } .form-widget .form-wrap form .form-group.form-subtitle h1, .form-widget .form-wrap form .form-group.form-subtitle .h1, .form-widget .form-wrap form .form-group.form-subtitle h2, .form-widget .form-wrap form .form-group.form-subtitle .h2, .form-widget .form-wrap form .form-group.form-subtitle h3, .form-widget .form-wrap form .form-group.form-subtitle .h3, .form-widget .form-wrap form .form-group.form-subtitle h4, .form-widget .form-wrap form .form-group.form-subtitle .h4, .form-widget .form-wrap form .form-group.form-subtitle h5, .form-widget .form-wrap form .form-group.form-subtitle .h5, .form-widget .form-wrap form .form-group.form-subtitle h6, .form-widget .form-wrap form .form-group.form-subtitle .h6 { margin-top: -5px; } .form-widget .form-wrap form .form-group.form-subtitle + .form-description { margin-top: 30px !important; } .form-widget .form-wrap form .form-group.check-input .radio-check-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px 0; } .form-widget .form-wrap form .form-group.check-input .radio-check-list .checkbox-cont { width: 100%; margin: 10px 0; } .form-widget .form-wrap form .form-group.check-input.half-check .radio-check-list .checkbox-cont { width: calc(50% - 40px); } @media (max-width: 767px) { .form-widget .form-wrap form .form-group.check-input.half-check .radio-check-list .checkbox-cont { width: 100%; } } .form-widget .form-wrap form .form-group.form-divider--pattern hr { border: 0; height: 15px; background: url("../img/kioku-divider.svg") repeat-x; } .form-widget .form-wrap form .form-footer { margin-top: 80px; } @media (max-width: 767px) { .form-widget .form-wrap form .form-footer { margin-top: 60px; } } .form-widget .form-wrap form .form-footer .single-checkbox { margin: 0; } .form-widget .form-widget-sending { position: relative; } .form-widget .form-widget-sending .button { pointer-events: none; } .form-widget .form-widget-sending .button span { opacity: 0; } .form-widget .form-widget-sending .button .spinner { opacity: 1 !important; } .image-widget .image { position: relative; margin: 0 auto; } .image-widget .image img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .image-widget--vertical .image { height: 28vw; width: 24vw; } @media (min-width: 768px) and (max-width: 991px) { .image-widget--vertical .image { height: 43vw; width: 39vw; } } @media (max-width: 767px) { .image-widget--vertical .image { height: 95vw; width: 100%; max-height: 405px; max-width: 320px; } } .image-widget--horizontal .image { height: 23vw; width: 33vw; } @media (min-width: 768px) and (max-width: 991px) { .image-widget--horizontal .image { height: 40vw; width: 65vw; } } @media (max-width: 767px) { .image-widget--horizontal .image { height: 58vw; width: 100%; max-height: 275px; max-width: 400px; } } .map-widget .acf-map { width: 100%; height: 25vw; min-height: 460px; } @media (max-width: 767px) { .map-widget .acf-map { height: 100vw; min-height: 0; } } .map-widget .details-list .details-row { padding: 35px 0; border-bottom: 2px solid #161616; } @media (max-width: 767px) { .map-widget .details-list .details-row { flex-wrap: wrap; } } .map-widget .details-list .details-row .col-1 { flex: 1; } .map-widget .details-list .details-row .col-2 { flex: 0 1 35%; min-width: 240px; } @media (max-width: 767px) { .map-widget .details-list .details-row .col-2 { flex: 0 1 100%; margin-top: 10px; } } .gm-style .gm-style-iw-c { border-radius: 0 !important; padding: 30px !important; min-width: 300px !important; max-width: 420px !important; } @media (max-width: 767px) { .gm-style .gm-style-iw-c { max-width: 320px !important; } } .gm-style .gm-style-iw-c .text-wrap { font-family: "PT Mono", monospace; font-size: 1.2rem; font-weight: 700; line-height: 2.8rem; letter-spacing: 0; color: #161616; } .gm-style .gm-style-iw-c .text-wrap a { display: inline-block; font-weight: 700; } .gm-style .gm-style-iw-t:after { box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, 0.1) !important; } .gm-ui-hover-effect { display: flex !important; justify-content: center; align-items: center; top: 0 !important; right: 0 !important; } .gm-ui-hover-effect img { width: 20px !important; height: 20px !important; margin: 0 !important; } .quicklinks-inline-widget .quicklinks-wrap { margin: -15px -20px; } .quicklinks-inline-widget .quicklinks-wrap .quicklink { margin: 15px 20px; } .quicklinks-inline-widget .quicklinks-wrap .quicklink .text-button { margin-top: 0; } .quicklinks-stacked-widget .quicklinks-wrap { border-bottom: 2px solid #161616; } .quicklinks-stacked-widget .quicklinks-wrap .qlink { padding: 30px 0; border-top: 2px solid #161616; } @media (max-width: 767px) { .quicklinks-stacked-widget .quicklinks-wrap .qlink { padding: 25px 0; } } .quicklinks-stacked-widget .quicklinks-wrap .qlink span { padding-right: 20px; background-image: linear-gradient(180deg, transparent 65%, #DBBC93 0); background-size: 0 100%; background-repeat: no-repeat; transition: background 0.3s cubic-bezier(0.5, 0.61, 0.355, 1); } .quicklinks-stacked-widget .quicklinks-wrap .qlink svg { height: 1rem; flex-shrink: 0; transition: all .3s ease; } body.nonTouchDevice .quicklinks-stacked-widget .quicklinks-wrap .qlink:hover span { background-size: calc(100% - 20px) 100%; } body.nonTouchDevice .quicklinks-stacked-widget .quicklinks-wrap .qlink:hover svg { transform: translate(-15px, 0); } .shape-widget { display: flex; padding: 0 !important; height: 20px; } @media (max-width: 767px) { .shape-widget { height: 15px; } } .shape-widget svg { position: absolute; top: 50%; } .shape-widget--vertical svg { height: 55px; } @media (max-width: 767px) { .shape-widget--vertical svg { height: 40px; } } .shape-widget--horizontal svg { height: 20px; } @media (max-width: 767px) { .shape-widget--horizontal svg { height: 15px; } } .shape-widget--left svg { left: 0; transform: translate(-50%, -50%); } @media (min-width: 768px) and (max-width: 1199px) { .shape-widget--left svg { left: 40px; } } @media (max-width: 767px) { .shape-widget--left svg { left: 30px; } } .shape-widget--center svg { left: 50%; transform: translate(-50%, -50%); } .shape-widget--right svg { right: 80px; transform: translate(50%, -50%); } @media (min-width: 768px) and (max-width: 1199px) { .shape-widget--right svg { right: 40px; } } @media (max-width: 767px) { .shape-widget--right svg { right: 30px; } } .spacer-widget { padding: 0 !important; } .spacer-widget--small { height: 40px; } .spacer-widget--large { height: 80px; } .text-widget blockquote { margin-bottom: 0; background: #000; padding: 25px 30px; } @media (max-width: 767px) { .text-widget blockquote { padding: 15px 20px; } } .text-widget--narrow .text-wrap { margin: 0 auto; width: 33vw; } @media (min-width: 768px) and (max-width: 991px) { .text-widget--narrow .text-wrap { width: 65vw; } } @media (max-width: 767px) { .text-widget--narrow .text-wrap { width: 100%; max-width: 400px; } }