/*
Theme Name: Ave Child
Theme URI: http://ave.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template:  ave
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: ave
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/
/*Logo ENG*/
.page-id-4441 span.navbar-brand-inner img {
	opacity: 0;
}
.page-id-4441 span.navbar-brand-inner:before {
    content: '';
    position: absolute;
    background-image: url(https://www.saric.rs/wp-content/uploads/2021/05/law-office-saric.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.main-header-overlay {
    background-color: #ffffff00;
	/*background-color: rgb(0, 81, 83);*/

}

.pocetna-usluge, .pocetna-usluge-1 {
    min-height: 400px;
}
.pocetna-usluge .ld-container.container,
.pocetna-usluge-1 .ld-container.container {
    align-items: center;
    align-content: center;
}

/*NAVBAR
.navbar-brand img {
    filter: drop-shadow(0px 4px 6px #00000044);
}*/
ul#primary-nav a, .mb-0 .liquid-counter-element {
    font-family: 'Cormorant Garamond Medium';
}
.lqd-sticky-placeholder.hide + .mainbar-wrap.vc_custom_1614176692727{
	box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
#header .mainbar-wrap.is-stuck .main-nav > li > a:hover {
	color: #000 !important;
}
/*LOGO*/
/*.lqd-sticky-placeholder.hide + .mainbar-wrap.vc_custom_1614176692727 span.navbar-brand-inner:before {
    content: '';
    position: absolute;
    top: -15%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-color: #fff;
    z-index: -1;
    transform: rotate(45deg);
	-moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
}*/


