.guten-s5PTzQ > .guten-background-overlay { background: rgba(249, 249, 251, 1); } .guten-s5PTzQ:not(.background-animated), .guten-s5PTzQ.background-animated > .guten-background-animated .animated-layer { background: rgba(249, 249, 251, 1); } .guten-element.guten-s5PTzQ { padding-right: 40px; padding-left: 40px; } @media only screen and (max-width: 1024px) { .guten-element.guten-s5PTzQ { padding-right: 20px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-s5PTzQ > .guten-container { flex-wrap: wrap; } .guten-s5PTzQ > .guten-container > .guten-column { width: 100%; } .guten-element.guten-s5PTzQ { padding-right: 20px; padding-left: 20px; } }.guten-czfc3s { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-czfc3s { width: 100%; } }.guten-K77eNm > .guten-background-overlay { background: rgba(254, 252, 177, 0.6); background-blend-mode: normal; opacity: 0.2; } section.guten-element.guten-K77eNm:before { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background: ; background-image: url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/ceste-24-of-1-scaled.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .guten-K77eNm.guten-element { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-K77eNm {  -webkit-mask-size: 100%; -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; } @media only screen and (max-width: 1024px) { .guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background-image: url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/ceste-24-of-1-scaled.jpg); background-position: top right; } } @media only screen and (max-width: 767px) { .guten-K77eNm > .guten-container { flex-wrap: wrap; } .guten-K77eNm > .guten-container > .guten-column { width: 100%; } .guten-K77eNm:not(.background-animated), .guten-K77eNm.background-animated > .guten-background-animated .animated-layer { background-position: center left; background-size: cover; } .guten-element.guten-K77eNm { margin-top: 0px; margin-bottom: 0px; } }.guten-yG6fZU.layout-boxed > .guten-container { max-width: 1140px; } @media only screen and (max-width: 767px) { .guten-yG6fZU > .guten-container { flex-wrap: wrap; } .guten-yG6fZU > .guten-container > .guten-column { width: 100%; } .guten-element.guten-yG6fZU { margin-bottom: 20px; } }.guten-PWT9bl { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-PWT9bl.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-PWT9bl.guten-column > .guten-column-wrapper { justify-content: center; } .guten-PWT9bl > .sticky-wrapper > .guten-column-wrapper:before, .guten-PWT9bl > .guten-column-wrapper:before, .guten-PWT9bl  > .guten-column-wrapper > .guten-background-overlay { opacity: ; } @media only screen and (max-width: 1024px) { .guten-PWT9bl { width: 100%; } } @media only screen and (max-width: 767px) { .guten-PWT9bl > .sticky-wrapper > .guten-column-wrapper, .guten-PWT9bl > .guten-column-wrapper { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } }.guten-PCbONv { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-PCbONv { width: 100%; } }.guten-GVjbGO.guten-button-wrapper { justify-content: left; } .guten-GVjbGO.guten-button-wrapper .guten-button { width: 100%; height: 60px; padding-top: 16px; padding-right: 35px; padding-bottom: 16px; padding-left: 35px; background: rgba(228, 123, 2, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-GVjbGO.guten-button-wrapper .guten-button i { margin-left: 6px; font-size: 30px; } .guten-GVjbGO.guten-button-wrapper .guten-button span { color: rgba(255, 255, 255, 1); font-family: "Exo 2"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; } .guten-GVjbGO.guten-button-wrapper .guten-button:hover span { color: rgba(255, 255, 255, 0.70196078431373); } .guten-GVjbGO.guten-button-wrapper .guten-button:hover i { color: var(--wp--preset--color--YtUvEX); } .guten-GVjbGO { width: auto!important; display: inline-block; } .guten-element.guten-GVjbGO { margin-right: 30px; } @media only screen and (max-width: 1024px) { .guten-GVjbGO.guten-button-wrapper .guten-button span { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-GVjbGO.guten-button-wrapper { justify-content: left; } .guten-GVjbGO.guten-button-wrapper .guten-button { height: 55px; padding-top: 0px; padding-right: 28px; padding-bottom: 0px; padding-left: 28px; } .guten-GVjbGO.guten-button-wrapper .guten-button span { font-size: 14px; } .guten-element.guten-GVjbGO { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-right: 5px; } }.guten-lfDSBb.guten-spacer { padding-bottom: 120px!important; } .guten-lfDSBb { background: rgba(249, 249, 251, 1); width: 120px!important; display: inline-block; position: absolute!important; right: 0px; top: 0px;  -webkit-mask-image: url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/masking.png); mask-image:url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/masking.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-lfDSBb.guten-spacer { padding-bottom: 80px!important; } .guten-lfDSBb { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-lfDSBb.guten-spacer { padding-bottom: 50px!important; } .guten-lfDSBb { width: 50px!important; display: inline-block; } }.guten-8rLu0Z.layout-boxed > .guten-container { max-width: 1290px; } .guten-8rLu0Z > .guten-background-overlay { background: ; } @media only screen and (max-width: 767px) { .guten-8rLu0Z > .guten-container { flex-wrap: wrap; } .guten-8rLu0Z > .guten-container > .guten-column { width: 100%; } }.guten-Co4K5D.guten-spacer { padding-bottom: 120px!important; } .guten-Co4K5D { background: rgba(249, 249, 251, 1); width: 120px!important; display: inline-block; position: absolute!important; left: 0px; bottom: 0px;  -webkit-mask-image: url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/masking-alt.png); mask-image:url(https://ceste-karlovac.hr/wp-content/uploads/2025/04/masking-alt.png); -webkit-mask-size: cover; -webkit-mask-position: top right; } @media only screen and (max-width: 1024px) { .guten-Co4K5D.guten-spacer { padding-bottom: 80px!important; } .guten-Co4K5D { width: 80px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-Co4K5D.guten-spacer { padding-bottom: 50px!important; } .guten-Co4K5D { width: 50px!important; display: inline-block; } }.guten-Mo1lKM.layout-boxed > .guten-container { max-width: 1140px; } @media only screen and (max-width: 767px) { .guten-Mo1lKM > .guten-container { flex-wrap: wrap; } .guten-Mo1lKM > .guten-container > .guten-column { width: 100%; } .guten-element.guten-Mo1lKM { margin-bottom: 20px; } }.guten-GRrnV1.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-GRrnV1 { margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .guten-element.guten-GRrnV1 { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-GRrnV1 > .guten-container { flex-wrap: wrap; } .guten-GRrnV1 > .guten-container > .guten-column { width: 100%; } }.guten-dQLN3F { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-dQLN3F.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-dQLN3F.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-start; } .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-right: 10px; padding-left: 10px; } @media only screen and (max-width: 1024px) { .guten-dQLN3F { width: 100%; } .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-dQLN3F > .sticky-wrapper > .guten-column-wrapper, .guten-dQLN3F > .guten-column-wrapper { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } }.guten-dLIdwj { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-dLIdwj { width: 100%; } }.guten-Am5WCW { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-Am5WCW { width: 100%; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-Am5WCW.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-Am5WCW.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-HeZnAJ.guten-spacer { padding-bottom: 220px!important; } .guten-HeZnAJ { background: rgba(249, 249, 251, 0);  } .guten-element.guten-HeZnAJ { z-index: 0; } @media only screen and (max-width: 1024px) { .guten-HeZnAJ.guten-spacer { padding-bottom: 150px!important; } } @media only screen and (max-width: 767px) { .guten-HeZnAJ.guten-spacer { padding-bottom: 80px!important; } }.guten-4F5n1P.layout-boxed > .guten-container { max-width: 1290px; } .guten-4F5n1P {  animation-name: none; } @media only screen and (max-width: 767px) { .guten-4F5n1P > .guten-container { flex-wrap: wrap; } .guten-4F5n1P > .guten-container > .guten-column { width: 100%; } }.guten-d4dAHh.guten-spacer { padding-bottom: 220px!important; } @media only screen and (max-width: 1024px) { .guten-d4dAHh.guten-spacer { padding-bottom: 150px!important; } } @media only screen and (max-width: 767px) { .guten-d4dAHh.guten-spacer { padding-bottom: 80px!important; } }.guten-3Rm20v.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-3Rm20v { margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .guten-element.guten-3Rm20v { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-3Rm20v > .guten-container { flex-wrap: wrap; } .guten-3Rm20v > .guten-container > .guten-column { width: 100%; } }.guten-j3LKML .guten-divider-wrapper { width: 100%; } .guten-j3LKML .guten-divider-style { --divider-pattern-height: 1px; background-color: rgba(252, 96, 46, 1); } .guten-j3LKML .guten-divider-line { border-width: 1px; border-color: rgba(252, 96, 46, 1); } .guten-j3LKML { width: 70px!important; display: inline-block; } .guten-element.guten-j3LKML { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-j3LKML { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-j3LKML { width: 50px!important; display: inline-block; } .guten-element.guten-j3LKML { margin-right: 20px; } }h1.guten-element.guten-4GVtt5, h2.guten-element.guten-4GVtt5, h3.guten-element.guten-4GVtt5, h4.guten-element.guten-4GVtt5, h5.guten-element.guten-4GVtt5, h6.guten-element.guten-4GVtt5 { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-4GVtt5 { width: auto!important; display: inline-block;  } .guten-element.guten-4GVtt5 { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-4GVtt5, h2.guten-element.guten-4GVtt5, h3.guten-element.guten-4GVtt5, h4.guten-element.guten-4GVtt5, h5.guten-element.guten-4GVtt5, h6.guten-element.guten-4GVtt5 { font-size: 16px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-4GVtt5, h2.guten-element.guten-4GVtt5, h3.guten-element.guten-4GVtt5, h4.guten-element.guten-4GVtt5, h5.guten-element.guten-4GVtt5, h6.guten-element.guten-4GVtt5 { font-size: 14px; } }.guten-jWiHEG { width: 100%; order: 1;  } .guten-jWiHEG > .sticky-wrapper > .guten-column-wrapper, .guten-jWiHEG > .guten-column-wrapper { padding-left: 20px; } @media only screen and (max-width: 1024px) { .guten-jWiHEG { width: 100%; } } @media only screen and (max-width: 767px) { .guten-jWiHEG > .sticky-wrapper > .guten-column-wrapper, .guten-jWiHEG > .guten-column-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-HxiHrs { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-HxiHrs { width: 100%; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-HxiHrs.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-HxiHrs.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-k2GWcG { align-items: flex-start; } .guten-k2GWcG * { color: rgba(5, 8, 8, 1); font-family: "Verdana"; font-size: 75px; font-weight: 400; text-transform: uppercase; line-height: 1.2em; letter-spacing: 0em;  } @media only screen and (max-width: 1024px) { .guten-k2GWcG * { font-size: 56px; } } @media only screen and (max-width: 767px) { .guten-k2GWcG * { font-size: 20px; } .guten-k2GWcG { width: 210px!important; display: inline-flex; } }.guten-5qXpFF { columns: 1; color: rgba(5, 8, 8, 0.70196078431373); font-family: "Fustat"; font-size: 20px; font-weight: 300; line-height: 1.6em; width: 590px!important; display: inline-block;  animation-name: none; } @media only screen and (max-width: 1024px) { .guten-5qXpFF { font-size: 18px; width: 430px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-5qXpFF { font-size: 16px; width: 100%!important; } }.guten-FdM0nC {  animation-name: none; } .guten-element.guten-FdM0nC { margin-top: 50px; margin-right: 0px; margin-left: 0px; } @media only screen and (max-width: 767px) { .guten-FdM0nC > .guten-container { flex-wrap: wrap; } .guten-FdM0nC > .guten-container > .guten-column { width: 100%; } .guten-element.guten-FdM0nC { margin-top: 40px; } }.guten-bO5j0F .guten-divider-wrapper { width: 100%; } .guten-bO5j0F .guten-divider-style { --divider-pattern-height: 1px; background-color: rgba(252, 96, 46, 1); } .guten-bO5j0F .guten-divider-line { border-width: 1px; border-color: rgba(252, 96, 46, 1); } .guten-bO5j0F { width: 70px!important; display: inline-block; } .guten-element.guten-bO5j0F { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-bO5j0F { width: 60px!important; display: inline-block; } } @media only screen and (max-width: 767px) { .guten-bO5j0F { width: 50px!important; display: inline-block; } .guten-element.guten-bO5j0F { margin-right: 20px; } }h1.guten-element.guten-SYQVb5, h2.guten-element.guten-SYQVb5, h3.guten-element.guten-SYQVb5, h4.guten-element.guten-SYQVb5, h5.guten-element.guten-SYQVb5, h6.guten-element.guten-SYQVb5 { color: rgba(5, 8, 8, 1); font-family: "Almarai"; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-SYQVb5 { width: auto!important; display: inline-block;  } .guten-element.guten-SYQVb5 { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-SYQVb5, h2.guten-element.guten-SYQVb5, h3.guten-element.guten-SYQVb5, h4.guten-element.guten-SYQVb5, h5.guten-element.guten-SYQVb5, h6.guten-element.guten-SYQVb5 { font-size: 16px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-SYQVb5, h2.guten-element.guten-SYQVb5, h3.guten-element.guten-SYQVb5, h4.guten-element.guten-SYQVb5, h5.guten-element.guten-SYQVb5, h6.guten-element.guten-SYQVb5 { font-size: 14px; } }.guten-LDCfh8 { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-LDCfh8.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LDCfh8.guten-column > .guten-column-wrapper { justify-content: flex-start; } .guten-LDCfh8 > .sticky-wrapper > .guten-column-wrapper, .guten-LDCfh8 > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { .guten-LDCfh8 { width: 100%; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-LDCfh8.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LDCfh8.guten-column > .guten-column-wrapper { justify-content: flex-start; } }.guten-diPzvD.guten-button-wrapper { justify-content: left; } .guten-diPzvD.guten-button-wrapper .guten-button { height: 60px; padding-top: 16px; padding-right: 30px; padding-bottom: 16px; padding-left: 30px; background: rgba(228, 123, 2, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-diPzvD.guten-button-wrapper .guten-button i { margin-left: 6px; font-size: 30px; } .guten-diPzvD.guten-button-wrapper .guten-button span { color: rgba(255, 255, 255, 1); font-family: "Exo 2"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; } .guten-diPzvD.guten-button-wrapper .guten-button:hover span { color: rgba(255, 255, 255, 0.70196078431373); } .guten-diPzvD.guten-button-wrapper .guten-button:hover i { color: var(--wp--preset--color--YtUvEX); } .guten-diPzvD { width: auto!important; display: inline-block; } .guten-element.guten-diPzvD { margin-right: 30px; } @media only screen and (max-width: 1024px) { .guten-diPzvD.guten-button-wrapper .guten-button span { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-diPzvD.guten-button-wrapper { justify-content: left; } .guten-diPzvD.guten-button-wrapper .guten-button { height: 55px; padding-top: 0px; padding-right: 28px; padding-bottom: 0px; padding-left: 28px; } .guten-diPzvD.guten-button-wrapper .guten-button span { font-size: 14px; } .guten-element.guten-diPzvD { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-right: 5px; } }.guten-OJBkLR.guten-button-wrapper { justify-content: right; } .guten-OJBkLR.guten-button-wrapper .guten-button { height: 60px; padding-top: 16px; padding-right: 30px; padding-bottom: 16px; padding-left: 30px; background: linear-gradient(225deg, rgba(255, 255, 255, 0) 8%,rgba(255, 255, 255, 1) 8.2%,rgba(255, 255, 255, 1) 91.5%,rgba(255, 255, 255, 0) 91.6%); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-OJBkLR.guten-button-wrapper .guten-button i { margin-left: 8px; font-size: 29px; } .guten-OJBkLR.guten-button-wrapper .guten-button span { color: rgba(5, 8, 8, 1); font-family: "Exo 2"; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1em; letter-spacing: 0.05em; } .guten-OJBkLR.guten-button-wrapper .guten-button:hover span { color: rgba(252, 96, 46, 1); } .guten-OJBkLR { width: auto!important; display: inline-block; } .guten-OJBkLR .guten-button { animation-delay: 0.2s; } .guten-element.guten-OJBkLR { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-OJBkLR.guten-button-wrapper .guten-button span { font-size: 14px; } } @media only screen and (max-width: 767px) { .guten-OJBkLR.guten-button-wrapper { justify-content: left; } .guten-OJBkLR.guten-button-wrapper .guten-button { height: 55px; padding-right: 28px; padding-left: 28px; } .guten-OJBkLR.guten-button-wrapper .guten-button span { font-size: 14px; } .guten-element.guten-OJBkLR { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }