/* background images */
#f2_bg {
  top: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1;
  filter: grayscale(1);
  
}
#f2_bg.f2-public-img {
	filter: grayscale(0);
}
#f2_bg2 {
  top: 0;
  position: absolute;
  height: 600px;
  width: 100%;
  z-index: 1;
}
#bggrad {
  position: absolute;
  top: 416px;
  left: 0px;
  width: 100%;
  height: 188px;
  background: linear-gradient(transparent, var(--temno_siva));
  opacity: 1;
}
#bgimg,#f2_sticky_bg {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}

@media only screen and (min-width:961px) {
	
  #bgimg,#f2_sticky_bg {
	  -webkit-background-size: 100% auto;
	  -moz-background-size: 100% auto;
	  -o-background-size: 100% auto;
	  background-size: 100% auto;
	}
	
}


#f2_bg.f2-public-img {position: absolute; height: 75%;}
#f2_bg.f2-public-img #bgimg {background-size: cover;}
#f2_bg .f2-gradient {position: absolute; width: 100%; height: 300px; display: block; bottom: 0; left: 0; right: 0; background: rgb(48,48,48);
background: linear-gradient(180deg, rgba(48,48,48,0) 0%, rgba(48,48,48,1) 70%); }


@media only screen and (max-width:720px) {
/*
	#bgimg {background-size: cover;}
	#f2_bg.f2-public-img #bgimg{background-size: cover;}
	*/
}