/*!
Theme Name: Trend kamini
Theme URI: https://www.ideaz.si
Author: Andrej
Author URI: https://www.ideaz.si
Description: Trend kamini.
Version: 1.0
*/
/* contact form */
.wpcf7{margin:0;padding:0;} .wpcf7-response-output:not(:empty){margin:2em .5em 1em;padding:.2em 1em} .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0} .wpcf7-mail-sent-ok{border:2px solid #398f14} .wpcf7-mail-sent-ng{border:2px solid red} .wpcf7-spam-blocked{border:2px solid orange} .wpcf7-validation-errors{border:2px solid #f7e700} .wpcf7-form-control-wrap{position:relative; display: block;} span.wpcf7-not-valid-tip{color:red;font-size:1em;display:block} .use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:var(--white);padding:.2em .8em} span.wpcf7-list-item .wpcf7-list-item-label{margin-left:20px; display: inline-block; vertical-align: middle} .wpcf7-display-none{display:none} .wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px} .wpcf7 div.ajax-error{display:none}
.wpcf7 .ajax-loader {position: absolute;}
.wpcf7 label {width: 100%;}
/* contact form */

/* gallery */
.blocks-gallery-grid {list-style: none; display: flex; flex-wrap: wrap; padding: 0 7px; margin:0 -8px; text-align: center;}
.blocks-gallery-item {position:relative;flex: 0 0 100%; max-width:100%; width: 100% !important; padding: 0 8px; margin: 8px 0 !important; cursor: pointer;}
.blocks-gallery-item figure {height: 100%;}
.blocks-gallery-item img {max-width: 100%; height: auto;}
.wp-block-gallery.is-cropped .blocks-gallery-item a {height: 100%;flex: 1;-o-object-fit: cover;object-fit: cover;}


.gallery-slider-outer .swiper-slide {height: auto;}
.gallery-slider-outer figure {margin: 0;}
.gallery-slider-outer .gallery-item-link {display: block; height: 100%}
.gallery-slider-outer .gallery-item-link img {width: 100%; height: 100%; object-fit: cover}
/* gallery */

/* misc */

body {font-size: 1.4rem; font-family: "Plus Jakarta Sans", sans-serif; color: var(--white); background: var(--dark);}
body::after {content:''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); opacity: 0; visibility: hidden; transition: opacity 0.4s; z-index: 2}
body.overlay-fading-out::after {opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; transition: all 0.4s;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .ez-toc-title, .inline-title {font-family: "Manrope", sans-serif;}
h1, .h1 {font-size: 4.0rem; font-weight: 800; line-height: 4.6rem;}
h2, .h2 {font-size: 4.0rem; font-weight: 700; line-height: 4.6rem;}
h3, .h3, .single-product .summary h1, .inline-title {font-size: 2.0rem; font-weight: 700; line-height: 2.8rem;}
h4, .h4, .ez-toc-title {font-size: 1.6rem; font-weight: 700; line-height: 2.0rem;}

.inline-title {display: block; font-weight: 500; margin-bottom: 40px;}
.inline-title-border {padding-bottom: 10px; border-bottom: 1px solid var(--gray)}
.inline-title-with-arrow {display: flex; align-items: center; }
.inline-title-with-arrow .link-arrow {margin-left: 14px; color: inherit}

a {text-decoration: none; color: var(--gold); transition: 0.4s all;}
a:hover, a:active, a:focus {color: inherit;}

.has-small-font-size {font-size: 1rem;}
.has-normal-font-size {font-size: 1.4rem;}
.has-large-font-size {font-size: 2rem;}

/*.dot-slash::before {content: '.'}
.dot-slash::after {content: '/'} */

.btn, .button, .wpcf7cf_prev, .wpcf7cf_next {display: inline-block; text-align: center; font-size: 1.6rem; padding: 10px 20px; color: var(--gold); background: var(--beige); font-weight: 600; border: 2px solid var(--gold); border-radius: 23px; cursor: pointer; transition: all 0.4s;}
.btn:hover, .btn:active, .btn:focus, .button:hover, .button:active, .button:focus {text-decoration: none; color: var(--white); background: var(--dark); border-color: var(--dark);}
.btn:disabled, .button:disabled, .btn.disabled, .button.disabled, input[type='submit']:disabled, .btn:disabled:hover, .btn:disabled:active, .btn:disabled:focus, .button:disabled:hover, .button:disabled:active, .button:disabled:focus, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus, .button.disabled:hover, .button.disabled:active, .button.disabled:focus, .wpcf7cf_prev.disabled, .wpcf7cf_next.disabled {opacity: 0.5; cursor: not-allowed;}

.btn-big {font-size: 2.0rem; padding: 20px 50px;}

.btn-alt, input[type='submit'] {color: var(--white); background: var(--black); border-color: var(--black);}
.btn-alt:hover, .btn-alt:active, .btn-alt:focus, input[type='submit']:hover, input[type='submit']:active, input[type='submit']:focus {color: var(--white); background: var(--dark); border-color: var(--dark);}

.btn-brown, input[type='submit'].btn-brown, .wpcf7cf_prev, .wpcf7cf_next {color: var(--white); background: var(--gold); border-color: var(--gold);}
.btn-brown:hover, .btn-brown:active, .btn-brown:focus, input[type='submit'].btn-brown:hover, input[type='submit'].btn-brown:active, input[type='submit'].btn-brown:focus, .wpcf7cf_prev:hover, .wpcf7cf_prev:active, .wpcf7cf_prev:focus, .wpcf7cf_next:hover, .wpcf7cf_next:active, .wpcf7cf_next:focus {color: var(--dark); background: var(--light-grayish-orange); border-color: var(--light-grayish-orange);}

.btn-white {color: var(--light-grayish-orange); background: var(--light-grayish-orange);}
.btn-white:hover, .btn-white:active, .btn-white:focus {color: var(--light-grayish-orange); background: transparent; border-color: var(--light-grayish-orange)}

.btn-black {color: var(--white); background: var(--dark);}
.btn-black:hover, .btn-black:active, .btn-black:focus {color: var(--light-grayish-orange); background: transparent; border-color: var(--light-grayish-orange)}

.btn-transparent {background: transparent}
.btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus {background: var(--black); border-color: var(--black);}
.btn-transparent-light, input[type="submit"].btn-transparent-light {background: transparent; color: var(--white); border-color: var(--beige);}
.btn-transparent-light:hover, .btn-transparent-light:active, .btn-transparent-light:focus, input[type="submit"].btn-transparent-light:hover, input[type="submit"].btn-transparent-light:active, input[type="submit"].btn-transparent-light:focus {color: var(--black); background: var(--beige); border-color: var(--beige);}
.btn-transparent-yellow-border {color: var(--white); border-color: var(--gold)}
.btn-transparent-yellow-border:hover, .btn-transparent-yellow-border:active, .btn-transparent-yellow-border:focus {border-color: var(--black)}

.link-arrow {position: relative; display: inline-block; height: 27px; width: 122px}
.link-arrow::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 122px; background-color: currentColor; -webkit-mask: url(img/icons/link-arrow-right.svg) no-repeat center right; mask: url(img/icons/link-arrow-right.svg) no-repeat center right; -webkit-mask-position-x: right; mask-position: center right; max-width: 70px; transition: 0.4s all;}
.link-arrow:hover::before, .link-arrow:active::before, .link-arrow:focus::before, .inline-title-with-arrow:hover .link-arrow::before, .inline-title-with-arrow:active .link-arrow::before, .inline-title-with-arrow:focus .link-arrow::before {max-width: 122px;}
.link-arrow-left::before {-webkit-mask: url(img/icons/link-arrow-left.svg) no-repeat center left; mask: url(img/icons/link-arrow-left.svg) no-repeat center left; -webkit-mask-position-x: left; mask-position: center left;}


