/*
* 	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 0px;
	padding:3px 25px;
	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: 10px;
	height: 10px;
	margin: 5px 5px;
	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.90;
	transition:all 500ms ease-in;
	background: #8882f5; 
	border-radius:100%;
	border:0px;
}

.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:#b4b0f9; 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 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    height: 42px;
    left: 82%;
    position: absolute;
    top: -13%;
    transition: all 500ms ease-in-out 0s;
    width: 42px;
}
.owl-next {
    background: transparent none repeat scroll 0 0;
	border: 1px solid #fff;
    height: 42px;
    position: absolute;
    right:130px;
    top: -13%;
    transition: all 500ms ease-in-out 0s;
    width: 42px;
}

.porfolio .owl-next {position:relative; top:auto; right:1px }
.porfolio .owl-prev {position:relative; top:auto; left:auto }
.porfolio .owl-controls { width:auto; top:-97px; right:15%; bottom:auto; position:absolute; }
 

.owl-prev i, .owl-next i{ margin:-3px -5px 0; font-size:35px; color:rgba(255,255,255,0.80); transition:all 500ms ease-in-out  }
.owl-prev:hover i{ margin-left:-10px;transition:all 0.5s ease; color:#fff; }
.owl-next:hover i{ margin-right:-20px;transition:all 0.5s ease; color:#fff; }
.owl-prev:hover, .owl-next:hover{background:transparent;}

#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:1920px) {

.owl-prev {top:-11%; left:87%; }
.owl-next {top:-11%; right:137px; }

}


@media (max-width:1920px) {

.owl-prev {left:84%; }
.owl-next {right:143px; }

}

@media (max-width:1366px) {

.owl-next {top:-12%;right:103px; }	
.owl-prev{top:-12%;}
	
.porfolio .owl-controls { right:9%; } 

	
}



@media (max-width:1280px) {

.owl-next{right:117px; }	
.porfolio .owl-controls { right:6%; } 

	
}


@media (max-width:1280px) {

.porfolio .owl-controls { right:3%; } 

	
}



@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:50%; left:0%; position:relative }
.owl-next { top:50%; right:0%;  position:relative }	
	
}

@media (max-width:380px) {

.porfolio .owl-controls { width:100%; right:auto; top:-60px; }
 

}