#sp-header {
    background-color: #fff!important;
    height: 70px;
    left: 0;
    position: absolute;
    top: 0px!important;
    width: 100%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    z-index: 99;
}

#sp-header .logo {
    display: inline-block;
    height: 70px!important;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
}

/****************** NAV ******************/

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 15px;
    line-height: 33px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.35px;
    color: #000!important;
    margin: 0;
    border-radius: 2px;
    margin-top: 20px;
    font-weight: 400 !important;
}




.sp-page-builder .page-content #kontakt {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -200px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #FBBE07;
    box-shadow: 0 0 0 0 #ffffff;
    z-index: 0!important;
}



#sp-footer {
    background-color: #000!important;
    padding: 30px 0 32px 0;
}


div.sppb-addon.sppb-addon-single-image.sppb-text-center.lik_usluge {
    
    	-webkit-animation: usluge 4s linear infinite both!important;
	        animation: usluge 4s linear infinite both!important;
}


div.sppb-addon.sppb-addon-single-image.sppb-text-left.lik_footer div.sppb-addon-single-image-container {
	-webkit-animation: vibrate-1 4s linear infinite both!important;
	        animation: vibrate-1 4s linear infinite both!important;
}


div.sppb-addon.sppb-addon-single-image.sppb-text-left.lik_footer div.sppb-addon-single-image-container {
	animation-name: hodanje!important;

	animation-duration: 8s!important;
	animation-fill-mode: both!important;
	animation-iteration-count: infinite!important;
	animation-direction: alternate-reverse!important;
}


div.sppb-addon.sppb-addon-single-image.sppb-text-right.lik_vijesti {
    	-webkit-animation: vibrate-1 2s linear infinite both!important;
	        animation: vibrate-1 2s linear infinite both!important;
    
}

div.sppb-addon.sppb-addon-single-image.lik_slider {
    	  animation: MoveUpDown 5s ease-in-out infinite;
  position: absolute;
  left: 0;
  bottom: 0;
    
}

div.sppb-addon.sppb-addon-single-image.lik_slider_mobile {
    	  animation: MoveUpDownMobile 5s ease-in-out infinite;
  position: absolute;
  left: 0;
  bottom: 0;
    
}

@keyframes MoveUpDownMobile {
  0% {
    transform: translateY(-150px);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(-150px);
  }
}



@keyframes usluge {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(-30px);
  }
}



@keyframes MoveUpDown {
  0% {
    transform: translateY(-100px);
  }
  50% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(-100px);
  }
}


@keyframes hodanje {
	from{ transform: translateX(-200px)}
	to{ transform: translateX(1600px)}
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}



#offcanvas-toggler > i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #000;
}
#offcanvas-toggler {
    float: right;
    line-height: 70px;
    margin-right: 15px;
    margin-left: 5px;
    font-size: 28px;
}

article.item-page .entry-image {
    display: noneimportant;
}

span.sppb-articles-carousel-meta-category {
    display: none!important;
}

.ba-gallery .ba-pagination a.ba-btn:hover, .ba-gallery .ba-pagination a.ba-btn.ba-current {
    background-color: #fbbe07!important;
    color: #000!important;
}


li.sp-menu-item.telephone .fa.fa-mobile-phone:before, .fa.fa-mobile:before {
    content: "\f095"!important;
	font-size: 18px;
	color: #fbbe07;
}

li.sp-menu-item.telephone:hover a {
    background-color: transparent !important;
}


.djacc-popup .djacc__openbtn--default {
    background: #fbbe07!important;
	color: #000;
    border-radius: 50%;
}


article.item-page .entry-header-wrap .entry-header h2 {
    font-size: 36px;
    color: #3c3d41;
    letter-spacing: -1.38px;
    line-height: 1.58;
    margin-top: 20px;
    margin-bottom: -50px;
    float: left;
}



.sppb-addon-articles .sppb-addon-article .sppb-addon-article-info-wrap {
    padding: 0 0px !important;
    position: relative;
    z-index: 2;
}



div.sppb-addon.sppb-addon-articles.naslovna_radovi .sppb-addon-article {
    text-align: left;
    padding: 0px 0 20px!important;
    position: relative;
}

div.sppb-addon.sppb-addon-articles.naslovna_radovi a:hover {
   color: #3b3d40!important;
}





.sppb-addon-articles .sppb-addon-article:after {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    height: 1px;
    width: 100%;
    background:none!important;
    bottom: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


div.ba-form-footer {display: none!important;}