/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2026 | 18:13:53 */
/* ==========================================
   1. NAVIGACIJA
   ========================================== */
[data-header*="type-1"] .ct-header [data-id="button"] a {
    height: 47px !important;
    min-height: 47px !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    border: 1px solid var(--e-global-color-blocksy_palette_1);
    border-radius: 50px;
    padding: 24px 34px;
    display: flex;
    align-items: center;
}

#menu-item-353 > a > span {
    display: none;
}

[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu .ct-menu-link {
	padding:2px 15px
}

[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
	padding: 8px 0px;
	z-index: 999999999;
}

/* ==========================================
   2. HOME HERO (Slider, Pattern, Buttons)
   ========================================== */
.page-id-10.page-id-10 #homeHero {
    position: relative !important;
}

#homeHero .cf7Gradijent {
    background: linear-gradient(208.9deg, rgb(255 255 255 / 20%) 3.21%, rgb(30 30 30 / 20%) 91.6%);
    border-radius: 20px;
}

#homeHero .cf7Gradijent *::placeholder,
#homeHero input,
#homeHero select {
    color: #1E1E1E !important;
    opacity: 1;
}

.bck-layer {
    position: absolute;
    inset: 0;
    background-color: #E9E9E9;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    pointer-events: none;
}

#homeHero .e-con-inner {
    position: relative;
    z-index: 1;
}


/* hero animation */
/* Tvoj stil za tekst */
#textAnime {
    display: inline-block;
    color: #A38645;
    font-weight: 700;
}

/* Klasa koju JS dodaje na 1.2s tokom smene */
.fade-out-in {
    animation: simpleFade 1.2s ease-in-out forwards;
}

@keyframes simpleFade {
    0%   { opacity: 1; }
    50%  { opacity: 0; } /* U ovoj tacki (0.6s) JS menja sadrzaj */
    100% { opacity: 1; }
}

.changeBck {
    /* Iskljucujemo tranziciju na background-image jer ona izaziva treptanje */
    transition: none !important;
}

/* Hero Pattern (Dno sekcije preko svega) */
.page-id-10 #homeHero::before,
.page-id-976 #homeHero::before,
.page-id-1371 #homeHero::before{
    content: "" !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100px;
    background-image: url('https://movementhausfl.com/wp-content/uploads/2026/01/homePattern.png') !important;
    background-repeat: repeat-x !important;
    background-position: bottom right !important;
    background-size: contain !important;
    z-index: 9!important;
    pointer-events: none;
}
1#homeHero > .e-con-inner > .e-child {
	padding-top:100px
}

1#homeHero > .e-con-inner > .e-child,
1#changeBck {
	width: 50%
}

/* ==========================================
   3. UNIVERZALNO PORAVNANJE (The Gap Fix)
   Poravnava naslov i tekst u svim sekcijama po sredini
   ========================================== */
.e-con-parent, .elementor-section {
    align-items: center !important;
}

/* ==========================================
   4. IKONICE / STATISTIKA (#home3)
   ========================================== */
#home3 img {
    display: inline-block;
}

/* ==========================================
   5. TESTIMONIALS (ZO GRID)
   ========================================== */
.zo-exact-grid {
    background-color: #EBEBEB;
    padding: 80px 0;
    width: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto 1fr;
    row-gap: 40px;
}

.zo-cell-header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 80px;
}

.zo-num { font-size: 14px; font-weight: 700; }
.zo-trust-group { display: flex; align-items: center; gap: 10px; }
.zo-stars { color: #f5c518; letter-spacing: 2px; }
.zo-top-line { width: 100%; height: 2px; background-color: #000; }

.zo-cell-content-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-right: 40px;
}

.zo-name {
    font-size: 26px;
    font-weight: 800;
    color: #7a7a7a;
    line-height: 1.2;
    margin-bottom: 30px;
}

.zo-nav-box { display: flex; gap: 40px; }
.zo-arr { font-size: 28px; color: #000; text-decoration: none; transition: 0.3s; }
.zo-arr:hover { opacity: 0.5; }

.zo-msg {
    font-size: 24px;
    line-height: 1.5;
    color: #7a7a7a;
    padding-top: 20px;
}

/* ==========================================
   6. FORMA (Checkbox Style)
   ========================================== */
#heroForm #form-field-field_accept {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
}

#heroForm #form-field-field_accept:checked::before {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; height: 10px;
    background-color: #8e8e8e;
    border-radius: 50%;
}

#heroForm textarea {
	border-radius: 15px;
	padding: 16px;
}

#heroForm textarea{
    height: 100px; /* Adjust the height in pixels */
}

/* ==========================================
   7. NAVIGACIJA - BELA (Samo u normalnom stanju)
   Vazi za stranice 536, 793 i 673
   ========================================== */

