/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/







.icon-arrows-expand:before {
    content: "" !important;
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/wp-content/uploads/2023/04/icon-partner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.icon-basic-bolt:before {
	content: "" !important;
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/wp-content/uploads/2023/04/icon-devices.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-basic-elaboration-cloud-check:before {
	content: "" !important;
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/wp-content/uploads/2023/04/icon-sddc.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



.custom-image-hover:hover ~ .custom-text-opacity {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.custom-text-opacity {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}






@media only screen and (min-width: 690px) {
.ds-sponsorsline::before {
 content: '';
  height: 100%;
  width: 1px;
  display: block;
  background-color: #B3B3B3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  margin-right: -10px !important;
}
}


@media only screen and (max-width: 689px) {
.ds-sponsorsline::before {
 content: '';
  height: 1px;
  width: 63%;
  display: block;
  background-color: #B3B3B3;
  position: absolute;
  left: 18.5%;
  bottom: 0;
  z-index: -1;
}
}






a.nectar-button.jumbo.regular.regular-button {
    max-width: 220px !important;
    padding: 20px 20px;
}


a#cn-accept-cookie {
    background: #78BE21 !important;
    padding: 15px 48px !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    font-weight: bold !important;
}

span#cn-close-notice {
    display: none;
}


li.dot {
  opacity: 1 !important;
}


.home .nectar-global-section.after-nav{
  display: none !important;
}


.bw-home-hero-img{
  max-width: 801px !important;
}



@media only screen and (min-width: 1260px) {
.ds-agentabsess-width{
  max-width: 1260px !important;
  width: 1410px !important;
  margin: 0 auto !important;
  margin-left: -70px !important;
  padding-left: 75px !important;
  padding-right: 75px !important;
}}











#top nav > ul > li[class*="button_bordered"] > a:before{
  height: 36px !important;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
  img.img-with-animation.skip-lazy {
      width: 100%;
  }
  .container{
      max-width: 90%;
  }
}



.ds-acc23row .wpb_wrapper>div {
    margin-bottom: 10px;
}


a:hover{
    text-decoration: none !important;
}

@media only screen and (max-width: 690px) {
.container {
    max-width: 100%;
}

.ds-mobile-padding{
    margin: 0 30px !important;
}
img.mobile-only-logo.skip-lazy {
    margin-left: 6px !important;
}

}

span.close-line.close-line1 {
    z-index: 999999 !important;
}


.wpb_wrapper:not(.container) {
  max-width: 100%;
}



.home .ds-registercta{
    display: none !important;
}


.tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a.active-tab:after {
    transform: scaleY(1);
    max-width: 100%;
}



@media only screen and (max-width: 999px) {


.dshomeullipad ul li {
  padding-bottom: 8px !important;
}



.hideontablet {
    display: none;
}
.toggles {
    padding-left: 20px;
    padding-right: 20px;
}

ol.flickity-page-dots {
  display: flex;
  justify-content: center;
}
.gform_footer.top_label {
    padding-top: 30px !important;
}
#gform_page_1_1 .gform-page-footer::after {
  content: "";
  display: block;
  min-height: 27vh;
}
}

@media only screen and (min-width: 999px) {
.ds-hideondesktopmin999{
    display: none !important;
    visibility: hidden !important;
}
#gform_page_1_1 .gform-page-footer::after {
  content: "";
  display: block;
  min-height: 33vh;
}
}





@media only screen and (min-width: 1300px) {


  img.img-with-animation.skip-lazy.bw-home-hero-img {
    image-rendering: -webkit-optimize-contrast !important;

  }
}

@media screen and (min-width:999px) and (max-width:1299px){
  img.img-with-animation.skip-lazy.bw-home-hero-img {
    image-rendering: -webkit-optimize-contrast !important;
    max-width: 72% !important;
  }
}



.nectar-button span {
    font-size: 20px !important;
}


@media only screen and (min-width: 1px) and (max-width: 999px){
#header-outer.lighten-logo.transparent #logo[data-supplied-ml="true"] img.mobile-only-logo {
    filter: brightness(0) invert(1);
    opacity: 1!important;
    display: block;
    display: none;
}}






.logo-row .vc_col-sm-12 .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  position: relative; /* Dodano */
}

.xt-logo {
  margin-bottom: 0px !important;
  position: relative; /* Dodano */
}

.xt-logo::after {
  content: '';
  height: 90%;
  width: 1px;
  display: block;
  background-color: #000;
  position: absolute;
  right: -44px; /* Promijenjeno */
  top: -6px;
}

.page-id-6218 .xt-logo::after {
  content: '';
  height: 90%;
  width: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  right: -44px; /* Promijenjeno */
  top: -6px;
}


img.alignnone.size-full.wp-image-11456 {
    margin-left: 80px;
}