/*NA VRH SCROLL*/
.lqd-back-to-top {
    right: 15px;
}
/*ANCHOR*/
div#usluge, div#o-nama, #services, #about-us {
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    flex-direction: unset;
    display: block;
    overflow: hidden;
    position: relative;
    width: 0px;
    height: 0px;
	visibility:hidden;
	font-size: 0;
}
div#usluge, div#o-nama, #services, #about-us{top: -50px;}
.lqd-back-to-top a {
    width: 110px;
    height: 50px;
    background-color: unset;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
.lqd-back-to-top a i {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.fa-angle-up:after {
    content: 'NA VRH';
    display: block;
    text-align: center;
    font-size: 14px;
	padding-right: 5px;
}
.page-id-4441 .fa-angle-up:after {
    content: 'TOP';
}
.fa-angle-up:before {
    text-align: center;
    display: block;
}

/*POCETNA*/
.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(1), 
.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(2),
.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(3),
.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(4){
    display: inline-flex !important;
}
.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(2){
	padding-left: 5px;
}
/*video*/
.header-video .row-bg-wrap.bg-loaded .row-bg-inner {
    z-index: 1;
}
.row-bg-appended .row-bg-loader, .slideshow-applied .row-bg-loader,
span.lqd-vbg-loader,
.mejs-layers {
    display: none;
}
/*Karitce*/
.kartice-blur .fancy-box-overlay.tall {
    padding-bottom: 100%;
}

/*FOOTER*/
/*Kontakt forma*/
.kontakt-forma {
    display: flex;
    align-items: center;
}
.lqd-contact-form .kontakt-forma textarea {
	height: 50px !important;
}
.kontakt-forma input, .kontakt-forma textarea {
	margin-bottom: unset;
	border-radius: 4px !important;
}
.kontakt-forma .wpcf7-form-control.wpcf7-submit {
	border-radius: 4px;
}
/*Razmak izmedju*/
.kontakt-forma span {
    margin-right: 20px;
}
/*Footer logo*/
footer#footer {
	position: relative;
	overflow: hidden;
}

footer#footer:before {
    content: '';
    position: absolute;
    top: 10%;
    left: 50%;
	transform: translateX(-50%);
    opacity: 0.2;
    width: 400px;
    height: 400px;
    background-image: url(https://saric.rs/wp-content/uploads/2021/04/logo-danilo-saric-footer.png);
    background-size: cover;
	
}
/*
.footer-logo-background {
    position: absolute;
    right: 0;
    right: -7.86%;
	opacity: 0.2;
    width: max-content;
    overflow: hidden;
    pointer-events: none;
}*/
/*Podaci*/
.podaci-firme li {
    margin-bottom: 8px;
}
.podaci-firme ul {
    list-style-type: none;
}

/*2K*/
@media only screen and (min-width: 1950px){
	section.vc_row.wpb_row.vc_row-fluid.header-video.vc_custom_1614421911042 {
		padding-top: 100px !important;
		padding-bottom: 200px !important;
	}
}
/**/
@media only screen and (min-width: 769px){
	.is-stuck .navbar-brand .logo-sticky {
		display: block;
		max-width: 500px;
		max-height: 100px;
		width: auto;
	}
}
/*MOBILE*/
@media only screen and (max-width: 768px){
	/*ANCHOR*/
	div#usluge, #services {
		top: -120px;
	}
	div#o-nama, #about-us{
		top: 120px;
	}
	/*Logo*/
	 
	header#header .navbar-brand {
		max-width: 210px !important;
	}
	
	.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(2){
		padding-left: unset;
	}
	.kartice-blur .drugi-font .lqd-lines.split-unit:nth-child(3){
		padding-left: 5px;
	}
	/*HEADER*/

	[data-mobile-header-scheme=light] .navbar-header,
	.main-header .navbar-header,
	[data-mobile-nav-style=classic] .navbar-collapse, [data-mobile-nav-style=minimal] .navbar-collapse{
		background: transparent !important;
	}
	header#header .nav-trigger .bar{
		background-color: #555;
	}
	[data-mobile-nav-style=classic] header#header .navbar-collapse, 
	[data-mobile-nav-style=minimal] header#header .navbar-collapse {
		box-shadow: unset;
	}
	#header .navbar-brand {
		padding: 10px 0;
	}
	.mainbar-wrap.vc_custom_1614176692727 {
		box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
		-webkit-backdrop-filter: blur(40px) saturate(100%);
		backdrop-filter: blur(40px) saturate(100%);
		position: fixed;
		width: 100%;
	}
	/*Dugme desno*/
	button.navbar-toggle.collapsed.nav-trigger.style-mobile,
	button.navbar-toggle.nav-trigger.style-mobile{
		padding-right: 20px;
	}
	.nav-trigger.style-mobile .bar {
    	width: 25px;
		height: 3px;
	}
	
	.nav-trigger.collapsed.style-mobile .bar:nth-child(2) {
		margin-left: 3px;
	}
	.nav-trigger.style-mobile .bars {
    	width: 30px;
    	height: 20px;
	}
	/**/
	.fancy-box-overlay.tall h3 {
		font-size: 36px;
	}
	/*Collection Ave*/
	.collection-row .row.ld-row.parallax-applied {
		flex-direction: column-reverse;
	}
	
	/*Kontakt forma*/
	.kontakt-forma {
		flex-wrap: wrap;
	}
	.kontakt-forma .wpcf7-form-control.wpcf7-submit {
		margin-top: 30px;
		width: calc(100% - 5px);
		justify-content: center;
	}
	form.wpcf7-form.init {
		margin-top: 15px;
	}
	/*Footer*/
	/*Copyright*/
	.copyright .row.ld-row {
		flex-direction: column-reverse;
	}
	.copyright .inline-nav>li {
		font-size: 12px;
	}
	.copyright .inline-nav>li:not(first-of-type){
		margin-left: 4px;
	}
	
	footer#footer:before {
		top: unset;
		bottom: 10%;
		right: -40%;
		width: 500px;
		height: 500px;	
	}
	
	footer#footer:before {
		left: 60%;
	}
	    
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	img.mobile-logo-default,img.logo-sticky {
		max-width: 150px;
	}
	.kartice-blur .wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-3{
		width: 50%;
		display: inline-block;
	}
	header#header ul.nav.main-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

}
/*MOBILE END*/
/*ANIMACIJA*/
.scroll-down {
    position: absolute;
    top: -200px;
    right: 0;
}
.circle-1, .circle-2 {
  animation: scroll 2s infinite linear;
  opacity:0;
}

.circle-2{
  animation-delay: 1s;
}

@keyframes scroll {
  0% {
    cy: 4;
    opacity: 0;
  }
  45%, 55% {
    opacity: 1;
    cy: 9;
  }
  100% {
    cy: 14;
    opacity: 0;
  }
}

html[lang="en-GB"] div#logoen img.vc_single_image-img.attachment-full.ld-lazyload.loaded {
    padding: 16px 0;
}
.kontakt-forma > p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}
@media only screen and (max-width: 966px) {
    html[lang="en-GB"] div#logoen {
        display: none !important;
    }
    html[lang="en-GB"] .navbar-header.hidden-lg {
        width: 100vw;
    }
	.kontakt-forma > p {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column ; 
		width: 100%;
	}
	.kontakt-forma span {
		margin-right: 0;
	}
}