/* 1. Boja teksta za NEAKTIVNE stavke dok NIJE sticky */
.page-id-536 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a,
.page-id-793 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a{
    color: #ffffff !important;
}

/* 2. Boja strelice (SVG) za NEAKTIVNE stavke dok NIJE sticky */
.page-id-536 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a .ct-icon,
.page-id-793 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a .ct-icon{
    fill: #ffffff !important;
}

/* 3. HOVER STANJE: Zlatna boja (#a38645) dok NIJE sticky */
.page-id-536 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover > a,
.page-id-793 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover > a {
    color: #a38645 !important;
}

.page-id-536 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover > a .ct-icon,
.page-id-793 [data-sticky="shrink"] #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover > a .ct-icon{
    fill: #a38645 !important;
}

/* 4. Glatka tranzicija za sve tri stranice */
.page-id-536 #menu-new-main-menu > li > a, 
.page-id-793 #menu-new-main-menu > li > a,
#menu-new-main-menu > li > a .ct-icon {
    transition: color 0.3s ease, fill 0.3s ease !important;
}

/* 5.  Sredi navigaciju na nekim strnaicama gde je tamna slika */
.page-id-536 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a, 
.page-id-793 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) > a {
	color: #fff;
}

.page-id-536 #menu-new-main-menu > li:hover > a, 
.page-id-793 #menu-new-main-menu > li:hover > a {
	color: #a38645!important
}

.page-id-536 .headBorderDugme .elementor-button,
.page-id-793  .headBorderDugme .elementor-button{
	border-color: #fff!important;
	color: #fff!Important;
}

.page-id-536 .headBorderDugme .elementor-button:hover,
.page-id-793  .headBorderDugme .elementor-button:hover{
	border-color: #a38645!important
}

.page-id-536 .headZlatnoDugme .elementor-button:hover,
.page-id-793  .headZlatnoDugme .elementor-button:hover{
	border-color: #fff!important;
	color: #fff!Important;
}

.page-id-536 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) .ct-icon,
.page-id-793 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor) .ct-icon {
	fill: #fff
}

.page-id-536 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover .ct-icon,
.page-id-793 #menu-new-main-menu > li:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover .ct-icon {
	fill: #a38645
}

/* ==========================================
   8. RESPONSIVE
   ========================================== */

/* Desktop + Laptop + Tablet — vertical center */
@media (min-width: 768px) {
    1#homeHero > .e-con-inner,
	1#homeHero > .e-con-inner > .e-child {
       /* height: 100% !important; */
       flex: 1 !important;
       display: flex !important;
    }
}

/* ==========================================
   9. FAQ SEKCIJA
   ========================================== */
.faq-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.faq-item {
    margin-bottom: 60px;
}

.faq-question {
    margin: 0 0 12px 0;
}

.faq-answer {
    padding-left: 50px;
    margin: 0;
}

.faq-answer-block {
    padding-left: 50px;
}

.faq-answer-block h5 {
    margin: 0 0 8px 0;
}

.faq-answer-block ul {
    margin: 0 0 12px 0;
    padding-left: 20px;
}

.faq-answer-block ul li {
    margin-bottom: 4px;
}

@media (max-width: 768px) {
    .faq-item {
        margin-bottom: 40px;
    }

    .faq-answer,
    .faq-answer-block {
        padding-left: 20px;
    }
}

@media (max-width: 480px) {
    .faq-item {
        margin-bottom: 30px;
    }

    .faq-answer,
    .faq-answer-block {
        padding-left: 12px;
    }
}

/* ── Desktop (min 1440px) ── */
@media (max-width: 1440px) {
	 [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
         font-size: 12px;
		 padding-left: 5px;
		 padding-right: 5px;
    }
	
	.page-id-536 #homeHero .cf7Gradijent,
	.page-id-793 #homeHero .cf7Gradijent,
	.page-id-673 #homeHero .cf7Gradijent,
	.page-id-7783 #homeHero .cf7Gradijent  {
		padding: 20px!important;
		min-height: 450px;
	}
	.page-id-536 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child,
	.page-id-793 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child,
	.page-id-673 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child,
	.page-id-778 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child {
		margin-top: 70px
	}

	.page-id-536 #homeHero > div > div.elementor-element.elementor-element-533ae4a.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-widget.elementor-widget-heading > div,
	.page-id-793 #homeHero > div > div.elementor-element.elementor-element-533ae4a.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-widget.elementor-widget-heading > div,
	.page-id-673 #homeHero > div > div.elementor-element.elementor-element-533ae4a.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-widget.elementor-widget-heading > div,
	.page-id-778 #homeHero > div > div.elementor-element.elementor-element-533ae4a.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-widget.elementor-widget-heading > div{
		padding: 0!important;
	}
	
}