img.alignnone.size-full.wp-image-11421 {
    margin-left: 50px;
}


.ds-agree ul.gfield_checkbox li input[type=checkbox]:checked+label,.ds-agree ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label {
  margin-left:19px;
  font-weight: 400;
  font-size: 15px;
}

/*Custom subscribe box for .ds-agree class*/
.ds-agree [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute!important;
  left: -9999px;
}

.ds-agree [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
  position: relative!important;
  padding-left: 45px;
  cursor: pointer!important;
}

.ds-agree [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
  display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 30px;
width: 30px;
border: 1px solid #1D428A;
top: -4px;
left: 0px;
background-color: #fff;

}

.ds-agree [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
  content: '';
position: absolute;
width: 20px;
height: 20px;
top: 2px;
left: 6px;
font-size: 1.3em;
line-height: 0.8;
background-color: #1D428A;
transition: all .2s;
border-radius: 100%;
}


.gform_footer.top_label {
    margin-top: 2% !important;
}

input#gform_submit_button_1 {
  background: #78BE21 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  width: 50%;
}

input#gform_submit_button_1:hover{
  box-shadow: none !important;
  background: #78BE21 !important;
}

/* checked mark aspect changes */
.ds-agree [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.ds-agree [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.ds-agree [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.ds-agree [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

.ds-agree [type="checkbox"]:disabled + label {
  color: #aaa;
}





.page-id-8647 .ds-registercta{
  display: none !important;
}


.page-id-8647 ::placeholder {
  color: #000000 !important;
}
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    color: #000000 !important;
}


.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    padding-left: 15px;
}


div#gfield_consent_description_1_16 {
    padding-bottom: 20px;
}

input#input_1_16_1 {
    margin-left: 0px;
}

.ds-register-arrow::after {
content: "\25BC";
font-size: 16px;
color: #22478e;
position: absolute;
right: 10px;
transform: translateY(-125%);
z-index: -1;
}


.ds-register-arrow {
    cursor: pointer;
}

.ds-register-arrow select {
    cursor: pointer;
}








select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}


.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    border-radius: 0px !important;
}

.gform_wrapper.gravity-theme .gfield_consent_description {
    border: 0px;
    font-size: .8em;
    margin-top: 8px;
    max-height: 240px;
    overflow-y: scroll;
    padding: 0px;
}


.gform_wrapper.gravity-theme .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 13.008px;
    padding-left: 0.125em;
    display: none;
}

td#gv-field-1-entry_approval {
    text-align: center;
}

.gv-widget-search .gv-search-box {
    width: 5% !important;
}

[class*='gv-grid-col-'] {
    padding-right: 0em;
}


p.gform_required_legend {
  display: none !important;
}




.gv-widget-search {
    -js-display: flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: end;
    justify-content: space-between;
    flex: 1 0 auto;
    margin: 20px -10px;
}

.gv-widget-search .gv-search-box.gv-search-box-submit {
    justify-content: end;
}



.wpb_text_column.wpb_content_element.ds-social {
    filter: brightness(0%);
    text-align: right !important;
    float: right;
}



a.nectar-button.jumbo.regular.regular-button {
    border-radius: 0px !important;
}

span.menu-title-text:hover {
    color: #fff;
}



span.close-wrap.loaded {
    margin-top: 3px;
    margin-left: 5px;
}





#user-registration-form p {
    margin: 10px 0;
}
#user-registration-form label {
    display: inline-block;
    width: 120px;
    font-weight: bold;
}
#user-registration-form input[type="text"],
#user-registration-form input[type="email"] {
    width: 300px;
    padding: 5px;
}
#user-registration-form input[type="submit"] {
    padding: 10px;
    background-color: #3498db;
    color: #fff;
    border: none;
}




.bw-hide{
	display: none !important;
}


p.wpsm-show {
    color: #0091DA !important;
    text-decoration: underline;
    padding-bottom: 0px !important;
}


p.wpsm-show:hover {
    color: #0091DA !important;
    text-decoration: none;
    padding-bottom: 0px !important;
}



p.wpsm-hide {
    color: #0091DA !important;
    text-decoration: underline;
}


p.wpsm-hide:hover {
    color: #0091DA !important;
    text-decoration: none !important;
}



h5.vc_custom_heading.bw-speakers-bold {
    font-weight: 500;
    font-size: 20px !Important;
    line-height: 26px !important;
}

[class^="icon-basic"]:before, [class*=" icon-basic"]:before {
    font-size: 40px;
}




.tabbed[data-style=minimal_flexible] .wpb_tabs_nav>li a:after{
    height: 5px;
    margin-bottom: -1px;
}




.tabbed[data-style=minimal_flexible] .wpb_tabs_nav {
    margin-bottom: 20px;
}


