@import 'https://use.fontawesome.com/releases/v5.14.0/css/all.css';
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,500,700,900|Poppins:500,700&subset=latin-ext';
@import 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css';
/** Lightcase - jQuery Plugin The smart and flexible Lightbox Plugin. @author		Cornel Boppart <cornel@bopp-art.com> @copyright	Author @version		2.3.6 (20/12/2016) */
/** Lightcase settings Note: Override default settings for your project without touching this source code by simply defining those variables within a SASS map called '$lightcase-custom'. // Example usage $lightcase-custom: ( 'breakpoint': 768px ); */
@font-face { font-family: 'lightcase'; src: url("../fonts/lightcase.eot?55356177"); src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; }

/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before { content: '\e800'; }

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before { content: '\e801'; }

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before { content: '\e802'; }

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before { content: '\e803'; }

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before { content: '\e804'; }

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before { content: '\e805'; }

/** Mixin providing icon defaults to be used on top of font-lightcase. Example usage: @include icon(#e9e9e9) */
/** Mixin providing icon defaults including a hover status to be used on top of font-lightcase. Example usage: @include icon-hover(#e9e9e9, #fff) */
/** Provides natural content overflow behavior and scrolling support even so for touch devices. Example usage: @include overflow() */
/** Neutralizes/resets dimensions including width, height, position as well as margins, paddings and styles. Used to enforce a neutral and unstyled look and behavoir! Example usage: @include clear(true) @param boolean $important */
@-webkit-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-moz-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 640px) { /* line 16, ../scss/components/modules/_case.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } }

@media screen and (min-width: 641px) { /* line 4, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=error]) #lightcase-content { position: relative; z-index: 1; overflow: hidden; text-shadow: none; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -webkit-backface-visibility: hidden; } }

@media screen and (min-width: 641px) { /* line 24, ../scss/components/modules/_content.scss */
  #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content { background-color: #333; } }

/* line 32, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

@media screen and (max-width: 640px) { /* line 32, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } }

/* line 42, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 640px) { /* line 42, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner { padding: 15px; }
  /* line 51, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * { width: 100% !important; max-width: none !important; }
  /* line 58, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } }

@media screen and (max-width: 640px) { /* line 69, ../scss/components/modules/_content.scss */
  .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } }

@media screen and (max-width: 640px) and (min-width: 641px) { /* line 73, ../scss/components/modules/_content.scss */
  [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner { line-height: 0.75; } }

@media screen and (max-width: 640px) { /* line 85, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } }

@media screen and (min-width: 641px) { /* line 92, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 640px) { /* line 109, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #aaa; } }

@media screen and (min-width: 641px) { /* line 109, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #333; } }

/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error { margin: 0; font-size: 17px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa; }

@media screen and (max-width: 640px) { /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error { padding: 30px 0; } }

@media screen and (min-width: 641px) { /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error { padding: 0; } }

/* line 6, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body { max-width: 100%; max-height: 100%; overflow: hidden; }

@media screen and (max-width: 640px) { /* line 4, ../scss/components/modules/_global.scss */
  .lightcase-open body { padding: 55px 0 70px 0; }
  /* line 15, ../scss/components/modules/_global.scss */
  .lightcase-open body > *:not([id*='lightcase-']) { position: fixed !important; top: -9999px !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } }

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info { position: absolute; padding-top: 15px; }

/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; }

#lightcase-title span { display: block; font-size: 12px; }

