/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; height:100% !important;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{}
ol.bjqs-markers li a{display:block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* Homepage slider */

#homepage-slider {
	margin-top: -50px;
	position: relative;
	z-index: 100;
	max-width: 100% !important;
}
#homepage-slider li.bjqs-slide {
  background-size: cover;
}
#homepage-slider li .caption {
  left: 75px;
  position: absolute;
  top: 20% !important;
}
#homepage-slider li .caption .title {
  animation: 0.6s ease-in 0.8s normal both 1 fromRightAnim1;
  color: #FFFFFF;
  font-family: 'halisgr bold';
  font-size: 58px;
  margin-bottom: 0px;
  max-width: 625px;
  text-transform: uppercase;
}
#homepage-slider li .caption .text {
  color: #FFF;
  font-family: 'halisgr book';
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 20px;
  text-align: justify;
  width: 355px;
}
#homepage-slider ol.bjqs-markers {
  position: absolute;
  left: auto !important;
	right: 18px;
  top: 32% !important;
  width: 15px !important;
  z-index: 999;
} 
#homepage-slider ol.bjqs-markers a {
  background: url(../images/slider_one_pagi.png) no-repeat 0 50%;
  cursor: pointer;
  display: block;
  height: 35px;
  outline: 0 none;
  text-indent: -999999px;
  width: 14px;
  z-index: 99999;
} 
#homepage-slider li.active-marker a {
  background-position: 100% -60px !important;
}
#homepage-slider li.first a {
  background-position: 0 0 !important;
  height: 25px !important;
}
#homepage-slider li.first.active-marker a {
  background-position: 100% 0 !important;
}
#homepage-slider li.last a {
  background-position: 0 100% !important;
  height: 25px !important;
}
#homepage-slider li.last.active-marker a {
  background-position: 100% 100% !important;
}
#homepage-slider ol.bjqs-markers li {
	display: block  !important;
}
.btn-play{
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font: 14px/61px 'halisgr bold',sans-serif;
	height: 58px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 343px;
	z-index: 50;
}
.btn-play span{
	display:block;
	padding:0 67px 0 2px;
	background:url(../images/bg-btn-play.png) no-repeat 100% 0;
} 
 #homepage-slider li.bjqs-slide {
	background-size: cover;
}
		 
#homepage-slider li.bjqs-slide,
#homepage-mission,
#homepage-impact, 
#homepage-sponsors, 
#homepage-testimonials, 
#homepage-social,
#homepage-get-involved,
#homepage-stories {
  background-attachment: fixed !important;
	background-position: 50% 0;
} 
#homepage-slider .videoWrapper {
	position: relative;
	padding-bottom: 38.25%; 
	padding-top: 25px;
	height: 0;
}
#homepage-slider .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#homepage-slider li.bjqs-slide.nobg {
background-image:none !important;
} 		  

@media screen and (max-width: 1800px) {
	 #homepage-slider .videoWrapper {
	   padding-bottom: 36.25%; 
	 }
}
@media screen and (max-width: 1400px) {
  #homepage-slider li .caption .title {
		max-width: 1000px;
	}
	#homepage-slider,
	#homepage-slider .bjqs,
	#homepage-slider .bjqs .bjqs-slide {
		height: 550px !important;
	}
}
@media screen and (max-width: 1200px) {
  #homepage-slider li .caption .title {
		max-width: 800px;
		font-size: 45px;
		padding-bottom: 0;
		line-height: 1.2em;
	}
	#homepage-slider li .caption .text {
		margin-bottom: 0;
		width: 90%;
	}
	#homepage-slider,
	#homepage-slider .bjqs,
	#homepage-slider .bjqs .bjqs-slide {
		height: 500px !important;
	}
	
}	

@media screen and (max-width: 1023px) {   
	 #homepage-slider li .caption .title {
	 	 max-width: 650px;
		 line-height: 1.1em;
	 }
	 #homepage-slider li .caption .title br {
	 	display: inline;
	 }
	 #homepage-slider .videoWrapper {
		 padding-bottom: 43.25%;
	 }	 
} 
@media screen and (max-width: 900px) {  
	#homepage-slider .videoWrapper {
		 padding-bottom: 46.25%;
	 }
}
@media screen and (max-width: 830px) {  
	#homepage-slider .videoWrapper {
		 padding-bottom: 48.25%;
	 }
}
@media screen and (max-width: 767px) { 
   #homepage-slider li .caption .title {
	 	 font-size: 33px;
	 }
	 #homepage-slider .btn.take-action {
			background: url(../images/buttons_sprite_small.png) no-repeat; 
			width: 226px;
			height: 38px;	
			margin: 0 0 20px;
			float: none;
	}
	 #homepage-slider .btn-play  {	
		 margin: 0 0 20px !important; 
		 font: 13px/26px 'halisgr bold',san-serif; 
		 height: 26px;
		 margin: 0 20px 0 0;
		 width: 218px;
		 float: none;
		 display: block;
	 } 
	#homepage-slider  .bjqs-slide {
		background-position: 50% 0 !important;
	} 
	#homepage-slider li .caption {
		left: 30px;
		max-width:90%;
	}
	#homepage-slider li .caption .title {
	 	 max-width:90%;
	}
	#homepage-slider .videoWrapper {
		  padding-bottom: 51.25%;
	 }
}
@media screen and (max-width: 467px) { 
  #homepage-slider li .caption .text {
		width: 85%;
	}
}