a.active-tab {
	color: #757373 !important;
}

.tabbed[data-style=minimal_flexible] .wpb_tabs_nav>li a {
    background-color: transparent;
    text-align: center;
    color: inherit;
    border: none;
    font-size: 18px !important;
	line-height: 26px !important;
    padding: 25px 30px;
    font-family: 'Open Sans Extra Bold' !important;
	font-weight: 600 !important;
	color: #cccccc;
}


a.toggle-heading {
	font-size: 18px !important;
	line-height: 26px !important;
	font-family: "Open Sans" !important;
	font-weight: 400 !important;
	color: #757373;
}


.tabbed[data-style=minimal_flexible] .wpb_tabs_nav>li a:not(.active-tab):hover{
	color: #757373;
	opacity: 1 !important;
}


div[data-style="minimal"] .toggle h3 a {
    padding: 20px 70px 20px 0 !important;
}



div[data-style*=minimal] .toggle h3 i {
    border: 2px solid #CCCCCC;
}


div[data-style="minimal"] .toggle h3 i:before{
    background-color: #CCCCCC;
}

div[data-style="minimal"] .toggle h3 i:after{
    background-color: #CCCCCC;
}


div[data-style="minimal"] .toggle {
    border-bottom: 1px solid rgba(204,204,204,0.5);
    transition: border-color 0.15s ease;
}






.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before{
    box-shadow: inset 0 0 0 1px #000 !important;
}


.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot:before{
   	box-shadow: inset 0 0 0 5px #78BE20 !important;
}


.nectar-flickity[data-controls=material_pagination] .flickity-page-dots {
    bottom: -45px !important;
}

.clients.no-carousel {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    align-items: left;
    justify-content: left;
    flex-wrap: wrap;
}




p a:hover {
    text-decoration: underline;
}


.row-bg.viewport-desktop.using-image.has-phone {
    image-rendering: -webkit-optimize-contrast !important;
}


img.img-with-animation.skip-lazy.bw-home-hero-img {
	image-rendering: -webkit-optimize-contrast !important;
}


.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation{
	image-rendering: -webkit-optimize-contrast !important;
}


.page-id-6218 ul {
    margin-left: 20px;
    margin-bottom: 0px;
}


ul li {
    padding-bottom: 12px;
}


li::marker {
    font-size: 15px;
    vertical-align:middle;
    color: #78BE21 !important;
}



.nectar-button.extra-color-gradient-1.jumbo{
    border-width: 0px !important;
    border: none !important;
}

.bw-home-hero-img{
  float: right !important;
}

.bw-copyright-width{
min-width: 400px !important;
}

.lines-button.close {
    transform: scale3d(1.2,1.2,1.2) !important;
}
#slide-out-widget-area.fullscreen-inline-images .inner-wrap {
    gap: 20px;
    margin-top: -40px !important;
}











.row .bw-social .col img:not([srcset]) {
    width: auto !important;
    height: 24px !important;
    margin: 20px !important;
    margin-right: 24px !important;
}










.tabbed[data-spacing=side-45px]:not([data-style=vertical]) .wpb_tabs_nav li a {
  background: #D3D3D3;
}


.tabbed[data-style*="material"][data-color-scheme="extra-color-gradient-1"] ul:after {
    background-color: red !important;
    /* min-height: 300px; */
    height: 100% !important;
}



.uc_sharp_accordion .uc_container .uc-heading span.bbb {
    float: right;
    font-size: 15px;
    display: block;
    line-height: 30px;
    margin-right: 0px;
    font-weight: 600;
    color: #fff;
    width: 50px !important;
    height: 50px !important;
    line-height: 48px !important;
    text-align: center;
    position: relative;
    margin-bottom: 3px;
    border: 2px solid red;
    border-radius: 800px !important;
    margin-top: 20px;
    background: none !important;
}

.uc_sharp_accordion .uc_container .uc-heading span .uc_top_arrow{
    display: none !important;
}
.uc_sharp_accordion .uc_container .uc-heading span.bbb .uc_bottom_arrow {
    display: none !important;
}




.fa-plus:before {
    color: red;
}

.fa-minus:before {
    color: red;
}


.uc_sharp_accordion .uc_container .uc_content {
    width: 100% !important;
}


.uc_sharp_accordion .uc_container .uc-heading {
    min-height: 94px !important;
}

.uc_sharp_accordion .uc_container .uc_content {
    margin-top: 10px;
}


.uc_sharp_accordion .uc_container .uc-heading {
    border-top: none !important;
    border-bottom: #e9e9e9 1px solid;
}
.uc_sharp_accordion .uc_container .uc-heading em {
    margin-top: 25px !important;
}


.bw-button-register span.menu-title-text{
  color: #fff !important;
}