/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title { font-size: 17px; color: #aaa; }

@media screen and (max-width: 640px) { /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; background: #333; } }

/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption { clear: both; font-size: 13px; color: #aaa; }

/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo { font-size: 11px; color: #aaa; }

@media screen and (max-width: 640px) { /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info { padding-left: 15px; padding-right: 15px; }
  /* line 51, ../scss/components/modules/_info.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info { position: static; } }

/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: lightcase-spin 0.5s infinite linear; -moz-animation: lightcase-spin 0.5s infinite linear; -o-animation: lightcase-spin 0.5s infinite linear; animation: lightcase-spin 0.5s infinite linear; }

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; }

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span { display: inline-block; text-indent: -9999px; }

/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; }

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; }

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'] > span { display: inline-block; text-indent: -9999px; }

/* line 49, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-']:hover { color: white; text-shadow: 0 0 15px white; }

/* line 12, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover { color: #aaa; text-shadow: none; }

/* line 19, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev { left: 15px; }

/* line 24, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next { right: 15px; }

/* line 29, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play { left: 50%; margin-left: -0.5em; }

@media screen and (min-width: 641px) { /* line 29, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play { opacity: 0; } }

/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; }

@media screen and (max-width: 640px) { /* line 40, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { position: absolute; } }

@media screen and (min-width: 641px) { /* line 40, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { position: fixed; } }

@media screen and (max-width: 640px) { /* line 4, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'] { bottom: 15px; font-size: 24px; } }

@media screen and (min-width: 641px) { /* line 4, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'] { bottom: 50%; margin-bottom: -0.5em; }
  /* line 66, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'] { opacity: 1; } }

/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; }

@media screen and (max-width: 640px) { /* line 1, ../scss/components/modules/_overlay.scss */
  #lightcase-overlay { opacity: 1 !important; } }

.galeria { margin-top: 3rem; }

figure { background-color: #fff; color: #ffffff; display: inline-block; font-size: 1rem; line-height: 1.6em; overflow: hidden; position: relative; transition: all 0.25s ease-in-out; }

figure * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }

figure img { opacity: .9; position: relative; vertical-align: top; }

figure figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }

figure p { position: absolute; width: 100%; bottom: 0; padding: 0px 10px; font-size: .8rem; line-height: 1rem; opacity: 0; text-align: right; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

figure i { position: absolute; top: 50%; left: 50%; font-size: 54px; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

figure .hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; align-items: center; background-color: #3e8df5; display: flex; font-size: 65px; justify-content: center; opacity: 0; }

figure a { left: 0; bottom: 0; position: absolute; right: 0; top: 0; z-index: 1; border-bottom: 0 !important; }

figure:hover { border-color: rgba(62, 141, 245, 0.5); }

figure:hover .hover, figure.hover .hover { opacity: .75; }

figure:hover p, figure.hover p { opacity: 1; color: #fff !important; }

figure:hover i, figure.hover i { -webkit-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); opacity: 0; }

.cookie-popup { display: none; position: fixed; left: 0; z-index: 1000; width: calc(100% - 2rem); padding: 1rem; background-color: #fafafa; color: #000; font-family: 'Ubuntu'; line-height: initial; box-sizing: initial; }

.cookie-popup-headline { font-size: 20px; }

.cookie-popup-sub-headline { font-size: 12px; }

.cookie-popup-accept-cookies { display: inline-block; position: relative; margin-bottom: 0; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 1px; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: 9px 12px; font-size: 16px; line-height: 1.5; border-radius: 0; color: #fff; background-color: #013a66; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.15); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); transition: .5s; }

.cookie-popup-accept-cookies:hover { text-decoration: none; transform: scale(1.1); color: #fff; }

.cookie-popup-accept-cookies:active { bottom: 0; color: #fff; color: initial; }

.cookie-popup-learn-more { display: inline-block; position: relative; margin-bottom: 0; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 1px; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: 9px 12px; font-size: 16px; line-height: 1.5; border-radius: 0; color: #fff; background-color: #ccc; border-color: rgba(0, 0, 0, 0.25); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); transition: .5s; margin-right: 15px; }

.cookie-popup-learn-more:hover { opacity: 1; text-decoration: none; transform: scale(1.1); color: #fff; }

.cookie-popup-learn-more:active, .cookie-popup-learn-more:focus { text-decoration: none; color: #fff; }

.cookie-popup-lower { padding: 15px; font-size: 14px; max-height: 40vh; overflow: auto; border: 1px solid #000; margin: 1rem; }

.cookie-popup.position-bottom { bottom: 0; box-shadow: 0 -4px 6px rgba(50, 50, 93, 0.11), 0 -1px 3px rgba(0, 0, 0, 0.08); }

@media (max-width: 767px) { .cookie-popup-headline { font-size: .8rem; font-weight: 700; margin-bottom: .5rem; }
  .cookie-popup-sub-headline { font-size: .8rem; margin-bottom: .5rem; }
  .cookie-popup-accept-cookies { padding: 0.25rem 0.5rem; font-size: .8rem; }
  .cookie-popup-learn-more { padding: 0.25rem 0.5rem; font-size: .8rem; }
  .cookie-popup-lower { margin: 1rem 0 0 0; font-size: .8rem; } }

@media (min-width: 768px) and (max-width: 1199px) { .cookie-popup-headline { font-size: 1rem; font-weight: 700; margin-bottom: .5rem; }
  .cookie-popup-sub-headline { font-size: 1rem; margin-bottom: .5rem; }
  .cookie-popup-accept-cookies { padding: 0.25rem 0.5rem; font-size: 1rem; }
  .cookie-popup-learn-more { padding: 0.25rem 0.5rem; font-size: 1rem; }
  .cookie-popup-lower { margin: 1rem 0 0 0; font-size: 1rem; } }

@font-face { font-family: "Icon"; src: url("../fonts/icon.eot"); src: url("../fonts/icon.eot?#iefix") format("embedded-opentype"), url("../fonts/icon.woff2") format("woff2"), url("../fonts/icon.woff") format("woff"), url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Icon"; src: url("../fonts/icon.svg#Flaticon") format("svg"); } }

.i:before { display: inline-block; font-family: "Icon"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.icon-garden:before { content: "\f100"; }

.icon-house:before { content: "\f101"; }

.icon-contract:before { content: "\f102"; }

.icon-teacher:before { content: "\f103"; }

.icon-tap:before { content: "\f104"; }

.icon-splash:before { content: "\f105"; }

.icon-baby-boy:before { content: "\f106"; }

.icon-conversation:before { content: "\f107"; }

.icon-kitchen:before { content: "\f108"; }

.icon-shower:before { content: "\f109"; }

.icon-terrace:before { content: "\f10a"; }

.icon-tv:before { content: "\f10b"; }

.icon-parking:before { content: "\f10c"; }

.icon-slider:before { content: "\f10d"; }

.icon-barbeque:before { content: "\f10e"; }

.icon-table:before { content: "\f10f"; }

html { height: 100%; font-size: 14px; }

body { height: 100%; font-family: 'Lato'; color: #555555; }

a { transition: all 0.3s ease-in-out; }

h1, h2, h3 { font-family: 'Poppins'; font-weight: 700; }

.wrapper { min-height: 100%; }

.toggle-menu { display: none; }

header .top-bar { background: #3e8df5; color: #fff; font-size: .9rem; }

header .top-bar i { margin: 0 10px 0 20px; opacity: .7; }

header .top-bar a { color: #fff; }

header .top-bar a:hover { text-decoration: none; }

header .logo-nav h1, header .logo-nav h2, header .logo-nav nav { display: inline-flex; }

header .logo-nav img { max-height: 60px; }

header .logo-nav ul { list-style: none; font-weight: 700; padding: 0; margin: 0; }

header .logo-nav ul li { display: inline-flex; }

header .logo-nav ul li.current a { color: #3e8df5; }

header .logo-nav ul li a { color: #000; }

header .logo-nav ul li a:hover { text-decoration: none; color: #3e8df5; }

header .logo-nav ul li:before { display: inline-flex; content: ''; }

header .logo-nav ul li:not(:first-child):before { border-left: 1px solid #ccc; margin: 0 20px; }

main { text-align: justify; }

main header h1 { border-top: 1px solid #cccccc; padding: 3rem 0 2rem 0; color: #000; }

main h3 { color: #000; font-size: 1.2rem; font-weight: 500; }

main hr { margin: 2rem 0; border-color: #f2f2f2; }

main .icons { padding-top: 2rem; }

main .icons .col-6 { text-align: center; font-size: .8rem; }

main .icons .col-6 strong { font-size: 1rem; }

main .icons em { justify-content: center; display: flex; font-size: 3rem; color: #3e8df5; }

main ol li { margin: .75rem 0; padding-left: .75rem; }

main a { color: #555555; }

main a:hover { color: #3e8df5; text-decoration: none; }

.main-slider { position: relative; margin-bottom: 30px; }

.main-slider .main-slider-bgm { position: absolute; width: 50%; left: 50%; background: #3e8df5; height: 100%; border-top: 24px solid #fff; border-bottom: 24px solid #fff; z-index: 0; }

.main-slider .main-slider-bg { position: relative; z-index: 2; background-size: cover; background-position: center; color: #fff; }

.main-slider .main-slider-bg:before { left: 24px; top: 24px; border-left: 2px solid #fff; border-top: 2px solid #fff; content: ''; display: block; height: 35px; width: 35px; position: absolute; }

.main-slider .main-slider-bg .main-slider-cnt { background: rgba(0, 70, 125, 0.8); margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 3rem; }

.main-slider .main-slider-bg .main-slider-cnt h2 { font-family: 'Poppins'; font-size: 1.6rem; font-weight: 400; margin-bottom: 2rem; }

.main-offer-box { position: relative; z-index: 2; }

.main-offer-box a { position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; padding: 30px; display: flex; justify-content: flex-end; flex-direction: column; color: #fff; background: radial-gradient(at bottom left, rgba(0, 144, 255, 0.7), rgba(255, 255, 255, 0)); }

.main-offer-box a:before { right: 24px; top: 24px; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ''; display: block; height: 35px; width: 35px; position: absolute; transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); }

.main-offer-box a:hover { text-decoration: none; }

.main-offer-box a:hover:before { width: calc(100% - 60px); height: calc(100% - 60px); }

.main-offer-box a img { width: 40px; height: auto; margin-bottom: 15px; }

.main-offer-box a span { display: inline-block; width: auto; background: #fff; padding: 8px 16px; font-size: .8rem; font-weight: 500; color: #000; }

.main-offer-box a span i { font-size: .7rem; color: #3e8df5; padding-left: 10px; }

.why-debina { position: relative; }

.why-debina .why-debina-cnt { background: #0090ff; color: #fff; padding-bottom: 60px; position: relative; }

.why-debina .why-debina-cnt h2 { position: relative; margin-bottom: 2rem; }

.why-debina .why-debina-cnt h2:before { right: 24px; top: -30px; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ''; display: block; height: 35px; width: 35px; position: absolute; }

.why-debina .why-debina-icons { margin-top: 3rem; }

.why-debina .why-debina-icons .col-md-6 { padding-top: 20px; padding-bottom: 20px; }

.why-debina .why-debina-icons .col-md-6:not(:last-child) { padding-right: 20px; border-right: 1px solid #4db2ff; }

.why-debina .why-debina-icons .why-debina-icon { margin: 0 20px 0 10px; }

.why-debina .why-debina-icons .why-debina-icon img { max-width: 60px; }

.why-debina .why-debina-icons h6 { font-weight: 700; font-size: 1.1rem; margin-bottom: .2rem; }

.why-debina .why-debina-icons p { font-size: .8rem; margin-bottom: 0; }

.why-debina:before { position: absolute; content: ''; display: block; left: 0; top: 0; height: 100%; width: 50vw; background: #0090ff; }

.main-attractions { padding-top: 3rem; padding-bottom: 3rem; }

.main-attractions .card { border-radius: 0; border-color: #ebebeb; }

.main-attractions .card .card-img-top { border-radius: 0; }

.main-attractions .card .card-title { font-size: 1rem; font-weight: 700; color: #0090ff; }

.main-attractions .card .card-body { font-size: .9rem; }

.slick-prev, .slick-next { position: absolute; border: 0; background: none; font-size: 1.5rem; transition: all 0.3s ease-in-out; }

.slick-prev:hover, .slick-next:hover { transform: scale(2); color: #3e8df5; }

.slick-prev { left: -50px; }

.slick-next { right: -50px; }

footer#page { margin-top: 3rem; padding-top: 5rem; background: #f5f5f5; }

footer#page .container { position: relative; }

footer#page .promo-bar { position: absolute; top: -7rem; width: calc(100% - 2rem); display: flex; align-items: center; background: #0090ff; color: #fff; padding: 0 2rem; }

footer#page .promo-bar img { max-height: 60px; margin-right: 2rem; }

footer#page .promo-bar span { font-size: 2rem; font-weight: 300; margin-right: 4rem; }

footer#page .promo-bar strong { display: inline-flex; padding-top: 5px; }

footer#page .icons { margin-top: 2rem; }

footer#page .icons i { display: inline-flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-size: .8rem; background: #0090ff; color: #fff; border-radius: 50%; margin-right: .5rem; }

footer#page .big { font-size: 1.2rem; margin: 2rem 0; }

footer#page .big a { color: #0090ff; }

footer#page .big a:hover { text-decoration: none; }

footer#page .form { margin-top: 2rem; }

footer#page .form .form-control { border: 0; border-radius: 0; margin-bottom: 1rem; }

footer#page .form .form-control:focus { box-shadow: none; }

footer#page .form .rodo { font-size: .8rem; opacity: .5; }

footer#page .form .rodo input { margin-right: .5rem; }

footer#page .form .btn { background: #3e8df5; color: #fff; padding: 0.75rem 1.2rem; text-transform: uppercase; font-weight: 700; border: 0; border-radius: 0; float: right; }

footer#page .form .btn i { margin-left: .5rem; }

footer#page .nav-copyrights { padding: 1rem 0 2rem 0; }

footer#page .f-nav { font-size: .9rem; }

footer#page .f-nav ul { padding: 0; margin: 0; list-style: none; }

footer#page .f-nav ul li { display: inline-flex; }

footer#page .f-nav ul li a { color: #000; }

footer#page .f-nav ul li a:hover { text-decoration: none; color: #3e8df5; }

footer#page .f-nav ul li:not(:last-child) { margin-right: 1rem; }

footer#page .f-copyrights { font-size: .8rem; color: #959595; }

footer#page .f-copyrights a { color: #959595; }

footer#page .f-copyrights a:hover { text-decoration: none; color: #3e8df5; }

.cennik table { width: 100%; border-spacing: 1px; border-collapse: separate; background: #f2f2f2; text-align: center; }

.cennik table tbody tr:nth-child(odd) td { background: #fff; }

.cennik td { background: #f9f9f9; padding: 1rem; font-weight: 500; }

.cennik td.head { text-align: left; background: #f2f2f2; color: #000; text-transform: uppercase; font-weight: 700; padding: 1rem; }

.cennik th { background: #f2f2f2; font-size: .8rem; font-weight: 400; padding: .5rem; }

.cennik ul { border: 1px solid #f2f2f2; font-size: .8rem; margin-top: 1rem; padding: 0.5rem 0 0.5rem 1.5rem; background: #f9f9f9; }

.cennik ul ul { margin-top: .5rem; border: 0; padding: 0 0 0.5rem 0.5rem; list-style: none; font-size: .7rem; }

@media (max-width: 575px) { html { font-size: 14px; }
  .sidenav { top: 0; bottom: 0; left: 110%; max-width: 100%; width: 100%; z-index: 900; overflow-y: auto; position: fixed; background: #3e8df5; transition: 0.5s; }
  .sidenav.active { width: 100%; left: 0; }
  .sidenav .toggle-menu { display: block; position: relative; z-index: 10000; cursor: pointer; float: right; color: rgba(255, 255, 255, 0.5); font-size: 1.8rem; margin-right: 15px; margin-top: 15px; }
  .sidenav .toggle-menu:hover { color: #fff; }
  .sidenav nav { position: relative; top: 0; left: 1rem; width: calc(100% - 30px); display: block; border-top: 0; padding-bottom: 0; }
  .sidenav nav > ul { display: block !important; width: 100% !important; margin: 0 auto; padding: 0; }
  .sidenav nav > ul > li { width: 100%; display: block !important; text-align: center; padding: 0; margin: 0 !important; overflow: hidden; }
  .sidenav nav > ul > li:before { display: none; }
  .sidenav nav > ul > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .sidenav nav > ul > li a { display: block; width: 100%; color: #fff !important; font-size: 1.4rem; padding: .75rem 0 !important; border-bottom: 0 !important; }
  .menu-icon { float: right; display: inline-flex; height: 25px; justify-content: center; align-items: center; cursor: pointer; border-radius: 0; }
  .menu-icon .svg-menu { width: 25px; height: 25px; margin-left: 5px; }
  .menu-icon:hover { text-decoration: none; }
  header#main-header { padding-top: 60px; }
  header#main-header .top-bar { position: fixed; top: 0; width: 100%; z-index: 900; }
  header#main-header .top-bar .col-12 { padding: 0; }
  header#main-header .top-bar a i { display: inline-flex; width: 25px; height: 25px; background: #9cc5fa; border-radius: 50%; margin-left: 0px; justify-content: center; align-items: center; opacity: 1; color: #fff; line-height: 1rem; font-size: 1.1rem; }
  header#main-header .top-bar a i.fa-phone-alt { position: relative; top: -.1rem; margin-left: 15px; font-size: .9rem; }
  header#main-header .top-bar a strong { display: none; }
  header#main-header .logo-nav h1, header#main-header .logo-nav h2 { width: 100%; }
  header#main-header .logo-nav h1 a, header#main-header .logo-nav h2 a { display: block; width: 100%; text-align: center; }
  .main-slider .main-slider-bgm { display: none; }
  .main-slider .main-slider-bg:before { display: none; }
  .main-slider .main-slider-bg .main-slider-cnt { margin-top: 0; margin-bottom: 0; padding: 1rem; }
  .main-slider .main-slider-bg .main-slider-cnt h2 { font-size: 1.1rem; margin-bottom: 1rem; }
  .main-slider .main-slider-bg .main-slider-cnt p { margin-bottom: 0; }
  .main-offer-box a { padding: 15px; }
  .main-offer-box a:before { right: 15px; top: 15px; }
  .main-offer-box a img { display: none; }
  .main-offer-box a span { padding: 5px 10px; }
  .main-offer-box:nth-child(2) { margin-top: 15px; }
  .why-debina:before { width: 100vw; }
  .why-debina .why-debina-cnt { padding-bottom: 30px; }
  .why-debina .why-debina-cnt h2 { margin-bottom: 1rem; }
  .why-debina .why-debina-cnt h2:before { right: 0; }
  .why-debina .why-debina-icons { margin-top: 1rem; }
  .why-debina .why-debina-icons .col-md-6 { padding-top: 10px; padding-bottom: 10px; }
  .why-debina .why-debina-icons .col-md-6:not(:last-child) { padding-right: 15px; border-right: none; }
  .slick-prev, .slick-next { z-index: 1000; margin-top: -50px; background: #fff; }
  .slick-prev:hover, .slick-next:hover { transform: scale(1); }
  .slick-prev { left: 25px; }
  .slick-next { right: 25px; }
  footer#page { margin-top: 4rem; padding-top: 0; }
  footer#page .promo-bar { width: 100%; position: relative; flex-direction: column; text-align: center; padding-top: 15px; padding-bottom: 30px; }
  footer#page .promo-bar img { margin-right: 0; }
  footer#page .promo-bar span { font-size: 1.4rem; margin-right: 0; }
  footer#page h2 { position: relative; margin-top: -5rem; }
  footer#page .form .btn { font-size: .8rem; padding: 0.5rem 1rem; }
  footer#page .nav-copyrights { flex-direction: column; }
  footer#page .f-nav { margin-bottom: 2rem; }
  footer#page .f-nav ul li { margin-right: 0 !important; display: flex; justify-content: center; }
  footer#page .f-copyrights { text-align: center; }
  main { padding-bottom: 3rem; }
  main header h1 { font-size: 2rem; padding-top: 2rem; padding-bottom: 1rem; }
  main .icons .col-6 { padding-bottom: 1rem; }
  main .cennik { margin-top: 2rem; } }

@media (min-width: 576px) and (max-width: 767px) { html { font-size: 13px; }
  .sidenav { top: 0; bottom: 0; left: 110%; max-width: 100%; width: 100%; z-index: 900; overflow-y: auto; position: fixed; background: #3e8df5; transition: 0.5s; }
  .sidenav.active { width: 100%; left: 0; }
  .sidenav .toggle-menu { display: block; position: relative; z-index: 10000; cursor: pointer; float: right; color: rgba(255, 255, 255, 0.5); font-size: 1.8rem; margin-right: 15px; margin-top: 15px; }
  .sidenav .toggle-menu:hover { color: #fff; }
  .sidenav nav { position: relative; top: 0; left: 1rem; width: calc(100% - 30px); display: block; border-top: 0; padding-bottom: 0; }
  .sidenav nav > ul { display: block !important; width: 100% !important; margin: 0 auto; padding: 0; }
  .sidenav nav > ul > li { width: 100%; display: block !important; text-align: center; padding: 0; margin: 0 !important; overflow: hidden; }
  .sidenav nav > ul > li:before { display: none; }
  .sidenav nav > ul > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .sidenav nav > ul > li a { display: block; width: 100%; color: #fff !important; font-size: 1.4rem; padding: .75rem 0 !important; border-bottom: 0 !important; }
  .menu-icon { float: right; display: inline-flex; height: 25px; justify-content: center; align-items: center; cursor: pointer; border-radius: 0; }
  .menu-icon .svg-menu { width: 25px; height: 25px; margin-left: 25px; }
  .menu-icon:hover { text-decoration: none; }
  header#main-header .top-bar .col-12 { line-height: 25px; }
  header#main-header .logo-nav h1, header#main-header .logo-nav h2 { width: 100%; }
  header#main-header .logo-nav h1 a, header#main-header .logo-nav h2 a { display: block; width: 100%; text-align: center; }
  .main-slider .main-slider-bgm { display: none; }
  .main-slider .main-slider-bg:before { display: none; }
  .main-slider .main-slider-bg .main-slider-cnt { margin-top: 0; margin-bottom: 0; }
  .main-slider .main-slider-bg .main-slider-cnt h2 { font-size: 1.1rem; margin-bottom: 1rem; }
  .main-slider .main-slider-bg .main-slider-cnt p { margin-bottom: 0; }
  .main-offer-box:nth-child(2) { margin-top: 15px; }
  .why-debina:before { width: 100vw; }
  .why-debina .why-debina-cnt { padding-bottom: 30px; }
  .why-debina .why-debina-cnt h2 { margin-bottom: 1rem; }
  .why-debina .why-debina-cnt h2:before { right: 0; }
  .why-debina .why-debina-icons { margin-top: 1rem; }
  .why-debina .why-debina-icons .col-md-6 { padding-top: 10px; padding-bottom: 10px; }
  .why-debina .why-debina-icons .col-md-6:not(:last-child) { padding-right: 15px; border-right: none; }
  .slick-prev, .slick-next { z-index: 1000; margin-top: -50px; background: #fff; }
  .slick-prev:hover, .slick-next:hover { transform: scale(1); }
  .slick-prev { left: 25px; }
  .slick-next { right: 25px; }
  footer#page { margin-top: 4rem; padding-top: 0; }
  footer#page .promo-bar { width: 100%; position: relative; flex-direction: column; text-align: center; padding-top: 15px; padding-bottom: 30px; }
  footer#page .promo-bar img { margin-right: 0; }
  footer#page .promo-bar span { font-size: 1.4rem; margin-right: 0; }
  footer#page h2 { position: relative; margin-top: -5rem; }
  footer#page .form .btn { font-size: .8rem; padding: 0.5rem 1rem; }
  footer#page .nav-copyrights { flex-direction: column; }
  footer#page .f-nav { margin-bottom: 2rem; display: inline-flex; justify-content: center; }
  footer#page .f-copyrights { text-align: center; }
  main { padding-bottom: 3rem; }
  main header h1 { font-size: 2rem; padding-top: 2rem; padding-bottom: 1rem; }
  main .icons .col-6 { padding-bottom: 1rem; }
  main .cennik { margin-top: 2rem; } }

@media (min-width: 768px) and (max-width: 991px) { html { font-size: 13px; }
  .sidenav { top: 0; bottom: 0; left: 110%; max-width: 100%; width: 100%; z-index: 900; overflow-y: auto; position: fixed; background: #3e8df5; transition: 0.5s; }
  .sidenav.active { width: 100%; left: 0; }
  .sidenav .toggle-menu { display: block; position: relative; z-index: 10000; cursor: pointer; float: right; color: rgba(255, 255, 255, 0.5); font-size: 1.8rem; margin-right: 15px; margin-top: 15px; }
  .sidenav .toggle-menu:hover { color: #fff; }
  .sidenav nav { position: relative; top: 0; left: 1rem; width: calc(100% - 30px); display: block; border-top: 0; padding-bottom: 0; }
  .sidenav nav > ul { display: block !important; width: 100% !important; margin: 0 auto; padding: 0; }
  .sidenav nav > ul > li { width: 100%; display: block !important; text-align: center; padding: 0; margin: 0 !important; overflow: hidden; }
  .sidenav nav > ul > li:before { display: none; }
  .sidenav nav > ul > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .sidenav nav > ul > li a { display: block; width: 100%; color: #fff !important; font-size: 1.4rem; padding: .75rem 0 !important; border-bottom: 0 !important; }
  .menu-icon { float: right; display: inline-flex; height: 25px; justify-content: center; align-items: center; cursor: pointer; border-radius: 0; }
  .menu-icon .svg-menu { width: 25px; height: 25px; margin-left: 25px; }
  .menu-icon:hover { text-decoration: none; }
  header#main-header .top-bar .col-12 { line-height: 25px; }
  header#main-header .logo-nav h1, header#main-header .logo-nav h2 { width: 100%; }
  header#main-header .logo-nav h1 a, header#main-header .logo-nav h2 a { display: block; width: 100%; text-align: center; }
  .why-debina-icons .col-md-6 { margin-top: 1rem; }
  .why-debina-icons .col-md-6:nth-child(2) { padding-right: 15px; border-right: none !important; }
  .slick-prev, .slick-next { z-index: 1000; margin-top: -50px; background: #fff; }
  .slick-prev:hover, .slick-next:hover { transform: scale(1); }
  .slick-prev { left: 25px; }
  .slick-next { right: 25px; }
  footer#page .promo-bar span { font-size: 1.6rem; font-weight: 300; margin-right: 2rem; }
  main .cennik { margin-top: 2rem; } }

@media (min-width: 992px) and (max-width: 1199px) { html { font-size: 13px; }
  .toggle-menu, .menu-icon { display: none; }
  .why-debina-icons .col-md-6 { margin-top: 1rem; }
  .why-debina-icons .col-md-6:nth-child(2) { padding-right: 15px; border-right: none !important; }
  .slick-prev, .slick-next { z-index: 1000; margin-top: -50px; background: #fff; }
  .slick-prev:hover, .slick-next:hover { transform: scale(1); }
  .slick-prev { left: 25px; }
  .slick-next { right: 25px; }
  main .cennik { margin-top: 2rem; } }

@media (min-width: 1200px) { .toggle-menu, .menu-icon { display: none; } }