/* ── Desktop (min 1367px) ── */
@media (min-width: 1367px) {
    .page-id-10 #homeHero,
    .page-id-976 #homeHero,
    .page-id-1371 #homeHero {
        min-height: calc(100vh - 150px);
    }

    #homeHero > .e-con-inner {
        min-height: calc(100vh - 150px);
        display: flex !important;
        align-items: center !important;
    }
	.page-id-10 .zo-word,
	.page-id-976 .zo-word,
	.page-id-1371 .zo-word {
		max-width: 98%	
	}
}

/* ── Laptop (max 1366px) ── */
@media (max-width: 1366px) {
    #homeHero h1 { font-size: clamp(36px, 6vw, 80px); }
    #homeHero h2 { font-size: clamp(28px, 4.2vw, 56px); }
    #homeHero h3 { font-size: clamp(22px, 3vw, 38px); }
    #homeHero h4 { font-size: clamp(18px, 2vw, 28px); }
    #homeHero h5 { font-size: clamp(15px, 1.4vw, 20px); }
    #homeHero h6 { font-size: clamp(50px, 9vw, 120px); }

	.site-logo-container img, .site-logo-container svg {
        height: 35px !important;
        width: auto !important;
    }

	[data-header*="type-1"] .ct-header [data-row*="top"] {
	    --height: 30px;
	}

	[data-header*="type-1"] .ct-header [data-row*="middle"] {
		--height: 80px;
	}
	
	[data-header*="type-1"] [data-id="socials"].ct-header-socials {
	    --theme-icon-size: 20px;
	}

    [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
        font-size: clamp(10px, 1.2vw, 12px) !important;
        padding: 0 8px;
    }

    .elementor-button {
        padding: 14px 20px !important;
    }

	/* 
    .page-id-10 #homeHero,
    .page-id-976 #homeHero,
    .page-id-1371 #homeHero {
        min-height: calc(100vh - 80px);
    }

    #homeHero > .e-con-inner {
        min-height: calc(100vh - 80px);
        display: flex !important;
        align-items: center !important;
    }
	*/
	
	.page-id-536 #homeHero .cf7Gradijent {
		padding: 20px!important;
		min-height: 450px;
	}
	.page-id-536 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child {
		margin-top: 70px
	}

	.page-id-536 #homeHero > div > div.elementor-element.elementor-element-533ae4a.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-widget.elementor-widget-heading > div {
		padding: 0!important;
	}
}

/* ── Tablet (max 1024px) ── */
@media (max-width: 1025px) {
	.site-logo-container img, .site-logo-container svg, .site-logo-container picture {
		max-width: 80px
	}
	[data-header*="type-1"] .ct-header [data-id="menu"] {
	    --menu-items-spacing: 0px!important;
	    --menu-items-gap: 0px;
	}
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
        font-size: 10px!important;
        padding: 0 4px!important;
    }
	
	[data-header*="type-1"]  a.elementor-button {
		padding-left: 10px!important;
		padding-right: 10px!important;
		font-size: 12px!important
	}

	#navBtns > .e-con-inner{
		margin-top: 0!important;
		padding-top: 0!important;
	}
    .page-id-10 #homeHero,
    .page-id-976 #homeHero,
    .page-id-1371 #homeHero {
        margin-top: 100px;
		min-height: calc(100vh - 100px);
    }

    .page-id-10 #homeHero > .e-con-inner,
	.page-id-976 #homeHero > .e-con-inner ,
	.page-id-1371 #homeHero > .e-con-inner {
        display: flex !important;
        align-items: center !important;
    }

    #homeHero::before {
        height: 80px;
    }

    #homeHero > .e-con-inner > .e-child {
        padding-top: 0 !important;
    }

    .bck-layer {
        background-position: bottom right;
        background-size: 50%;
    }

	.heroBtns {
        display: flex !important;
        justify-content: flex-start !important;
        gap: 20px;
        width: 100%;
    }

	.page-id-513 #homeHero {
		height:100vh;
		background-position: left -200px bottom -50px;
        background-size: 90%;
	}

    .zo-exact-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .zo-cell-header-left { justify-content: center; padding-right: 0; }
    .zo-cell-header-right { display: none; }
    .zo-cell-content-left { padding-right: 0; }
}