a.nectar-button.jumbo.regular.m-extra-color-gradient-1.wpb_animate_when_almost_visible.wpb_zoomIn.zoomIn.animated {
    border-radius: 0px !important;
}

#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_]>a:before {
  border-radius: 0px !important;
  border: none !important;
  background: #78BE21 !important;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after{
  border-style: solid;
  border-width: 1px;

}

.nectar_icon_wrap[data-padding="20px"] .nectar_icon {
    padding: 0px;
}


li.current-menu-item > a span.menu-title-text{
    color: #fff !important;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li>a
{
    margin-left: 0px !important;
    margin-right: 40px !important;
}


@media only screen and (min-width: 1176px){

#header-outer[data-format=centered-menu] #top .span_3{
  display: none;
}
}



@media only screen and (max-width: 1176px){


.bw-button-register span.wrap{
  color: #fff !important;
  background: #78BE21;
  padding: 10px 14px 10px 14px;
  transition: background-color 2s, transform 2s !important;
}
li.bw-button-register.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-6180 {
    padding-top: 12px;
    width: 70%;
    margin: 0px auto;
}

#slide-out-widget-area.open .off-canvas-menu-container .menu > li:nth-child(9) > a .wrap {
    padding: 14px 20px 14px 20px;
}
.hideonmobile{
  display: none !important;
  visibility: hidden !important;
}


.nectar-button.extra-color-gradient-1.jumbo{
  width: 100%;
  text-align: center;
  margin-left: 2px;
}




img.mobile-only-logo.skip-lazy {
    margin-left: -10px;
}

}





@media only screen and (min-width: 1000px){
#header-outer[data-format=centered-menu] #top .span_9 nav .sf-menu:not(.buttons){
  justify-content: left !important;
}
.ds-contact-lineleft:before{
 content: '';
 position: absolute;
 left: -5%;
 top: 22px;
 height: 87%;
 width: 1px;
 background-color: #d0cccb;
}

.ds-txt-regmaxw {
    max-width: 470px;
    padding-right: 50px;
}

}


@media only screen and (max-width: 767px){
.uc_sharp_accordion .uc_container .uc-heading em {
    width: auto !important;
}


}


@media only screen and (max-width: 1000px) and (min-width: 1px) {
  body[data-hhun="1"] #header-outer {
      padding: 20px;
  }
  .hideonmobile2{
    display: none !important;
    visibility: hidden !important;
  }
h2.vc_custom_heading.bwmobpreheader{
   font-size: 20px !important;
   line-height: 24px !important;
}


h2.vc_custom_heading.bwinnerheadingmobile{
   font-size: 42px !important;
   line-height: 24px !important;
}

h2.vc_custom_heading.bwmobvadria{
    font-size: 34px !important;
    line-height: 38px !important;
}


h2.vc_custom_heading.bwmobilepartner{
    font-size: 24px !important;
    line-height: 32px !important;
    text-align: center !important;
}


body .container-wrap .vc_row-fluid[data-column-margin="70px"] .wpb_column:not(.child_column){
padding-left: 20px !important;
padding-right: 20px !important;

}


.ds-contact-lineleft:before{
  content: '';
 position: absolute;
 left: 0;
 top: 15px;
 height: 1px;
 width: 100%;
 background-color: #d0cccb;

}




body.material .nectar-button.regular.m-extra-color-gradient-1 {
    width: 100% !important;
    text-align: center;
}
}



@media only screen and (max-width: 690px){

#gform_page_1_1 .gform-page-footer::after {
  content: "";
  display: block;
  min-height: 15vh;
}


.ds-mobile-fullw .container  {
      width: 100% !important;
}



.five-cols > div {
  width: 100% !important;
  padding-bottom: 30px !important;
}


.bwsponingrams{
	margin: 0 auto;
}

.tabbed[data-style*=minimal]>ul li:not(.cta-button) .active-tab, .tabbed[data-style*=minimal]>ul li:not(.cta-button) a {
    padding: 20px 9px 5px 0px;
    font-size: 18px;
    text-align: center;
}

h2.vc_custom_heading.price-title-mobile{
	font-size: 28px !important;
}
body .clients[class*=col].no-carousel>div {
    margin-right: 1%;
    width: 100%;
}

h3.vc_custom_heading.bw-speakers-mobilesize{
    font-size: 1.8rem !important;
}
.ds-hideonmobile{
  display: none !important;
  visibility: hidden !important;
}
p.vc_custom_heading.bw-copyright-width {
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpb_text_column.wpb_content_element.ds-social {
    text-align: center !important;
    float: none !important;
}}

@media only screen and (min-width: 691px){
  .ds-hideondesktop{
    display: none !important;
    visibility: hidden !important;
  }
}






.ds-spozor-silvertwo .wpb_wrapper{
   display: flex !important;
   gap: 22px;
    justify-content: center;
}

