/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 18 2026 | 16:33:56 */
.dt-mobile-menu-icon:not(.floating-btn) .menu-line:before{
    background: #fff;
}
.sticky-mobile-on .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before{
    background: #111;
}

@media all and (min-width:1024px) and (max-width:1439px) {
    h1 {
        font-size:38px!important;
        line-height:1.2!important;
        margin-bottom:32px!important;
		margin-top:60px!important;
    }
    h2 {
        font-size:32px!important;
        line-height:1.25!important;
        margin-bottom:20px!important;
    }
    p {
        font-size:18px!important;
        line-height:1.6!important;
        margin-bottom:18px!important;
    }
	
	.elementi_footer{
		display:inline;
	}
	
}

@media all and (min-width:1440px) {
	
    h1 {
        font-size:40px!important;
        line-height:1.2!important;
        margin-bottom:36px!important;
		margin-top:80px!important;
    }
    h2 {
        font-size:34px!important;
        line-height:1.25!important;
        margin-bottom:22px!important;
    }
    p {
        font-size:19px!important;
        line-height:1.6!important;
        margin-bottom:20px!important;
    }
	
	body:not(.home) #main {
	  padding: 120px 0 0 0!important;
	}
	
	.home #main{
	margin-bottom:0px!important;
	}
	
	body.single #main{
    padding: 40px 0 20px 0 !important;
	}
	
	.elementi_footer{
		display:inline;
	}

.main-nav > li > a .menu-text {
    font: normal 300 19px / 21px "Baskervville", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
	
}







.dt_portfolio-template-default h1{
	margin-bottom:30px!important;
}

.post-navigation .nav-next .post-title {
  align-self: flex-start!important;
}
.nav-previous .post-title {
  align-self: flex-end!important;
}

.post-navigation .nav-next {
    text-align: left!important;
}

.nav-previous .meta-nav {
    text-align: right!important;
}

.post-details.details-type-link {
  font-size: 17px;
  display:none;
}
@media all and (max-width:832px) {
   .mobile-hamburger-close-bg-enable .dt-close-mobile-menu-icon:before
 	{
    background-color: transparent!important;
	}
  
  .single-portfolio .project-content > div:first-child .wpb_text_column{
    padding: 0 40px;
  }
  .post-details.details-type-link {
    display:block;
}
	
.dt_portfolio-template-default h1{
	margin-bottom:30px!important;
}
  
  .kolumna{margin:100px 0px!important;}
  
}

#bottom-bar .wf-wrap{width:100%!important;}

.vc_column_container > .vc_column-inner{
  padding-left:0;
  padding-right:0;
  align-self:center;
}

.project-info-box{
  display:none;
}

.single-share-box{
  display:none;
}

.nav-links{
  border-top:none;
}



.wpb_text_column{
  padding-bottom:0!important;
}

.vc_column_container {
  margin:0;
}

.vc_row-no-padding .vc_inner {
  display:flex;
  justify-content:center;
}


@media all and (max-width:1024px) {
	
	.tekstualna_kolona{
		margin: 60px 0;
	}
	
	h2{
	font-size:28px!important;
	margin-bottom:20px!important;
	line-height:1.2!important;
	}
		
	.page-id-896  #main {
			padding: 60px 0 40px 0 !important;
		}

	.page-id-896  h2 {
			font-size:28px!important;
			padding-top:60px!important;
		}


	.page-id-896 .tekst{
		margin-bottom:25px!important;
	}

	.page-id-896 .paragraf{
		padding-bottom:25px!important;
	}
	
	.glavni_naslov h1{
		font-size:34px!important;
		margin-bottom:24px!important;
		line-height:1.2!important;
	}

	.page-id-875 .uvc-main-heading h1{
	  margin-top:60px!important;
	  margin-bottom:24px!important;
	}
	
	
	.wp-singular .uvc-main-heading h1{
	  margin-top:60px;
	  margin-bottom:24px!important;
	}
	
	.single .uvc-main-heading h1{
	  margin-top:60px;
	  margin-bottom:30px!important;
	}

  h1{
    font-size: 28px;
    line-height: 1.2em;
  }
	
	p{
		font-size:16px;
		line-height:1.6;
		margin-bottom:16px;
	}

}

