.elementor-405 .elementor-element.elementor-element-54a544d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-3c2a813{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-405 .elementor-element.elementor-element-c60219f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:bold;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-405 .elementor-element.elementor-element-bb71ee9{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-405 .elementor-element.elementor-element-4f813cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-405 .elementor-element.elementor-element-5aa4b05{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-405 .elementor-element.elementor-element-19c21c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-405 .elementor-element.elementor-element-19c21c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-type-html{padding-bottom:0px;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group .elementor-field, .elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-button[type="submit"]{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-405 .elementor-element.elementor-element-abb0dc5{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-405 .elementor-element.elementor-element-a6d1423{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-405 .elementor-element.elementor-element-2311cdb iframe{height:329px;}body.elementor-page-405:not(.elementor-motion-effects-element-type-background), body.elementor-page-405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-d1292be ) 0%, #000000 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-405 .elementor-element.elementor-element-3c2a813{--width:50%;}.elementor-405 .elementor-element.elementor-element-4f813cb{--width:50%;}.elementor-405 .elementor-element.elementor-element-19c21c8{--width:50%;}.elementor-405 .elementor-element.elementor-element-a6d1423{--width:50%;}}@media(max-width:767px){.elementor-405 .elementor-element.elementor-element-54a544d{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-405 .elementor-element.elementor-element-c60219f .elementor-heading-title{font-size:26px;}.elementor-405 .elementor-element.elementor-element-bb71ee9{font-size:16px;}}/* Start custom CSS for heading, class: .elementor-element-c60219f *//* ========================================================= PAGE TITLE — ISTI STIL KAO OSTALE STRANICE CSS CLASS: page-title ========================================================= */ .page-title .elementor-heading-title { display: inline-block; margin: 0 !important; padding: 0 0 8px 0 !important; font-size: 60px; font-weight: 700; line-height: 1.18; letter-spacing: -0.035em; background: linear-gradient( 90deg, #168CFF 0%, #168CFF 32%, #8B5CFF 55%, #FF3B9D 78%, #FFD52A 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; overflow: visible; } /* ========================================================= GRADIENT LINIJA ISPOD NASLOVA ========================================================= */ .page-title { position: relative; padding-bottom: 20px; } .page-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 90px; height: 2px; background: linear-gradient( 90deg, #168CFF 0%, #168CFF 32%, #8B5CFF 55%, #FF3B9D 78%, #FFD52A 100% ); box-shadow: 0 0 8px rgba(22, 140, 255, 0.30); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .page-title .elementor-heading-title { font-size: 48px; letter-spacing: -0.03em; } .page-title::after { width: 80px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .page-title { padding-bottom: 17px; } .page-title .elementor-heading-title { font-size: 34px; line-height: 1.18; letter-spacing: -0.025em; padding-bottom: 6px !important; } .page-title::after { width: 65px; height: 2px; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-abb0dc5 *//* ========================================================= ELEMENTOR CONTACT FORM CSS CLASS: tech-contact-form ========================================================= */ .tech-contact-form { --form-bg: #061426; --form-field-bg: rgba(255, 255, 255, 0.035); --form-border: rgba(174, 185, 200, 0.20); --form-white: #FFFFFF; --form-text: #AEB9C8; --form-blue: #168CFF; --form-purple: #8B5CFF; --form-pink: #FF3B9D; --form-yellow: #FFD52A; --form-gradient: linear-gradient( 90deg, #168CFF 0%, #168CFF 32%, #8B5CFF 55%, #FF3B9D 78%, #FFD52A 100% ); } /* ========================================================= FORM ========================================================= */ .tech-contact-form .elementor-form { width: 100%; } /* ========================================================= FIELD GROUP ========================================================= */ .tech-contact-form .elementor-field-group { margin-bottom: 18px; } /* ========================================================= LABEL ========================================================= */ .tech-contact-form .elementor-field-label { margin-bottom: 8px !important; color: #D2DAE4 !important; font-size: 14px; font-weight: 500; line-height: 1.4; } /* REQUIRED STAR */ .tech-contact-form .elementor-mark-required .elementor-field-label::after, .tech-contact-form .elementor-field-label .required { color: #8B5CFF !important; } /* ========================================================= INPUT / TEXTAREA / SELECT ========================================================= */ .tech-contact-form .elementor-field, .tech-contact-form input, .tech-contact-form textarea, .tech-contact-form select { width: 100%; min-height: 52px; padding: 14px 16px !important; background: var(--form-field-bg) !important; border: 1px solid var(--form-border) !important; border-radius: 8px !important; color: var(--form-white) !important; font-size: 15px; font-weight: 400; line-height: 1.5; outline: none !important; box-shadow: none !important; transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; } /* ========================================================= PLACEHOLDER ========================================================= */ .tech-contact-form input::placeholder, .tech-contact-form textarea::placeholder { color: rgba(174, 185, 200, 0.58) !important; opacity: 1; } /* ========================================================= TEXTAREA ========================================================= */ .tech-contact-form textarea.elementor-field { min-height: 145px; resize: vertical; } /* ========================================================= FIELD HOVER ========================================================= */ .tech-contact-form .elementor-field:hover, .tech-contact-form input:hover, .tech-contact-form textarea:hover, .tech-contact-form select:hover { border-color: rgba(139, 92, 255, 0.45) !important; background: rgba(255, 255, 255, 0.045) !important; } /* ========================================================= FIELD FOCUS ========================================================= */ .tech-contact-form .elementor-field:focus, .tech-contact-form input:focus, .tech-contact-form textarea:focus, .tech-contact-form select:focus { background: rgba(5, 18, 38, 0.55) !important; border-color: #8B5CFF !important; box-shadow: 0 0 0 1px rgba(139, 92, 255, 0.15), 0 0 18px rgba(22, 140, 255, 0.10) !important; outline: none !important; } /* ========================================================= SELECT ========================================================= */ .tech-contact-form select.elementor-field { cursor: pointer; } /* SELECT OPTIONS */ .tech-contact-form select option { background: #061426; color: #FFFFFF; } /* ========================================================= CHECKBOX / RADIO TEXT ========================================================= */ .tech-contact-form .elementor-field-subgroup label { color: var(--form-text) !important; font-size: 14px; } /* ========================================================= CHECKBOX / RADIO ========================================================= */ .tech-contact-form input[type="checkbox"], .tech-contact-form input[type="radio"] { width: 16px !important; height: 16px !important; min-height: 0 !important; padding: 0 !important; accent-color: #8B5CFF; } /* ========================================================= SUBMIT GROUP ========================================================= */ .tech-contact-form .elementor-field-type-submit { margin-top: 6px; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .tech-contact-form .elementor-button { position: relative; min-height: 52px; padding: 14px 26px !important; background: rgba(5, 18, 38, 0.55) !important; border: 1px solid transparent !important; border-radius: 7px !important; color: #FFFFFF !important; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; isolation: isolate; overflow: hidden; box-shadow: none !important; transition: none !important; } /* ========================================================= GRADIENT BORDER BUTTON ========================================================= */ .tech-contact-form .elementor-button::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background: var(--form-gradient); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; } /* ========================================================= GLASS BUTTON BACKGROUND ========================================================= */ .tech-contact-form .elementor-button::after { content: ""; position: absolute; inset: 1px; border-radius: 6px; background: linear-gradient( 120deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015) 45%, rgba(255,255,255,0) 75% ); pointer-events: none; z-index: -1; } /* BUTTON CONTENT */ .tech-contact-form .elementor-button-content-wrapper, .tech-contact-form .elementor-button-text, .tech-contact-form .elementor-button-icon { position: relative; z-index: 3; } /* ========================================================= BUTTON HOVER / FOCUS / ACTIVE NAMJERNO BEZ PROMJENE IZGLEDA ========================================================= */ .tech-contact-form .elementor-button:hover, .tech-contact-form .elementor-button:focus, .tech-contact-form .elementor-button:active { background: rgba(5, 18, 38, 0.55) !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; } /* ========================================================= SUCCESS MESSAGE ========================================================= */ .tech-contact-form .elementor-message-success { margin-top: 18px; padding: 14px 16px; background: rgba(22, 140, 255, 0.06); border: 1px solid rgba(22, 140, 255, 0.30); border-radius: 7px; color: #D2DAE4 !important; font-size: 14px; line-height: 1.6; } /* ========================================================= ERROR MESSAGE ========================================================= */ .tech-contact-form .elementor-message-danger, .tech-contact-form .elementor-help-inline { color: #FF6B9F !important; font-size: 13px; } /* INVALID FIELD */ .tech-contact-form .elementor-field.elementor-error, .tech-contact-form input.elementor-error, .tech-contact-form textarea.elementor-error { border-color: rgba(255, 59, 157, 0.70) !important; box-shadow: 0 0 12px rgba(255, 59, 157, 0.08) !important; } /* ========================================================= AUTOFILL FIX — CHROME ========================================================= */ .tech-contact-form input:-webkit-autofill, .tech-contact-form input:-webkit-autofill:hover, .tech-contact-form input:-webkit-autofill:focus, .tech-contact-form textarea:-webkit-autofill, .tech-contact-form select:-webkit-autofill { -webkit-text-fill-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0 1000px #0A192C inset !important; caret-color: #FFFFFF; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .tech-contact-form .elementor-field-group { margin-bottom: 15px; } .tech-contact-form .elementor-field, .tech-contact-form input, .tech-contact-form textarea, .tech-contact-form select { min-height: 50px; padding: 13px 14px !important; font-size: 16px; } .tech-contact-form textarea.elementor-field { min-height: 130px; } .tech-contact-form .elementor-button { width: 100%; min-height: 50px; padding: 14px 20px !important; } }/* End custom CSS */ /* Start custom CSS for google_maps, class: .elementor-element-2311cdb *//* ========================================================= ELEMENTOR GOOGLE MAPS CSS CLASS: tech-map ========================================================= */ .tech-map { position: relative; box-sizing: border-box; width: 100%; padding: 1px; border: none !important; border-radius: 14px; background: linear-gradient( 90deg, #168CFF 0%, #168CFF 32%, #8B5CFF 55%, #FF3B9D 78%, #FFD52A 100% ); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 0 30px rgba(22, 140, 255, 0.07); overflow: hidden; } /* ========================================================= ELEMENTOR WIDGET CONTAINER ========================================================= */ .tech-map .elementor-widget-container { position: relative; width: 100%; border-radius: 13px; overflow: hidden; background: #061426; } /* ========================================================= GOOGLE MAPS WRAPPER ========================================================= */ .tech-map .elementor-custom-embed { width: 100%; overflow: hidden; border-radius: 13px; } /* ========================================================= GOOGLE MAPS IFRAME ========================================================= */ .tech-map iframe { display: block; width: 100% !important; min-height: 420px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 13px; /* * Blago zatamnjenje da standardna Google mapa * bolje sjedne uz tamni dizajn sajta. */ filter: brightness(0.82) contrast(1.08) saturate(0.85); transition: filter 0.35s ease; } /* ========================================================= HOVER Mapa postane malo prirodnija kada korisnik dođe na nju ========================================================= */ .tech-map:hover iframe { filter: brightness(0.92) contrast(1.04) saturate(0.95); } /* ========================================================= SUptilni INNER SHADOW ========================================================= */ .tech-map .elementor-widget-container::after { content: ""; position: absolute; inset: 0; border-radius: 13px; box-shadow: inset 0 0 25px rgba(6, 20, 38, 0.20); pointer-events: none; z-index: 2; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .tech-map iframe { min-height: 380px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .tech-map { border-radius: 10px; } .tech-map .elementor-widget-container, .tech-map .elementor-custom-embed, .tech-map iframe { border-radius: 9px; } .tech-map iframe { min-height: 320px; } .tech-map .elementor-widget-container::after { border-radius: 9px; } }/* End custom CSS */