@media only screen and (min-width: 720px) {
.ds-spozor-silvertwo .wpb_wrapper{
     align-items: center;
    justify-content: center;
}
    .ds-spozor-silvertwo .nectar-bg-black {
    margin-top:15px;
}
}


.ds-spozor-silvertwo .nectar-bg-black {
    background-color: #B3B3B3 !important;
}


@media only screen and (max-width: 720px) {
     .ds-spozor-silvertwo .nectar-bg-black {
    margin-top:0px;
}

}









@media only screen and (min-width: 1000px) {
 .ds-bullets ul li {
    line-height: 2;
}
}
@media only screen and (max-width: 999px) {
.ds-bullets ul li {
    padding-bottom: 20px;
}
.ds-bullets ul li::before    {
    top: 13px;
}
    
    
    
}




.page-id-6934 .container{
    padding: 0px;
}



.lenovo-mobile{
  max-width: 200px !important;
}




.gv-approval-toggle{
   display: block;
   margin-top: 8px;
}

body:not(.woocommerce-cart) .main-content td{
   padding: 8px !important;
   vertical-align: middle !important;
}


td#gv-field-1-id {
    text-align: center;
}

span.gv-field-label {
    font-size: 13px;
}

.flickity-slider .cell img{
    image-rendering: -webkit-optimize-contrast !important;
}

body.material[data-button-style*=slightly_rounded] .nectar-button.regular[class*=m-extra-color-gradient-]:before {
    border-radius: 0px !important;
    border: none !important;
}

body.material .nectar-button.regular.m-extra-color-gradient-1{
    border-radius: 0px !important;
    border: none !important;
}




h1, h2, h3, h4, h5, h6, p, span, ul, li {
     -moz-osx-font-smoothing: grayscale;   /* Firefox */
     -webkit-font-smoothing: antialiased; /* WebKit  */
    text-rendering: optimizeLegibility;
}

body header#top nav .sf-menu li.current_page_item > a,body header#top nav .sf-menu li.current-menu-item > a {
    color:#ff5500 !important;
}

body header#top nav .sf-menu li.current-menu-item > a {
    color:#ff5500 !important;
}


body header#top nav .sf-menu li.current_page_item > a {
    color:#ff5500 !important;
}

img {
  image-rendering: -webkit-optimize-contrast !important;
}

.img {
  image-rendering: -webkit-optimize-contrast !important;
}

img.img-with-animation.skip-lazy.animated-in {
    image-rendering: -webkit-optimize-contrast !important;
}

#header-outer.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i:before,#header-outer.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i:after{
    background-color: #7A7477!important;
}	

div#header-outer {
    box-shadow: none !important;
}






img.starting-logo.skip-lazy.default-logo {
    display: none !important;

    }


.dshomedivierheader .divider-border {
    height: 33px !important;
    background: #00264E;
    background: linear-gradient(0deg, 
        rgba(0, 38, 78, 1) 0%, 
        rgba(4, 41, 81, 1) 25%,
        rgba(8, 45, 84, 1) 50%, 
        rgba(13, 49, 87, 1) 70%,
        rgba(19, 54, 91, 1) 90%, 
        rgba(19, 54, 91, 1) 97%,
        rgba(50, 85, 122, 1) 100%);  /* još svjetlija za bolji kontrast */
        z-index: 1;
}



.ds-homeheroimgcol::after {
    position: absolute;
    content: '';
    width: 40vw;
    height: calc(100vh - 100px) !important;
    max-width: 570px !important;
    background-image: url('./img/header-element-desktop-retina.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    bottom: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}
/* Parent element */
.ds-homeheroimgcol {
    position: relative;
    overflow: visible !important;
}

/* Ako želite da slika malo "izađe" van kontejnera ali ostane vidljiva */
.wpb_row.full-width-section {
    position: relative;
    overflow: visible !important;
}

/* Za jako široke ekrane */
@media only screen and (min-width: 1920px) {
    .ds-homeheroimgcol::after {
        width: 35vw;
        max-width: 700px;
    }
}

/* Za tablet */
@media only screen and (max-width: 1024px) {
    .ds-homeheroimgcol::after {
        width: 35vw;
        height: 60vh;
    }
}




@media only screen and (min-width: 691px) {
   .ds-homemaxwdthero {
    max-width: 1415px !important;
    margin: 0 auto !important;
    padding-left: 70px !important;
    padding-right: 70px !important;
}
}


.ds-homwelcmargin{
    margin-bottom: -6px !important;
}




.ds-opatijamargin{
    margin-bottom: 10px !important;
    margin-top: -13px !important;
}


@media (min-width: 769px) and (max-width: 960px) {
 .ds-homeheroimgcol::after {
    max-width: 35vh !important;
}
}






.vforumsocial25 .wpb_wrapper p {
    display: flex;
    align-items: center;
    gap: 40px; /* Veći razmak između ikona */
    justify-content: center;
}

.vforumsocial25 .wpb_wrapper p img {
    display: inline-block;
    height: 24px; /* Fiksna visina 24px */
    width: auto; /* Automatska širina da zadrži proporcije */
    margin: 0; /* Uklanja default margine */
}

/* Opciono - ako želiš hover efekt */
.vforumsocial25 .wpb_wrapper p img:hover {
    cursor: pointer;
    transform: scale(1.1); /* Malo povećanje na hover */
    transition: all 0.3s ease;
}



@media only screen and (max-width: 769px) {
.hidemobvfor25{
  display: none !important;
  visibility: hidden !important;
}
}


.dshide{
  display: none !important;
  visibility: hidden !important;
}


#header-outer[data-lhe=animated_underline] #top nav>ul.buttons>li.bw-button-register>a {
    margin-right: 0px !important;
}

.nectar-button span {
    font-weight: bold;
}


.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #00264e;
    color: #fff;
}

