/* ======= Gallery style ======= */

/*  add more style  */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.annie-more-trigger2 {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    border: 2px solid #101010;
    margin: 0 auto;
    position: relative;
}
.annie-more-trigger2:hover {
    background-color: #101010;
    border: 2px solid #101010;
}
.annie-more-trigger2:hover .plus2,
.annie-more-trigger2:hover .plus2:after {
    background: #fff;
}
.plus2 {
    width: 20px;
    height: 1px;
    background: #101010;
    position: absolute;
    top: 50%;
    left: 23px;
    margin: 0 auto;
}
.plus2:after {
    content: ' ';
    width: 20px;
    height: 1px;
    background-color: #101010;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
}

.annie-more-wrapper2 {
    display: none;
    visibility: hidden;
}
.annie-more-wrapper2.visible {
    visibility: visible;
    display: block;
    margin: 30px auto 120px;
}

/* show more animation style */
.annie-show-more-container2 {
    visibility: hidden;
    display: none;
    max-height: 0px;
    opacity: 0;
    transition-duration: .5s;
    transition-timing-function: linear;
    height: 100%;
}
.annie-show-more-container2.visible {
    visibility: visible;
    display: block;
    animation: LHC .3s;
    animation-fill-mode: both;
    min-height: 100%;
}
@keyframes LHC {
    from {
        max-height: 0px;
        opacity: 0;
    }
    to {
        opacity: 1;
        margin-top: -60px;
        max-height: 100%;
    }
}
.annie-show-more-container2.animated {
    animation: HCC .5s;
    animation-fill-mode: both;
}
@keyframes HCC {
    from {
        max-height: 2050px;
        opacity: 1;
    }
    to {
        opacity: 0;
        max-height: 0px;
    }
}




/* ======= Ripple ======= */
		.ripple-wrap {
			position: relative;
		}

		.ripple-wrap canvas {
			position: absolute;
			z-index: 1;
		}


#particles-js{
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
}
#particles-js2{
	top:0;left=0;
	width:96%;
	height:96%;
	position:absolute;
	z-index:9;
}
#particles-js3{
	top:0;left=0;
	width:96%;
	height:96%;
	position:absolute;
	z-index:9;
}
#particles-js4{
	top:0;left=0;
	width:96%;
	height:96%;
	position:absolute;
	z-index:9;
}
#particles-js5{
	top:0;left=0;
	width:96%;
	height:96%;
	position:absolute;
	z-index:9;
}

#particles-jsS{
margin:0; padding:0;
	top:0;
	width:95%;
	height:95%;
	position:absolute;
	z-index:1;
}






/* ======= Slajder ======= */

#home li.slajd1 {background-image: url("../images/singer1920.jpg");background-position: center;} 
#home li.slajd2 {background-image: url("../images/fotelja1920.jpg");background-position: left;} 
.annie-hero .flexslider .slider-text {
    display: table;
    opacity: 0;
    min-height: 100vh;
    padding-top: 400px;
    z-index: 9;
}



@media screen and (max-width: 768px) {
#home li.slajd1 {background-image: url("../images/singer1920.jpg");background-position: center;} 
#home li.slajd2 {background-image: url("../images/fotelja700.jpg");background-position: center;} 

}



#dnostrane {
  background-image: url(../ploca/slike/brushbg.png);
  background-size: 100%;
  background-postion: center center;
  padding: 120px 0 180px;
  background-repeat: no-repeat;
  background-size: cover;
}