@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//renoviranje.preduzimac.rs/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #615D57;
	--wd-text-font-size: 16px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(34,34,34);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(28,26,24);
	--wd-alternative-color: rgb(204,159,105);
	--wd-link-color: rgb(28,26,24);
	--wd-link-color-hover: rgb(204,159,105);
	--btn-default-font-family: "Urbanist", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(28,26,24);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(253,250,244);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(28,26,24);
	--wd-form-placeholder-color: rgb(168,162,152);
	--wd-form-brd-color: rgba(34,34,32,0.12);
	--wd-form-bg: rgb(250,247,242);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


* {
   font-family: "Urbanist", sans-serif !important;
	scroll-behavior: smooth;
}
html {
scroll-behavior: smooth;	
}
h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {
	font-family: "DM Serif Display", serif !important;
}
.page .main-page-wrapper {
    padding-top: 0px !important;
}
.container {
    max-width: 80% !important;
    width: 80% !important;
}
.wd-nav-main>li>a span {
    color: #1C1A18CC;
    text-transform: none;
    font-weight: 500;
    font-size: 17px;
}
a.site-btn:after {
    content: "";
    display: inline-flex;
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/Arrow-right.svg);
    width: 11px;
    height: 10px;
    background-size: cover;
    transform: rotate(-45deg);
    filter: brightness(0) invert(1);
}
a.site-btn {
    position: relative;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1C1A18;
    border-radius: 35px;
    color: #fff;
    padding: 0px 35px;
    line-height: 1;
    font-weight: 600;
    font-size: 15px;
    gap: 8px;
	  font-size: 17px;
	  border: 1px solid transparent;
	  transition: ease-in-out .3s !important;
}
.site-logo img {
    filter: brightness(0);
}
.hdr-outer {
    padding-top: 45px;
    padding-bottom: 45px;
}
.vc_column-inner {
    padding-top: 0px !important;
}
.hdr-row {
    padding: 80px 60px 100px;
    background-size: cover;
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/preduzimac-home-design-mina-jevdjenovic-arhitekta-dizajner-enterijera-projektovanje-dnevne-sobe.jpg);
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    position: relative;
    border-radius: 25px;
	  overflow: hidden;
}
.ovrl-hdr {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, rgba(28, 24, 20, 0.88) 0%, rgba(28, 24, 20, 0.62) 36%, rgba(28, 24, 20, 0.12) 62%, rgba(28, 24, 20, 0.00) 80%);
    left: 0;
    top: 0;
    z-index: 0;
}
.hdr-text {
    position: relative;
    z-index: 1;
}
p.iznad-h {
    color: #CC9F69;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 2.64px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.hdr-text h1 {
    color: white;
    font-family: "Urbanist", sans-serif !important;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.01;
    letter-spacing: 0.5px;
    display: flex;
    flex-direction: column;
}
.hdr-text h1 span {
    color: #CC9F69;
    font-style: italic;
    font-weight: 400;
}
p.ispod-h {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.86);
    max-width: 475px;
    line-height: 1.7;
    margin-bottom: 35px;
}
.btns-div {
    display: flex;
    align-items: center;
    gap: 15px;
}
a.site-btn.site-btn-gold {
    background: #CC9F69;
    color: black;
}
a.site-btn.site-btn-gold:after {
    filter: brightness(0);
}
a.site-btn.site-btn-trans {
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgb(255 255 255 / 10%);
    backdrop-filter: blur(2.649999618530273px);
}
.form-row {
    border-radius: 22px;
    background: rgb(255 255 255);
    box-shadow: 0 24px 50px -26px rgba(34, 34, 32, 0.42);
    border: 1px solid rgba(34, 34, 32, 0.12);
    padding: 22px 25px;
    margin: auto;
    max-width: 95%;
    margin-top: -45px;
    z-index: 9;
    position: relative;
}
.forma-naslov {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.forma-naslov span {
    color: #746F66;
    font-size: 14.5px;
}
.forma-naslov h3, .forma-naslov span {
    margin-bottom: 0px;
    line-height: 1;
}
.forma-naslov h3, .forma-naslov h3 span {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #1c1a18;
    font-family: "Urbanist", sans-serif !important;
}
.forma-naslov h3 span {
    font-weight: 800 !important;
}
span.gold-span {
    color: #CC9F69 !important;
}
fieldset.hidden-fields-container {
    display: none !important;
}
.form-row label {
    color: #746F66;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.77px;
    text-transform: uppercase;
}
.cf-hdr {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cf-hdr p {
    width: 16%;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}
.form-row input[type='email'], .form-row input[type='date'], .form-row input[type='search'], .form-row input[type='number'], .form-row input[type='text'], .form-row input[type='tel'], .form-row input[type='url'], .form-row input[type='password'], textarea, select {
    border-radius: 11px !important;
	  height: 50px;
}
.form-row input.wpcf7-form-control.wpcf7-submit.has-spinner {
    height: 50px;
    background: black;
    color: white;
    text-transform: capitalize;
    font-size: 17px;
    border-radius: 11px;
    margin-bottom: -15px;
}
.counters-row {
    border-radius: 28px;
    border: 1px solid #E1DDD7;
    margin: 45px 0px 80px;
}
.woodmart-counter.counter-large {
    margin-bottom: 0px;
}
.counters-row .wpb_column {
    border-right: 1px solid #E1DDD7;
    padding: 30px;
}
.counters-row .woodmart-counter .counter-value {
    line-height: 1 !important;
    font-family: "DM Serif Display", serif !important;
    color: #1C1A18 !important;
    font-size: 48px;
    position: relative;
}
.counters-row .woodmart-counter .counter-label {
    color: #615D57 !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}
.counter-col-4 {
    border: none !important;
}
.counter-col-4 .woodmart-counter .counter-value:after {
    content: "%";
}
.counter-col-3 .woodmart-counter .counter-value:after {
    content: " god.";
}
.counter-col-1 .woodmart-counter .counter-value:after {
    content: "+";
}
h2 {
    color: #1C1A18;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
}
.dupli-naslov p.iznad-h {
    margin-bottom: 10px;
}
.dupli-naslov {
    display: flex;
    align-items: center;
	  justify-content: space-between;
}
.dupli-naslov h2 {
    max-width: 415px;
    margin-bottom: 0px;
}
p.splited-p {
    margin-bottom: 0px;
    color: #615D57;
    font-family: Urbanist;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    max-width: 435px;
    line-height: 1.5;
}
.servisi-iner {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.servisi-col {
    border-radius: 28px;
    border: 1px solid #E1DDD7;
    background: #FFF;
    width: calc(33% - 10px);
    padding: 30px;
}
.image-div {
    width: fit-content;
    border-radius: 100%;
    background: rgba(201, 155, 101, 0.15);
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.image-div img {
    width: 28px;
}
.servisi-col h3 {
    color: #1C1A18;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.1;
    margin-bottom: 15px;
}
.servisi-col p {
    color: #615D57;
    font-family: Urbanist;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    max-width: 305px;
    line-height: 1.5;
    margin-bottom: 0px;
}
.checker-p {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 20px 0px 25px;
}
.checker-p span {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    border: 1.5px solid #C99B65;
    border-radius: 100%;
    justify-content: center;
}
.checker-p p {
    color: rgba(28, 26, 24, 0.85);
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.checker-p span img {
    width: 9px;
    /* text-indent: 6px; */
    margin-left: 1px;
}
a.samo-link {
    position: relative;
    color: #1C1A18;
    font-weight: 600;
    font-size: 18px;
}
a.samo-link:after {
    content: "";
    display: inline-flex;
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/Arrow-right.svg);
    width: 11px;
    height: 10px;
    background-size: cover;
    filter: brightness(0);
    margin-left: 8px;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !Important;	
}
.renoviranje-steps-otr {
    border-radius: 28px;
    background: #1C1A18;
    padding: 65px 45px;
    margin: 80px 0px;
}
.centered-hdl {
    text-align: center;
}
.renoviranje-steps-otr h2 {
    color: white;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}
.ren-usl-otr {
    display: flex;
    margin-top: 50px;
}
.ren-usl-col {
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    width: 23%;
    padding: 24px;
}
.ren-usl-otr {
    display: flex;
    margin-top: 50px;
    justify-content: space-around;
}
.ren-usl-br {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.ren-usl-br span {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: #C99B65;
    font-family: "DM Serif Display", serif !important;
    line-height: 1;
}
.ren-usl-col h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #FDFAF4;
    font-family: "Urbanist", sans-serif !important;
    line-height: 1.2;
    margin-bottom: 15px;
}
.ren-usl-col p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 0px;
}
.slike-text-otr {
    display: flex;
    align-items: center;
    gap: 50px;
}
.slike-otr {
    max-width: 50%;
    position: relative;
}
.velika-slika {
    height: 600px;
    object-fit: cover;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    background: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/preduzimac-home-design-mina-jevdjenovic-arhitekta-dizajner-enterijera.jpg) center / cover;
}
.slike-otr {
    width: 50%;
    position: relative;
}
video#bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
	  min-height: 350px;
	  min-width: 300px;
	  position: relative;
	  z-index: 9;
}
.slika-text-text {
    width: 50%;
}
.manja-slika {
    position: absolute;
    bottom: -25px;
    width: 200px;
    background: white;
    border-radius: 20px;
    right: -25px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
	  z-index: 10;
}
.manja-slika img {
    width: 175px;
    border-radius: 20px;
}
.checkeri-p p {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 50%;
    margin-bottom: 10px;
    font-weight: 600;
}
.checkeri-p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0px;
}
.z-nam-v-outer {
    margin: 80px 0px;
}
.z-nam-v-iner {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 28px;
    border: 1px solid #E1DDD7;
}
.z-nam-v-iner-col {
    width: 33.33%;
    padding: 25px;
    border-right: 1px solid #E1DDD7;
    border-bottom: 1px solid #E1DDD7;
}
.zn-slika {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 155, 101, 0.15);
    margin-bottom: 25px;
}
.zn-slika img {
    width: 45%;
}
.z-nam-v-iner-col h3 {
    font-family: "Urbanist", sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #1C1A18;
    margin-bottom: 10px;
}
.z-nam-v-iner-col p {
    margin-bottom: 0px;
}
.z-nam-v-iner .z-nam-v-iner-col:nth-child(3) {
    border-right: 0px !important;
}
.z-nam-v-iner .z-nam-v-iner-col:nth-child(4), .z-nam-v-iner-col:nth-child(5), .z-nam-v-iner-col:nth-child(6) {
    border-bottom: 0px !important;
}
.inspo-row .dupli-naslov h2 {
    max-width: 835px;
    line-height: 1;
}
.inspo-row .dupli-naslov {
    align-items: flex-end;
}
.slike-iner-r {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slike-outer-v {
    margin-top: 50px;
}
.slika-text-c {
    position: relative;
}
.slika-text-c img {
    border-radius: 28px;
    object-fit: cover;
    width: 100%;
}
.slika-text-c.slika-text-c-one img {
    height: 600px;
}
.slika-text-c.slika-text-c-one, .slika-text-c.slika-text-c-five {
    width: 66%;
}
.slike-c-sml, .slika-text-c.slika-text-c-four {
    width: 33%;
    display: flex;
    flex-direction: column;
    gap: 3%;
}
.slike-iner-r span {
    position: absolute;
    bottom: 0;
    left: 0;
}
.slika-text-c.slika-text-c-two {
    margin-bottom: 1%;
}
.slika-text-c.slika-text-c-three {
    margin-top: 1%;
}
.slike-c-sml img {
    height: 296px;
}
.slike-iner-r span {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #1C1A18;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    background: rgba(253, 250, 244, 0.90);
    backdrop-filter: blur(4px);
    padding: 4px 12px;
    border-radius: 35px;
}
.slika-text-c.slika-text-c-four img, .slika-text-c.slika-text-c-five img {
    height: 296px;
}
.slika-text-c.slika-text-c-five img {
    width: 100%;
	  transform: scaleX(-1);
}
.slike-iner-r.slike-iner-r-two {
    margin-top: 1%;
}
.testominijali-otr {
    border-radius: 28px;
    background: #F4EFE7;
    padding: 60px 12vw;
    margin: 80px 0px;
}
.testimonial-content h4 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    color: #1C1A18;
}
.testimonial-inner footer {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.testominijali-otr .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
}
.faq-section {
    margin: 0px 0px 80px;
}
.faq-row {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}
.faq-left {
    width: 50%;
}
.faq-left .iznad-h {
    margin-bottom: 10px;
}
.faq-left h2 {
    margin-bottom: 20px;
}
.faq-sub {
    color: #615D57;
    font-family: Urbanist;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 360px;
    margin-bottom: 0px;
}
.faq-right {
    width: 62%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.faq-item {
    border-radius: 18px;
    border: 1px solid #E1DDD7;
    background: #FFF;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.faq-item.active {
    border-color: rgba(201, 155, 101, 0.55);
    box-shadow: 0 18px 40px -28px rgba(34, 34, 32, 0.35);
}
.faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
}
.faq-q > span:first-child {
    color: #1C1A18;
    font-family: "Urbanist", sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
	  text-transform: math-auto;
}
.faq-ikona {
    flex-shrink: 0;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #E1DDD7;
    transition: border-color 0.3s ease, background 0.3s ease;
}
.faq-item.active .faq-ikona {
    border-color: #C99B65;
    background: #C99B65;
}
.faq-ikona:before, .faq-ikona:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #1C1A18;
    transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
}
.faq-ikona:before {
    width: 12px;
    height: 1.5px;
    transform: translate(-50%, -50%);
}
.faq-ikona:after {
    width: 1.5px;
    height: 12px;
    transform: translate(-50%, -50%);
}
.faq-item.active .faq-ikona:before, .faq-item.active .faq-ikona:after {
    background: #FFF;
}
.faq-item.active .faq-ikona:after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}
.faq-a {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.faq-a p {
    color: #615D57;
    font-family: Urbanist;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0px;
    padding: 0px 26px 16px;
}
.hdr-outer .cf-hdr p:nth-child(8) {
    display: none;
}
.kontakt-leva {
    background: #1C1A18;
    padding: 55px 50px;
}
.kontakt-desna, .kontakt-leva {
    width: 50%;	
}
.kontakt-leva .iznad-h {
    margin-bottom: 18px;
}
.kontakt-leva h2 {
    color: #FFF;
    max-width: 420px;
    margin-bottom: 18px;
}
.kontakt-sub {
    color: rgba(255, 255, 255, 0.70);
    font-family: Urbanist;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 400px;
    margin-bottom: 0px;
}
.kontakt-info {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 45px;
}
.kontakt-stavka {
    display: flex;
    align-items: center;
    gap: 18px;
	  position: relative;
}
.kontakt-ikona {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: rgba(201, 155, 101, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.kontakt-ikona img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.kontakt-stavka p {
    color: #FFF;
    font-family: Urbanist;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0px;
}
.kontakt-desna .cf-hdr {
    flex-direction: column;
    gap: 20px;
}
.kontakt-sekction {
    display: flex;
	  border-radius: 28px;
	  overflow: hidden;
	  border: 1px solid #E1DDD7;
}
.kontakt-desna .form-row {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    max-width: 100%;
    margin-top: 0px;
    padding: 55px 50px;
}
.kontakt-desna .cf-hdr p {
    width: 100%;
}
a.omot-a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.whb-sticky-shadow.whb-sticked .whb-main-header {
    background: white !important;
}
.futer-outer-r {
    padding: 100px 0% 35px;
}
.futer-navigation-outer {
    display: flex;
    justify-content: space-between;
}
.futer-nav-col.futer-nav-col-one {
    width: 30%;
    margin-right: 20%;
}
img.fut-logo {
    width: 320px;
}
p.tagline-p {
    line-height: 1;
    margin: 40px 0 45px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}
.futer-nav-col {
    width: 12%;
}
span.nav-name {
    color: #c99b65;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    display: block;
}
.futer-nav-col ul {
    padding: 0;
}
.futer-outer-r p, .futer-outer-r li a {
    color: #fff;
    text-decoration: none;
}
.futer-navigation-outer li {
    padding-left: 0 !important;
}
.futer-navigation-outer li::marker {
    background: transparent !important;
    color: transparent !important;
}
.futer-nav-col ul li a {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}
.write-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(165, 165, 166, .3);
}
p.write-t-u {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    line-height: 1;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}
p.write-t-u a {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}
.sm-outer {
    display: flex;
    align-items: center;
    gap: 13px;
}
.sm-outer img {
    width: 22px;
    filter: brightness(0) invert(1);
}
.based-outer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.based-outer p {
    margin-bottom: 0px;
}
p:empty {
    display: none;	
}
a.site-btn:hover {
    background: #cc9f69;
    gap: 20px;
}
/* ============================================================
   PORTFOLIO GALERIJA / LIGHTBOX — dodatak na main.css
   pz- prefiks da ne udara u postojece klase.
   ============================================================ */
.slika-text-c{ cursor:zoom-in; }

.pz-lb{
  position:fixed; inset:0; z-index:99999;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:26px;
  padding:40px 24px;
  background:rgba(28,24,20,.94);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  opacity:0; transition:opacity .3s ease;
}
.pz-lb.is-open{ opacity:1; }
.pz-lb[hidden]{ display:none; }

.pz-lb__stage{ position:relative; margin:0; display:flex; flex-direction:column; align-items:center; gap:18px; max-width:100%; }
.pz-lb__img{
  display:block; max-width:min(1100px,86vw); max-height:72vh; width:auto; height:auto;
  object-fit:contain; border-radius:22px; background:#1C1A18;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
  transition:opacity .25s ease, transform .35s ease; transform:scale(1);
}
.pz-lb__img.is-swapping{ opacity:0; transform:scale(.98); }

.pz-lb__cap{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.pz-lb__count{ color:#CC9F69; font-family:"Urbanist",sans-serif !important; font-size:12px; font-weight:600; letter-spacing:2.64px; text-transform:uppercase; }
.pz-lb__title{ color:#FDFAF4; font-family:"DM Serif Display",serif !important; font-size:26px; line-height:1; }

.pz-lb__close{
  position:absolute; top:26px; right:26px; width:48px; height:48px; border-radius:100%;
  border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .3s ease, border-color .3s ease, transform .3s ease;
}
.pz-lb__close:hover{ background:#CC9F69; border-color:#CC9F69; color:#1C1A18; transform:rotate(90deg); }
.pz-lb__close svg{ width:18px; height:18px; }

.pz-lb__nav{
  position:absolute; top:50%; transform:translateY(-50%); width:56px; height:56px; border-radius:100%;
  border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2;
  transition:background .3s ease, border-color .3s ease;
}
.pz-lb__nav:hover{ background:#CC9F69; border-color:#CC9F69; color:#1C1A18; }
.pz-lb__nav svg{ width:20px; height:20px; }
.pz-lb__nav--prev{ left:28px; }
.pz-lb__nav--next{ right:28px; }

.pz-lb__thumbs{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; max-width:760px; }
.pz-lb__thumb{
  width:74px; height:50px; border-radius:12px; overflow:hidden; cursor:pointer; padding:0; background:none;
  border:2px solid transparent; opacity:.5; transition:opacity .25s ease, border-color .25s ease;
}
.pz-lb__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pz-lb__thumb:hover{ opacity:.85; }
.pz-lb__thumb.is-active{ opacity:1; border-color:#CC9F69; }

.tb-hvala {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tb-hvala h1 {
    font-size: 65px;
}
.tb-hvala p {
    font-size: 22px;
    margin-bottom: 35px;
}
div#radovi {
    margin-top: 65px;
}
.usl-otr {
    margin: 0px 0px 80px;
}
.usl-otr .dupli-naslov {
    margin-bottom: 35px;
}
.usl-row {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

/* ---------- LEVA NAVIGACIJA ---------- */
.usl-nav {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.usl-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    border-radius: 22px;
    border: 1px solid #E1DDD7;
    background: #FFFFFF;
    cursor: pointer;
    transition: ease-in-out .3s;
}
.usl-tab.is-active {
    background: #1C1A18;
    border-color: #1C1A18;
}
.usl-ico {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    background: rgba(201, 155, 101, 0.15);
    color: #CC9F69;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .3s;
}
.usl-ico img {
    width: 24px;
    height: 24px;
}
.usl-tab:not(.is-active):hover .usl-ico {
    background: rgba(201, 155, 101, 0.28);
}
.usl-tab.is-active .usl-ico {
    background: #CC9F69;
    color: #1C1A18;
}
.usl-tab-txt {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.usl-num {
    color: #A29B91;
    font-family: "Urbanist", sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.64px;
    line-height: 1;
    text-transform: uppercase;
    transition: ease-in-out .3s;
}
.usl-tab.is-active .usl-num {
    color: #CC9F69;
}
.usl-tab-title {
    font-family: "DM Serif Display", serif !important;
    color: #1C1A18;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.1;
    transition: ease-in-out .3s;
}
.usl-tab.is-active .usl-tab-title {
    color: #FFFFFF;
}
.usl-arr {
    margin-left: auto;
    flex: none;
    width: 22px;
    height: 22px;
    color: #CC9F69;
    opacity: 0;
    transform: translateX(-6px);
    transition: ease-in-out .3s;
}
.usl-arr img {
    width: 22px;
    height: 22px;
}

/* ---------- DESNI PANEL ---------- */
.usl-stage {
    width: 70%;
}
.usl-content {
    display: none;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid #E1DDD7;
    background: #FFFFFF;
    height: 100%;
}
.usl-content.is-active {
    display: flex;
    animation: usl-fade .45s ease;
}
@keyframes usl-fade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
.usl-img {
    width: 50%;
    flex: none;
    overflow: hidden;
}
.usl-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}
.usl-content:hover .usl-img img {
    transform: scale(1.05);
}
.usl-body {
    width: 50%;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.usl-eyebrow {
    color: #CC9F69;
    font-family: "Urbanist", sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.64px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 18px;
}
h3.usl-title {
    color: #1C1A18;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.15;
    margin-bottom: 18px;
}
.usl-desc {
    color: #615D57;
    font-family: "Urbanist", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 440px;
    margin-bottom: 0px;
}
.usl-body .checker-p {
    margin: 24px 0px 28px;
}
.usl-body .samo-link {
    align-self: flex-start;
}
.usl-tab.is-active .usl-ico img {
    filter: brightness(0);
}
.usl-body .checker-p p {
    margin-bottom: 5px;
}
.koraci-wrap {
    display: flex;
    justify-content: left;
	  margin: 30px 0px;
}
.koraci-inerer .koraci-row {
    width: calc(50% + 25px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
    position: relative;
    z-index: 2;
	  gap: 45px
}
.koraci-inerer .koraci-wrap:nth-child(even) {
    justify-content: right;
}
.koraci-inerer .koraci-wrap:nth-child(even) .koraci-row {
    flex-direction: row;
}
.koraci-outer {
    position: relative;
	  margin-bottom: 80px;
}
.korak-broj {
    width: 50px;
    height: 50px;
    background: #1C1A18;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CC9F69;
    border-radius: 100%;
	  font-size: 19px;
    font-weight: 600;
}
.linija-inner {
    height: 100%;
    background: #E1DDD7;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    border-radius: 35px;
    z-index: 1;
}
.koraci-inerer .koraci-wrap:nth-child(ODD) {
    TEXT-ALIGN: right;
}
.korak-tekst-img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: rgb(204 159 105 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
	  margin-bottom: 10px;
}
.koraci-inerer .koraci-wrap:nth-child(ODD) .korak-tekst {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.korak-tekst-img img {
    width: 14px;
}
.korak-tekst h3 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
}
.korak-tekst p {
    font-size: 17px;
    margin-bottom: 0px;
}
.tim-outer {
    display: flex;
    justify-content: center;
    gap: 25px;
	  margin-top: 50px;
}
.tim-iner-kol {
    width: 33%;
    background: #1C1A18;
    border-radius: 24px;
	  overflow: hidden;
}
.tim-slika-box {
    position: relative;
}
.tim-slika-box img {
    max-height: 340px;
    object-fit: cover;
	  width: 100%;
    object-position: 50% 2%;
}
.slika-gradijent {
    background: linear-gradient(0deg, #1C1A18 0%, rgba(28, 26, 24, 0.20) 50%, rgba(28, 26, 24, 0.00) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.tim-slika-tekst {
    padding: 0px 30px 30px 30px;
}
.titula-p {
    width: fit-content;
    padding: 4px 10px;
    border: 1px solid rgba(204, 159, 105, 0.30);
    background: rgba(204, 159, 105, 0.15);
    border-radius: 35px;
    display: flex;
    align-items: center;
    color: #CC9F69;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    gap: 6px;
    margin-bottom: 15px;
   line-height: 1;
}
.titula-p img {
    height: 15px;
}
.tim-slika-tekst h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: white;
    line-height: 1.3;
    margin-bottom: 15px;
}
.tim-slika-tekst p {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.ikonice-sa-tekst-otr-arh {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding: 20px 0px;
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ikonice-sa-tekst-otr-arh-iner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ikonice-sa-tekst-otr-arh-iner span {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.ikonica-sa-slik {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(204, 159, 105, 0.15);
}
.ikonica-sa-slik img {
    width: 18px;
}
.ostale-stv-otr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.ostale-stv-otr span {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: rgba(255, 255, 255, 0.70);
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 35px;
    min-width: 20%;
	  text-align: center;
}
.page-class-enterijer .hdr-row {
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/preduzimac-home-design-arhitekta-mina-jevdjenovic-dizajner-enterijera-projekat-salon.jpg);
}
.page-class-enterijer .counter-col-3 .woodmart-counter .counter-value:after {
    content: "h";
}
.razlozi-otr {
    margin: 80px 0px;
}
.razlozi-row {
    display: flex;
    align-items: stretch;
    gap: 60px;
}
/* okreni strane (video levo, lista desno): dodaj klasu razlozi-obrnuto na .razlozi-row */
.razlozi-row.razlozi-obrnuto {
    flex-direction: row-reverse;
}
 
/* ---------- LISTA RAZLOGA ---------- */
.razlozi-lista {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.razlozi-list-inner {
    position: relative;
    padding-left: 56px;
}
 
/* rail linija koja se puni na skrol */
.razlozi-rail {
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    width: 2px;
    border-radius: 2px;
    background: rgba(28, 26, 24, 0.12);
}
.razlozi-rail-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #E2C18F, #CC9F69);
    box-shadow: 0px 0px 10px rgba(204, 159, 105, 0.45);
    transition: height .2s ease-out;
}
.razlozi-rail-fill::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #CC9F69;
    transform: translateX(-50%);
    box-shadow: 0px 0px 14px 2px rgba(204, 159, 105, 0.65);
}
 
.razlog-item {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 26px;
    padding: 22px 10px;
    border-bottom: 1px solid #E1DDD7;
    transition: ease-in-out .3s;
}
.razlog-item:last-child {
    border-bottom: none;
}
.razlog-item:hover {
    padding-left: 20px;
}
.razlog-num {
    flex: 0 0 auto;
    width: 40px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    color: rgba(204, 159, 105, 0.40);
    transition: color .4s ease, transform .3s ease, text-shadow .4s ease;
}
.razlog-num.is-reached {
    color: #CC9F69;
    text-shadow: 0px 4px 18px rgba(204, 159, 105, 0.40);
}
.razlog-item:hover .razlog-num {
    transform: scale(1.08);
}
.razlog-txt {
    flex: 1 1 auto;
}
h3.razlog-title {
    color: #1C1A18;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
}
.razlog-desc {
    color: #615D57;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 0px;
}
 
/* ---------- VIDEO BLOK ---------- */
.razlozi-vid {
    position: relative;
    width: 50%;
    min-height: 560px;
    border-radius: 30px;
    overflow: hidden;
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/06/preduzimac-home-design-mina-jevdjenovic-arhitekta-dizajner-enterijera.jpg);
    background-position: center;
    background-size: cover;
}
.razlozi-vid video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0;
}
.razlozi-vid-ovrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(28, 24, 20, 0.82) 0%, rgba(28, 24, 20, 0.30) 42%, rgba(28, 24, 20, 0.00) 72%);
}
.razlozi-cap {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 44px;
}
.razlozi-eyebrow {
    color: #CC9F69;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.64px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 16px;
}
h2.razlozi-title {
    color: #FFFFFF;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 400;
    line-height: 1.12;
    margin-bottom: 0px;
}
h2.razlozi-title em {
    color: #CC9F69;
    font-style: italic;
    font-weight: 400;
}
.tim-sekcija {
    background: #f6f1ea;
    padding: 80px 0px;
}
.cta-new-black {
    background: #1C1A18;
    text-align: center;
    padding: 65px 120px;
    border-radius: 28px;
}
.cta-new-black h2 {
    color: white;
}
.cta-new-black p:not(.iznad-h) {
    color: rgba(255, 255, 255, 0.75);
    font-size: 19px;
    max-width: 780px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 45px;
}
.cta-new-black .btns-div {
    justify-content: center;
}
.cta-new-black .btns-div a {
    min-width: 300px;
}
.icons-modern-col {
    border-radius: 18px;
    border: 1px solid #E1DDD7;
    background: #FFF;
    width: 32.5%;
    padding: 22px;
}
.icons-modern-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    margin: 50px 0px 65px;
}
.rusenje-inner {
    display: flex;
    justify-content: space-between;
}
.rusenje-col {
    border-radius: 22px;
    padding: 28px;
}
.rusenje-col.rusenje-col-large {
    height: 360px;
    position: relative;
    background: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/07/Rusenje-i-demontaza-5.jpg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    overflow: hidden;
    width: 60%;
}
.rusenje-col h3 {
    color: #1C1A18;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 0px;
}
.gradiejt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(28, 26, 24, 0.85) 0%, rgb(28 26 24 / 60%) 50%, rgba(28, 26, 24, 0.00) 100%);
}
.rusenje-col.rusenje-col-large h3 {
    color: white;
    max-width: 60%;
}
.rusenje-col.rusenje-col-large h3, .rusenje-col.rusenje-col-large p {
    position: relative;
    z-index: 3;
}
.rusenje-col.rusenje-col-large p.iznad-h {
    margin-bottom: 10px;
    color: #ffcb8c;
}
.rusenje-col.rusenje-col-smlst, .rusenje-col.rusenje-col-sml {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}
.rusenje-col img {
    width: 35px;
}
.rusenje-col.rusenje-col-smlst p, .rusenje-col.rusenje-col-sml p {
    margin-bottom: 0px;
}
.rusenje-wrap-two {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 39%;
}
.rusenje-col.rusenje-col-sml {
    height: 172px;
    background: #F5F1EA;
}
.rusenje-wrap-two .rusenje-col.rusenje-col-sml:first-child {
    background: #1C1A18;
    color: white;
}
.rusenje-wrap-two .rusenje-col.rusenje-col-sml:first-child h3 {
    color: white;
}
.rusenje-col.rusenje-col-smlst {
    border: 1px solid #E1DDD7;
    background: #FFF;
    width: 32.5%;
}
.rusenje-inner.rusenje-inner-lower {
    margin-top: 16px;
}
.rusenje-inner.rusenje-iner-uper {
    margin-top: 45px;
}
.image-h-img {
    width: fit-content;
    background: rgba(204, 159, 105, 0.15);
    border-radius: 100%;
    min-height: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-h-img img {
    width: 20px;
}
.image-h {
    display: flex;
    align-items: center;
    gap: 10px;
}
.image-h h3 {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 21px;
}
.icons-modern-col p {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.page-id-178 .hdr-row {
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/07/izvodjenje-radova-1.jpg);
}
.ikonice-ispod {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}
.ikonice-ispod p {
    color: white;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px;
}
.page-id-178 .counter-col-2 .woodmart-counter .counter-value:after {
    content: "h";
}
.page-id-178 .counter-col-3 .woodmart-counter .counter-value:after {
    content: "";
}
.page-id-178 .counter-col-4 .woodmart-counter .counter-value:after {
    content: " god.";
}
.wpcf7-not-valid-tip {
    display: block;
    color: #F00;
    font-size: 7px;
    margin-bottom: -15px;
}
.slike-outer-v.slike-outer-v-rev {
    margin-top: 20px;
}
.vu-mobile{
	display:none;
}
.cf-hdr p br {
    display: none;
}
.hdr-outer .screen-reader-response {
    display: none;
}
.pz-pp-grupa {
    display: grid;
    grid-template-columns: repeat(var(--pz-pp-kolone, 2), minmax(0, 1fr));
    gap: var(--pz-pp-razmak, 24px);
    margin: 30px 0px;
}
.pz-pp {
    position: relative;
}
.pz-pp__media {
    position: relative;
    aspect-ratio: 3 / 4;
    border-radius: 28px;
    overflow: hidden;
    background: #1C1A18;
    border: 1px solid #E1DDD7;
    box-shadow: 0 24px 50px -30px rgba(34, 34, 32, 0.45);
    isolation: isolate;
}
.pz-pp__media img.pz-pp__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    display: block;
    margin: 0px;
    border-radius: 0px;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}
.pz-pp__media img.pz-pp__img--posle {
    z-index: 1;
}
.pz-pp__media img.pz-pp__img--pre {
    z-index: 2;
    clip-path: inset(0px calc(100% - var(--pz-pp-pos, 50%)) 0px 0px);
}
.pz-pp__linija {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pz-pp-pos, 50%);
    width: 3px;
    transform: translateX(-50%);
    background: #CC9F69;
    box-shadow: 0px 0px 18px rgba(204, 159, 105, 0.55);
    z-index: 3;
    pointer-events: none;
}
.pz-pp__knob {
    position: absolute;
    top: 50%;
    left: var(--pz-pp-pos, 50%);
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #CC9F69;
    color: #1C1A18;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 14px 30px -12px rgba(28, 26, 24, 0.65);
    z-index: 4;
    pointer-events: none;
    transition: transform .25s ease, box-shadow .25s ease;
}
.pz-pp__knob svg {
    width: 24px;
    height: 24px;
}
.pz-pp:hover .pz-pp__knob {
    transform: translate(-50%, -50%) scale(1.06);
}
.pz-pp.is-dragging .pz-pp__knob {
    transform: translate(-50%, -50%) scale(0.94);
    box-shadow: 0 8px 20px -10px rgba(28, 26, 24, 0.65);
}
.pz-pp.is-focus .pz-pp__knob {
    box-shadow: 0 0px 0px 4px rgba(253, 250, 244, 0.85);
}
.pz-pp__oznaka {
    position: absolute;
    bottom: 18px;
    z-index: 3;
    padding: 7px 16px;
    border-radius: 35px;
    background: rgba(28, 26, 24, 0.82);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: #FDFAF4;
    font-family: "Urbanist", sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.4px;
    pointer-events: none;
}
.pz-pp__oznaka--pre {
    left: 18px;
}
.pz-pp__oznaka--posle {
    right: 18px;
}
.pz-pp__range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    background: transparent;
    opacity: 0;
    cursor: ew-resize;
    touch-action: pan-y;
    z-index: 5;
    -webkit-appearance: none;
    appearance: none;
}
.pz-pp__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 60px;
    height: 300px;
    background: #000;
    border: none;
    cursor: ew-resize;
}
.pz-pp__range::-moz-range-thumb {
    width: 60px;
    height: 300px;
    background: #000;
    border: none;
    cursor: ew-resize;
}
.pz-pp__naslov {
    margin: 16px 0px 0px;
    color: #1C1A18;
    font-family: "DM Serif Display", serif !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}
.page-id-241 .hdr-row {
    background-image: url(https://renoviranje.preduzimac.rs/wp-content/uploads/2026/07/preduzimac-projektovanje-enterijera-dizajn-enterijera-kupatilo.jpg);
    background-position: 50% 65%;
}
.ikonice-ispod-kasnjenje p {
    display: flex;
    padding: 8px 16.7px 9.1px 16.8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 0px;
    border: 1px solid rgba(204, 159, 105, 0.40);
    background: rgba(204, 159, 105, 0.15);
    border-radius: 35px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    color: #CC9F69;
    margin-top: 35px;
}
.ikonice-ispod-kasnjenje p img {
    width: 16px;
    height: 16px;
}
.blw-hdr-row img {
    padding: 12px;
    border-radius: 100%;
    background: rgba(204, 159, 105, 0.15);
    max-width: 40px;
    max-height: 40px;
    min-height: 40px;
    min-width: 40px;
}
.blw-hdr-row p {
    border-radius: 20px;
    border: 1px solid #E1DDD7;
    background: #FFF;
    align-items: center;
    gap: 12px;
    display: flex;
    padding: 15px;
    color: #1C1A18;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    width: 24%;
    justify-content: center;
}
.blw-hdr-row {
    padding: 50px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pre-posle-slike-otr {
    padding: 60px 0px;
}
.new-abt {
    display: flex;
    align-items: center;
    gap: 50px;
}
.new-abt-text {
    width: 47%;
}
.new-abt-slike img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    max-height: 400px;
    border-radius: 20px;
}
.new-abt-slike {
    width: 53%;
    display: flex;
    align-items: center;
    gap: 16px;
}
img.n-a-b-1 {
    margin-top: -20px;
}
img.n-a-b-2 {
    margin-bottom: -20px;
}
.diff-bg-blok {
    border-radius: 20px;
    background: #F5F1EA;
    padding: 20px;
}
.diff-bg-blok p {
    color: black;
    font-weight: 500;
}
.spans span {
    border: 1px solid #E1DDD7;
    background: #FFF;
    border-radius: 35px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    padding: 13px 20px;
}
.spans {
    display: flex;
    gap: 20px;
}
.cta-split-black {
    background: #1F1C19;
    border-radius: 28px;
    padding: 60px 50px;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}
.split-left {
    width: 55%;
}
.split-right {
    width: 40%;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(4px);
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.cta-split-black h2 {
    color: white;
}
.split-left p:not(p.iznad-h) {
    color: rgba(255, 255, 255, 0.75);
}
p.napomena-p {
    opacity: 0.6;
    font-size: 13px;
}
.split-right p {
    color: rgba(255, 255, 255, 0.80);
}
p.veliko-50 {
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    font-family: "DM Serif Display", serif !important;
    line-height: 1;
    color: #CC9F69;
}
p.rok-p {
    margin-bottom: 0px;
    border-top: 1.8px solid rgba(255, 255, 255, 0.10);
    margin-top: 5px;
    padding-top: 25px;
}@media (min-width: 1025px) {
	.mobile-btns {
display: none !important;	
}
.slike-iner-r {
    flex-direction: row-reverse;
}
.page-class-enterijer .dupli-naslov h2 {
    max-width: 560px;
}
.page-class-enterijer .ovrl-hdr {
    background: linear-gradient(95deg, rgba(28, 24, 20, 0.88) 0%, rgb(28 24 20 / 60%) 36%, rgb(28 24 20 / 33%) 62%, rgba(28, 24, 20, 0.00) 80%);
}
.usl-tab:not(.is-active):hover {
    border-color: #CC9F69;
    transform: translateY(-3px);
    box-shadow: 0px 14px 32px rgba(28, 24, 20, 0.10);
}
.usl-tab.is-active .usl-arr,
.usl-tab:not(.is-active):hover .usl-arr {
    opacity: 1;
    transform: translateX(0px);
}
.slike-outer-v.slike-outer-v-rev .slike-iner-r {
    flex-direction: row;
}
.page-id-241 h1 {
    font-size: 65px;
    max-width: 600px;
    line-height: 1.1;
}
.usl-img {
    max-height: 600px;
    object-fit: cover;
}
.page-id-241 .hdr-outer .cf-hdr p:nth-child(6) {
    display: none;
}
}

@media (max-width: 576px) {
	.container {
    max-width: 95% !important;
    width: 95% !important;
}
.mobile-btns {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    gap: 10px;
    display: flex !important;
    flex-direction: column;
}
    .mobile-b {
        display: flex;
        align-items: center;
        background: #c99b65;
        border-radius: 35px;
        padding: 5px;
        gap: 4px;
        position: relative;
    }
.mobile-b.mobile-b-vib {
    background: #8e24aa;
}
.mobile-b p {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 1.4;
	  display: none;
}
.mobile-b p span {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 0.5px;
}
.mobile-b-img img {
        width: 25px;
        height: 25px;
        filter: brightness(0) invert(1) drop-shadow(0px 0px 1px white);
    }
    .mobile-b-img {
        width: 50px;
        height: 50px;
        /* background: antiquewhite; */
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
a.om-a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	z-index: 99;
}
.hdr-row {
    padding: 50px 25px 90px;
    border-radius: 20px;
}
.hdr-text p.iznad-h {
    font-size: 9px;
}
.hdr-text h1 {
    font-size: 46px;
}
p.ispod-h {
    font-size: 16px;
    line-height: 1.5;
}
    .ovrl-hdr {
        background: linear-gradient(181deg, rgba(28, 24, 20, 0.88) 0%, rgb(28 24 20 / 38%) 36%, rgb(28 24 20 / 46%) 62%, rgba(28, 24, 20, 0.00) 80%);
    }
.btns-div {
    flex-direction: column;
}
.btns-div a {
    width: 100%;
}
.form-row {
    border-radius: 16px;
    padding: 20px 15px 35px;
}
.forma-naslov {
    flex-direction: column;
    gap: 10px;
}
.forma-naslov h3, .forma-naslov h3 span {
    font-size: 20px;
}
.forma-naslov span {
    font-size: 12.5px;
}
.cf-hdr {
    flex-direction: column;
}
.cf-hdr p {
    width: 100%;
}
.woodmart-counter.counter-large {
    text-align: center !important;
}
.counters-row .wpb_column {
    border-right: none;
    border-bottom: 1px solid #E1DDD7;
}
.z-nam-v-iner .z-nam-v-iner-col:nth-child(4), .z-nam-v-iner-col:nth-child(5) {
	border-bottom: 1px solid #E1DDD7 !important;
}
.dupli-naslov {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
}
h2 {
    font-size: 36px;
}
p.splited-p {
    font-size: 16px;
}
.servisi-iner {
    flex-direction: column;
    gap: 20px;
}
.servisi-col {
    width: 100%;
}
.renoviranje-steps-otr {
    border-radius: 20px;
    padding: 45px 20px;
    margin: 65px 0px;
}
.ren-usl-otr {
    flex-direction: column;
    gap: 20px;
}
.ren-usl-col {
    border-radius: 16px;
    width: 100%;
    padding: 18px;
}
.slike-text-otr {
    flex-direction: column-reverse;
}
.checkeri-p p {
    width: 100%;
}
.slike-otr {
    max-width: 100%;
}
.velika-slika {
    height: 350px;
    border-radius: 20px;
}
.slike-otr, .slika-text-text {
	  width: 100%;
}
.manja-slika {
    bottom: -20px;
    width: 150px;
    border-radius: 14px;
    right: -10px;
    height: 150px;
}
.manja-slika img {
    width: 135px;
    border-radius: 14px;
}
.z-nam-v-iner-col {
    width: 100%;
}
.inspo-row .dupli-naslov {
    align-items: center;
}
.slike-iner-r {
    flex-direction: column;
}
.slika-text-c.slika-text-c-one, .slika-text-c.slika-text-c-five {
    width: 100%;
}
.slike-c-sml, .slika-text-c.slika-text-c-four {
    width: 100%;
    gap: 0%;
}
.slika-text-c.slika-text-c-two, .slika-text-c.slika-text-c-three {
    margin-bottom: 0%;
}
.slike-c-sml img {
    height: auto;
    min-height: 250px;
}
.slika-text-c.slika-text-c-one img {
    height: auto;
}
.slike-iner-r img {
    margin-bottom: 20px;
    border-radius: 12px;
}
.slike-iner-r span {
    bottom: 35px;
}
.testominijali-otr {
    border-radius: 20px;
    padding: 45px 20px;
    margin: 65px 0px;
}
.testimonial-content h4 {
    font-size: 26px;
}
.kontakt-sekction {
    flex-direction: column;
    border-radius: 20px;
}
.kontakt-desna, .kontakt-leva {
    width: 100%;
}
.kontakt-leva {
    padding: 45px 20px;
}
.kontakt-leva h2 {
    font-size: 34px;
}
.kontakt-desna .form-row {
   padding: 20px 25px 30px;
}
.faq-row {
        flex-direction: column;
        gap: 35px;
    }
    .faq-left, .faq-right {
        width: 100%;
        position: static;
    }
    .faq-q > span:first-child {
        font-size: 16px;
     }
.faq-q > span:first-child {
	    text-transform: capitalize !important;
}
.faq-left h2 {
    font-size: 32px;
}
.z-nam-v-iner .z-nam-v-iner-col:nth-child(4), .z-nam-v-iner-col:nth-child(5), .z-nam-v-iner-col:nth-child(6) {
    border-right: none !important;
}
.futer-navigation-outer {
    flex-direction: column;
}
.futer-nav-col {
    margin-right: 0px;
    width: 100% !important;
    margin-bottom: 25px;
}
img.fut-logo {
    width: 260px;
}
p.tagline-p {
    font-size: 20px;
}
.write-outer {
    margin-top: 40px;
}
  .pz-lb{ padding:24px 12px; gap:18px; }
  .pz-lb__nav{ width:44px; height:44px; }
  .pz-lb__nav--prev{ left:10px; } .pz-lb__nav--next{ right:10px; }
  .pz-lb__close{ top:14px; right:14px; }
  .pz-lb__img{ max-height:62vh; border-radius:16px; }
  .pz-lb__title{ font-size:20px; }
  .pz-lb__thumbs{ display:none; }

.tb-hvala h1 {
    font-size: 50px;
}
.usl-row {
        flex-direction: column;
    }
    .usl-nav {
        width: 100%;
    }
    .usl-stage {
        width: 100%;
    }
.usl-otr {
        margin: 50px 0px;
    }
    .usl-tab {
        padding: 18px 20px;
        gap: 14px;
    }
    .usl-ico {
        width: 46px;
        height: 46px;
    }
    .usl-tab-title {
        font-size: 22px;
    }
    .usl-content.is-active {
        flex-direction: column;
    }
    .usl-img {
        width: 100%;
        height: 240px;
    }
    .usl-body {
        width: 100%;
        padding: 30px 26px;
    }
    h3.usl-title {
        font-size: 27px;
    }
.razlozi-otr {
        margin: 50px 0px;
    }
    .razlozi-list-inner {
        padding-left: 42px;
    }
    .razlozi-rail {
        left: 11px;
    }
    .razlozi-vid {
        min-height: 340px;
    }
    .razlozi-cap {
        padding: 30px 26px;
    }
    .razlog-item {
        gap: 16px;
        padding: 18px 6px;
    }
    .razlog-num {
        width: 32px;
        font-size: 22px;
    }
    h3.razlog-title {
        font-size: 19px;
    }
.page-class-enterijer h1 {
    display: block !important;
}
.koraci-inerer .koraci-row {
    flex-direction: row !important;
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    gap: 15px;
}
.koraci-inerer .koraci-wrap:nth-child(ODD) {
    TEXT-ALIGN: left !important;
}
.koraci-wrap {
    justify-content: left !important;
    margin: 40px 0px;
}
.koraci-inerer .koraci-wrap:nth-child(ODD) .korak-tekst {
    flex-direction: column;
	  align-items: self-start;
}
.korak-broj {
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 16px;
}
.linija-inner {
    left: 20px;
    transform: none;
}
.korak-tekst h3 {
    font-size: 24px;
}
.korak-tekst p {
    font-size: 14px;
}
.tim-outer {
    flex-direction: column;
}
.tim-iner-kol {
    width: 100%;
}
.tim-slika-box img {
    max-height: 300px;
}
.ostale-stv-otr span {
    font-size: 12px;
}
.razlozi-row {
    flex-direction: column-reverse;
    gap: 40px;
}
.razlozi-vid {
    width: 100%;
}
h2.razlozi-title {
    font-size: 25px;
}
.razlozi-lista {
    width: 100%;
}
.z-nam-v-outer {
    margin: 60px 0px;
}
.cta-new-black {
    padding: 55px 30px;
}
.z-nam-v-outer .vc_column-inner {
    padding: 0px;
}
.cta-new-black h2 {
    font-size: 43px;
}
.cta-new-black p:not(.iznad-h) {
    font-size: 17px;
}
.page-id-178 .hdr-text p.iznad-h {
        font-size: 10px;
    }
.page-id-178 .hdr-text h1 {
    display: block !important;
    font-size: 40px;
}
.ikonice-ispod {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.ikonice-ispod img {
    width: 12px;
    filter: brightness(1.3);
}
.ikonice-ispod p {
    gap: 6px;
    background: rgb(42 27 9 / 28%);
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 11px;
    min-width: 45%;
    justify-content: center;
}
.icons-modern-outer {
    flex-direction: column;
}
.icons-modern-col {
    width: 100%;
}
.rusenje-inner {
    flex-direction: column;
    gap: 20px;
}
.rusenje-col {
    width: 100% !important;
    height: auto !important;
}
.rusenje-wrap-two {
    width: 100%;
    gap: 20px;
}
.rusenje-col.rusenje-col-large h3 {
    max-width: 100%;
    font-size: 25px;
}
.vu-desktop{
	display:none;
}
  .vu-mobile{
		display:block;
}
  .vu-mobile .wpcf7-list-item{
		display:block;
		margin:0 0 8px;
}
  .vu-mobile label{
		display:flex;
		align-items:center;
		gap:8px;
}
.cf-hdr br {
    display: none;
}
span.vu-mobile span.wpcf7-form-control-wrap {
    margin-top: 10px !important;
    display: block;
}
.page-id-178 .ovrl-hdr, .page-id-137 .ovrl-hdr {
        background: linear-gradient(181deg, rgba(28, 24, 20, 0.88) 0%, rgb(28 24 20 / 81%) 36%, rgb(28 24 20 / 45%) 62%, rgba(28, 24, 20, 0.00) 80%);
    }
.pz-pp__media {
        border-radius: 20px;
    }
    .pz-pp__knob {
        width: 46px;
        height: 46px;
    }
    .pz-pp__knob svg {
        width: 20px;
        height: 20px;
    }
    .pz-pp__oznaka {
        bottom: 12px;
        padding: 6px 12px;
        font-size: 11px;
    }
    .pz-pp__oznaka--pre {
        left: 12px;
    }
    .pz-pp__oznaka--posle {
        right: 12px;
    }
    .pz-pp__naslov {
        font-size: 19px;
        margin-top: 12px;
    }
.page-id-241 h1 {
    font-size: 32px;
    display: block;
}
.ikonice-ispod-kasnjenje p {
    padding: 12px 8.7px 12px 8.8px;
    gap: 6px;
    border: 1px solid rgb(204 159 105 / 56%);
    background: rgb(18 15 11 / 28%);
    font-size: 12px;
}
.ikonice-ispod-kasnjenje p img {
    width: 12px;
    height: 12px;
}
.page-id-241 .forma-naslov h3, .page-id-241 .forma-naslov h3 span {
    text-align: center;
    font-size: 18px;
}
.blw-hdr-row {
    padding: 30px 0px;
    flex-wrap: wrap;
}
.blw-hdr-row p {
    width: 49%;
    gap: 8px;
    border-radius: 16px;
    line-height: 1.3;
    font-size: 13px;
    padding: 15px 10px;
}
.blw-hdr-row img {
    padding: 8px;
    max-width: 30px;
    max-height: 30px;
    min-height: 30px;
    min-width: 30px;
}
.new-abt {
    flex-direction: column;
}
.new-abt-text, .new-abt-slike {
    width: 100%;
}
.spans {
    display: flex;
    gap: 8px;
}
.spans span {
    font-size: 12px;
    padding: 9px 7px;
}
.new-abt-slike img {
    max-width: 50%;
}
.pz-pp-grupa {
    display: flex;
    flex-direction: column;
}
.pre-posle-slike-otr {
    padding: 20px 0px;
    margin-bottom: -45px;
}
.cta-split-black {
    flex-direction: column;
    margin-top: -50px;
    padding: 30px 25px;
}
.split-left, .split-right {
    width: 100%;
    text-align: center;
}
.cta-split-black h2 {
    font-size: 40px;
}
.split-right {
    margin-top: 35px;
}
}