.gf_progressbar {
    border-radius: 0px !important;
}


.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){
border-radius: 0px !important;
}


.gform_wrapper.gravity-theme .gf_progressbar{
margin-bottom: 50px;
}


input#gform_next_button_1_22 {
    background: #78BE21 !important;
    padding: 8px 30px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    transition: opacity 0.3s ease;
    margin-top: 10px;
}

input#gform_next_button_1_22:hover {
    opacity: 0.9;
}


input#gform_previous_button_1 {
    display: none !important;
}

.gform_wrapper.gravity-theme .gform_page_footer input+input {
    margin-top: 40px;
    margin-left: 0px;
}






/* Sakrijemo originalni select kada se custom dropdown kreira */
.custom-select-wrapper select {
    display: none !important;
}

/* Custom dropdown wrapper */
.custom-select-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

/* Glavni display element (ono što se vidi kada je dropdown zatvoren) */
.custom-select-display {
    background: white;
    border: 1px solid #ddd;
    padding: 12px 40px 12px 15px;
    cursor: pointer;
    font-size: 16px;
    font-family: inherit;
    position: relative;
    border-radius: 0px;
    min-height: 44px;
    display: flex;
    align-items: center;
    transition: border-color 0.3s ease;
}

.custom-select-display:hover {
    border-color: #999;
}

/* Strelica */
.custom-select-display::after {
    content: "\25BC";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #22478e;
    font-size: 14px;
    pointer-events: none;
}

/* Container za opcije (dropdown lista) */
.custom-select-options {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 0px;
    max-height: 260px;
    overflow-y: auto;
    display: none;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.custom-select-options.open {
    display: block;
}

/* Pojedinačne opcije */
.custom-select-option {
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
    font-size: 16px;
    color: #333;
}

.custom-select-option:last-child {
    border-bottom: none;
}

.custom-select-option:hover {
    background-color: #f5f5f5;
    color: #000;
}

.custom-select-option.selected {
    background-color: #00264e;
    font-weight: 600;
    color: #fff;
}

/* Placeholder stil */
.custom-select-option:first-child {
    color: #cccccc;
}

/* Scrollbar stiliziranje za dropdown */
.custom-select-options::-webkit-scrollbar {
    width: 8px;
}

.custom-select-options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 0px;
}

.custom-select-options::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0px;
}

.custom-select-options::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Responsive za mobilne uređaje */
@media (max-width: 768px) {
    .custom-select-display {
        font-size: 16px; /* Sprječava zoom na iOS-u */
        padding: 15px 40px 15px 15px;
    }
    
    .custom-select-options {
        max-height: 40vh;
    }
}

/* Kompatibilnost sa Gravity Forms */
.gfield .custom-select-wrapper {
    margin-bottom: 0;
}

/* Ako trebate da radi sa vašom .ds-register-arrow klasom */
.ds-register-arrow .custom-select-display::after {
    /* Koristite vašu postojeću strelicu ako želite */
    content: "\25BC";
    color: #22478e;
}



/* Svi tekstovi bold osim prvog */
.custom-select-option:not(:first-child) {
    font-weight: bold;
}

/* Display je bold samo ako nije prikazana prva opcija */
.custom-select-display {
    font-weight: bold;
}

/* Kada je dropdown zatvoren i prikazuje prvu opciju */
.custom-select-wrapper:has(select option:first-child:checked) .custom-select-display {
    font-weight: normal;
    color: #999;
}


#cn-notice-text a{
    color: #fff !important;
    text-decoration: underline !important;
}



