/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}



.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}


.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}



.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);
	opacity: 1;
}



.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


.owl-item.loading{
	min-height: 150px;
	background: url(../owl-carousel/ajaxloader.gif) no-repeat center center
}




#owl-demo .owl-controls {
    margin-top: 0px;
    text-align: center;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}

#owl-demo .owl-controls .owl-pagination{
  position: absolute;
  display:block;
  width:100%;
  bottom:10px;
}
#owl-demo .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 10px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
} 
#owl-demo .owl-controls .owl-page.active span,
#owl-demo  .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);
	opacity: 1;
}
#owl-demo .owl-controls .owl-buttons div {
  position: absolute;
}
#owl-demo .owl-controls .owl-buttons .owl-prev{
      left: 45px;
      top: 45%; 
    }

#owl-demo .owl-controls .owl-buttons .owl-next{
      right: 45px;
      top: 45%; 
    }
#owl-demo .owl-controls .owl-buttons div{
	background-color:#4d4d4d;
	padding:10px;
}	
.icon-chevron-left{
	display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image:url(../owl-carousel/glyphicons-halflings-white.png);
    background-position: -432px -72px;
    background-repeat: no-repeat;
    margin-top: 0px;
	}
.icon-chevron-right{
	display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image:url(../owl-carousel/glyphicons-halflings-white.png);
    background-position: -456px -72px;
    background-repeat: no-repeat;
    margin-top: 0px;
	}



#sync1 .item{
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#sync1 .owl-controls .owl-buttons div{
	position:relative;
	z-index:1;
	color: #333;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 26px;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background:none;
	border:1px solid #666;
	filter: Alpha(Opacity=100);
	opacity: 1;
}
#sync1 .owl-controls .owl-buttons div:hover{
	color: #fff;
	border:1px solid #333;
}
#sync1 .owl-controls .owl-buttons div:after{ content:""; position: absolute; z-index:-1;width: 0;height: 100%;bottom: 0px;left: 0%;background-color:#333;transition-duration: .3s;}
#sync1 .owl-controls .owl-buttons div:hover:after{ content:"";width: 100%;transition-duration: .3s;}

#sync2{ margin-top:10px; margin-bottom:30px; padding:6px 0px; background-color:#f2f2f2; }
#sync2 .item{
    background: #f2f2f2;
    padding: 2px;
    margin: 5px;
	font-size:0px;
	line-height:0px;
    color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
}
#sync2 .synced .item{
  background: #333;
}
#sync2 .item img{ max-width:100%; }



