@charset 'UTF-8';
@font-face {
font-family: 'Kollektif';
src: url(//kabinetvg.live/wp-content/themes/kabinet/font/Kollektif.woff2) format('woff2'),
url(//kabinetvg.live/wp-content/themes/kabinet/font/Kollektif.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} html,
body {
max-width: 100vw !important;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
p,
a,
ul,
li,
.panel-title,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
label,
button,
input,
select,
textarea {
color: #000;
font-size: 16px;
font-family: 'Kollektif', sans-serif;
font-weight: 300;
line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
margin-top: 0;
margin-bottom: 16px;
font-size: 25px;
line-height: 1;
font-weight: 300;
}
h1,
h1 a,
h2,
h2 a {
font-size: 25px;
line-height: 1;
}
h3,
h3 a {
font-size: 20px;
line-height: 1;
}
a:hover,
a:focus {
text-decoration: underline;
outline: none;
color: #000;
}
p {
margin-top: 0;
margin-bottom: 16px;
}
p a,
.ff-richtext a,
a.button {
text-decoration: none;
}
p a:hover,
.ff-richtext a:hover {
text-decoration: underline;
}
b,
strong {
font-weight: 700;
}
a img {
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
a:hover img {
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
}
#main-content ul,
#main-content li {
padding: 0;
margin: 0;
}
.page-content,
.entry-content,
.entry-summary {
padding: 120px 0;
margin: 0;
min-height: calc(100vh - 180px);
}
img {
width: 100%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border: 1px solid #c7c7c7;
border-radius: 0;
padding: 4px 8px;
color: #000;
}
input[type="checkbox"],
input[type="radio"] {
height: 15px;
width: 15px;
margin-right: 20px;
border: 1px solid #000;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
border-radius: 0;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked,
input[type="checkbox"]:checked,
input[type="radio"]:focus {
background: #000;
outline: none;
}
mark,
ins {
background-color: transparent;
}
.kabinet-button,
#main-menu .rezervace a,
#mobile-menu .rezervace a,
.btn,
html .nf-form-content input[type=button] {
font-size: 16px;
line-height: 1;
padding: 8px 18px;
display: inline-block;
border: 1px solid #000;
color: #000;
font-weight: 300;
max-width: 100%;
width: auto;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
display: inline-block;
text-align: center;
}
.kabinet-button:last-child {
margin-right: 0;
}
.minimal-button {
display: inline-block;
margin-right: 32px;
text-decoration: underline;
}
.minimal-button:hover {
text-decoration: none;
}
html .nf-form-content input[type=button] {
margin: 0;
}
.kabinet-button.full {
width: 100%;
display: block;
text-align: center;
}
.kabinet-button:hover,
.kabinet-button:focus,
#main-menu .rezervace a:hover,
#mobile-menu .rezervace a:hover,
html .nf-form-content input[type=button]:hover {
background: #000;
color: #fff;
text-decoration: none !important;
}
iframe {
width: 100%;
margin-bottom: -5px;
} .container {
max-width: 100%;
width: 1222px;
}
.container.full {
max-width: 100%;
width: 100%;
}
.container.small {
width: 612px;
}
.row {
margin-left: -16px;
margin-right: -16px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-left: 16px;
padding-right: 16px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding-left: 16px;
padding-right: 16px;
}
.col.reveal {
visibility: hidden;
}
table {
margin: 0 0 32px 0;
} .post,
.page {
margin: 0;
padding: 0;
}
.section {
padding-top: 96px;
padding-bottom: 96px;
}
.section.double {
padding-top: 164px;
padding-bottom: 164px;
}
.top-16 {
padding-top: 16px;
}
.top-24 {
padding-top: 24px;
}
.top-32 {
padding-top: 32px;
}
.top-44 {
padding-top: 44px;
}
.top-48 {
padding-top: 48px;
}
.top-64 {
padding-top: 64px;
}
.top-96 {
padding-top: 96px;
}
.top-128 {
padding-top: 128px;
}
.bottom-16 {
padding-bottom: 16px;
}
.bottom-24 {
padding-bottom: 24px;
}
.bottom-32 {
padding-bottom: 32px;
}
.bottom-48 {
padding-bottom: 48px;
}
.bottom-64 {
padding-bottom: 64px;
}
.bottom-96 {
padding-bottom: 96px;
}
.right-16 {
margin-right: 16px;
}
.nosidepadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.flex-center {
align-items: center;
}
.simple-border {
border: 1px solid #000;
}
.border-radius {
border-radius: 8px;
}
.box {
padding: 32px;
}
.height100 {
height: 100%;
}
.marginless,
.marginless h1,
.marginless h2,
.marginless h3,
.marginless h4,
.marginless p {
margin-bottom: 0;
}
.col-paddingless .col {
padding-left: 0 !important;
padding-right: 0 !important;
}
.automargin {
margin-left: auto;
margin-right: auto;
}
.active {
text-decoration: underline;
}
.white,
.white a,
.white p,
.white span,
.white li,
.white h1,
.white h2,
.white h3,
.white h4 {
color: #fff;
}
.gray-bg {
background-color: #f2f2f2;
}
.image-box {
position: relative;
}
.image-box::after {
content: "";
display: block;
padding-bottom: 100%;
}
.image-box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.uppercase {
text-transform: uppercase;
} #masthead {
display: block;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
padding: 18px 16px;
background-color: #fff;
border-bottom: 1px solid #000;
}
.logged-in #masthead {
top: 32px;
}
#masthead,
#masthead a {
font-size: 16px;
line-height: 1;
text-transform: lowercase;
}
.socials {
margin: 0 40px;
}
#masthead .menu li,
.socials a {
display: inline-block;
margin-right: 15px;
}
#masthead .menu li:last-child,
.socials a:last-child {
margin-right: 0;
}
#masthead .menu a.active {
text-decoration: underline;
}
#logo {
display: flex;
align-items: center;
}
#logo img {
width: auto;
height: 16px;
}
.current-lang a {
text-decoration: underline;
} ul.menu,
ul.menu li {
margin: 0;
padding: 0;
list-style: none;
}
.menu a {
text-decoration: none;
}
.menu a:hover,
.menu a:focus {
text-decoration: underline;
}
.menu ul,
.menu ol {
padding: 0;
margin: 0;
list-style: none;
}
.language-switcher {
margin-left: 50px;
}
.language-switcher ul {
list-style: none;
padding: 0;
margin: 0;
}
.language-switcher ul li {
display: inline-block;
margin-right: 12px;
}
.language-switcher ul li:last-child {
margin-right: 0;
} #mobile-menu {
display: none;
text-align: center;
}
.navbar-toggle {
width: 20px;
height: 20px;
border: 0;
padding: 0;
background: transparent;
float: right;
top: -5px;
position: relative;
}
.navbar-toggle .toggle-icon {
position: relative;
width: 100%;
height: 1px;
border-radius: 10px;
display: inline-block;
background: #000;
transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}
.navbar-toggle .toggle-icon:before,
.navbar-toggle .toggle-icon:after {
position: absolute;
left: 0;
width: 100%;
height: 1px;
border-radius: 10px;
background: #000;
content: " ";
transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}
.navbar-toggle .toggle-icon:before {
bottom: 6px;
}
.navbar-toggle .toggle-icon:after {
top: 6px;
}
.navbar-toggle.toggled .toggle-icon {
background: transparent;
border-color: transparent;
}
.navbar-toggle.toggled .toggle-icon:before {
transform: rotate(45deg);
transform-origin: 4px 6px;
z-index: 2;
}
.navbar-toggle.toggled .toggle-icon:after {
transform: rotate(-45deg);
transform-origin: 4px -5px;
z-index: 1;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}  .hero-gallery .image-box {
display: inline-block;
width: 50%;
margin-bottom: -6px;
}
.hero-gallery img {
height: calc(100vh - 57px);
width: auto;
object-fit: cover;
object-position: center;
margin: 0 -1px;
border: 1px solid #000;
}
.hero-gallery .image-box {
border-bottom: none;
}
.hero-gallery .image-box:nth-child(even) {
border-left-width: 0.5px;
}
.hero-gallery .image-box:nth-child(odd) {
border-right-width: 0.5px;
}
.hero-gallery .image-box:last-child,
.hero-gallery .image-box:nth-last-child(2) {
border-bottom: 1px solid #000;
} #loga,
#produkty {
position: relative;
left: -16px;
max-width: calc(100% + 32px);
width: calc(100% + 32px);
}
#loga {
overflow: visible;
}
#loga .single {
margin: 0 24px;
text-align: center;
max-width: 150px;
}
#loga .single img {
max-height: 60px;
max-width: 130px;
width: auto;
}
#loga a:hover img {
-webkit-filter: brightness(1);
filter: brightness(1);
transform: scale(1.07);
}
#loga.swiper-free-mode>.swiper-wrapper {
align-items: center;
transition-timing-function: linear;
}
.swiper-slide {
width: auto;
} .single {
position: relative;
}
.popis {
position: absolute;
bottom: -1px;
left: -1px;
padding: 4px 8px;
background: #fff;
border: 1px solid #000;
}
#produkty img {
height: 315px;
width: auto;
} .custom-tabulka .nadpis {
padding: 16px 12px;
background-color: #fff;
}
.custom-tabulka .obsah {
padding: 16px;
border: 1px solid #000;
border-top: none;
}
#dizajneri {
border-bottom: 1px solid #000;
height: 100%;
}
#dizajneri::after,
#dizajneri::before {
content: "";
position: absolute;
left: 16px;
top: 80px;
width: 1px;
height: calc(100% - 80px);
background: #000;
}
#dizajneri::before {
left: auto;
right: 16px;
}
#dizajneri .simple-border {
height: 100%;
}
#dizajneri .nadpis {
position: -webkit-sticky; position: sticky;
top: 0;
z-index: 9;
}
#dizajneri .obsah {
border-bottom: none;
}
.inner-overflow {
position: absolute;
width: calc(100% - 32px);
max-height: 100%;
overflow-y: scroll;
} #kontakt-logo img {
width: auto;
height: 24px;
} #loga .slick-track {
display: flex !important;
align-items: center;
align-content: center;
}
html .slick-list {
overflow: visible !important;
} .galerie-inner {
column-count: 3;
column-gap: 15px;
}
.galerie-block {
display: grid;
grid-template-rows: 1fr auto;
break-inside: avoid;
}
.galerie-block a {
grid-row: 1 / -1;
grid-column: 1;
}
.arrows {
position: absolute;
left: 0;
top: 50%;
width: 100%;
z-index: 9;
}
.arrow {
height: 34px;
width: 34px;
display: block;
background: #fff;
border: 1px solid #000;
position: absolute;
left: 16px;
top: 0;
background-image: url(//kabinetvg.live/wp-content/themes/kabinet/img/arrow.png);
background-size: 20px 20px;
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.arrow:hover {
filter: invert(100%);
border-color: #fff;
cursor: pointer;
}
.arrow.right {
left: auto;
right: 16px;
transform: rotate(180deg) translateY(50%);
} html .nf-form-cont {
background-color: #F2F2F2;
padding: 20px 33px;
border-radius: 10px;
}
.nf-form-cont .nf-form-title {
display: none;
}
#gdpr-text,
.ninja-forms-req-symbol {
display: none;
}
#show-gdpr {
text-decoration: underline;
}
#show-gdpr:hover,
#show-gdpr.active {
text-decoration: none;
}
#show-gdpr.active {
pointer-events: none;
}
html .nf-form-fields-required {
display: none;
}
html .nf-form-content {
padding: 0;
}
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
border-color: #fff !important;
border-radius: 10px !important;
background: #fff !important;
color: #000 !important;
}
.nf-form-content input:not([type=button])::placeholder,
.nf-form-content textarea::placeholder {
color: #000 !important;
}
.nf-form-content select.ninja-forms-field {
color: #000 !important;
}
.nf-form-content input:not([type=button]):hover,
.nf-form-content textarea:hover,
.nf-form-content input:not([type=button]):focus,
.nf-form-content textarea:focus {
border-color: #000 !important;
}
input[type="checkbox"],
input[type="radio"],
html .checkbox-wrap .nf-field-label label:before,
html .checkbox-wrap .nf-field-label label:after {
height: 16px;
width: 16px;
margin-right: 5px;
border-radius: 5px;
background: #fff;
border: solid 1px #000;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
html .checkbox-wrap .nf-field-label label:before,
html .checkbox-wrap .nf-field-label label:after {
margin-right: 0;
left: -21px;
top: 2px;
}
html .checkbox-wrap .nf-field-label label:before {
content: "";
background: #000;
}
html .checkbox-container.label-right label {
margin: 5px 0 0 21px;
text-align: left;
}
html .checkbox-container .nf-error .nf-error-msg {
text-align: left;
}
html .nf-form-content .listselect-wrap .nf-field-element div,
html .nf-form-content .ninja-forms-field {
padding: 8px 15px;
}
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
height: 40px !important;
}
html .nf-field-label {
width: 100%;
}
html .nf-field-label label {
width: 100%;
text-align: center;
font-size: 12px;
line-height: 22px;
font-weight: 300;
text-transform: uppercase;
}
html .nf-field-label label a {
text-decoration: underline;
font-size: 12px;
line-height: 22px;
font-weight: 300;
}
html .nf-after-field .nf-error-msg {
font-size: 12px;
line-height: 1;
margin: 0;
padding: 0;
text-align: center;
color: #000;
}
html .nf-field-label label a:hover {
text-decoration: none;
}
html #ninja_forms_required_items,
html .nf-field-container {
margin-bottom: 10px;
}
.nf-field-container.submit-container {
text-align: center;
margin-top: 20px;
}
html .submit-wrap input {
width: 163px !important;
}
html .nf-error.field-wrap .nf-field-element:after {
content: "!";
font-family: 'Kollektif', sans-serif;
color: #000;
background: #fff;
height: 38px;
width: 40px;
line-height: 38px;
border-radius: 10px;
}
html .nf-error .nf-error-msg {
padding-left: 15px;
}
html .nf-input-limit {
margin-top: 8px;
}
html .nf-after-form-content .nf-error-msg,
html .nf-pass.field-wrap .nf-field-element:after {
display: none;
}
html .nf-form-content .list-select-wrap>div div:after {
content: "";
display: block;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
height: 12px;
width: 12px;
background-color: #fff;
background-image: url(//kabinetvg.live/wp-content/themes/kabinet/img/sipka.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
html .nf-response-msg {
text-align: center;
padding: 30px;
background: #fff;
border: 1px solid #000;
margin-top: 40px;
border-radius: 10px;
} .fancybox-caption,
.fancybox-button.fancybox-button--zoom,
.fancybox-button.fancybox-button--play,
.fancybox-button.fancybox-button--thumbs {
display: none !important;
}
html .fancybox-bg {
background-color: rgba(255, 255, 255, 1);
}
html .fancybox-is-open .fancybox-bg {
opacity: 0.95;
}
html .fancybox-button {
background: transparent;
}
html .fancybox-navigation .fancybox-button {
opacity: 1;
visibility: visible !important;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
html .fancybox-navigation .fancybox-button:disabled {
opacity: 0;
}
html .fancybox-image {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
html .fancybox-navigation .fancybox-button {
width: 80px;
height: 110px;
}
html .fancybox-navigation .fancybox-button svg,
html .fancybox-toolbar .fancybox-button svg {
display: none;
}
html .fancybox-navigation .fancybox-button div {
background-image: url(//kabinetvg.live/wp-content/themes/kabinet/img/arrow.png);
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
transform: rotate(180deg);
}
html .fancybox-navigation .fancybox-button.fancybox-button--arrow_left div {
transform: rotate(0);
}
html .fancybox-toolbar .fancybox-button.fancybox-button--close {
background-image: url(//kabinetvg.live/wp-content/themes/kabinet/img/close.svg);
background-size: 32px;
background-position: center;
background-repeat: no-repeat;
}
html .fancybox-infobar {
mix-blend-mode: normal;
font-size: 20px;
}
html .fancybox-toolbar,
html .fancybox-infobar {
opacity: 1 !important;
visibility: visible;
}
html .fancybox-button {
width: 50px;
height: 50px;
}
html .fancybox-button {
color: #000 !important;
}
html .fancybox-infobar {
display: none;
} html .cmplz-cookiebanner {
min-width: 200px;
max-width: 400px;
width: 100%;
padding: 15px;
display: block;
border: 1px solid #000;
}
html .cmplz-cookiebanner .cmplz-header {
display: block;
margin-bottom: 10px;
}
html .cmplz-cookiebanner .cmplz-close {
position: absolute;
top: 5px;
right: 0;
}
html .cmplz-cookiebanner .cmplz-close svg {
width: 15px;
height: 15px;
}
.cmplz-link.cookie-statement,
.cmplz-link.privacy-statement {
display: none !important;
}
html .cmplz-cookiebanner .cmplz-title {
font-size: 16px;
font-weight: 300;
}
html .cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) {
margin-bottom: 5px;
}
html .cmplz-cookiebanner .cmplz-message {
font-size: 15px;
line-height: 20px;
margin-bottom: 15px;
width: 100%;
}
html .cmplz-cookiebanner .cmplz-message a {
text-decoration: underline;
font-size: 15px;
line-height: 20px;
color: #000;
}
html #cmplz-document p a {
font-size: 14px;
}
html #cmplz-document p a:hover {
text-decoration: none;
}
html .cmplz-cookiebanner .cmplz-message a:hover {
text-decoration: none;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-size: 14px;
font-weight: 300;
line-height: 1;
padding: 7px;
height: unset;
width: calc(50% - 5px);
margin-right: 5px;
float: left;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
background: #000 !important;
color: #fff !important;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cc-show-settings {
margin-right: 0;
margin-left: 5px;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
width: 100%;
margin-bottom: 10px;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
background: #fff !important;
color: #000 !important;
}
html .cmplz-cookiebanner .cmplz-buttons {
display: block;
}
html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
padding: 8px 5px 5px 5px;
}
html .cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
margin-bottom: 15px;
max-width: 100%;
width: 100%;
}
html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
html .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
font-weight: 300;
}
#cmplz-manage-consent .cmplz-manage-consent {
display: none !important;
}
@media (max-width: 767px) {
html .cmplz-cookiebanner {
bottom: 30px;
left: 50%;
transform: translateX(-50%);
max-width: calc(100vw - 30px);
}
html .cmplz-cookiebanner .cmplz-body {
min-width: unset;
}
html .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
margin-bottom: 10px;
}
}
html .cmplz-blocked-content-container,
html .cmplz-placeholder-1.cmplz-blocked-content-container iframe {
height: 450px;
max-height: 60vh;
}
html .cmplz-blocked-content-container .cmplz-blocked-content-notice {
background: #fff;
color: #000;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: none;
}
html .cmplz-blocked-content-container .cmplz-blocked-content-notice:hover {
background: #000;
color: #fff;
} #footer {
margin-top: 128px;
padding: 12px 0;
} @media (min-width: 992px) {
#page {
margin-top: 57px;
}
}
@media (max-width: 991px) {
.tabletmargin {
margin-top: 35px;
} #masthead {
padding: 18px 0;
max-width: calc(100% - 34px);
left: 17px;
}
.logged-in #masthead,
#masthead {
top: 7.5px;
}
.language-switcher {
margin-left: 0;
} #mobile-menu {
padding: 32px 0 26px 0;
}
#masthead {
border: none;
outline: 1px solid #000;
}
#masthead #mobile-menu::before {
content: "";
display: block;
background: rgba(255, 255, 255, 0.7);
z-index: -1;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#masthead.blur #mobile-menu::before {
opacity: 1;
}
#mobile-menu.active-mobile::after {
opacity: 1;
}
#mobile-menu {
text-align: center;
}
#mobile-menu .menu li {
display: block;
margin: 0;
padding: 12px 0;
} .hero-gallery img {
height: 100vh;
}
#loga .single {
margin: 0 16px;
}
#loga .single,
#loga .single img {
max-width: 130px;
} html .fancybox-navigation .fancybox-button {
width: 45px;
height: 45px;
padding: 0;
top: 50%;
transform: translateY(-50%);
}
html .fancybox-navigation .fancybox-button div {
background-size: 20px;
}
html .fancybox-navigation .fancybox-button {
background: #fff;
}
}
@media (max-width: 767px) {
.mobilemargin-32 {
margin-top: 32px;
}
.mobile-bottom-16 {
padding-bottom: 16px;
} #dizajneri {
height: calc(100vh - 150px);
}
.mapa iframe {
max-height: calc(100vh - 180px);
}
#loga,
#produkty {
left: 16px;
}
.arrow {
left: 8px
}
.arrow.right {
right: 8px;
} .galeria .col {
padding-left: 8px;
padding-right: 8px;
}
.galeria.row {
margin-left: -8px;
margin-right: -8px;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dots
{
position: relative;
margin-top: 20px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}