/* Stiliziranje svih text, email, tel input polja u Gravity Forms */
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="number"],
.gfield input[type="url"],
.gfield input[type="password"],
.gfield textarea,
.ginput_container input[type="text"],
.ginput_container input[type="email"],
.ginput_container input[type="tel"],
.ginput_container input[type="number"],
.ginput_container input[type="url"],
.ginput_container input[type="password"],
.ginput_container textarea,
input.large {
    background: white !important;
    border: 1px solid #ddd !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    font-family: inherit !important;
    border-radius: 0px !important;
    min-height: 44px !important;
    width: 100% !important;
    transition: border-color 0.3s ease !important;
    box-sizing: border-box !important;
    line-height: normal !important;
}

/* Hover efekt */
.gfield input[type="text"]:hover,
.gfield input[type="email"]:hover,
.gfield input[type="tel"]:hover,
.gfield input[type="number"]:hover,
.gfield input[type="url"]:hover,
.gfield input[type="password"]:hover,
.gfield textarea:hover,
.ginput_container input:hover,
input.large:hover {
    border-color: #999 !important;
}

/* Focus efekt - samo border bez sjene */
.gfield input[type="text"]:focus,
.gfield input[type="email"]:focus,
.gfield input[type="tel"]:focus,
.gfield input[type="number"]:focus,
.gfield input[type="url"]:focus,
.gfield input[type="password"]:focus,
.gfield textarea:focus,
.ginput_container input:focus,
input.large:focus,
.gform_wrapper.gravity-theme input[type="text"]:focus,
.gform_wrapper.gravity-theme input[type="email"]:focus,
.gform_wrapper.gravity-theme input[type="tel"]:focus,
.gform_wrapper.gravity-theme input[type="number"]:focus,
.gform_wrapper.gravity-theme input[type="url"]:focus,
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.gform_wrapper .ginput_container input:focus,
.gform_wrapper .gfield input:focus,
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="url"]:focus,
#gform_wrapper_1 input[type="password"]:focus,
#gform_wrapper_1 textarea:focus,
body .gform_wrapper input[type="text"]:focus,
body .gform_wrapper input[type="email"]:focus,
body .gform_wrapper input[type="tel"]:focus,
body .gform_wrapper input[type="number"]:focus,
body .gform_wrapper input[type="url"]:focus,
body .gform_wrapper input[type="password"]:focus,
body .gform_wrapper textarea:focus {
    outline: none !important;
    border: 2px solid #00264e !important;
    box-shadow: none !important;
    padding: 11px 14px !important;
}

/* Za textarea specifično */
.gfield textarea:focus,
.ginput_container textarea:focus,
.gform_wrapper textarea:focus,
#gform_wrapper_1 textarea:focus,
body .gform_wrapper textarea:focus {
    outline: none !important;
    border: 2px solid #00264e !important;
    box-shadow: none !important;
    padding: 11px 14px !important;
}

/* Placeholder stilovi */
.gfield input::placeholder,
.gfield textarea::placeholder,
.ginput_container input::placeholder,
input.large::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-weight: normal !important;
}

/* Textarea specifično */
.gfield textarea,
.ginput_container textarea {
    min-height: 120px !important;
    resize: vertical !important;
    padding: 12px 15px !important;
}

/* Checkbox i radio dugmad */
.gfield input[type="checkbox"],
.gfield input[type="radio"] {
    width: auto !important;
    min-height: auto !important;
    margin-right: 8px !important;
}

/* Label za checkbox (kao u vašem GDPR polju) */
.gfield_consent_label,
.gfield .gform-field-label--type-inline {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: normal !important;
}

/* Submit dugmad - isti stil kao Next dugme */
input#gform_submit_button_1,
input#gform_previous_button_1,
.gform_button,
.gform_previous_button {
    background: #78BE21 !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    border: none !important;
    border-radius: 0px !important;
    color: white !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease !important;
    min-height: auto !important;
    line-height: normal !important;
}

input#gform_submit_button_1:hover,
input#gform_previous_button_1:hover,
.gform_button:hover,
.gform_previous_button:hover {
    opacity: 0.9 !important;
}

/* Previous dugme - sekundaran stil */
input#gform_previous_button_1,
.gform_previous_button {
    background: #666 !important;
}

/* Error state za validaciju */
.gfield_error input[type="text"],
.gfield_error input[type="email"],
.gfield_error input[type="tel"],
.gfield_error input[type="number"],
.gfield_error input[type="url"],
.gfield_error textarea {
    border-color: #c02b0a !important;
}