@media all and (max-width:1280px) {

  h1{
    font-size: 28px !important;
    line-height: 1.2em !important;
  }
  
  .wpb_text_column{
    font-size:14px;
    line-height:1.4em;
  }

  .cr_more_link{
	  margin:20px 0 0!important;
}
	
}

.cr_menu_d_show .menu-text{
	letter-spacing:0.2em!important;
}


.cr_flex_wrap{
  flex-wrap:wrap;
}
.cr_text_block{
  padding:0 20%;
}



.single #main{
    padding: 40px 0 20px 0!important;
}


@media all and (max-width:832px) {
  

	
    .zdn_txt{margin-bottom:10px!important;}
	
	.elementi_footer{
		display:block;
	}
 	
  .cr_flex_wrap > div:not(:last-child){
    margin-bottom:2px;
  }
  .cr_text_block{
    padding:0 30px;
  }
  #main {
    padding: 70px 0 40px 0!important;
  }
  #bottom-bar .wf-float-left{
    margin-bottom:20px!important;
  }
}

.cr_more_link{
  margin:20px 0 40px;
}



	
.single .uvc-main-heading h1{
	  margin-top:40px!important;
	  margin-bottom:30px!important;
	}

.social-links1 img{
  max-width:30px;
  max-height:30px;
}
.social-links1 a{
  line-height:0;
}
.social-links1{
  align-items:center;
}


figure{
  width:100%;
}
figure .vc_single_image-wrapper{
  width:100%;
}
figure img{
  width:100%;
}
.dt-owl-item > div{
   width:100%;
}
.dt-owl-item > div > figure{
   width:100%;
}
.dt-owl-item > div > figure > a{
  width:100%; 
}
.dt-owl-item > div > figure > a > img{
  width:100%;  
}





body:not(.home) .mobile-header-bar{
  background:#000;
}

.cr_menu {
  display:block;
  position:fixed;
  overflow:hidden;
  top:0;
  left:0;
  width:100%;
  max-width:0%;
  height:100%;
  z-index:9997;
  transition: all 0.8s ease-out;
}
.cr_menu_show{
  max-width:100%;
}
.cr_menu_d{
  z-index: 2;
  position: relative;
  text-align: center;
  margin-top: 100px;
  opacity:0;
}
.cr_menu_d_show{
  opacity:1;
  transition: opacity 1.2s linear 0.6s;
}
.cr_menu_d > img {
  margin-bottom:40px;
}
.cr_menu_d ul > li{
  justify-content:center;
}

.cr_menu_d ul > li .menu-text {
  color: #fff !important;
  font-size: 40px;
  line-height: 1.2em;
}
.cr_menu_d ul > li .menu-text:hover {
  background-color:#333;
}
body:not(.home) .cr_menu_d .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text {
    color: #fff !important;
}

.cr_menu_x{
  z-index: 2;
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 40px;
  color: #fff;
  text-transform: lowercase;
  cursor: pointer;
  opacity:0;
}
.cr_menu_x_show{
  opacity:1;
  transition: opacity 1.2s linear 0.6s;
}
.cr_menu_bck{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: linear-gradient(90deg,rgba(43,43,43,0.9),rgba(128,128,128,0.9));
  transition: all 1.8s ease-out;
}
.cr_menu_bck_show{
  background: rgba(43,43,43,0.9);
}

.cr_fake_humby {
  display: none;
  width: 28px;
  flex-wrap: wrap;
  align-items: center;
  margin: 23px 0;
  cursor:pointer;
}
.cr_fake_humby > div {
  width: 100%;
  height: 2px;
  background: #444;
}

