@import url("https://fonts.googleapis.com/css?family=Yeseva+One&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
.clearfix:after {
content: "";
display: table;
clear: both; } .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform; }
.swiper-slide-invisible-blank {
visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform; }
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-lock {
display: none; }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%; }
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-o-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right,.2s -webkit-transform;
transition: .2s right,.2s -webkit-transform;
-o-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform; }
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000; }
.swiper-pagination-lock {
display: none; }
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-scrollbar-lock {
display: none; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.swiper-slide-zoomed {
cursor: move; }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube {
overflow: visible; }
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
.swiper-container-flip {
overflow: visible; }
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px; } .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
@font-face {
font-family: 'AvenirNext';
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.eot);
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.eot?#iefix) format("embedded-opentype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.woff2) format("woff2"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.woff) format("woff"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.ttf) format("truetype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold) format("svg");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'AvenirNext';
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.eot);
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.eot?#iefix) format("embedded-opentype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.woff2) format("woff2"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.woff) format("woff"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.ttf) format("truetype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-It.svg#AvenirNextLTPro-It) format("svg");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'AvenirNext';
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.eot);
src: url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.eot?#iefix) format("embedded-opentype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.woff2) format("woff2"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.woff) format("woff"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.ttf) format("truetype"), url(https://oldcave.nl/wp-content/themes/oldcave/media/fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular) format("svg");
font-weight: normal;
font-style: normal; }        body {
background: #f9f9f9;
font-family: 'AvenirNext'; }
.white_bg {
display: block;
clear: both;
width: 100%;
background: #fff; }
.hidden {
display: none !important; }
strong, b {
font-weight: bold; }
.pdg.pdg-btm.pdg-btm-100 {
padding-bottom: 100px; }
.pdg.pdg-tp.pdg-tp-40 {
padding-top: 40px; }
.text_box_center {
margin: 0 auto;
font-size: 21px;
line-height: 1.68;
letter-spacing: normal;
text-align: center;
color: #48484f;
clear: both; }
.text_box_center.large {
width: 940px;
margin-top: 80px;
margin-bottom: 50px; }
.text_box_center.small {
width: 570px;
padding-top: 60px;
margin-bottom: 50px; }
.page_breaker_red {
clear: both;
display: block;
margin: 2px auto;
width: 1562px;
height: 30px;
border-bottom: solid 1px #2f315a;
position: relative; }
.page_breaker_red a {
display: block;
margin: 0 auto;
width: 290px;
height: 60px;
line-height: 60px;
background: #d20606;
color: #e1e1e1;
font-size: 21px;
text-align: center;
text-decoration: none; }
.card {
display: block;
clear: both;
margin: 40px 0 100px; }
.card .cover {
width: 50%;
float: left;
position: relative; }
.card .cover .frame {
float: right;
margin: 0 40px 0 0;
position: relative; }
.card .cover .frame img {
position: relative;
z-index: 1;
width: 570px;
height: 646px;
outline: 1px solid #fff;
outline-offset: -8px; }
.card .cover .frame:before {
display: block;
content: " ";
width: 400px;
height: 570px;
position: absolute;
bottom: -60px;
left: -60px;
background: #eaedf1; }
.card .annotation {
width: 50%;
float: right; }
.card .annotation .frame {
float: left;
margin: 0 0 0 30px;
max-width: 510px; }
.card .annotation .frame .bigtitle {
margin-top: 120px;
font-family: 'Yeseva One', cursive;
font-size: 70px;
margin-bottom: 50px;
color: #2f315a; }
.card .annotation .frame .untitle {
margin-top: 120px;
margin-bottom: 50px;
width: 100px;
height: 1px;
background: #202130; }
.card .annotation .frame .shorts {
font-size: 23px;
color: #48484f;
line-height: 1.4em;
margin-bottom: 50px; }
.card.reverse .cover {
float: right; }
.card.reverse .cover .frame {
float: left;
margin: 0; }
.card.reverse .cover .frame img {
width: 770px;
height: 550px; }
.card.reverse .cover .frame:before {
left: auto;
right: -60px; }
.card.reverse.mirror .frame {
float: right; }
.card.reverse.mirror .frame img {
width: 570px;
height: 646px; }
.card.reverse .annotation {
float: left; }
.card.reverse .annotation .frame {
float: right;
margin: 0 90px 0 0; }
.card.reverse#event {
margin-top: 0;
padding-top: 120px; }
.card.reverse#event .frame:before {
height: 400px; }
.card.reverse#event .frame img {
width: 640px;
height: 370px; }
.card:after,
.card .cover:after,
.card .annotation:after {
content: "";
display: table;
clear: both; }
.more {
display: inline-block;
position: relative;
font-size: 19px;
font-weight: 600;
color: #d20606;
text-decoration: none; }
.more:after {
display: block;
position: absolute;
content: " ";
width: 60px;
height: 1px;
background: #2f315a;
top: 8px;
right: -100px; }
ul.bullets {
padding-left: 20px; }
ul.bullets li:before {
content: "";
border: 5px #000 solid !important;
border-radius: 50px;
margin-top: 11px;
margin-left: -20px;
position: absolute; }
ul.bullets.inline li {
float: left;
margin-right: 45px; }
.promostick {
display: block;
float: left;
width: 368px;
height: 470px;
overflow: hidden;
position: relative;
margin: 0 30px 0 0; }
.promostick .cover {
outline: 1px solid #fff;
outline-offset: -8px; }
.promostick:last-child {
margin-right: 0; }
.promostick .title {
display: block;
position: absolute;
width: 270px;
bottom: 50px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Yeseva One', cursive;
font-size: 22px;
color: #fff;
text-decoration: none;
line-height: 1.27; }
header#global_header {
display: block;
position: fixed;
width: 100%;
height: 140px;
z-index: 10;
top: 0;
left: 0;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear; }
header#global_header .in_wrap {
display: block;
margin: 0 auto; }
header#global_header .in_wrap #logo {
display: block;
float: left;
width: 170px;
height: 110px;
background: transparent url(https://oldcave.nl/wp-content/themes/oldcave/media/images/oldcave_logo.png) center center no-repeat;
background-size: contain; }
header#global_header .in_wrap .menuline {
display: block;
float: left;
margin: 52px 0 0 90px;
letter-spacing: 0.7px; }
header#global_header .in_wrap .menuline #menu_area {
float: left; }
header#global_header .in_wrap .menuline ul#desktop_menu {
float: left; }
header#global_header .in_wrap .menuline ul#desktop_menu li {
float: left;
margin-right: 38px; }
header#global_header .in_wrap .menuline ul#desktop_menu li a {
display: block;
text-transform: uppercase;
text-decoration: none;
color: #fff;
height: 54px;
line-height: 54px;
font-size: 15px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear; }
header#global_header .in_wrap .menuline ul#desktop_menu li a:hover, header#global_header .in_wrap .menuline ul#desktop_menu li a.active {
border-color: #fff; }
header#global_header .in_wrap .menuline .maaknueen {
float: left;
display: block;
height: 53px;
line-height: 53px;
border: 1px solid #fff;
padding: 0 36px;
margin-left: 30px;
font-size: 15px;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear; }
header#global_header .in_wrap .menuline .call {
float: left;
display: block;
position: relative;
text-decoration: none;
color: #fff;
height: 55px;
line-height: 55px;
font-size: 15px;
margin-left: 30px;
padding-left: 25px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear; }
header#global_header .in_wrap .menuline .call:before {
display: block;
float: left;
position: absolute;
content: " ";
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/phone_white.svg) center center no-repeat;
width: 16px;
height: 16px;
top: 18px;
left: 0;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear; }
header#global_header.paper {
background: #fff; }
header#global_header.paper.transp {
background: transparent; }
header#global_header.paper .menuline ul#desktop_menu li a {
color: #202130; }
header#global_header.paper .menuline ul#desktop_menu li a:hover, header#global_header.paper .menuline ul#desktop_menu li a.active {
border-color: #202130; }
header#global_header.paper .menuline .maaknueen {
border: 1px solid #202130;
color: #202130; }
header#global_header.paper .menuline .call {
color: #202130; }
header#global_header.paper .menuline .call:before {
background-image: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/phone_black.svg); }
footer#global_footer {
display: block;
clear: both;
width: 100%;
background: #211f2c;
color: #f7faff; }
footer#global_footer .company {
display: block;
opacity: 0.8;
font-size: 21px;
font-weight: 500;
line-height: 1.5;
float: left;
margin-right: 180px; }
footer#global_footer .cont {
position: relative;
display: block;
float: left;
width: 195px;
font-size: 20px;
margin-right: 100px;
text-decoration: none;
color: #f7faff;
opacity: 0.8; }
footer#global_footer .cont:hover {
opacity: 1; }
footer#global_footer .cont:before {
display: block;
float: left;
content: " ";
width: 22px;
height: 24px;
margin-right: 10px;
margin-top: -4px; }
footer#global_footer .cont.tel:before {
margin-top: -2px;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/phone_white.svg) center center no-repeat; }
footer#global_footer .cont.mob:before {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/mob.svg) center center no-repeat; }
footer#global_footer .cont.mail {
margin-right: 0; }
footer#global_footer .cont.mail:before {
margin-top: -3px;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/email.svg) center center no-repeat; }
footer#global_footer .line {
display: block;
clear: both;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.2); }
footer#global_footer .lastline {
position: relative; }
footer#global_footer .lastline .copyright {
display: inline-block;
opacity: 0.8;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
float: left; }
footer#global_footer .lastline .socials {
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 57px;
margin: 0 auto;
text-align: center;
width: 240px; }
footer#global_footer .lastline .socials a {
display: inline-block;
float: left;
width: 24px;
height: 24px;
margin-right: 24px;
opacity: 0.8; }
footer#global_footer .lastline .socials a:hover {
opacity: 1; }
footer#global_footer .lastline .socials a.tw {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/twitter.svg) center center no-repeat; }
footer#global_footer .lastline .socials a.fb {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/fb.svg) center center no-repeat; }
footer#global_footer .lastline .socials a.insta {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/insta.svg) center center no-repeat; }
footer#global_footer .lastline .socials a.link {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/linkedin.svg) center center no-repeat; }
footer#global_footer .lastline .socials a.pin {
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/pinterest.svg) center center no-repeat;
margin-right: 0; }
footer#global_footer .lastline .policy {
display: inline-block;
opacity: 0.8;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
float: right;
text-decoration: none;
color: inherit; }
footer#global_footer .wrapped {
margin: 0 auto;
padding: 60px 0 50px; }
.sty_home {
padding-bottom: 100px; }
.sty_home #home_monitor {
display: block;
position: relative;
max-width: 100%;
overflow: hidden; }
.sty_home #home_monitor .swiper-slide img {
width: 100%;
outline: 1px solid #fff;
outline-offset: -20px; }
.sty_home #home_monitor .down_arrow {
display: block;
position: absolute;
cursor: pointer;
width: 60px;
height: 60px;
border: 1px solid #fff;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/down_arrow.png) center center no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
bottom: 120px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1; }
.sty_home .card#keuken {
margin-top: 130px;
margin-bottom: 115px; }
.sty_home .card#partijen {
margin-top: 125px;
margin-bottom: 0px; }
.sty_home .text_box_center.small {
padding-top: 90px; }
.sty_home .promosticks {
width: 1565px;
margin: 0 auto;
padding-bottom: 100px;
max-width: 100%; }
.sty_home .datrialdadatrialdakaruseelii {
position: relative;
width: 1650px;
max-width: 100%;
margin: 0 auto; }
.sty_home .datrialdadatrialdakaruseelii .frames {
display: block;
position: absolute;
width: 1600px;
max-width: 100%;
height: 280px;
border: 1px solid #d9dadf;
top: -25px;
left: 25px; }
.sty_home .datrialdadatrialdakaruseelii .frames:after {
display: block;
position: absolute;
content: " ";
width: 500px;
height: 1px;
background: #2f315a;
bottom: -1px;
left: 0;
right: 0;
margin: 0 auto; }
.sty_home .datrialdadatrialdakaruseelii .content {
position: relative;
z-index: 1; }
.sty_home .datrialdadatrialdakaruseelii .content a {
display: block;
width: 328px;
height: 230px;
float: left;
margin-right: 2px; }
.sty_home .datrialdadatrialdakaruseelii .content a:last-child {
margin-right: 0; }
.sty_home .hs-swiper-container {
width: 100%;
height: 100%; }
.sty_home .hs-swiper-pagination {
position: absolute;
z-index: 1;
left: auto;
right: 150px;
bottom: 50px;
width: 55px; }
.sty_home .hs-swiper-pagination .swiper-pagination-bullet {
text-align: left;
font-size: 20px;
color: #fff;
opacity: 0.5;
display: block;
width: 55px;
height: 55px;
line-height: 55px;
background: transparent;
border-radius: 0;
float: left;
margin: 0;
border-right: 1px solid rgba(255, 255, 255, 0.5); }
.sty_home .hs-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
border-right: 1px solid white; }
.sty_page {
color: #48484f; }
.sty_page h1 {
font-family: 'Yeseva One', cursive;
font-size: 60px;
color: #2f315a;
margin-bottom: 50px;
padding-top: 50px;
max-width: 980px; }
.sty_page h3 {
font-family: 'Yeseva One', cursive;
font-size: 40px;
color: #2f315a;
margin-bottom: 30px;
padding-top: 30px;
max-width: 980px; }
.sty_page .page_cover {
display: block;
position: relative;
width: 100%;
color: #f7faff;
margin-bottom: 50px;
overflow: hidden; }
.sty_page .page_cover .cover_border {
position: absolute;
top: 20px;
left: 20px;
-webkit-box-shadow: 0px 0px 1px 0px white;
-moz-box-shadow: 0px 0px 1px 0px white;
box-shadow: 0px 0px 1px 0px white;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
height: 100%; }
.sty_page .page_cover img {
width: 100%; }
.sty_page .page_cover .grade {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5); }
.sty_page .page_cover .titles {
display: block;
position: absolute;
left: 150px;
bottom: 90px; }
.sty_page .page_cover .titles h1 {
margin-bottom: 20px;
color: inherit; }
.sty_page .page_cover .titles h2 {
font-size: 28px;
max-width: 730px; }
.sty_page .paragraph {
max-width: 1110px;
font-size: 21px;
line-height: 1.7;
padding-bottom: 110px; }
.sty_page .paragraph.large {
max-width: 100%; }
.sty_page .cols_content {
padding-top: 50px;
padding-bottom: 105px; }
.sty_page .cols_content .col {
width: 600px;
float: left; }
.sty_page .cols_content .col.second {
margin-left: 100px; }
.sty_page .cols_content .col h1 {
font-size: 40px; }
.sty_page .cols_content .col .text {
font-size: 18px;
margin-bottom: 35px;
line-height: 1.5; }
#backintime_custom {
display: block;
position: relative;
width: 1045px;
max-width: 100%;
padding-left: 140px; }
#backintime_custom #dance {
margin-top: 210px; }
#backintime_custom #lovely {
float: right; }
#backintime_custom #area {
display: block;
position: absolute;
top: 405px;
left: 500px;
width: 604px;
background: #fff; }
#backintime_custom #area .txt {
display: block;
position: relative;
font-family: 'Yeseva One', cursive;
font-size: 24px;
color: #2f315a;
text-decoration: none;
line-height: 1.4;
margin: 80px 40px 60px; }
#backintime_custom #area .txt:before {
display: block;
position: absolute;
content: " ";
width: 60px;
height: 1px;
background: #202130;
left: 0;
top: -30px; }
#bruiloften_custom {
display: block;
position: relative;
padding-top: 130px;
min-height: 850px; }
#bruiloften_custom #br_1 {
float: left;
margin: 0 50px 50px 130px; }
#bruiloften_custom #br_2 {
float: left; }
#bruiloften_custom #br_3 {
position: absolute;
left: 0;
top: 570px; }
#bruiloften_custom #area {
display: block;
position: absolute;
top: 470px;
left: 325px;
width: 860px;
background: #fff; }
#bruiloften_custom #area #text {
display: block;
position: relative;
font-size: 24px;
color: #2f315a;
text-decoration: none;
line-height: 1.4;
margin: 130px 60px 60px; }
#bruiloften_custom #area #text:before {
display: block;
position: absolute;
content: " ";
width: 60px;
height: 1px;
background: #202130;
left: 0;
top: -30px; }
.sty_etendrinken {
outline: 1px solid #2f315a;
outline-offset: -20px; }
.sty_etendrinken .plate_bgs {
background-image: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/eten_left.png), url(https://oldcave.nl/wp-content/themes/oldcave/media/images/eten_right.png);
background-position: left 140px, right 370px;
background-repeat: no-repeat, no-repeat; }
.sty_etendrinken .center_text {
display: block;
width: 850px;
margin: 0 auto;
padding: 400px 0 70px;
text-align: center; }
.sty_etendrinken .center_text .text {
width: 850px;
font-size: 30px;
font-weight: 500;
line-height: 1.4;
letter-spacing: normal;
color: #202130; }
.sty_etendrinken .center_text .line {
display: block;
margin: 80px auto 0px;
width: 1px;
height: 100px;
background: #202130; }
.sty_etendrinken .menu_header {
text-align: center;
width: 1560px;
margin: 0 auto 50px;
max-width: 100%; }
.sty_etendrinken .menu_header h3, .sty_etendrinken .menu_header h1 {
display: inline-block;
width: auto;
max-width: none;
margin-bottom: 0;
padding-top: 0; }
.sty_etendrinken .menu_header a {
display: inline-block;
width: 43px;
height: 20px;
margin-top: 10px; }
.sty_etendrinken .menu_header a:focus {
outline: none; }
.sty_etendrinken .menu_header a#arr_prev {
float: left;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/arr-prev.png) center center no-repeat; }
.sty_etendrinken .menu_header a#arr_next {
float: right;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/arr-next.png) center center no-repeat; }
.sty_etendrinken .promosticks {
width: 1560px;
max-width: 100%;
margin: 0 auto; }
.sty_etendrinken .promosticks #menu_promosticks {
width: 100%;
height: 100%; }
.sty_etendrinken .promosticks .promostick {
margin-right: 22px; }
.sty_menu {
outline: 1px solid #2f315a;
outline-offset: -20px; }
.sty_menu .menu_header {
padding-top: 220px;
margin-bottom: 370px;
width: 1432px; }
.sty_menu .menu_header a {
margin-top: 20px; }
.sty_menu .menu_grid {
width: 1432px;
max-width: 100%;
margin: 0 auto; }
.sty_menu .menu_grid .cover {
max-width: 100%;
margin-top: -300px;
margin-bottom: 60px; }
.sty_menu .menu_grid .left_side:before,
.sty_menu .menu_grid .right_side:before {
display: block;
content: " ";
width: 100px;
height: 1px;
background: #202130;
margin-bottom: 50px; }
.sty_menu .menu_grid .left_side {
float: left;
width: 885px;
font-size: 20px; }
.sty_menu .menu_grid .left_side .bullets li {
font-size: 20px;
margin-bottom: 20px;
padding-left: 15px;
width: 90%;
line-height: 1.4; }
.sty_menu .menu_grid .left_side .bullets li .price {
float: right;
position: relative;
display: inline-block;
height: 32px;
line-height: 35px;
color: #fff;
background: #202130;
padding: 0 10px;
font-size: 16px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px; }
.sty_menu .menu_grid .left_side .bullets li .price:before {
display: block;
position: absolute;
content: " ";
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/price_tsk.png) center center no-repeat;
width: 7px;
height: 32px;
top: 0;
left: -5px; }
.sty_menu .menu_grid .left_side .bullets li:before {
margin-top: 7px;
margin-left: -35px; }
.sty_menu .menu_grid .right_side {
float: right;
width: 538px;
font-size: 20px;
line-height: 1.4; }
.sty_contact {
width: 100%; }
.sty_contact .map_side {
min-height: 1000px;
width: 50%;
float: left;
background: #fff;
padding-top: 240px; }
.sty_contact .map_side .map_area {
position: relative;
float: right;
margin-right: 130px;
width: 660px;
height: 750px; }
.sty_contact .map_side .map_area .mapouter {
position: relative;
text-align: right;
height: 100%;
width: 100%; }
.sty_contact .map_side .map_area .gmap_canvas {
overflow: hidden;
background: none !important;
height: 100%;
width: 100%; }
.sty_contact .map_side .map_area .gmap_canvas iframe#gmap_canvas {
height: 100%;
width: 100%; }
.sty_contact .map_side .map_area .overlay_info {
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 270px;
padding: 20px 50px 50px;
color: #2f315a;
font-size: 17px;
font-weight: 600;
line-height: 1.2; }
.sty_contact .map_side .map_area .overlay_info #name:after {
display: block;
content: " ";
width: 100px;
height: 1px;
background: #202130;
margin-top: 20px; }
.sty_contact .map_side .map_area .overlay_info #address {
display: block;
padding: 20px 0; }
.sty_contact .form_side {
min-height: 1000px;
width: 50%;
float: right;
background: #f9f9f9; }
.sty_contact .form_side .form_area {
float: left;
margin: 270px 0 0 190px; }
.sty_contact .form_side .form_area h2 {
color: #2f315a;
font-family: 'Yeseva One', cursive;
padding: 0 0 40px 80px;
font-size: 50px; }
.sty_contact .form_side .form_area label {
display: block;
color: #2f315a;
font-size: 17px;
margin-bottom: 10px; }
.sty_contact .form_side .form_area .txtinpt {
display: block;
width: 460px;
height: 50px;
line-height: 50px;
background: #fff;
border: 1px solid #2f315a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
font-size: 18px;
padding: 0 20px;
margin-bottom: 20px; }
.sty_contact .form_side .form_area textarea {
width: 500px;
height: 150px;
display: block;
margin-bottom: 40px; }
.sty_contact .form_side .form_area .txtinpt:focus,
.sty_contact .form_side .form_area textarea:focus,
.sty_contact .form_side .form_area #submit:focus,
.sty_contact .form_side .form_area #submit:active {
outline: none; }
.sty_contact .form_side .form_area #submit {
cursor: pointer;
display: block;
width: 150px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 22px;
color: #fff;
background: #d20606;
border: 0; }
@media screen and (min-width: 1901px) {
.grid-menu {
width: 1610px; }
.grid-content {
width: 1310px;
margin: 0 auto; } }
@media screen and (max-width: 960px) and (min-width: 320px) {
.sty_page .page_cover .cover_border {
display: none; }
header#global_header {
height: 67px; }
header#global_header #hamburger {
position: relative;
display: inline-block;
z-index: 1;
float: left;
cursor: pointer;
width: 25px;
height: 25px;
margin: 13px 13px 0 13px; }
header#global_header #hamburger:before {
position: absolute;
display: block;
content: " ";
width: 20px;
height: 16px;
background: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/hamburger.png) 0 -16px no-repeat;
top: 4px;
left: 2px; }
header#global_header.paper #hamburger:before {
background-position: 0 0; }
header#global_header.mobile_open #menu_area {
display: block !important; }
header#global_header.mobile_open #hamburger:before {
background-position: 0 -16px !important; }
header#global_header.mobile_open #desktop_menu li a {
color: #fff !important; }
header#global_header.mobile_open .menuline .maaknueen {
border-color: #fff !important;
color: #fff !important; }
header#global_header.mobile_open .menuline .call {
color: #fff !important; }
header#global_header.mobile_open .menuline .call:before {
background-image: url(https://oldcave.nl/wp-content/themes/oldcave/media/images/icons/phone_white.svg) !important; }
header#global_header .in_wrap #logo {
width: 107px;
height: 67px;
z-index: 1;
position: relative; }
header#global_header .in_wrap .menuline {
float: right;
margin: 17px 15px 0 0; }
header#global_header .in_wrap .menuline .call {
font-size: 13px;
height: 19px;
line-height: 19px;
margin-left: 0px; }
header#global_header .in_wrap .menuline .call:before {
top: 3px; }
header#global_header .in_wrap .menuline #menu_area {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #211f2c;
padding-top: 190px; }
header#global_header .in_wrap .menuline #menu_area .maaknueen {
width: 200px;
display: inline-block;
float: none;
text-align: center;
position: absolute;
top: 110px;
left: 0;
right: 0;
margin: 0 auto; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu {
float: none;
width: 100%; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li {
float: none;
margin: 0;
text-align: center; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li a:hover,
header#global_header .in_wrap .menuline #menu_area #desktop_menu li a.active {
border-color: transparent; }
.text_box_center {
font-size: 14px; }
.text_box_center.large {
margin-top: 30px;
margin-bottom: 30px;
width: 100%; }
.text_box_center.small {
width: 100%;
margin-bottom: 30px; }
.page_breaker_red {
width: 100%;
height: 20px; }
.page_breaker_red a {
width: 180px;
height: 40px;
line-height: 40px;
font-size: 14px; }
.card {
margin-bottom: 40px; }
.card .cover {
width: 100%;
float: none; }
.card .cover .frame {
float: none;
margin: 0; }
.card .cover .frame:before {
width: 220px;
height: 300px;
bottom: -30px;
left: -30px; }
.card .cover .frame img {
width: 312px;
height: auto;
outline-offset: -4px; }
.card .annotation {
width: 100%;
float: none; }
.card .annotation .frame {
margin: 0; }
.card .annotation .frame .untitle {
margin-top: 60px;
margin-bottom: 30px; }
.card .annotation .frame .bigtitle {
font-size: 22px;
margin-top: 50px;
margin-bottom: 20px; }
.card .annotation .frame .shorts {
font-size: 14px;
margin-bottom: 20px; }
.card .annotation .frame .more {
font-size: 18px; }
.card.reverse#event {
padding-top: 20px; }
.card.reverse#event .cover .frame:before {
height: 150px; }
.card.reverse#event .cover .frame img {
width: 312px;
height: auto; }
.card.reverse .cover .frame:before {
height: 200px;
bottom: -30px;
right: -15px; }
.card.reverse .cover .frame img {
width: 312px;
height: auto; }
.card.reverse .annotation {
width: 100%;
float: none; }
.card.reverse .annotation .frame {
margin: 0; }
.card.reverse .annotation .frame .untitle {
margin-top: 60px;
margin-bottom: 30px; }
.card.reverse .annotation .frame .bigtitle {
font-size: 22px;
margin-top: 50px;
margin-bottom: 20px; }
.card.reverse .annotation .frame .shorts {
font-size: 14px;
margin-bottom: 20px; }
.card.reverse .annotation .frame .more {
font-size: 18px; }
.card.reverse.mirror .cover {
float: none; }
.card.reverse.mirror .cover .frame {
float: none; }
.card.reverse.mirror .cover .frame:before {
right: 0; }
.promosticks {
width: 100% !important; }
.promosticks .swiper-container {
width: 100%;
height: 100%; }
.promosticks .promostick {
width: 300px;
height: auto;
margin-right: 10px; }
.promosticks .promostick .cover {
width: 300px;
height: auto;
outline-offset: -4px; }
.sty_home {
padding-bottom: 80px; }
.sty_home #home_monitor .hs-swiper-container img {
width: 100%;
height: auto;
outline: 0;
outline-offset: 0; }
.sty_home #home_monitor .down_arrow {
display: none; }
.sty_home #home_monitor .hs-swiper-pagination {
display: inline-block;
left: 0;
right: 0;
margin: 0 auto;
bottom: 14px; }
.sty_home #home_monitor .hs-swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
text-indent: -99999px;
overflow: hidden;
background: #fff;
margin: 0 10px 0 0;
border: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.sty_home #home_monitor .hs-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 0; }
.sty_home .datrialdadatrialdakaruseelii {
width: 100%;
height: 200px; }
.sty_home .datrialdadatrialdakaruseelii .frames {
display: none; }
.sty_home .datrialdadatrialdakaruseelii .swiper-container {
width: 100%;
height: 100%; }
.sty_home .datrialdadatrialdakaruseelii .content a, .sty_home .datrialdadatrialdakaruseelii .content img {
width: 280px;
height: 200px; }
.sty_home .card#partijen {
margin-top: 60px; }
.sty_home .card#keuken {
margin-top: 40px;
margin-bottom: 50px; }
.sty_home .text_box_center.small {
padding-top: 50px; }
.sty_home .promosticks {
padding-bottom: 50px; }
.sty_page h1 {
font-size: 22px;
padding-top: 30px;
margin-bottom: 20px;
max-width: 100%; }
.sty_page .page_cover {
height: 210px;
overflow: hidden;
margin-bottom: 40px; }
.sty_page .page_cover img {
height: 100%;
width: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%); }
.sty_page .page_cover .titles {
left: 15px;
bottom: 20px;
opacity: 0.8; }
.sty_page .page_cover .titles h1 {
font-size: 20px;
margin-bottom: 5px;
padding-top: 0;
max-width: 300px;
font-weight: normal; }
.sty_page .page_cover .titles h2 {
font-size: 14px;
max-width: 300px;
font-weight: normal; }
.sty_page .paragraph {
width: 100%;
max-width: 100%;
font-size: 14px;
line-height: 1.7;
padding-bottom: 40px; }
.sty_page .cols_content {
padding-bottom: 0px; }
.sty_page .cols_content .col {
width: 100%;
float: none; }
.sty_page .cols_content .col h1 {
font-size: 22px; }
.sty_page .cols_content .col .text {
font-size: 14px; }
.sty_page .cols_content .col .more {
font-size: 15px; }
.sty_page .cols_content .col.second {
margin: 30px 0 0 0; }
.sty_page ul.bullets.inline li {
float: none; }
.sty_page ul.bullets.inline li:before {
margin-top: 5px; }
.sty_page h3 {
font-size: 22px; }
.sty_page .rsp-rm-pdg-tp {
padding-top: 0 !important; }
.sty_page .rsp-rm-pdg-btm {
padding-bottom: 0 !important; }
#backintime_custom {
width: 100%;
padding-left: 0; }
#backintime_custom #dance {
margin-top: 0;
width: 100%;
margin-bottom: 105px; }
#backintime_custom #lovely {
float: none;
width: 100%; }
#backintime_custom #area {
top: 180px;
left: 0;
right: 0;
margin: 0 auto;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
#backintime_custom #area .txt {
font-size: 20px;
margin: 50px 25px 60px; }
.sty_etendrinken:not(.sty_menu) {
outline: 0;
outline-offset: 0; }
.sty_etendrinken:not(.sty_menu) .plate_bgs {
background-position: left 77px, right 404px;
background-size: 160px 203px, 87px 137px; }
.sty_etendrinken:not(.sty_menu) .center_text {
width: 100%;
padding: 230px 0 40px;
text-align: center; }
.sty_etendrinken:not(.sty_menu) .center_text h1 {
font-size: 22px;
margin-bottom: 20px; }
.sty_etendrinken:not(.sty_menu) .center_text .text {
font-size: 14px;
width: 100%; }
.sty_etendrinken:not(.sty_menu) .center_text .line {
margin: 50px auto 0px;
height: 70px; }
.sty_etendrinken:not(.sty_menu) .menu_header {
width: 100%; }
.sty_etendrinken:not(.sty_menu) .menu_header h3 {
font-size: 22px; }
.sty_etendrinken:not(.sty_menu) .menu_header #arr_prev,
.sty_etendrinken:not(.sty_menu) .menu_header #arr_next {
display: none; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick {
width: auto;
margin: 0 0 15px; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick:nth-of-type(odd) {
float: left; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick:nth-of-type(even) {
float: right; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .cover {
width: 155px; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .title {
font-size: 14px;
width: 90px;
bottom: 20px; }
.sty_etendrinken.sty_menu {
outline: 0;
outline-offset: 0; }
.sty_etendrinken.sty_menu .menu_header {
width: 100%;
padding-top: 110px;
margin-bottom: 30px; }
.sty_etendrinken.sty_menu .menu_header h1 {
font-size: 22px; }
.sty_etendrinken.sty_menu .menu_header a {
width: 25px;
height: 25px;
margin-top: 0px;
background-size: contain !important; }
.sty_etendrinken.sty_menu .menu_grid {
width: 100%;
height: auto;
padding-bottom: 50px; }
.sty_etendrinken.sty_menu .menu_grid .cover {
margin-top: 0;
margin-bottom: 30px;
width: 100%; }
.sty_etendrinken.sty_menu .menu_grid .left_side:before,
.sty_etendrinken.sty_menu .menu_grid .right_side:before {
margin-bottom: 25px; }
.sty_etendrinken.sty_menu .menu_grid .left_side {
float: none;
width: 100%; }
.sty_etendrinken.sty_menu .menu_grid .left_side ul.bullets li {
padding-left: 0px;
font-size: 15px;
width: 100%; }
.sty_etendrinken.sty_menu .menu_grid .left_side ul.bullets li:before {
margin-top: 5px;
margin-left: -17px; }
.sty_etendrinken.sty_menu .menu_grid .left_side ul.bullets li .price {
height: 25px;
line-height: 25px;
font-size: 13px;
padding: 0 5px; }
.sty_etendrinken.sty_menu .menu_grid .left_side ul.bullets li .price:before {
height: 25px; }
.sty_etendrinken.sty_menu .menu_grid .right_side {
float: none;
width: 100%;
font-size: 15px;
padding-top: 30px; }
#bruiloften_custom {
padding-top: 50px;
min-height: auto; }
#bruiloften_custom #br_1 {
display: none; }
#bruiloften_custom #br_2 {
float: none;
width: 100%;
margin-bottom: 220px; }
#bruiloften_custom #br_3 {
position: relative;
width: 100%;
left: auto;
top: auto; }
#bruiloften_custom #area {
top: 180px;
left: 0;
right: 0;
margin: 0 auto;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
#bruiloften_custom #area #text {
font-size: 14px;
margin: 50px 25px 60px; }
.sty_contact .map_side {
min-height: auto;
width: 100%;
float: none;
padding-bottom: 50px; }
.sty_contact .map_side .map_area {
float: none;
width: 320px;
height: 500px;
margin: 0 auto; }
.sty_contact .map_side .map_area .overlay_info {
margin: 0 auto;
right: 0;
top: -140px;
padding: 15px 20px 20px; }
.sty_contact .form_side {
min-height: auto;
width: 100%;
float: none;
padding-bottom: 30px; }
.sty_contact .form_side .form_area {
float: none;
margin: 40px 0 0; }
.sty_contact .form_side .form_area h2 {
font-size: 22px; }
.sty_contact .form_side .form_area label {
font-size: 15px; }
.sty_contact .form_side .form_area .txtinpt {
font-size: 15px;
width: 280px;
padding: 0 10px;
height: 40px;
line-height: 40px; }
.sty_contact .form_side .form_area textarea {
width: 280px;
height: 140px;
padding: 0 10px; }
.sty_contact .form_side .form_area #submit {
width: 110px;
height: 40px;
line-height: 40px;
font-size: 15px; }
footer#global_footer .wrapped {
padding: 30px 0 15px;
text-align: center; }
footer#global_footer .wrapped .company {
font-size: 14px;
float: none;
margin: 0;
margin-bottom: 40px; }
footer#global_footer .wrapped .center {
width: 180px;
margin: 0 auto; }
footer#global_footer .wrapped .cont {
display: inline-block;
float: none;
text-align: center;
margin-right: 0;
margin-bottom: 25px; }
footer#global_footer .lastline {
display: flex;
flex-direction: column; }
footer#global_footer .lastline .socials {
order: 1;
display: block;
position: relative;
height: 24px;
flex-shrink: 0;
top: auto;
left: auto;
right: auto;
margin-bottom: 40px; }
footer#global_footer .lastline .socials a {
float: none; }
footer#global_footer .lastline .policy {
order: 2;
display: block;
flex-shrink: 0;
float: none;
margin-bottom: 20px; }
footer#global_footer .lastline .copyright {
order: 3;
display: block; } }
@media screen and (max-width: 420px) and (min-width: 320px) {
.grid_resp {
width: -moz-calc(100% - 10px);
width: -webkit-calc(100% - 10px);
width: -o-calc(100% - 10px);
width: calc(100% - 10px);
margin: 0 auto; } }
@media screen and (max-width: 380px) and (min-width: 370px) {
.grid_resp {
width: -moz-calc(100% - 45px);
width: -webkit-calc(100% - 45px);
width: -o-calc(100% - 45px);
width: calc(100% - 45px);
margin: 0 auto; } }
@media screen and (max-width: 520px) and (min-width: 421px) {
.grid_resp {
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -o-calc(100% - 20px);
width: calc(100% - 20px);
margin: 0 auto; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .cover {
width: 190px; }
#bruiloften_custom #br_2 {
margin-bottom: 80px; }
#bruiloften_custom #area {
top: 280px; }
#backintime_custom #dance {
margin-bottom: 70px; }
#backintime_custom #area {
top: 270px; } }
@media screen and (max-width: 770px) and (min-width: 521px) {
.grid_resp {
width: -moz-calc(100% - 24px);
width: -webkit-calc(100% - 24px);
width: -o-calc(100% - 24px);
width: calc(100% - 24px);
margin: 0 auto; }
.sty_page .page_cover {
height: auto; }
.sty_page .page_cover img {
width: 100%;
position: relative;
height: auto;
top: auto;
left: auto;
-webkit-transform: none; }
.card .cover .frame img {
width: 440px; }
.card.reverse .cover .frame img {
width: 460px; }
.card.reverse#event .cover .frame img {
width: 440px; }
.sty_contact .map_side .map_area {
width: 470px; }
.sty_contact .map_side .map_area .overlay_info {
margin: 0;
top: -95px; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .cover {
width: 240px; }
#bruiloften_custom #br_2 {
margin-bottom: 80px; }
#bruiloften_custom #area {
top: 350px; }
#backintime_custom #dance {
margin-bottom: 70px; }
#backintime_custom #area {
top: 270px; } }
@media screen and (max-width: 770px) and (min-width: 650px) {
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .cover {
width: 300px; } }
@media screen and (max-width: 960px) and (min-width: 770px) {
.grid_resp {
width: -moz-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -o-calc(100% - 50px);
width: calc(100% - 50px);
margin: 0 auto; }
.sty_page .page_cover {
height: auto; }
.sty_page .page_cover img {
width: 100%;
position: relative;
height: auto;
top: auto;
left: auto;
-webkit-transform: none; }
.card .cover .frame img {
width: 440px; }
.card.reverse .cover .frame img {
width: 460px; }
.card.reverse#event .cover .frame img {
width: 440px; }
.sty_contact .map_side .map_area {
width: 470px; }
.sty_contact .map_side .map_area .overlay_info {
margin: 0;
top: -95px; }
.card.mirror .cover .frame:before {
display: none; }
.sty_etendrinken:not(.sty_menu) .promosticks .promostick .cover {
width: 300px; }
#bruiloften_custom #br_2 {
margin-bottom: 80px; }
#bruiloften_custom #area {
top: 350px; }
#backintime_custom #dance {
margin-bottom: 70px; }
#backintime_custom #area {
top: 270px; } }
@media screen and (max-width: 1260px) and (min-width: 961px) {
.grid_resp {
width: 946px;
margin: 0 auto; }
.grid-menu {
width: 946px; }
.grid-content {
width: 946px;
margin: 0 auto; }
header#global_header {
height: 80px; }
header#global_header .in_wrap #logo {
width: 124px;
height: 80px;
z-index: 1;
position: relative;
margin-left: 5px; }
header#global_header .in_wrap .menuline {
margin: 12px 0 0 50px; }
header#global_header .in_wrap .menuline #menu_area .maaknueen {
display: none;
padding: 0 15px;
margin-left: 15px;
font-size: 12px; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li {
margin-right: 15px; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li a {
font-size: 12px; }
.sty_home {
padding-bottom: 80px; }
.sty_home #home_monitor .hs-swiper-container img {
outline-offset: -5px; }
.sty_home #home_monitor .down_arrow {
bottom: 30px; }
.sty_home #home_monitor .hs-swiper-pagination {
right: 50px; }
.sty_home .datrialdadatrialdakaruseelii .frames {
left: 0; }
.sty_page .page_cover .cover_border {
top: 5px;
left: 5px;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: calc(100% - 10px); }
.page_breaker_red {
width: 100%; }
.card.reverse .cover .frame img {
width: 100%;
height: auto; }
.card.reverse .cover .frame:before {
width: 300px;
height: 200px;
right: -10px; }
.card .cover .frame img {
width: 100%;
height: auto; }
.sty_etendrinken {
outline-offset: -5px; }
.sty_menu .menu_grid .left_side {
width: 70%; }
.sty_menu .menu_grid .right_side {
width: 30%; }
#bruiloften_custom #br_1 {
margin: 0 10px 50px 130px; }
#bruiloften_custom #br_2 {
width: 490px; }
#bruiloften_custom #br_3 {
left: 50px; }
#bruiloften_custom #area {
top: 370px;
left: 275px;
width: 630px; }
#backintime_custom {
padding-left: 10px; }
#backintime_custom #dance {
margin-top: 50px;
width: 510px; }
#backintime_custom #area {
top: 305px;
left: 190px; }
.card.reverse#event .frame img {
width: 470px;
height: auto; }
.card.reverse#event .cover .frame:before {
height: 200px; }
.sty_contact .map_side .map_area {
margin-right: 10px;
width: 450px;
height: 630px; }
.sty_contact .form_side .form_area {
margin: 270px 0 0 10px; }
.sty_contact .form_side .form_area h2 {
padding-left: 20px; }
.sty_contact .form_side .form_area .txtinpt {
width: 350px; }
.sty_contact .form_side .form_area textarea {
width: 390px; }
footer#global_footer .company {
margin-right: 50px; }
footer#global_footer .cont {
margin-right: 10px; } }
@media screen and (max-width: 1590px) and (min-width: 1261px) {
.grid_resp {
width: 1220px;
margin: 0 auto; }
.grid-menu {
width: 1240px; }
.grid-content {
width: 1220px;
margin: 0 auto; }
header#global_header .in_wrap #logo {
margin-left: 10px; }
header#global_header .in_wrap .menuline {
margin: 30px 0 0 50px; }
header#global_header .in_wrap .menuline #menu_area .maaknueen {
padding: 0 15px;
margin-left: 15px;
font-size: 13px; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li {
margin-right: 15px; }
header#global_header .in_wrap .menuline #menu_area #desktop_menu li a {
font-size: 13px; }
.sty_home {
padding-bottom: 80px; }
.sty_home #home_monitor .hs-swiper-container img {
outline-offset: -10px; }
.sty_home #home_monitor .down_arrow {
bottom: 30px; }
.sty_home #home_monitor .hs-swiper-pagination {
right: 50px; }
.sty_home .datrialdadatrialdakaruseelii .frames {
left: 0; }
.page_breaker_red {
width: 100%; }
.card.reverse .cover .frame img {
width: 100%;
height: auto; }
.card.reverse .cover .frame:before {
width: 300px;
height: 200px;
right: -10px; }
.card .cover .frame img {
width: 100%;
height: auto; }
.sty_page .page_cover .cover_border {
top: 10px;
left: 10px;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
.sty_page .cols_content .col {
width: 50%; }
.sty_page .cols_content .col.second {
margin-left: 50px;
width: -webkit-calc(50% - 52px);
width: -moz-calc(50% - 52px);
width: calc(50% - 52px); }
.sty_etendrinken {
outline-offset: -10px; }
.sty_menu .menu_grid .left_side {
width: 70%; }
.sty_menu .menu_grid .right_side {
width: 30%; }
#bruiloften_custom #br_1 {
margin: 0 40px 50px 130px; }
#bruiloften_custom #br_2 {
width: 690px; }
#bruiloften_custom #br_3 {
left: 50px; }
#bruiloften_custom #area {
top: 370px;
left: 275px;
width: 830px; }
#backintime_custom {
padding-left: 10px; }
#backintime_custom #dance {
margin-top: 50px;
width: 590px; }
#backintime_custom #area {
top: 270px;
left: 290px; }
.card.reverse#event .frame img {
width: 590px;
height: auto; }
.card.reverse#event .cover .frame:before {
height: 200px; }
.sty_contact .map_side .map_area {
margin-right: 50px;
width: 550px;
height: 630px; }
.sty_contact .form_side .form_area {
margin: 270px 0 0 90px; }
.sty_contact .form_side .form_area h2 {
padding-left: 20px; }
.sty_contact .form_side .form_area .txtinpt {
width: 350px; }
.sty_contact .form_side .form_area textarea {
width: 390px; }
footer#global_footer .company {
margin-right: 50px; }
footer#global_footer .cont {
margin-right: 10px; } }
@media screen and (max-width: 1820px) and (min-width: 1591px) {
.grid-menu {
width: 1502px; }
.grid-content {
width: 1310px;
margin: 0 auto; }
header#global_header .in_wrap .menuline ul#desktop_menu li {
margin-right: 33px; }
header#global_header .in_wrap .menuline {
margin-left: 80px; }
.card.reverse .cover .frame:before {
right: -10px; }
.sty_home .datrialdadatrialdakaruseelii .frames {
left: -2px; }
.sty_etendrinken .menu_header,
.sty_etendrinken .promosticks {
max-width: 95%; }
.sty_contact .map_side .map_area {
margin-right: 100px; } }