/* Disabled state */
.gfield input:disabled,
.gfield textarea:disabled {
    background-color: #f5f5f5 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* Responsive za mobilne uređaje */
@media (max-width: 768px) {
    .gfield input[type="text"],
    .gfield input[type="email"],
    .gfield input[type="tel"],
    .gfield input[type="number"],
    .gfield input[type="url"],
    .gfield input[type="password"],
    .gfield textarea,
    .ginput_container input,
    input.large {
        font-size: 16px !important;
        padding: 15px !important;
    }
}

/* Uklanja default stilove browsera */
.gfield input,
.gfield textarea,
.gfield select,
.ginput_container input,
.ginput_container textarea {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Specifično za vaš GDPR checkbox */
.ds-agree .ginput_container_consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.ds-agree input[type="checkbox"] {
    margin-top: 2px !important;
}

/* Dodatno forsiranje za Gravity Forms */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    background: white !important;
    border: 1px solid #ddd !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    border-radius: 0px !important;
    min-height: 44px !important;
}

/* Resetovanje Gravity Forms tema stilova */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="url"] {
    background: white !important;
    border: 1px solid #ddd !important;
    padding: 12px 15px !important;
}

/* Dodaj razmak ispod svakog field-a */
.gfield {
    margin-bottom: 15px !important;
}

div#gform_confirmation_message_1 {
    min-height: 400px;
}

/* Na početak CSS-a dodajte */
.gform_wrapper {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gform_wrapper.loaded {
    opacity: 1;
}

/* CRITICAL CSS - učitava se prvo */
.gform_wrapper,
.gform_wrapper * {
    visibility: hidden;
}

.gform_wrapper.gform-loaded,
.gform_wrapper.gform-loaded * {
    visibility: visible;
}

/* Animacija pojavljivanja */
.gform_wrapper {
    opacity: 0;
}

.gform_wrapper.gform-loaded {
    opacity: 1;
    transition: opacity 0.2s ease;
}



.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    border-radius: 0px !important;
}


.gform_validation_errors ol {
    margin-bottom: 0px !important
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #FF0000;
    box-shadow: none !important;
    color: #FF0000 !important;
    
}




.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #FF0000;
    box-shadow: none !important;
    color: #FF0000 !important;
    padding: 12px 40px 12px 15px !important;
}


.gform_wrapper.gravity-theme .gform_validation_errors>h2{
    color: #FF0000 !important;
}


.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
    color: #000 !important;
}


.ds-bullet-accomod ul {
    list-style-type: disc !important; /* Crni bulleti */
    list-style-position: outside !important; /* Bulleti van teksta */
    margin: 0 !important;
    padding-left: 16px !important; /* Prostor za bulletove */
    margin-top: -20px !important; /* Razmak između naslova i liste */
}

.ds-bullet-accomod ul li {
    margin-bottom: 0px !important; /* Razmak između stavki */
    padding-left: 0 !important;
    color: #000 !important; /* Boja teksta */
    line-height: 1.5 !important;
    padding-bottom: 0px !important;
}

/* Ako želite drugačiji stil bulleta */
.ds-bullet-accomod ul li::marker {
    color: #000 !important; /* Crna boja bulleta */
    font-size: 15px !important;
}



/* Za mobitel */
/* Za manje mobilne uređaje (do 480px) */
@media only screen and (max-width: 480px) {
    .ds-homeheroimgcol::after {
        position: relative !important;
        right: -8% !important; /* Manji pomak za manje ekrane */
        bottom: 0 !important;
        width: 92% !important;
        height: 41vh !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-image: url('./img/header-element-mobile-retina.png') !important;
        content: '' !important;
        display: block !important;
        margin: 0 !important;
    }
}

/* Za srednje mobilne uređaje (481px - 620px) */
@media only screen and (min-width: 481px) and (max-width: 620px) {
    .ds-homeheroimgcol::after {
        position: relative !important;
        right: -16% !important; /* Srednji pomak */
        bottom: 0 !important;
        width: 92% !important;
        height: 41vh !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-image: url('./img/header-element-mobile-retina.png') !important;
        content: '' !important;
        display: block !important;
        margin: 0 !important;
    }
}

/* Za veće mobilne uređaje (621px - 720px) */
@media only screen and (min-width: 621px) and (max-width: 720px) {
    .ds-homeheroimgcol::after {
        position: relative !important;
        right: -22% !important; /* Veći pomak */
        bottom: 0 !important;
        width: 92% !important;
        height: 41vh !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-image: url('./img/header-element-mobile-retina.png') !important;
        content: '' !important;
        display: block !important;
        margin: 0 !important;
    }
}

/* Za tablete (721px - 768px) */
@media only screen and (min-width: 721px) and (max-width: 768px) {
    .ds-homeheroimgcol::after {
        position: relative !important;
        right: -26% !important; /* Najveći pomak za veće ekrane */
        bottom: 0 !important;
        width: 92% !important;
        height: 41vh !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-image: url('./img/header-element-mobile-retina.png') !important;
        content: '' !important;
        display: block !important;
        margin: 0 !important;
    }
}


.ds-bullet-attend ul{
        margin-left: 14px !important;
    }