.sticky-on .navigation > #split_left-menu {
  display:none;
}
.sticky-on .cr_fake_humby{
  display:flex;
}

.crta{
  border-top:1px solid #ebebeb;
}

.lijevo{width:48%; float:left;}
.desno{width:48%; float:right;}
input, textarea{border:none; background:white;}

input{
  border:1px solid #ebebeb!important;  
}

.branding a img, .branding img {
    max-width: 100%;
    height: 50px;
}

.branding > a, .branding > img {
    padding: 0px 0px 0px 0px;
}
.phantom-sticky .sticky-on.masthead:not(.side-header){
    padding: 0px 0px 0px 0px!important;
}

.wpcf7-submit {background:black!important; display:inherit!important; margin:0px auto!important;}
.wpcf7-submit:hover {background:#333!important;}

.bqout{
font-size:2vw;
line-height:1.06em;
color:#43515a;
}

.page-id-922 h3{font-size:23px!important;}

.single-portfolio h3{margin-top:-30px; font-style:italic; font-size:21px;}

.pravila{display:table; margin:0px auto;}

.cr_menu_d img[src$=".svg"] {
  height: 48px;
  width: auto;
}

.mob_logo{
  height: 48px;
  width: auto;
}

.single-portfolio .mobile-header-bar{background:white!important;}
.single-portfolio .mobile-header-bar{background:white!important;}
.single-portfolio .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before
 {
    background: black;
}

.single-portfolio .sticky-mobile-off .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before {
    background: black;
}


.sticky-mobile-on .mobile-header-bar{background:white!important;}
.sticky-mobile-off .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before
 {
    background-color: #000000;
    background: white;
    transition: 0.2s linear;
}

.home .sticky-mobile-off .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before
 {
    background-color: #000000;
    background: white;
    transition: 0.2s linear;
}

@media all and (max-width:832px){
  
    .show-mobile-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img.mobile-logo, .show-device-logo .branding img, .show-mobile-logo .mobile-branding img.mobile-logo, .show-mobile-logo.show-device-logo .mobile-branding img.mobile-logo, .show-device-logo .mobile-branding img, .transparent .mobile-branding img.mobile-desktop-logo
	 {
        display: inline-block;
        max-width: 100%;
        height: 44px;
        margin-top:0px!important;
    }

  
    .bqout{
     font-size:28px!important;
     line-height:1.4em;   
     margin-top: 40px;
     margin-bottom: 30px;
  }
  
  
      .bqout1{
     font-size:28px!important;
     line-height:1.4em;   
     margin-top: 40px;
     margin-bottom: 30px;
  }
  
  .creative-reverse-col{
    flex-direction:column-reverse;
  }
}

.masthead{
  background-color:transparent!important;
}

body:not(.home) .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text{
  color:#43515a!important;
}
body:not(.home) .sticky-on .main-nav > li.act:not(.wpml-ls-item) > a .menu-text{
  color:#43515a;
}
body:not(.home) .main-nav > li:not(.wpml-ls-item) > a .menu-text {
  color: #43515a;
}
.sticky-on .mini-widgets .soc-ico a:not(:hover) .soc-font-icon{
  color: #43515a!important;
}
body:not(.home) .masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon{
  color: #43515a!important;
}
body:not(.home) .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .soc-ico a .soc-font-icon{
  color: #43515a!important;
}
body:not(.home) .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text{
  color:#43515a!important;
}
body:not(.home) .masthead .mini-widgets .soc-ico a:hover .soc-font-icon{
  color:#43515a!important;
}
.sticky-on .main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text{
  color:#43515a!important;
}
.sticky-on .mini-widgets .soc-ico a:hover .soc-font-icon{
  color:#43515a!important;
}


.mobile-main-nav li > a .menu-text
 {
    font: 700 18px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.6;
   	letter-spacing:0.2em!important;
}



@media (max-width: 768px){
  .crtica{display:none!important;}
  .n_red{display:block!important;}
}