/* ── Mobile (max 768px) ── */
@media (max-width: 768px) {
	.page-id-10 #homeHero,
	.page-id-10 #homeHero > .e-con-inner{
		min-height:60vh!important;
	}
	
    #homeHero > .e-con-inner {
        align-items: flex-start !important;
    }

    #homeHero::before { 
		height: 50px; 
	}

    .bck-layer {
        background-position: right -100px bottom 0;
        background-size: 50%;
    }

    .heroBtns {
        padding: 20px 0;
    }

	.page-id-513 #homeHero {
		height: 100vh;
		background-position: right -150px bottom 0!important;
        background-size: 120%!important;
		margin-bottom: 0!important;
		padding: 0!important
	}

	.page-id-513 #homeHero .e-con-inner {
		min-height: 0!important;
		margin-bottom: 0!important;
		padding: 0!important
	}

	.page-id-513 #homeHero > div > div.elementor-element.e-con-full.cL.e-flex.e-con.e-child {
		display: none!important;
	}

	.page-id-1371 #homeHero {
		height: calc(100vh - 100px);
		background-position: bottom right!important;
        background-size: 70%!important;
		margin-bottom: 0!important;
		padding: 0!important
	}

	.page-id-1371 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child > div > div > h1 {
		padding-top: 100px;
	}

    .heroBtns .elementor-widget-button,
    .heroBtns .elementor-button,
    .elementor-button,
    .elementor-widget-button {
        width: 100% !important;
        max-width: 240px !important;
    }

    #home3 .elementor-widget-image-box {
        text-align: center !important;
        margin-bottom: 30px;
    }

    #home3 .elementor-image-box-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #home3 .elementor-image-box-img {
        margin: 0 0 15px 0 !important;
    }

    #home3 .elementor-image-box-content {
        text-align: center !important;
    }
}

/* ── Mali mobitel (max 480px) ── */
@media (max-width: 480px) {
	/* 
	.page-id-10 #homeHero,
	 .page-id-10 #homeHero > .e-con-inner{
		min-height:55vh!important;
	}
    .bck-layer {
        background-position: right -100px bottom 0!important;
        background-size: 80%!important;
    }
	*/
	 .page-id-10 #homeHero,.page-id-10 #homeHero>.e-con-inner {
        min-height:calc(100vh - 155px)!important;
    }

    .bck-layer {
        background-position: right -120px bottom 0!important;
        background-size: 98%!important
    }

	
	.page-id-513 #homeHero, 
	.page-id-513 #homeHero .e-con-inner{
		min-height:50vh!important;
	}

	.page-id-1371 #homeHero, 
	.page-id-1371 #homeHero .e-con-inner{
		background-size: 120%!important;
	}
	.page-id-1371 #homeHero > div > div.elementor-element.e-con-full.e-flex.e-con.e-child > div > div > h1 {
		padding-top: 0px;
		margin-top: -100px
	}
	
	.zo-exact-grid{
		padding: 40px 0 0 0;
	}
	.zo-cell-header-left, 
	.zo-cell-header-left .zo-num,
	.zo-cell-header-left .zo-trust-group,
	.zo-stars{
		display: block;
		width:100%;
		text-align: center;
	}
}

/* sara */
/* --- MOBILNI (Veći telefoni) --- */
@media (min-width: 480px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 60px;
    }
}

/* --- TABLETI (iPad / Tablet) --- */
@media (min-width: 768px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 80px;
    }
}

/* --- LAPTOP (Standardni / MacBook Air 13") --- */
@media (min-width: 1280px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 80px;
    }
}

/* --- DESKTOP (Full HD / MacBook Pro 14" & 16") --- */
@media (min-width: 1512px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 80px;
    }
}

/* --- DESKTOP (Full HD / MacBook Pro 14" & 16") --- */


@media (min-width: 1920px) {
    .page-id-10 #homeHero,
    .page-id-976 #homeHero,
    .page-id-1371 #homeHero {
        min-height: 100vh;
		background-size: 50% auto;
    }

    #homeHero > .e-con-inner {
        min-height: calc(100vh - 150px);
        display: flex !important;
        align-items: center !important;
    }
	.page-id-10 .zo-word,
	.page-id-976 .zo-word,
	.page-id-1371 .zo-word {
		max-width: 98%	
	}
	page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 100px;
    }
}

/* --- QHD / 2K MONITORI (iMac 27" / Studio Display) --- */
@media (min-width: 2560px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 140px;
    }
}

/* --- 4K UHD & APPLE PRO DISPLAY XDR (6K) --- */
@media (min-width: 3840px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 180px;
    }
}

/* --- SUPER ULTRAWIDE (32:9 - npr. Samsung Odyssey G9) --- */
@media (min-width: 5120px) {
    .page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 320px;
    }
	.page-id-10 #homeHero, 
	.page-id-976 #homeHero, 
	.page-id-1371 #homeHero {
        min-height: 100vh;
		background-size: 38% auto;
    }
}

/* Cilja sve ekrane koji su 21:9 ili još širi */
@media screen and (min-aspect-ratio: 21/9) {
	.page-id-10 #homeHero::before, .page-id-976 #homeHero::before, .page-id-1371 #homeHero::before {
        height: 120px;
    }
	.page-id-10 #homeHero, 
	.page-id-976 #homeHero, 
	.page-id-1371 #homeHero {
        min-height: 100vh;
		background-size: 33% auto;
    }
}