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

.owl-theme .owl-controls{
	bottom: -50px;
    margin-top:0px;
    /*position: absolute;*/
    text-align: center;
    width: 100%;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	/*color: #FFF;*/
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	

	/*background: #869791;*/
	filter: Alpha(Opacity=80);/*IE7 fix*/
	opacity: 0.8; font-size:0px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 40px;
	height: 5px;
	margin: 5px 5px;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.90;
	transition:all 500ms ease-in;
	background: #fff; border:0px solid #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#d81c72; padding:2px;
}

/* If PaginationNumbers is true */

.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;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

.owl-prev{ position:absolute; right:70px; top:-70px; background:#d8d8d8; width:42px; height:42px; transition:all 500ms ease-in-out }
.owl-next{ position:absolute; right:15px; top:-70px; background:#d8d8d8;   width:42px; height:42px; transition:all 500ms ease-in-out}

.owl-prev i, .owl-next i{ margin:-4px 0px 0px; font-size:40px; color:rgba(255,255,255,0.80); transition:all 500ms ease-in-out  }
.owl-prev:hover i, .owl-next:hover i{ transform:rotate(360deg); color:rgba(255,255,255,1); }
.owl-prev:hover, .owl-next:hover{background:#FFC10C;}

#projects .owl-prev{ position:absolute; left:-20px; top:40%; background:#d8d8d8; width:30px; height:32px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden }
#projects .owl-next{ position:absolute; right:-20px; top:40%; background:#d8d8d8;   width:30px; height:32px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden}
#projects .owl-prev i, #projects .owl-next i{ margin:-4px 0px 0px; font-size:30px; color:rgba(255,255,255,0.80); transition:all 500ms ease-in-out;   }
#projects:hover .owl-prev i, #projects:hover .owl-next i{ transform:rotate(360deg); color:rgba(255,255,255,1); }
#projects:hover .owl-prev, #projects:hover .owl-next{background:rgba(0,0,0,0.50); opacity:1; }
#projects:hover .owl-prev { left:-5px;}
#projects:hover .owl-next { right:-5px;}

#owl-demo2 .owl-prev{ position:absolute; left:0px; top:25%; background:url(../images/left-arrow1.png) no-repeat left top; width:62px; height:62px; transition:all 500ms ease-in-out }
#owl-demo2 .owl-next{ position:absolute; right:0px; top:25%; background:url(../images/right-arrow1.png) no-repeat right top;   width:62px; height:62px; transition:all 500ms ease-in-out}

#owl-demo2 .owl-prev:hover{background:url(../images/left-arrow1.png) no-repeat right top;}
#owl-demo2 .owl-next:hover{ background:url(../images/right-arrow1.png) no-repeat left top;  }

#owl-demo3 .owl-controls .owl-page span { width:12px; height:12px; background:rgba(255,255,255,0.50); border-radius:100%; }
#owl-demo3 .owl-controls .owl-page.active span { background:rgba(255,255,255,1);  }
#owl-demo3 .owl-controls { position:absolute; bottom:20px; left:20px; width:auto; }


@media (max-width:998px) {
	
	.owl-prev { left:-48px; }
.owl-next { right:-48px; }

#owl-demo2 .owl-prev { top:auto; left:0%; position:relative }
#owl-demo2 .owl-next { top:auto; right:0%;  position:relative }

.owl-prev { top:auto; left:0%; position:relative }
.owl-next { top:auto; right:0%;  position:relative }	
	
	
	}