/*
* 	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;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

	/*background: #869791;*/
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity:1; 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=100);/*IE7 fix*/
	opacity:1;
	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:#000;}


.projectslist.owl-theme .owl-controls {  bottom: -70px; left: 100px;  position: absolute;  width: auto;  }
.projectslist.owl-theme .owl-controls .owl-buttons {  position:relative; }
.projectslist.owl-theme .owl-controls .owl-buttons:after { background:url(../images/dotted-line.png) repeat-x center center;  content: "";  height: 2px;  left: -53px;  position: absolute;   top: -32px;   width: 38px; }

.projectslist .owl-prev{ position:absolute; left:auto; right:-30px; top:auto; bottom:0; background:url(../images/arrow-right1.png) no-repeat right top; width:50px; height:50px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden }
.projectslist .owl-next{ position:absolute; left:-100px;  right:auto; top:auto; bottom:0; background:url(../images/arrow-left1.png) no-repeat left top;   width:50px; height:50px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden}

.projectslist .owl-prev:hover { background-position:right -60px;  }
.projectslist .owl-next:hover {background-position:left -60px; }


.clientslist.owl-theme .owl-controls {  bottom: -70px; left: 100px;  position: absolute;  width: auto;  }
.clientslist.owl-theme .owl-controls .owl-buttons {  position:relative; }
.clientslist.owl-theme .owl-controls .owl-buttons:after { background:url(../images/dotted-line1.png) repeat-x center center;  content: "";  height: 2px;  left: -53px;  position: absolute;   top: -32px;   width: 38px; }

.clientslist .owl-prev{ position:absolute; left:auto; right:-30px; top:auto; bottom:0; background:url(../images/arrow-right1.png) no-repeat right top; width:50px; height:50px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden }
.clientslist .owl-next{ position:absolute; left:-100px;  right:auto; top:auto; bottom:0; background:url(../images/arrow-left1.png) no-repeat left top;   width:50px; height:50px; transition:all 500ms ease-in-out; opacity:0; overflow:hidden}

.clientslist .owl-prev:hover { background-position:right -60px;  }
.clientslist .owl-next:hover {background-position:left -60px; }




#owl-demo2 .owl-prev{ position:absolute; left:0px; top:25%; background:url(../images/left-arrow1.html) 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.html) no-repeat right top;   width:62px; height:62px; transition:all 500ms ease-in-out}

#owl-demo2 .owl-prev:hover{background:url(../images/left-arrow1.html) no-repeat right top;}
#owl-demo2 .owl-next:hover{ background:url(../images/right-arrow1.html) 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 }	
	
	
	}