select, input[type='text'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='url'], input[type='password'], textarea, .select2 {width: 100%; border: 0; border-right: 1px solid var(--gray); border-bottom: 1px solid var(--gray); background: transparent; color: #a8a8a8; padding: 5px 20px 10px 0; margin-bottom: 30px; font-size: 1.6rem; line-height: 2.5rem; transition: all 0.4s;}
select:hover, select:active, select:focus, input[type='text']:hover, input[type='text']:active, input[type='text']:focus, input[type='email']:hover, input[type='email']:active, input[type='email']:focus, input[type='number']:hover, input[type='number']:active, input[type='number']:focus, input[type='search']:hover, input[type='search']:active, input[type='search']:focus, input[type='tel']:hover, input[type='tel']:active, input[type='tel']:focus, input[type='url']:hover, input[type='url']:active, input[type='url']:focus, input[type='password']:hover, input[type='password']:active, input[type='password']:focus, textarea:hover, textarea:active, textarea:focus {outline: 0; color: var(--white);}
input[type='text']::placeholder, input[type='email']::placeholder, input[type='number']::placeholder, input[type='search']::placeholder, input[type='tel']::placeholder, input[type='url']::placeholder, input[type='password']::placeholder, textarea::placeholder {color: #a8a8a8; opacity: 1;}
input[type='checkbox'], input[type='radio'] {appearance: none; width: 20px; height: 20px; padding: 4px; vertical-align: middle; -webkit-transition: all 0.4s; transition: all 0.4s;margin-right: 5px; border: 1px solid var(--gray); background-clip: content-box;}
input[type='radio'] {border-radius: 50%;}
input[type='checkbox']:checked, input[type='radio']:checked {background-color: var(--gold);}
.wpcf7-checkbox.input-yellow-border input[type='checkbox'], .wpcf7-checkbox.input-yellow-border input[type='radio'] {border-color: var(--gold);}
.wpcf7-checkbox.input-yellow-border input[type='checkbox']:checked, .wpcf7-checkbox.input-yellow-border input[type='radio']:checked {background-color: var(--gold);}
.recaptcha {margin: 2rem 0;}

table {width: 100%; margin-bottom: 2rem;}
.table.table-striped th, .table.table-striped td, .table.table-bordered th, .table.table-bordered td {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid var(--gray)}

ul.page-numbers {list-style: none; margin: 1rem auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: center}
.page-numbers li {display: block; text-align: center; vertical-align: middle; margin-right: 6px;}
.page-numbers li:last-child {margin-right: 0}
.page-numbers a:not(.prev):not(.next), .page-numbers span {display: block; line-height: 28px; width: 32px; height: 32px; border: 2px solid transparent; border-radius: 50%; color: var(--white); text-align: center; transition: all 0.4s;}
.page-numbers a:not(.prev):not(.next):hover, .page-numbers a:not(.prev):not(.next):active, .page-numbers a:not(.prev):not(.next):focus, .page-numbers span:not(.dots) {border-color: var(--white); color: var(--white);}
.page-numbers span:not(.dots) {border-color: var(--gray);}
.page-numbers .prev, .page-numbers .next {font-family: icon-font, sans-serif; color: var(--gray); font-size: 28px}
.page-numbers li:has(.prev) {margin-right: 25px;}
.page-numbers li:has(.next) {margin-left: 25px;}
.prev:hover, .prev:active, .prev:focus, .next:hover, .next:active, .next:focus {color: var(--white);}

.advantages {padding: 50px 0;}
.advantage {display: flex;}
.advantage:not(:last-child) {margin-bottom: 40px;}
.advantage-icon {flex: 0 0 57px; max-width: 57px; margin-right: 20px}
.advantage-text {flex: 0 0 calc(100% - 77px); max-width: calc(100% - 77px)}

.sale-steps {padding: 45px 0 85px}
.sale-step-item {position: relative; padding: 40px 0 30px;}
.sale-step-item::after {content: ''; position: absolute; bottom: 0; left: calc(0.5*var(--bs-gutter-x)); right: calc(0.5*var(--bs-gutter-x)); height: 1px; background: var(--gray)}
.sale-step-item:first-child {padding-top: 0;}
.sale-step-number-wrap, .sale-step-text-title {color: var(--gold)}
.sale-step-text-title {margin-bottom: 20px;}
.sale-step-number {font-family: Manrope, sans-serif; font-size: 2.0rem; line-height: 2.8rem}
.sale-step-link { margin-top: 35px; color: inherit; }

.list-with-arrows {list-style: none; padding-left: 0; margin: 0;}
.list-with-arrows li:not(:last-child) {margin-bottom: 15px;}
.list-with-arrows a {display: block; padding-left: 56px; position: relative; color: var(--white);}
.list-with-arrows a::before {content: ''; position: absolute; left: 0; top: 0; width: 37px; height: 26px; background-color: currentColor; -webkit-mask: url(img/icons/link-arrow-right.svg) no-repeat center right; mask: url(img/icons/link-arrow-right.svg) no-repeat center right; -webkit-mask-position-x: right; mask-position: center right; max-width: 37px; transition: 0.4s all;}
.list-with-arrows a:hover::before, .list-with-arrows a:active::before, .list-with-arrows a:focus::before {max-width: 30px; left: 7px;}

.ez-toc-title-container {margin: 0 0 25px;}
.ez-toc-transparent ul {list-style: none; padding: 0; margin: 0;}

.page-generic-pad {padding: 35px 0 85px}

.layout-image-text {margin-bottom: 70px;}
.layout-image-text-image {margin-bottom: 30px; height: 280px}
.layout-image-text-image img {width: 100%; height: 100%; object-fit: cover;}
.layout-image-text-title {margin-bottom: 25px;}
.layout-image-text-title h2, .layout-image-text-title h3 {margin: 0;}
.layout-image-text-text p:last-child {margin-bottom: 0;}

.layout-image-text-grid {padding-top: 60px;}
.layout-image-text-grid-item {margin-bottom: 25px;}
.layout-image-text-grid-item-image {height: 220px;}
.layout-image-text-grid-item-image img {width: 100%; height: 100%; object-fit: cover}
.layout-image-text-grid-content {padding: 50px calc(2*var(--col-width) + 2*var(--bs-gutter-x)) 70px; background: var(--black)}
.layout-image-text-grid-item-number {color: var(--gold);}
.layout-image-text-grid-item-title {margin: 0 0 35px;}
.layout-image-text-grid-item-text p:last-child {margin-bottom: 0;}
/* misc */

/* header, footer */
#main, #footer {overflow: hidden;}

.header-notice {background: var(--black); padding: 14px 0;}

#header {position: relative; background: var(--dark); z-index: 10}
#header .container-fluid {max-width: 1920px;}
#header .header-items {min-height: 102px; align-items: center;}

.col-header-logo {flex: 0 0 calc(116px + var(--bs-gutter-x)); max-width: calc(116px + var(--bs-gutter-x)); z-index: 9002}
.header-menu, .header-menu .sub-menu {list-style: none; margin: 0; padding: 0;}

.header-menu > li > a {color: var(--white); font-size: 1.6rem;}
.header-menu > li > a:hover, .header-menu > li > a:active, .header-menu > li > a:focus, .header-menu > li.current-menu-item > a {color: var(--gold);}
.header-menu .menu-expand::before {content: "\e900";}
.header-menu > li > .sub-menu > li > a {font-family: "Manrope", sans-serif; font-size: 1.6rem; font-weight: 700; color: var(--gold);}
.header-menu > li > .sub-menu > li > a:hover, .header-menu > li > .sub-menu > li > a:active, .header-menu > li > .sub-menu > li > a:focus, .header-menu > li > .sub-menu > li.current-menu-item > a {color: var(--white);}
.header-menu > li > .sub-menu > li > .sub-menu > li.menu-item-has-children > a {text-transform: uppercase; font-weight: 600}
.header-menu > li > .sub-menu > li > .sub-menu > li a {color: var(--white);}
.header-menu > li > .sub-menu > li > .sub-menu > li a:hover, .header-menu > li > .sub-menu > li > .sub-menu > li a:active, .header-menu > li > .sub-menu > li > .sub-menu > li a:focus {color: var(--gold)}
.header-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu {margin-top: 10px;}
.header-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {margin-bottom: 7px}

.header-cta-mobile {height: 102px; margin: 60px calc(-1*var(--bs-container-gutter-x)) 0}

.header-lang-sel-mobile {margin-top: 40px}
.col-header-lang-sel-desktop {display: none; z-index: 9002}
.header-lang-sel {list-style: none; margin: 0; padding: 0; display: flex; text-transform: uppercase; font-family: Manrope, sans-serif; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500}
.header-lang-sel li {display: flex;}
.header-lang-sel li:not(:last-child):after {content: ''; display: block; margin: 0 8px; width: 1px; height: 24px; background: var(--white);}
.header-lang-sel li a {color: var(--white)}
.header-lang-sel li.active a, .header-lang-sel li a:hover, .header-lang-sel li a:active, .header-lang-sel li a:focus {color: var(--gold)}

.col-header-contacts {flex: 0 0 calc(76px + var(--bs-gutter-x)); max-width: calc(76px + var(--bs-gutter-x)); margin: 0 10px 0 auto; z-index: 9002}
.header-contacts {list-style: none; margin: 0 -12px; padding: 0; display: flex; align-items: center}
.header-contacts li {padding: 0 12px; max-width: 50px}
.header-contacts li a {color: var(--white); font-size: 28px;}
.header-contacts li a:hover, .header-contacts li a:active, .header-contacts li a:focus {color: var(--gold)}

.col-header-search {flex: 0 0 calc(28px + var(--bs-gutter-x)); max-width: calc(28px + var(--bs-gutter-x)); margin-right: 10px; z-index: 9002}
#header-search-toggle {border: 0; padding: 0; font-size: 28px; background: transparent; color: var(--white); transition: 0.4s all;}
#header-search-toggle:hover, #header-search-toggle:active, #header-search-toggle:focus, .header-search-active #header-search-toggle {color: var(--gold);}
.header-search {display: flex; align-items: center; justify-content: center; position: fixed; top: 102px; left: 0; right: 0; bottom: 102px; opacity: 0; visibility: hidden; transition: 0.4s all;}
.header-search-active::after { opacity: 1; visibility: visible}
.header-search-active .header-search {opacity: 1; visibility: visible;}
.header-search .search-form {position: relative; width: 100%; max-width: calc(10*var(--col-width) + 9*var(--bs-gutter-x));}
.header-search .search-form label {width: 100%}
.header-search .search-field {margin: 0; padding: 4px 30px 10px 0; border-right: 0; border-color: var(--white);}
.header-search .search-submit {position: absolute; top: 0; right: 0; border: 0; background: transparent; font-size: 2.8rem; color: var(--white);}
.header-search .search-submit:hover, .header-search .search-submit:active, .header-search .search-submit:focus {color: var(--gold)}

.col-header-cta-desktop {display: none; height: 102px; z-index: 9002}
.header-cta {display: flex; align-items: center; justify-content: center; background: var(--gold); color: var(--white); height: 100%; font-size: 1.6rem; line-height: 2.1rem}
.header-cta:hover, .header-cta:active, .header-cta:focus {background: var(--white); color: var(--dark);}

.gradient-header {background: transparent linear-gradient(180deg, rgba(119, 50, 38, 0) 0%, rgba(122, 54, 40, 0.04) 12%, rgb(193, 156, 104) 100%) 0% 0% no-repeat padding-box; padding: 60px 0;}
.breadcrumbs {margin-top: 15px;}
.gradient-header .breadcrumbs a {color: var(--white);}
.gradient-header .breadcrumbs a:hover, .gradient-header .breadcrumbs a:active, .gradient-header .breadcrumbs a:focus {color: var(--beige);}

.image-header {position: relative; min-height: 360px;}
.image-header-image, .image-header-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.image-header-image {z-index: -1}
.image-header-image img {width: 100%; height: 100%; object-fit: cover;}
.image-header-content {padding: 0 0 20px; background: transparent linear-gradient(270deg, #77322600 0%, #7A36280A 48%, var(--dark) 100%) no-repeat;}
.image-header-content .container-fluid, .image-header-content .row, .image-header-content .col-12 {height: 100%}
.image-header-content .col-12 {display: flex; align-items: flex-end;}
.image-header-content-text {margin-top: 15px}

#footer {position: relative; padding: 0 0 60px; background: var(--black);}

.upper-footer {position: relative; padding: 90px 0 80px;}
.upper-footer-image {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.upper-footer-image img {width: 100%; height: 100%; object-fit: cover}
.col-footer-newsletter h3, .col-footer-newsletter .h4 {margin-bottom: 0;}
.col-footer-newsletter-text {align-self: flex-end}
.col-footer-newsletter-form {position: relative; padding-top: 20px; margin-top: 20px;}
.col-footer-newsletter-form::before {content: ''; position: absolute; top: 0; left: calc(0.5*var(--bs-gutter-x)); right: calc(0.5*var(--bs-gutter-x)); height: 2px; background: var(--white);}
.col-footer-newsletter-form input[type='email'] {width: 100%; border: 1px solid var(--beige); border-radius: 23px; background: var(--beige); color: var(--dark); padding: 10px 20px; margin-bottom: 15px; transition: all 0.4s;}
.col-footer-newsletter-form input[type='email']:hover, .col-footer-newsletter-form input[type='email']:active, .col-footer-newsletter-form input[type='email']:focus {outline: 0; border-color: var(--dark); color: var(--dark);}
.col-footer-newsletter-form .wpcf7-submit {width: 100%;}

.col-footer-links {margin-top: 50px}
.footer-link h3 {margin: 0;}
.footer-link-btn {align-self: flex-end}
.footer-link-btn .btn {width: 100%}

.middle-footer {margin-bottom: 50px; padding-top: 60px;}
.footer-logo {display: block; max-width: 123px}

.social-links {list-style: none; margin: 0 -8px; padding: 0; display: flex;}
.social-links li {padding: 0 8px}
.social-links li a {font-size: 33px; color: var(--white);}

.footer-menu {list-style: none; margin: 0 0 40px; padding: 0;}
.footer-menu li:not(:last-child) {margin-bottom: 10px;}
.footer-menu li.footer-menu-pad-top {margin-top: 40px}
.footer-menu li a {color: var(--white);}
.footer-menu li a:hover, .footer-menu li a:active, .footer-menu li a:focus, .footer-menu li.current-menu-item a {color: var(--gold)}

.footer-copyright {margin-top: 34px;}

.scroll-top { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; right: 0; width: 80px; height: 80px; border: 2px solid var(--gold);}
.scroll-top-img {width: 28px; height: 41px; max-height: 28px; transition: 0.4s all; overflow: hidden;}
.scroll-top:hover .scroll-top-img, .scroll-top:active .scroll-top-img, .scroll-top:focus .scroll-top-img {max-height: 41px;}
/* header, footer */

/* front page */
#front-header {position: relative; min-height: calc(100vh - 102px);}
.front-header-video, .front-header-image, .front-header-content, .front-header-content::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.front-header-image img, .front-header-video video {width: 100%; height: 100%; object-fit: cover;}
.front-header-content {display: flex; align-items: flex-end; padding: 20px 0 85px;}
.front-header-content::before {content: ''; background: transparent linear-gradient(270deg, rgba(119, 50, 38, 0) 0%, rgba(122, 54, 40, 0.04) 48%, rgba(30, 28, 30, 0.7) 100%) 0% 0% no-repeat padding-box; opacity: 0.5}
.front-header-content h1 {font-size: 6.0rem; line-height: 6.0rem; margin: 0 0 45px;}
.front-header-content .btn {font-size: 2.0rem; line-height: 2.5rem; padding: 20px 50px; border-radius: 35px; display: flex; align-items: center;}
.front-header-content-btns {display: flex; flex-wrap: wrap; gap: 15px;}
.front-header-content-percentage {margin-left: 10px; transition: 0.4s all;}
.front-header-content .btn:hover .front-header-content-percentage, .front-header-content .btn:active .front-header-content-percentage, .front-header-content .btn:focus .front-header-content-percentage {filter: brightness(0)}
.front-header-offer {display: inline-flex; position: absolute; top: 20px; right: 0; padding: 10px 20px 10px 10px; background: var(--gold); color: var(--white); font-weight: 600;}
.front-header-offer-text {max-width: 65px; text-align: right; line-height: 1}
.front-header-offer-icon {margin-left: 8px; width: 26px;}
.front-header-offer-icon img {width: 100%; height: auto}
.front-header-offer:hover, .front-header-offer:active, .front-header-offer:focus {background: rgb(193, 156, 104, 0.6)}

#front-featured-categories {padding: 45px 0 70px; background: var(--light-grayish-orange); color: var(--dark);}
#front-featured-categories h2 {border-color: var(--dark)}
.front-featured-categories-item:not(:last-child) {margin-bottom: 40px;}
.front-featured-categories-item-link {display: block; position: relative; height: 330px; overflow: hidden}
.front-featured-categories-item-link img {width: 100%; height: 100%; object-fit: cover; transition: 0.4s all;}
.front-featured-categories-item-title-wrap {display: flex; align-items: flex-end; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px calc(var(--col-width) + var(--bs-gutter-x));}
.front-featured-categories-item-title-wrap::before, .front-featured-categories-item-title-wrap::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s all;}
.front-featured-categories-item-title-wrap::before {background: transparent linear-gradient(0deg, var(--gold) 0%, #1E1C1E00 31%, #1E1C1E00 91%, #77322600 100%) no-repeat; opacity: 0;}
.front-featured-categories-item-title-wrap::after {background: transparent linear-gradient(0deg, #1E1C1E 0%, #1E1C1E59 66%, #1E1C1E30 91%, #77322600 100%) 0 0 no-repeat;}
.front-featured-categories-item-link:hover .front-featured-categories-item-title-wrap::before, .front-featured-categories-item-link:active .front-featured-categories-item-title-wrap::before, .front-featured-categories-item-link:focus .front-featured-categories-item-title-wrap::before {opacity: 1}
.front-featured-categories-item-link:hover .front-featured-categories-item-title-wrap::after, .front-featured-categories-item-link:active .front-featured-categories-item-title-wrap::after, .front-featured-categories-item-link:focus .front-featured-categories-item-title-wrap::after {opacity: 0}
.front-featured-categories-item-link:hover img, .front-featured-categories-item-link:active img, .front-featured-categories-item-link:focus img {transform: scale(1.1);}
.front-featured-categories-item-link h3 {position: relative; margin: 0; color: var(--white); z-index: 1}
.front-featured-categories-item-links {list-style: none; margin: 20px 0 0; padding: 0; }
.front-featured-categories-item-links li {display: inline-block;}
.front-featured-categories-item-links li:not(:last-child)::after {content: '\0020|\0020'; white-space: pre;}
.front-featured-categories-item-links a {color: inherit;}
.front-featured-categories-item-links a:hover, .front-featured-categories-item-links a:active, .front-featured-categories-item-links a:focus {text-decoration: underline;}

#front-special-offers {background: var(--white);}
#front-special-offers .special-offers {padding-bottom: 0;}

#front-about {background: var(--white); color: var(--dark)}
.front-about-title {margin: 25px 0;}
.front-about-title .h2 {color: var(--gold); margin: 0;}
.front-about-text-link {margin: 25px 0 0;}

#front-featured-work {background: var(--white); padding: 0 0 20px}

#front-koristni-nasveti {padding: 65px 0 75px;}
.koristni-nasveti-grid {margin-bottom: 20px}
.koristni-nasveti-grid-item {position: relative; display: block; height: 207px; margin-bottom: 15px; transition: 0.4s all;}
.koristni-nasveti-grid-item:first-child {height: 330px}
.koristni-nasveti-grid-item-thumbnail {display: block; height: 100%; overflow: hidden;}
.koristni-nasveti-grid-item-thumbnail img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 0.4s all;}
.koristni-nasveti-grid-item-text-wrap {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 30px calc(var(--col-width) + var(--bs-gutter-x)); display: flex; align-items: flex-end; z-index: 1;}
.koristni-nasveti-grid-item-text-wrap::after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.4s all; transition: 0.4s all; z-index: -1}
.koristni-nasveti-grid-item:hover .koristni-nasveti-grid-item-text-wrap::after,.koristni-nasveti-grid-item:active .koristni-nasveti-grid-item-text-wrap::after, .koristni-nasveti-grid-item:focus .koristni-nasveti-grid-item-text-wrap::after {opacity: 0;}
.koristni-nasveti-grid-item:hover .koristni-nasveti-grid-item-thumbnail img, .koristni-nasveti-grid-item:active .koristni-nasveti-grid-item-thumbnail img, .koristni-nasveti-grid-item:focus .koristni-nasveti-grid-item-thumbnail img {transform: scale(1.1)}

.koristni-nasveti-grid-item-title {color: var(--white); display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 0;}

#front-testimonials {padding: 70px 0 65px; background: var(--white); color: var(--dark);}
.front-testimonials-intro {position: relative; align-self: flex-start; padding-top: 30px; padding-bottom: 55px; color: var(--white); z-index: 1}
.front-testimonials-intro::before {content: ''; position: absolute; top: 0; bottom: 0; left: calc(-1*var(--bs-container-gutter-x)); right: calc(0.5*var(--bs-gutter-x)); background: var(--dark); z-index: -1;}
.front-testimonials-intro h2 {color: var(--gold); margin: 40px 0 0;}
.front-testimonials-rating-average {margin: 0 0 20px; font-family: Manrope, sans-serif; font-size: 3.0rem; line-height: 4.0rem; font-weight: 700;}
.front-testimonials-rating-stars .star-rating {font-size: 19px;}
.front-testimonials-items {padding-top: 50px;}
.front-testimonials-items .swiper-button-prev, .front-testimonials-items .swiper-button-next {border-color: var(--gold); color: var(--gold);}
.front-testimonials-items .swiper-button-prev {left: -5px;}
.front-testimonials-items .swiper-button-next {right: -5px;}
#front-testimonials-slider {width: calc(8*var(--col-width) + 7*var(--bs-gutter-x));}
.front-testimonial-slider-testimonial-rating {color: var(--gold)}
.front-testimonial-slider-testimonial-author {margin: 25px 0 30px; font-size: 1.6rem; line-height: 2.5rem; font-weight: 600;}
.front-testimonials-link {margin-top: 20px;}
/* front page */

/* testimonials */
.testimonial-item-wrap {margin-bottom: 40px}
.testimonial-rating {color: var(--gold)}
.testimonial-author {margin: 10px 0 15px; font-size: 1.6rem; line-height: 2.5rem; font-weight: 600;}

/* testimonials */

/* koristni nasveti */
#archive-koristni-nasveti {padding-bottom: 75px}

.koristni-nasveti-categories-wrap {overflow-y: hidden; overflow-x: auto; background: var(--black);}
.koristni-nasveti-categories {list-style: none; display: flex; margin: 25px 0; padding: 0;}
.koristni-nasveti-categories li {margin-right: 25px;}
.koristni-nasveti-category-link {display: block; white-space: nowrap}
.koristni-nasveti-category-link.active {background: var(--beige); color: var(--black);}
.koristni-nasveti-items-wrap {padding-top: 20px; padding-bottom: 70px}

.koristni-nasvet-wrap {margin: 0 0 20px; height: 260px;}
.koristni-nasvet {display: block; height: 100%; position: relative; overflow: hidden;}
.koristni-nasvet-image, .koristni-nasvet-content, .koristni-nasvet-content::after {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.koristni-nasvet-content {display: flex; flex-wrap: wrap; align-content: flex-end; padding: 25px; color: var(--white); z-index: 1;}
.koristni-nasvet-content::after {content: ''; background: transparent linear-gradient(180deg, rgba(30, 28, 30, 0) 0%, var(--black) 100%) 0% 0% no-repeat padding-box; opacity: 0.65; transition: 0.4s all; z-index: -1}
.koristni-nasvet:hover .koristni-nasvet-content::after, .koristni-nasvet:active .koristni-nasvet-content::after, .koristni-nasvet:focus .koristni-nasvet-content::after {opacity: 0.85;}
.koristni-nasvet-excerpt {display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0; transition: 0.4s all; max-height: 0;}
.koristni-nasvet:hover .koristni-nasvet-excerpt, .koristni-nasvet:active .koristni-nasvet-excerpt, .koristni-nasvet:focus .koristni-nasvet-excerpt {max-height: 100%;}
.koristni-nasvet-image img {width: 100%; height: 100%; object-fit: cover;}

.single-koristni-nasveti-header {padding: 70px 0 100px;}
.single-koristni-nasveti-header-back > a {display: block; overflow: hidden; color: var(--white);}
.single-koristni-nasveti-header-back .link-arrow {width: 46px; margin-top: 10px;}
.single-koristni-nasveti-header-back .link-arrow::before {max-width: 24px; left: 22px;}
.single-koristni-nasveti-header-back a:hover .link-arrow::before, .single-koristni-nasveti-header-back a:active .link-arrow::before, .single-koristni-nasveti-header-back a:focus .link-arrow::before {left: 0; max-width: 46px;}

.single-koristni-nasveti-content-wrap {padding-bottom: 85px;}
.single-koristni-nasveti-content-category {position: absolute; left: calc(-1*var(--bs-container-gutter-x)); top: -30px; padding: 20px; color: var(--white); background: var(--gold); font-size: 1.6rem; line-height: 2.5rem; font-weight: 600;}
.single-koristni-nasveti-content-featured-image {margin-bottom: 50px;}
.single-koristni-nasveti-content h2 {margin: 0 0 20px;}
.single-koristni-nasveti-content p:not(:last-child), .single-koristni-nasveti-content img:not(:last-child) {margin-bottom: 50px;}

.single-koristni-nasveti-gallery {margin-top: 60px;}
.single-koristni-nasveti-related {margin-top: 50px;}
.single-koristni-nasveti-related .h4 {margin-bottom: 25px;}
/* koristni nasveti */

/* faq */
.faq-categories-wrap {overflow-y: hidden; overflow-x: auto; background: var(--black);}
.faq-categories {list-style: none; display: flex; margin: 25px 0; padding: 0;}
.faq-categories li {margin-right: 25px;}
.faq-category-link {display: flex; white-space: nowrap; height: 100%; align-items: center; justify-content: center;}
.faq-category-link.active {background: var(--beige); color: var(--black);}

.faq-items-wrap {padding: 65px 0 55px;}
.faq-title {color: var(--gold);}
.faq-title h2 {margin-bottom: 35px;}

.faq-question {position: relative; padding: 0 calc(2*var(--col-width) + var(--bs-gutter-x)) 15px 0; margin-bottom: 15px; border-bottom: 1px solid var(--gray); cursor: pointer;}
.faq-question .ui-icon {display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; transition: 0.4s all;}
.faq-question .ui-icon::before, .faq-question .ui-icon::after {content: ''; position: absolute; background: currentColor; transition: 0.4s all;}
.faq-question .ui-icon::before {top: 50%; width: 20px; height: 1px;}
.faq-question .ui-icon::after {left: 50%; height: 20px; width: 1px;}
.faq-question:hover .ui-icon, .faq-question:active .ui-icon, .faq-question:focus .ui-icon, .faq-question.ui-state-active .ui-icon {color: var(--peach);}
.faq-question.ui-state-active .ui-icon {transform: rotate(-45deg); color: var(--gold);}
.faq-answer p:last-child {margin-bottom: 0;}
.faq-answer {padding: 0 calc(2*var(--col-width) + var(--bs-gutter-x)) 25px 0}
/* faq */

/* catalogs */
#page-catalogs .catalogs-intro-content {padding: 35px 0 0}
.page-catalogs-content {padding: 55px 0 80px}
.page-catalogs-group:not(:first-child) {margin-top: 15px}
.page-catalogs-group-title {position: relative; color: var(--gold); border-color: var(--gold);}
.page-catalogs-item {margin-bottom: 35px;}
.catalog-item-download-link {display: block; width: 66px; height: 86px; margin: 0 auto 15px; overflow: hidden}
.catalog-item-download-link-image, .catalog-item-download-link-title {display: flex; align-items: center; justify-content: center; height: 86px; background: var(--beige); color: var(--dark); text-align: center; transition: 0.4s all;}
.catalog-item-download-link-title {background: var(--gold); }
.catalog-item-download-link:hover > div, .catalog-item-download-link:active > div, .catalog-item-download-link:focus > div {transform: translate3d(0, -100%, 0)}
.catalog-item-title {font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: center;}
/* catalogs */

/* video */
.page-video-items {padding: 55px 0 45px}
.page-video-item {margin-bottom: 45px;}
.video-item-video .lyte-wrapper {width: 100% !important;}
.video-item-text {margin-top: 15px;}
.lyte .play {background-image: url("img/icons/video.svg") !important; width: 38px; height: 31px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; background-position: center !important; transition: 0.4s all;}
.lyte:hover .play, .lyte:active .play, .lyte:focus .play {opacity: 0.7;}
/* video */

/* about */
.about-intro {padding-top: 35px; overflow: hidden;}
.about-intro .about-intro-image {margin-left: calc(-1*var(--bs-container-gutter-x)); max-width: 100vw;}
.about-stats {margin: 25px 0 45px; width: 204px; height: 244px; background: pink;}
.about-intro-text p {margin-bottom: 20px;}
.about-intro-text p:last-child {margin-bottom: 0;}
.about-team {margin-top: 115px;}
.about-team-title h2 {margin-bottom: 65px}
.about-team-member-image {margin-bottom: 10px;}
.about-team-member-name {font-weight: 600}
.about-featured-work .featured-work-slider {margin-bottom: 0;}
/* about */

/* contact */
.page-contact-data {padding-top: 35px;}
.page-contact-data .h4 {text-transform: uppercase; color: var(--gold); margin-bottom: 10px;}
.page-contact-data-section {margin-bottom: 40px;}
.page-contact-data-section p {margin-bottom: 20px}
.page-contact-data-section p:last-child {margin-bottom: 0;}
.page-contact-contact-form {padding-top: 75px; padding-bottom: 115px;}
.page-contact-contact-form::after {content: ''; position: absolute; top: 0; bottom: 0; left: calc(-1*var(--bs-container-gutter-x)); right: calc(-1*var(--bs-container-gutter-x)); background: var(--black); z-index: -1}
.page-contact-contact-form .h4 {margin-bottom: 30px; color: var(--gold); text-transform: none;}
.page-contact-contact-form input[type="text"], .page-contact-contact-form input[type="email"], .page-contact-contact-form input[type="tel"] {padding-bottom: 20px}
.page-contact-contact-form-submit {text-align: right; margin-top: 30px;}
/* contact */

/* our work */
#archive-our-work {padding-bottom: 75px;}
.our-work-items-wrap {padding-top: 60px; padding-bottom: 25px;}
.our-work-item-wrap {margin-bottom: 50px;}

.featured-work {padding: 85px 0 0}
.featured-work-slider-nav-btn {position: absolute; bottom: 0; left: 0;}

.our-work-item-featured-data {list-style: none; padding: 0; margin: 0;}
.our-work-item-image-wrap {position: relative}
.our-work-item-image {margin-bottom: 20px;}
.our-work-item-image a {display: block; height: 360px}
.our-work-item-image img {width: 100%; height: 100%; object-fit: cover;}
.our-work-item-title {margin-bottom: 10px;}
.our-work-item-btns {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background: rgba(0,0,0,0.5); opacity: 0; transition: 0.4s all; gap: 15px}
.our-work-item-image-wrap:hover .our-work-item-btns, .our-work-item-image-wrap:active .our-work-item-btns, .our-work-item-image-wrap:focus .our-work-item-btns {opacity: 1;}
.our-work-item-btn-wrap {flex: 0 0 100%; max-width: 100%; text-align: center;}

.featured-work-theme-light {background: var(--white); color: var(--dark)}
.featured-work-theme-light .inline-title-border {border-color: var(--dark);}
.featured-work-theme-light .swiper-button-prev, .featured-work-theme-light .swiper-button-next {border-color: var(--dark); color: var(--dark);}

/* our work */

/* projektiranje, izris, montaza */
.projektiranje-izris-montaza-upper-section {padding: 75px 0 30px;}
.projektiranje-izris-montaza-featured-work {background: var(--white); padding-bottom: 15px;}
/* projektiranje, izris, montaza */

/* ogled, svetovanje */
.page-ogled-svetovanje-content {padding: 70px 0 90px;}
.page-ogled-svetovanje-content .h3:first-child {margin-bottom: 30px;}
/* ogled, svetovanje */

/* questionnaire */
.page-spletni-vprasalnik {overflow: hidden;}
.wpcf7cf_steps-dots {position: relative; padding: 35px 0 65px; margin: 0 calc(-0.5*var(--bs-gutter-x)) 45px; display: flex;}
.wpcf7cf_steps-dots::after {content: ''; position: absolute; top: 0; bottom: 0; left: -50vw; width: 150vw; background: var(--black); z-index: -1}

.wpcf7cf_steps-dots .dot {position: relative; flex: 1 0 auto; padding: 0 calc(0.5*var(--bs-gutter-x)) 20px}
.wpcf7cf_steps-dots .dot::before {content: ''; display: block; position: absolute; bottom: 0; left: calc(0.5*var(--bs-gutter-x)); height: 20px; width: 20px; border: 1px solid var(--white); border-radius: 50%;}
.wpcf7cf_steps-dots .dot::after {content: ''; display: block; position: absolute; bottom: 10px; left: calc(20px + 0.5*var(--bs-gutter-x)); width: calc(100% - 20px); height: 1px; background: var(--white);}
.wpcf7cf_steps-dots .dot:last-child::after {width: calc(100% - 20px + var(--bs-container-gutter-x))}
.wpcf7cf_steps-dots .dot.active ~ .dot {opacity: 0.3;}
.wpcf7cf_steps-dots .step-index::before {content: '.0'}
.wpcf7cf_steps-dots .step-index:after {content: '/'}
.wpcf7cf_steps-dots .step-title {font-family: Manrope, sans-serif; font-size: 2.0rem; line-height: 2.8rem; font-weight: 700; color: var(--white); padding: 15px 0;}
.wpcf7cf_steps .step-title {display: none;}
.wpcf7cf_steps h3.h4 {text-transform: uppercase; color: var(--gold); margin-bottom: 15px;}
.wpcf7cf_steps .wpcf7-section {margin: 0 0 60px}
.wpcf7cf_steps label {margin-bottom: 10px;}
.wpcf7cf_steps .wpcf7-horizontal-checkboxes .wpcf7-form-control {display: flex; flex-wrap: wrap; margin: 0 calc(-0.5*var(--bs-gutter-x));}
.wpcf7cf_steps .wpcf7-horizontal-checkboxes .wpcf7-list-item {flex: 0 0 50%; max-width: 50%; padding-left: calc(0.5*var(--bs-gutter-x)); padding-right: calc(0.5*var(--bs-gutter-x));}
.wpcf7cf_steps h5 {font-family: inherit; font-weight: 600; font-size: inherit; margin: 0 0 20px}
.wpcf7cf_steps label > strong:has(+ .wpcf7-form-control-wrap) {display: block; margin-bottom: 5px}
.wpcf7cf_steps-spacer {height: 35px;}
.wpcf7cf_steps .wpcf7-list-item label {display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}
.wpcf7cf_steps .wpcf7-list-item input[type="checkbox"], .wpcf7cf_steps .wpcf7-list-item input[type="radio"] {flex: 0 0 20px;}
.wpcf7cf_steps .wpcf7-list-item .wpcf7-list-item-label {flex: 0 0 calc(100% - 55px);}
.wpcf7cf_steps .wpcf7-list-item label::after {display: block; flex: 0 0 100%; margin-top: 15px; margin-bottom: 25px; padding-bottom: 100%; background-size: cover; background-position: center;}

.wpcf7cf_steps span.wpcf7-not-valid-tip {margin: 0 0 30px;}
.wpcf7cf_step_controls {margin: 0 0 90px !important; display: flex; justify-content: space-between;}

.wpcf7-form-control-wrap[data-name="tip-obstojecega-dimnika"] .wpcf7-list-item-label {min-height: 3em}
/* questionnaire */

/* search */
#search-results {padding-bottom: 75px;}
.search-items-wrap {padding-top: 60px; padding-bottom: 25px;}
.search-item-wrap {margin-bottom: 50px;}
.search-item-title {margin-top: 20px;}
.search-item-link {display: block; height: 360px}
.search-item-link img {width: 100%; height: 100%; object-fit: cover;}
/* search */

@media (max-width: 575.98px) {
	/* header, footer */
	.col-footer-logo {margin-bottom: 25px; padding-bottom: 25px; position: relative;}
	.col-footer-logo::after {content: ''; display: block; position: absolute; left: calc(var(--bs-gutter-x)/2); right: calc(var(--bs-gutter-x)/2); bottom: 0; height: 1px; background: var(--gray);}

	.col-footer-info p:last-child {margin: 0;}
	.col-footer-info:not(:last-child) {padding-top: 40px; margin-bottom: 40px;}
	.col-footer-info:not(:last-child)::before {content: ''; display: block; position: absolute; left: calc(var(--bs-gutter-x)/2); right: calc(var(--bs-gutter-x)/2); top: 0; height: 1px; background: var(--gray);}
	.col-footer-info:last-child {padding-bottom: 40px}
	.col-footer-info:last-child::before {content: ''; display: block; position: absolute; left: calc(var(--bs-gutter-x)/2); right: calc(var(--bs-gutter-x)/2); bottom: 0; height: 1px; background: var(--gray);}
	/* header, footer */

	/* questionnaire */
	.wpcf7cf_steps-dots .step-title {white-space: nowrap}
	/* questionnaire */
}

@media (min-width: 576px) {
    /* misc */
	.blocks-gallery-item {flex: 0 0 50%; max-width:50%; width: 50% !important;}

	.layout-image-text {margin-bottom: 60px;}
	.layout-image-text-image {margin: 0 0 0 calc(-1*var(--bs-container-gutter-x)); height: 100%}
	.layout-image-text-image-right .layout-image-text-image {margin: 0 calc(-1*var(--bs-container-gutter-x)) 0 0;}
	.layout-image-text-content-wrap {padding-top: 20px; padding-bottom: 35px;}
	.layout-image-text-image-right .layout-image-text-content-wrap {text-align: right}

	.layout-image-text-grid {padding-bottom: 15px}
	.layout-image-text-grid-item {display: flex;}
	.layout-image-text-grid-item-image {height: 100%; flex: 0 0 calc(41.666667% + 0.5*var(--bs-gutter-x)); max-width: calc(41.666667% + 0.5*var(--bs-gutter-x)); order: 2}
	.layout-image-text-grid-content {order: 1; flex: 0 0 calc(58.333333% - 0.5*var(--bs-gutter-x)); max-width: calc(58.333333% - 0.5*var(--bs-gutter-x)); padding: 50px calc(var(--col-width) + var(--bs-gutter-x)) 70px}
    /* misc */

	/* header, footer */
	.col-header-cta-desktop {display: block; flex: 0 0 calc(200px + var(--bs-gutter-x)); max-width: calc(200px + var(--bs-gutter-x)); margin-right: 15px;}

	.upper-footer {padding: 60px 0 65px;}

	.middle-footer .container-fluid {padding-bottom: 25px; margin-bottom: 35px; position: relative;}
	.middle-footer .container-fluid::after {content: ''; display: block; position: absolute; left: var(--bs-container-gutter-x); right: var(--bs-container-gutter-x); bottom: 0; height: 1px; background: var(--gray);}

	.footer-copyright .container-fluid {padding-top: 15px; margin-top: 50px; position: relative; text-align: center;}
	.footer-copyright .container-fluid::before {content: ''; display: block; position: absolute; left: var(--bs-container-gutter-x); right: calc(var(--bs-container-gutter-x) + 76px); top: 0; height: 1px; background: var(--gray);}

	/* header, footer */

	/* front page */
	.koristni-nasveti-grid-item-text-wrap {padding: 25px 30px;}

	.front-featured-categories-item-title-wrap {padding: 30px 22px}
	.front-testimonial-slider-testimonial-meta {display: flex; align-items: center; margin: 0 0 30px;}
	.front-testimonial-slider-testimonial-author {order: 1; margin: 0;}
	.front-testimonial-slider-testimonial-rating {order: 2; flex: 0 0 110px; margin-left: auto;}
	/* front page */

	/* testimonials */
	.testimonial-items {margin-left: calc(-1*var(--bs-container-gutter-x)); margin-right: calc(-1*var(--bs-container-gutter-x));}
	.testimonial-item-wrap {padding-left: var(--bs-container-gutter-x); padding-right: var(--bs-container-gutter-x);}
	.testimonial-meta {display: flex; align-items: center; margin: 0 0 30px;}
	.testimonial-author {order: 1; margin: 0;}
	.testimonial-rating {order: 2; flex: 0 0 110px; margin-left: auto;}

	/* testimonials */

	/* questionnaire */
	.wpcf7cf_steps .wpcf7-horizontal-checkboxes .wpcf7-list-item {flex: 0 0 33.333333%; max-width: 33.333333%;}
	/* questionnaire */
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/* front page */
	.koristni-nasveti-grid-items {display: flex; flex-wrap: wrap; margin-left: calc(-0.5*var(--bs-gutter-x)); margin-right: calc(-0.5*var(--bs-gutter-x))}
	.koristni-nasveti-grid-item {flex: 0 0 50%; max-width: 50%; padding-left: calc(0.5*var(--bs-gutter-x)); padding-right: calc(0.5*var(--bs-gutter-x)); height: auto !important;}
	/* front page */
}

@media (max-width: 767.98px) {
	/* header, footer */
	.header-menu-wrap {min-height: calc(100vh - 390px);}
	.header-menu > li > .sub-menu {display: none; flex: 0 0 100vw; padding: 30px var(--bs-container-gutter-x) 25px; margin: 45px calc(-1*var(--bs-container-gutter-x)) 0; position: relative;}
	.header-menu > li > .sub-menu::after {content: ''; position: absolute; left: calc(-1*var(--bs-container-gutter-x)); right: calc(-1*var(--bs-container-gutter-x)); top: 0; bottom: 0; background: var(--very-dark-gray); z-index: -1}
	.header-menu .menu-item-has-children > a {flex: 0 0 calc(100% - 28px)}
	.header-menu .menu-item-has-children .menu-expand {flex: 0 0 28px; font-size: 28px;}
	.header-menu .submenu-active > .menu-expand {transform: rotate(180deg); color: var(--gold);}

	.footer-link {display: flex; padding: 0 0 20px; margin-bottom: 20px; border-bottom: 2px solid var(--white);}
	/* header, footer */

	/* about */
	.about-team-member:nth-child(2n) {margin-top: 40px;}
	.about-team-member:nth-child(2n+1) {margin-top: -10px;}
	/* about */

	/* questionnaire */
	.wpcf7cf_steps-dots .dot:not(.active) .step-title {display: none;}
	.wpcf7cf_steps-dots .dot.active {flex: 0 0 calc(7*var(--col-width) + 7*var(--bs-gutter-x))}
	/* questionnaire */
}

@media (min-width: 768px) {
    /* misc */
	h1, .h1 {font-size: 6.0rem; line-height: 6.6rem;}
	h3, .h3, .single-product .summary h1 {font-size: 2.0rem; font-weight: 700; line-height: 2.8rem; margin-bottom: 10px}

	.blocks-gallery-item {flex: 0 0 33.333333%; max-width: 33.333333%; width: 33.333333% !important;}

	.gradient-header {padding: 105px 0 75px}

	.sale-steps {padding: 85px 0;}
	.sale-step-icon img {width: 63px;}
	.sale-step-content {display: flex;}
	.sale-step-text {flex: 0 0 calc(7*var(--col-width) + 6*var(--bs-gutter-x)); max-width: calc(7*var(--col-width) + 6*var(--bs-gutter-x)); margin-right: var(--bs-gutter-x)}

	@supports (display: grid) {
		.masonry-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-auto-rows: 10px;
			gap: 20px 0;
			grid-auto-flow: row dense;
		}
		.masonry-grid > div, .masonry-grid > li {grid-column: span 1; width: 100%; height: 100%;}
	}

	.list-with-arrows a {padding-left: calc(var(--col-width) + var(--bs-gutter-x)); }
	.list-with-arrows a::before {width: var(--col-width); max-width: var(--col-width); }
	.list-with-arrows a:hover::before, .list-with-arrows a:active::before, .list-with-arrows a:focus::before {left: calc(var(--col-width) - 30px); }

	.ez-toc-title {padding-left: calc(var(--col-width) + var(--bs-gutter-x))}

	.advantages {padding: 50px 0 30px;}

	.page-generic-pad {padding: 55px 0 85px}

	.layout-image-text-grid-item-image {flex: 0 0 calc(41.666667% + 0.5*var(--bs-gutter-x)); max-width: calc(41.666667% + 0.5*var(--bs-gutter-x));}
	.layout-image-text-grid-content {flex: 0 0 calc(58.333333% - 0.5*var(--bs-gutter-x)); max-width: calc(58.333333% - 0.5*var(--bs-gutter-x));}
	/* misc */

	/* header, footer */
	.col-header-lang-sel-desktop {display: block; flex: 0 0 calc(60px + var(--bs-gutter-x)); max-width: calc(60px + var(--bs-gutter-x)); margin: 0 6px 0 auto;}

	.col-header-contacts {position: fixed; right: 0; top: 50%; margin: -72px 0 0; padding: 0; max-width: 60px; z-index: 900;}
	.header-contacts {margin: 0; display: block;}
	.header-contacts li {padding: 0; max-width: 100%; height: 64px;}
	.header-contacts li a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: var(--gold); color: var(--white);}
	.header-contacts li a:hover, .header-contacts li a:active, .header-contacts li a:focus {background: rgba(193, 156, 104, 0.6);}
	.header-contacts li:not(:last-child) {margin-bottom: 15px;}

	.header-cta-mobile, .header-lang-sel-mobile {display: none;}

	.col-header-search {margin-right: 54px}
	.col-header-cta-desktop {flex: 0 0 calc(224px + var(--bs-gutter-x)); max-width: calc(224px + var(--bs-gutter-x));}

	.image-header {min-height: 920px;}
	.image-header-content {padding: 0 0 80px;}

	.col-footer-contact {margin-top: 50px; overflow: hidden;}
	.footer-link h3 {position: relative; padding: 0 0 20px; margin: 0 0 20px; min-height: calc(5.6rem + 20px);}
	.footer-link h3::after {content: ''; position: absolute; bottom: 0; left: 0; width: calc(4*var(--col-width) + 4*var(--bs-gutter-x)); height: 2px; background: var(--white);}

	.middle-footer {margin-bottom: 30px;}
	.middle-footer .social-links {justify-content: flex-end;}

	.footer-menu li.footer-menu-pad-top {margin-top: 42px;}
	.col-footer-info {line-height: 2.8rem;}
	.col-footer-info:not(:last-child) p:not(:last-child) {margin-bottom: 3rem;}
	/* header, footer */

	/* front page */
	.front-header-content {padding-bottom: 50px;}
	.front-header-content h1 {font-size: 8.0rem; line-height: 8.0rem;}

	#front-featured-categories {padding-bottom: 60px;}
	.front-featured-categories-item, .front-featured-categories-item:not(:last-child) {margin-bottom: 30px;}

	#front-featured-work {padding-top: 25px;}

	#front-about {padding-top: 30px;}
	.front-about-title {margin: 35px 0 0;}
	.front-about-text {margin-top: 40px;}

	#front-koristni-nasveti {padding: 75px 0 80px;}
	@supports (display: grid) {
		.koristni-nasveti-grid-items {
			display: grid;
			grid-template-columns: 4fr 4fr 4fr;
			grid-auto-rows: max-content;
			gap: 15px var(--bs-gutter-x);
			grid-template-areas:
    "koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-2"
    "koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-5"
    "koristni-nasveti-grid-item-3 koristni-nasveti-grid-item-4 koristni-nasveti-grid-item-5";
		}
		.koristni-nasveti-grid-item {margin-bottom: 0;}
		.koristni-nasveti-grid-item:nth-child(1) { grid-area: koristni-nasveti-grid-item-1; height: 330px;}
		.koristni-nasveti-grid-item:nth-child(2) { grid-area: koristni-nasveti-grid-item-2; height: 245px;}
		.koristni-nasveti-grid-item:nth-child(3) { grid-area: koristni-nasveti-grid-item-3; height: 160px;}
		.koristni-nasveti-grid-item:nth-child(4) { grid-area: koristni-nasveti-grid-item-4; height: 160px;}
		.koristni-nasveti-grid-item:nth-child(5) { grid-area: koristni-nasveti-grid-item-5; height: 245px;}
	}

	@supports not (display: grid) {
		.koristni-nasveti-grid-items {display: flex; flex-wrap: wrap; margin-left: calc(-0.5*var(--bs-gutter-x)); margin-right: calc(-0.5*var(--bs-gutter-x))}
		.koristni-nasveti-grid-item {flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: calc(0.5*var(--bs-gutter-x)); padding-right: calc(0.5*var(--bs-gutter-x)); height: auto !important;}
	}

	#front-testimonials {padding: 50px 0 70px;}
	.front-testimonials-intro {padding-bottom: 40px;}
	.front-testimonials-intro::before {right: calc(0.5*var(--bs-gutter-x) + 30px);}
	.front-testimonials-items {padding-top: 30px;}
	#front-testimonials-slider {width: calc(5*var(--col-width) + 4*var(--bs-gutter-x));}
	.front-testimonials-items .swiper-button-prev {left: 0;}
	.front-testimonials-items .swiper-button-next {right: 0;}
	.front-testimonials-link {margin-top: 35px;}
	/* front page */

	/* koristni nasveti */
	.koristni-nasveti-categories-wrap {overflow: inherit;}
	.koristni-nasveti-categories {flex-wrap: wrap; margin: 40px calc(-0.5*var(--bs-gutter-x)) 20px;}
	.koristni-nasveti-categories li {flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 calc(0.5*var(--bs-gutter-x)); margin: 0 0 20px;}
	.koristni-nasveti-category-link {white-space: normal;}
	.koristni-nasveti-items-wrap {padding-top: 50px;}
	.koristni-nasvet-wrap {height: 310px}


	.single-koristni-nasveti-header {padding-top: 50px;}
	.single-koristni-nasveti-content-wrap {padding-bottom: 95px}
	.single-koristni-nasveti-header-back .link-arrow {width: 102px;}
	.single-koristni-nasveti-header-back .link-arrow::before {max-width: 70px; left: 32px;}
	.single-koristni-nasveti-header-back a:hover .link-arrow::before, .single-koristni-nasveti-header-back a:active .link-arrow::before, .single-koristni-nasveti-header-back a:focus .link-arrow::before {left: 0; max-width: 102px;}

	.single-koristni-nasveti-content-featured-image, .single-koristni-nasveti-content p:not(:last-child), .single-koristni-nasveti-content img:not(:last-child) {margin-bottom: 30px;}
	.single-koristni-nasveti-content h2 {font-size: 2.0rem; line-height: 2.8rem;}
	.single-koristni-nasveti-content-author {margin-top: 70px;}
	.single-koristni-nasveti-gallery {margin-top: 90px;}

	.single-koristni-nasveti-related .h4 {padding-left: calc(var(--col-width) + var(--bs-gutter-x))}
	/* koristni nasveti */

	/* faq */
	.faq-categories-wrap {overflow: inherit;}
	.faq-categories {flex-wrap: wrap; margin: 40px calc(-0.5*var(--bs-gutter-x)) 20px;}
	.faq-categories li {flex: 0 0 50%; max-width: 50%; padding: 0 calc(0.5*var(--bs-gutter-x)); margin: 0 0 20px;}
	.faq-category-link {white-space: normal;}

	.faq-items-wrap {padding-top: 60px;}
	.faq-question {padding-right: calc(var(--col-width) + var(--bs-gutter-x))}
	.faq-answer {padding-right: 0; padding-bottom: 35px;}
	/* faq */

	/* catalogs */
	#page-catalogs .catalogs-intro-content {padding: 55px 0 0}
	.page-catalogs-content {padding-bottom: 60px}
	/* catalogs */

	/* video */
	.lyte .play {width: 40px; height: 32px;}
	/* video */

	/* about */
	.about-intro {padding-top: 55px;}
	.about-intro .about-intro-image {max-width: 80vw}

	.about-team {margin-top: 90px;}
	.about-team-member {margin-top: 0;}
	.about-stats {margin: 65px 0; width: 100%; height: 80px;}
	/* about */

	/* contact */
	.page-contact-data {padding-top: 80px; padding-bottom: 30px}
	.page-contact-contact-form {padding-top: 50px; padding-bottom: 60px;}
	/* contact */

	/* our work */
	#archive-our-work {padding-bottom: 85px;}
	.our-work-items-wrap {padding-bottom: 50px;}
	.our-work-item-wrap {margin-bottom: 40px;}
	.featured-work {padding: 60px 0 0;}
	/* our work */

	/* questionnaire */
	.wpcf7cf_steps-dots .dot {flex: 0 0 25%; max-width: 25%;}
	.wpcf7cf_steps h3.h4 {margin-bottom: 30px;}
	/* questionnaire */

	/* search */
	#search-results {padding-bottom: 85px;}
	.search-items-wrap {padding-top: 50px;}
	.search-item-wrap {margin-bottom: 40px;}
	/* search */

	/* questionnaire */
	.wpcf7cf_step_controls {max-width: 83.33333333%; margin-left: 8.33333333% !important}
	/* questionnaire */

}

@media (min-width: 768px) and (max-width: 991.98px) {
	/* questionnaire */
	.wpcf7cf_steps-dots .step-title {max-width: 150px}
	/* questionnaire */
}

@media (max-width: 991.98px) {
	/* ogled, svetovanje */
	.page-ogled-svetovanje-content::before {content: ''; position: absolute; top: 0; bottom: 0; left: calc(-1*var(--bs-container-gutter-x)); right: calc(-1*var(--bs-container-gutter-x)); background: transparent linear-gradient(180deg, #77322600 0%, #7A36280A 12%, var(--gold) 100%) 0 0 no-repeat padding-box; z-index: -1}
	/* ogled, svetovanje */
}

@media (min-width: 992px) {
	/* front page */
	@supports not (display: grid) {
		.koristni-nasveti-grid-item {flex: 0 0 25%; max-width: 25%;}
	}
	/* front page */

	/* ogled, svetovanje */
	.page-ogled-svetovanje {padding: 80px 0 0; background: transparent linear-gradient(180deg, #77322600 0%, #7A36280A 12%, var(--gold) 100%) 0% 0% no-repeat padding-box;}
	/* ogled, svetovanje */

}

@media (min-width: 768px) and (max-width: 1279.98px) {
	/* misc */
	@supports (display: grid) {
		.masonry-grid > div:nth-child(12n + 1), .masonry-grid > li:nth-child(12n + 1) {grid-column: 1; grid-row: span 8;}
		.masonry-grid > div:nth-child(12n + 2), .masonry-grid > li:nth-child(12n + 2) {grid-column: 2; grid-row: span 11;}
		.masonry-grid > div:nth-child(12n + 3), .masonry-grid > li:nth-child(12n + 3) {grid-column: 3; grid-row: span 9;}
		.masonry-grid > div:nth-child(12n + 4), .masonry-grid > li:nth-child(12n + 4) {grid-column: 1; grid-row: span 11;}
		.masonry-grid > div:nth-child(12n + 5), .masonry-grid > li:nth-child(12n + 5) {grid-column: 2; grid-row: span 9;}
		.masonry-grid > div:nth-child(12n + 6), .masonry-grid > li:nth-child(12n + 6) {grid-column: 3; grid-row: span 8;}
		.masonry-grid > div:nth-child(12n + 7), .masonry-grid > li:nth-child(12n + 7) {grid-column: 1; grid-row: span 9;}
		.masonry-grid > div:nth-child(12n + 8), .masonry-grid > li:nth-child(12n + 8) {grid-column: 2; grid-row: span 11;}
		.masonry-grid > div:nth-child(12n + 9), .masonry-grid > li:nth-child(12n + 9) {grid-column: 3; grid-row: span 11;}
		.masonry-grid > div:nth-child(12n + 10), .masonry-grid > li:nth-child(12n + 10) {grid-column: 1; grid-row: span 11;}
		.masonry-grid > div:nth-child(12n + 11), .masonry-grid > li:nth-child(12n + 11) {grid-column: 2; grid-row: span 8;}
		.masonry-grid > div:nth-child(12n), .masonry-grid > li:nth-child(12n) {grid-column: 3; grid-row: span 11;}
	}
	/* misc */

	/* header, footer */
	.col-header-menu {padding-bottom: 0 !important;}
	.header-menu-wrap {min-height: calc(100vh - 135px);}
	.header-menu {width: calc(40vw - 0.5*var(--bs-gutter-x));}
	.header-menu > li {margin-bottom: 32px !important;}
	.header-menu > li > .sub-menu {position: absolute; top: 0; bottom: 0; left: calc(40vw - 0.5*var(--bs-gutter-x)); width: calc(60vw -  var(--bs-container-gutter-x) + 0.5*var(--bs-gutter-x)); opacity: 0; visibility: hidden; transform: translate3d(-100%, 0, 0); background: var(--very-dark-gray); padding: 0 50px 0 60px; transition: 0.4s all;}
	.header-menu > li > .sub-menu::after {content: ''; position: absolute; top: -23px; left: 0; right: 0; height: 100%; background: var(--very-dark-gray); z-index: -1}
	.header-menu > li.submenu-active > .sub-menu {transform: none; opacity: 1; visibility: visible;}
	.header-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu {flex: 0 0 100%;}

	.header-menu > .menu-item-has-children > a {flex: 0 0 calc(100% - 79px)}
	.header-menu > .menu-item-has-children > .menu-expand {position: relative; flex: 0 0 79px; height: 28px; transform: translate3d(18px, 0, 0); z-index: 10}
	.header-menu > li > .menu-expand::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 79px; background-color: currentColor; -webkit-mask: url(img/icons/menu-arrow.svg) no-repeat center right; mask: url(img/icons/menu-arrow.svg) no-repeat center right; -webkit-mask-position-x: right; mask-position: center right; max-width: 26px; transition: 0.4s all;}
	.header-menu > li.submenu-active > .menu-expand::before {max-width: 100%}
	/* header, footer */

	/* koristni nasveti */
	.single-koristni-nasveti-content img, .single-koristni-nasveti-content-featured-image {margin-left: calc(-1*var(--col-width) - var(--bs-gutter-x)); max-width: calc(8*var(--col-width) + 7*var(--bs-gutter-x));}
	.single-koristni-nasveti-content-category {left: calc(-0.5*var(--bs-container-gutter-x) - 1.25*var(--col-width))}
	/* koristni nasveti */

	/* about */
	.about-team-member:nth-child(3n+2) {margin-top: 50px;}
	/* about */
}


@media (max-width: 1279.98px) {
	/* header, footer */
	.col-header-menu {display: none; position: absolute; top: 0; left: 0; right: 0; padding: 125px var(--bs-container-gutter-x) 40px; background: var(--dark); z-index: 9001; overflow: hidden; overflow-y: auto;}
	.header-menu-wrap {position: relative;}

	.header-menu-active::after { opacity: 1; visibility: visible}
	.header-menu-active .col-header-menu {display: block;}

	.col-header-menu-toggle-wrap {flex: 0 0 calc(28px + var(--bs-gutter-x)); max-width: calc(28px + var(--bs-gutter-x));}
	#header-menu-toggle {position: relative; z-index: 9003; display: inline-block; vertical-align: middle; width: 30px; height: 22px; outline: 0; border: 0; background: transparent}
	#header-menu-toggle::-moz-focus-inner { border: 0; }
	.item-toggle-lines, .item-toggle-lines::before, .item-toggle-lines::after {position: absolute; right: 0; width: 30px; height: 2px; background: var(--white); line-height: 1; transition-property: transform, background; transition-duration: 0.15s, 0.15s; z-index: 9002}
	.item-toggle-lines {top: 50%; transform: translateY(-50%); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
	.item-toggle-lines::after, .item-toggle-lines::before { display: block; content: "";}
	.item-toggle-lines::before {top: -9px; transition: top 0.2s 0.12s ease, opacity 0.1s ease;}
	.item-toggle-lines::after {bottom: -9px; transition: bottom 0.2s 0.12s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
	.header-menu-active #header-menu-toggle .item-toggle-lines { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: var(--gold);}
	.header-menu-active #header-menu-toggle .item-toggle-lines::before {top: 0; opacity: 0; transition: top 0.2s ease, opacity 0.1s 0.12s ease; background: var(--gold);}
	.header-menu-active #header-menu-toggle .item-toggle-lines::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.2s ease, transform 0.2s 0.12s; background: var(--gold);}


	.header-menu > li {margin-bottom: 25px}
	.header-menu > li > .sub-menu > li > .sub-menu {display: none;}

	.header-menu .menu-item-has-children {display: flex; flex-wrap: wrap;}
	.header-menu .menu-item-has-children .menu-expand {cursor: pointer; transition: 0.4s all;}
	.header-menu > li > .sub-menu > li > a {flex: 0 0 calc(100% - 18px);}
	.header-menu > li > .sub-menu > li > .menu-expand {flex: 0 0 18px; font-size: 18px;}
	.header-menu > li > .sub-menu > li > .sub-menu .menu-expand {display: none}
	.header-menu .submenu-active > .menu-expand {color: var(--gold);}
	.header-menu > .submenu-active > a {color: var(--gold);}

	.header-menu > li > .sub-menu > li {margin-bottom: 18px}
	.header-menu > li > .sub-menu > li > .sub-menu {margin: 10px 0 15px}

	/* header, footer */
}

@media (min-width: 1280px) {
    /* misc */
	body {font-size: 1.6rem;}
	h1, .h1 {font-size: 6.0rem; line-height: 7.0rem;}
	h2, .h2 {font-size: 6.0rem; line-height: 7.0rem;}
	h3, .h3, .single-product .summary h1 {/*font-size: 3.0rem; line-height: 4.0rem*/ font-size: 2.3rem; line-height: 3.0rem;}
	h4, .h4, .ez-toc-title, .inline-title {font-size: 2.2rem; line-height: 3.4rem}
	.wp-block-gallery.columns-6 .blocks-gallery-item {flex: 0 0 16.666667%; max-width: 16.666667%; width: 16.666667% !important;}
	.wp-block-gallery.columns-5 .blocks-gallery-item {flex: 0 0 20%; max-width: 20%; width: 20% !important;;}
    .blocks-gallery-item {flex: 0 0 25%; max-width: 25%; width: 25% !important;}

	.gradient-header {padding: 125px 0}

	@supports (display: grid) {
		.masonry-grid {
			grid-template-columns: repeat(4, 1fr);
		}
		.masonry-grid > div:nth-child(12n + 1), .masonry-grid > li:nth-child(12n + 1) {grid-column: 1; grid-row: span 12;}
		.masonry-grid > div:nth-child(12n + 2), .masonry-grid > li:nth-child(12n + 2) {grid-column: 2; grid-row: span 17;}
		.masonry-grid > div:nth-child(12n + 3), .masonry-grid > li:nth-child(12n + 3) {grid-column: 3; grid-row: span 14;}
		.masonry-grid > div:nth-child(12n + 4), .masonry-grid > li:nth-child(12n + 4) {grid-column: 4; grid-row: span 12;}
		.masonry-grid > div:nth-child(12n + 5), .masonry-grid > li:nth-child(12n + 5) {grid-column: 1; grid-row: span 17;}
		.masonry-grid > div:nth-child(12n + 6), .masonry-grid > li:nth-child(12n + 6) {grid-column: 2; grid-row: span 14;}
		.masonry-grid > div:nth-child(12n + 7), .masonry-grid > li:nth-child(12n + 7) {grid-column: 3; grid-row: span 12;}
		.masonry-grid > div:nth-child(12n + 8), .masonry-grid > li:nth-child(12n + 8) {grid-column: 4; grid-row: span 17;}
		.masonry-grid > div:nth-child(12n + 9), .masonry-grid > li:nth-child(12n + 9) {grid-column: 1; grid-row: span 14;}
		.masonry-grid > div:nth-child(12n + 10), .masonry-grid > li:nth-child(12n + 10) {grid-column: 2; grid-row: span 12;}
		.masonry-grid > div:nth-child(12n + 11), .masonry-grid > li:nth-child(12n + 11) {grid-column: 3; grid-row: span 17;}
		.masonry-grid > div:nth-child(12n), .masonry-grid > li:nth-child(12n) {grid-column: 4; grid-row: span 14;}
	}

	.list-with-arrows a::before {width: 50px; max-width: 50px; left: calc(var(--col-width) - 50px)}

	.sale-steps {padding: 155px 0;}
	.sale-step-item::after {left: auto; width: calc(9*var(--col-width) + 8*var(--bs-gutter-x))}
	.sale-step-item:last-child::after {width: 100%; left: calc(0.5*var(--bs-gutter-x))}
	.sale-step-number {font-size: 2.2rem; line-height: 6.0rem; }
	.sale-step-text-title {margin-bottom: 5px;}
	.sale-step-text {flex: 0 0 calc(5*var(--col-width) + 4*var(--bs-gutter-x)); max-width: calc(5*var(--col-width) + 4*var(--bs-gutter-x)); margin-right: calc( var(--col-width) + 2*var(--bs-gutter-x));}
	.sale-step-icon img {width: 72px;}

	.advantages {padding: 85px 0 70px}

	.page-generic-pad {padding: 165px 0 155px}

	.layout-image-text {margin-bottom: 140px;}
	.layout-image-text-image {margin: 0 !important; padding: 0 calc(75px - var(--bs-gutter-x)) 0 0; height: 630px}
	.layout-image-text-image-right .layout-image-text-image {padding: 0 0 0 calc(75px - var(--bs-gutter-x))}
	.layout-image-text-content-wrap {padding-top: 75px; padding-bottom: 0;}
	.layout-image-text-title {margin-bottom: 35px;}
	/* misc */

	/* header, footer */
	#header {position: relative;}
	#header > .container-fluid {padding-left: 32px; padding-right: 0;}
	.header-items {margin-right: 0}
	.col-header-cta-desktop {padding-right: 0; margin-right: 0;}

	.col-header-menu-toggle-wrap {display: none;}
	.col-header-menu {position: static !important;}
	.header-menu-wrap {display: flex; justify-content: flex-end}
	.header-menu {display: flex; margin: 0;}
	.header-menu > li {padding: 0 10px;}
	.header-menu .menu-expand {display: none}
	.header-menu > li > .sub-menu {display: flex; position: absolute; top: 102px; left: 0; right: 0; padding: 90px var(--bs-container-gutter-x); background: var(--very-dark-gray); visibility: hidden; opacity: 0; z-index: 9001; transition: 0.4s all;}
	.header-menu > li > a {display: flex; align-items: center; height: 102px}
	.header-menu > li > a:hover ~ .sub-menu, .header-menu > li > a:active ~ .sub-menu, .header-menu > li > a:focus ~ .sub-menu, .header-menu > li > .sub-menu:hover, .header-menu > li > .sub-menu:active, .header-menu > li > .sub-menu:focus, .header-menu > li > .sub-menu:focus-within {visibility: visible; opacity: 1;}
	.header-menu > li > .sub-menu > li > a {font-size: 2.2rem; line-height: 2.5rem; margin-bottom: 10px; display: block;}
	.header-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu {margin-top: 5px;}
	.header-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {margin-bottom: 3px;}
	.header-menu:not(.header-products-menu) > li > .sub-menu > li {flex: 0 0 calc(3*var(--col-width) + 3*var(--bs-gutter-x)); padding-right: var(--bs-gutter-x)}
	.header-menu:not(.header-products-menu) > li > .sub-menu > li:first-child {padding-left: 0;}

	.header-products-menu > li > .sub-menu {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0 var(--bs-gutter-x);grid-template-areas: "header-menu-col-1 header-menu-col-2a header-menu-col-3a header-menu-col-4a header-menu-col-5a" "header-menu-col-1 header-menu-col-2b header-menu-col-3b header-menu-col-4b header-menu-col-5b";}
	.header-products-menu .header-menu-col-1 {grid-area: header-menu-col-1;}
	.header-products-menu .header-menu-col-2a {grid-area: header-menu-col-2a;}
	.header-products-menu .header-menu-col-3a {grid-area: header-menu-col-3a;}
	.header-products-menu .header-menu-col-4a {grid-area: header-menu-col-4a;}
	.header-products-menu .header-menu-col-5a {grid-area: header-menu-col-5a;}
	.header-products-menu .header-menu-col-2b {grid-area: header-menu-col-2b;}
	.header-products-menu .header-menu-col-3b {grid-area: header-menu-col-3b;}
	.header-products-menu .header-menu-col-4b {grid-area: header-menu-col-4b;}
	.header-products-menu .header-menu-col-5b {grid-area: header-menu-col-5b;}

	.col-header-search {margin-right: 10px}

	.image-header {min-height: 700px}
	.image-header-content {padding: 0 0 30px}
	.image-header .breadcrumbs {margin-top: 70px}

	#footer {padding-bottom: 110px;}
	.upper-footer {padding: 110px 0 75px;}
	.footer-link h3 {min-height: calc(8rem + 20px);}
	.middle-footer {padding-top: 100px;}
	.footer-menu {margin: 0;}
	.footer-menu li.footer-menu-pad-top {margin-top: 21px;}
	/* header, footer */

	/* front page */
	.front-header-content {padding-bottom: 150px}
	.front-header-content h1 {font-size: 12.0rem; line-height: 12.0rem;}
	.front-header-offer-text {max-width: 71px;}

	#front-featured-categories {padding-top: 105px}
	.front-featured-categories-item, .front-featured-categories-item:not(:last-child) {margin-bottom: 45px;}
	.front-featured-categories-item-link {height: 540px;}
	.front-featured-categories-item-title-wrap {padding: 40px 36px;}

	#front-about {padding-top: 100px;}
	.front-about-title {margin: 75px 0 0 calc(-1*var(--col-width) - var(--bs-gutter-x)); width: calc(5*var(--col-width) + 4*var(--bs-gutter-x)); max-width: calc(5*var(--col-width) + 4*var(--bs-gutter-x));}
	.front-about-text {margin-top: 105px;}

	#front-koristni-nasveti {padding: 120px 0 90px;}
	@supports (display: grid) {
		.koristni-nasveti-grid-items {
			display: grid;
			gap: 20px var(--bs-gutter-x);
			grid-template-columns: 6fr 2fr 2fr 2fr;
			grid-template-rows: 1fr 1fr;
			grid-template-areas:
    "koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-2 koristni-nasveti-grid-item-2 koristni-nasveti-grid-item-3"
    "koristni-nasveti-grid-item-1 koristni-nasveti-grid-item-4 koristni-nasveti-grid-item-5 koristni-nasveti-grid-item-5";
		}

		.koristni-nasveti-grid-item:nth-child(1) {height: 700px;}
		.koristni-nasveti-grid-item:nth-child(2) {height: 340px;}
		.koristni-nasveti-grid-item:nth-child(3) {height: 340px;}
		.koristni-nasveti-grid-item:nth-child(4) {height: 340px;}
		.koristni-nasveti-grid-item:nth-child(5) {height: 340px;}
	}
	.koristni-nasveti-grid-item-text-wrap {padding: 35px 30px;}

	@supports not (display: grid) {
		.koristni-nasveti-grid-item {flex: 0 0 20%; max-width: 20%}

	}

	#front-testimonials {padding: 75px 0 100px}
	.front-testimonials-intro {padding-bottom: 65px;}
	/* front page */

	/* testimonials */
	.testimonial-items {margin-left: -30px; margin-right: -30px;}
	.testimonial-item-wrap {padding-left: 30px; padding-right: 30px;}
	/* testimonials */

	/* koristni nasveti */
	#archive-koristni-nasveti {padding-bottom: 175px;}
	.koristni-nasveti-categories li {flex: 0 0 25%; max-width: 25%}
	.koristni-nasveti-items-wrap {padding-top: 30px; padding-bottom: 120px;}
	.koristni-nasvet-wrap {height: 550px}
	.koristni-nasvet-content {padding: 15px 30px;}

	.single-koristni-nasveti-content-wrap {padding-bottom: 115px}
	.single-koristni-nasveti-header {padding-top: 80px;}
	.single-koristni-nasveti-header-back .link-arrow {margin-top: 20px;}
	.single-koristni-nasveti-content-category {left: -38px;}
	.single-koristni-nasveti-content-featured-image, .single-koristni-nasveti-content p:not(:last-child), .single-koristni-nasveti-content img:not(:last-child) {margin-bottom: 70px;}
	.single-koristni-nasveti-content h2 {font-size: 3.0rem; line-height: 4.0rem}
	.single-koristni-nasveti-related {margin-top: 100px;}
	.single-koristni-nasveti-gallery {margin-top: 70px;}
	/* koristni nasveti */

	/* catalogs */
	.page-catalogs-content {padding: 170px 0 95px}
	.page-catalogs-group {margin-right: 8.333333%; margin-bottom: 30px}
	.page-catalogs-group:not(:first-child) {margin-top: 0;}
	.page-catalogs-item {flex: 0 0 20%; max-width: 20%;}
	.catalog-item-download-link {width: 82px; height: 104px;}
	.catalog-item-download-link-image, .catalog-item-download-link-title {height: 104px}
	/* catalogs */

	/* faq */
	.faq-categories li {flex: 0 0 33.333333%; max-width: 33.333333%}

	.faq-title h2 {margin-bottom: 20px;}
	.faq-items-wrap {padding: 170px 0 130px}
	.faq-question {padding-right: 0; padding-bottom: 10px; margin-bottom: 10px;}
	.faq-question .ui-icon {right: calc(-20px - var(--bs-gutter-x))}
	.faq-answer {padding-bottom: 25px;}
	/* faq */

	/* video */
	.page-video-items {padding: 165px 0 125px; max-width: 1260px; margin: 0 auto;}
	.page-video-item {margin-bottom: 35px;}
	.video-item-text {margin-top: 20px;}
	.lyte .play {width: 75px; height: 60px;}
	/* video */

	/* about */
	.about-intro {padding-top: 165px}
	.about-intro .about-intro-image {max-width: calc(6*var(--col-width) + 6*var(--bs-gutter-x) + var(--bs-container-gutter-x) - 70px); width: 900px}
	.about-stats {width: 777px; height: 178px; margin-bottom: 0;}

	.about-team {margin: 175px 0 160px}
	.about-team-member:nth-child(2n) {margin-top: 40px}
	/* about */

	/* kontakt */
	#page-contact {overflow: hidden;}
	.page-contact-data {padding-top: 190px; padding-bottom: 100px}
	.page-contact-data-section {margin-bottom: 70px;}
	.page-contact-data-section-map {margin-top: 110px;}
	.page-contact-contact-form {align-self: flex-start; padding-top: 190px; padding-bottom: 70px;}
	.page-contact-contact-form h2 {font-size: 3.0rem; line-height: 4.0rem}
	.page-contact-contact-form::after {left: calc(0.5*var(--bs-gutter-x)); width: 100vw;}
	.page-contact-contact-form .wpcf7 {max-width: calc(5*var(--col-width) + 4*var(--bs-gutter-x)); margin-left: calc(var(--col-width) + var(--bs-gutter-x))}

	/* kontakt */

	/* our work */
	#archive-our-work {padding-bottom: 170px}
	.our-work-items-wrap {padding-top: 170px; padding-bottom: 65px}
	.featured-work {padding: 120px 0 0;}
	/* our work */

	/* ogled, svetovanje */
	.page-ogled-svetovanje {padding: 170px 0 0;}
	/* ogled, svetovanje */

	/* questionnaire */
	.wpcf7cf_steps-dots {margin-bottom: 95px}
	.wpcf7cf_steps-dots .dot:last-child::after {width: calc(100% - 20px)}
	.wpcf7cf_steps-dots .step-title {font-size: 3.0rem; line-height: 4.0rem; padding-top: 0;}
	.wpcf7cf_steps h3.h4 {margin-bottom: 45px;}
	.wpcf7cf_steps .wpcf7-section {margin: 0 0 90px}
	.wpcf7cf_steps .wpcf7-horizontal-checkboxes .wpcf7-list-item {flex: 0 0 25%; max-width: 25%;}
	.wpcf7cf_step_controls {max-width: 66.66666667%; margin-left: 16.66666667% !important}
	.wpcf7cf_step_controls button {width: calc(2*var(--col-width) + var(--bs-gutter-x))}
	/* questionnaire */

	/* search */
	#search-results {padding-bottom: 170px;}
	.search-items-wrap {padding-top: 170px; padding-bottom: 65px;}
	/* search */
}

@media (min-width: 1280px) and (max-width: 1349.98px) {
	/* header, footer */
	.col-header-cta-desktop {flex: 0 0 calc(175px + var(--bs-gutter-x));max-width: calc(175px + var(--bs-gutter-x));}
	.header-menu > li {padding: 0 6px;}
	.header-menu > li > a {font-size: 1.3rem}
	/* header, footer */
}

@media (min-width: 1350px) and (max-width: 1449.98px) {
	/* header, footer */
	.col-header-cta-desktop {flex: 0 0 calc(175px + var(--bs-gutter-x));max-width: calc(175px + var(--bs-gutter-x));}
	.header-menu > li {padding: 0 6px;}
	.header-menu > li > a {font-size: 1.4rem}
	/* header, footer */
}

@media (min-width: 1450px) and (max-width: 1919.98px) {
	/* header, footer */
	.header-menu > li > a {font-size: 1.4rem}
	/* header, footer */
}

@media (min-width: 1808px) {
	/* header, footer */
	.header-menu > li > .sub-menu {padding-left: calc(50vw - 700px); padding-right: calc(50vw - 700px)}
	.header-menu:not(.header-products-menu) > li > .sub-menu > li {flex: 0 0 calc(2*var(--col-width) + 2*var(--bs-gutter-x));}
	/* header, footer */
}

@media (min-width: 1920px) {
	/* misc */
	@supports (display: grid) {
		.layout-image-text-grid-items {display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 10px;}
		.layout-image-text-grid-item:nth-child(4n+1) {grid-column: 1; grid-row: span 52; }
		.layout-image-text-grid-item:nth-child(4n+2) {grid-column: 2; grid-row: span 65; }
		.layout-image-text-grid-item:nth-child(4n+3) {grid-column: 1; grid-row: span 65; }
		.layout-image-text-grid-item:nth-child(4n) {grid-column: 2; grid-row: span 52; }
	}

	.layout-image-text-grid {padding-top: 160px; padding-bottom: 145px;}
	.layout-image-text-grid-content {padding: 70px 60px;}
	.layout-image-text-grid-item {margin-bottom: 20px; width: 100%}
	.layout-image-text-grid-item-title {margin: 0 0 20px;}
	/* misc */

	/* header, footer */
	#header > .container-fluid {padding-left: 88px;}
	.col-header-logo {flex: 0 0 calc(153px + var(--bs-gutter-x)); max-width: calc(153px + var(--bs-gutter-x))}
	.col-header-menu {margin-right: 20px}
	.header-menu > li {padding: 0 18px}

	.col-header-search {margin-right: 18px;}
	.col-header-cta-desktop {flex: 0 0 calc(300px + 0.5*var(--bs-gutter-x)); max-width: calc(300px + 0.5*var(--bs-gutter-x));}

	.col-footer-links, .col-footer-contact {margin-top: 0;}
	.footer-link h3::after {width: calc(2*var(--col-width) + 1*var(--bs-gutter-x));}
	.col-footer-links .footer-links > .col-12:first-child h3::after {width: calc(2*var(--col-width) + 2*var(--bs-gutter-x));}

	.footer-copyright .container-fluid::before {right: calc(var(--bs-container-gutter-x));}
	/* header, footer */

	/* front page */
	#front-testimonials-slider {width: calc(7*var(--col-width) + 6*var(--bs-gutter-x)) }
	.front-testimonials-items .swiper-button-prev {left: calc(0.5*var(--bs-gutter-x))}
	.front-testimonials-items .swiper-button-next {right: calc(0.5*var(--bs-gutter-x))}
	/* front page */

	/* koristni nasveti */
	.koristni-nasveti-categories li {flex: 0 0 16.666667%; max-width: 16.666667%}
	/* koristni nasveti */

	/* faq */
	.faq-categories li {flex: 0 0 25%; max-width: 25%}
	/* faq */

	/* projektiranje, izris, montaza */
	.projektiranje-izris-montaza-upper-section {padding: 165px 0 30px;}
	/* projektiranje, izris, montaza */

}