/* 03. KEYFRAME - OWL CAROUSEL ARROW NEXT
------------------------------------------*/
@-webkit-keyframes owl_carousel_arrow_next {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

@-moz-keyframes owl_carousel_arrow_next {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

@keyframes owl_carousel_arrow_next {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

/* 03. KEYFRAME - OWL CAROUSEL ARROW PREV
------------------------------------------*/
@-webkit-keyframes owl_carousel_arrow_prev {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

@-moz-keyframes owl_carousel_arrow_prev {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

@keyframes owl_carousel_arrow_prev {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
		transform 			: translateX(60px);
	}

	100% {
		opacity 			: 1;
		visibility 			: visible;
		transform 			: translateX(0px);
	}
}

/* --- OWL NAV --- */
.owl-nav {
	text-align 			: center;
	width 				: 28px;
	height 				: 60px;
	position 			: absolute;
    top 				: 70%;
	right 				: 0;
	-webkit-transform 	: translateY(-50%);
	-ms-transform 		: translateY(-50%);
	-o-transform 		: translateY(-50%);
	transform 			: translateY(-50%);
	-webkit-transition 	: all 0.4s ease 0s;
    -o-transition 		: all 0.4s ease 0s;
    transition 			: all 0.4s ease 0s;
}

@media all and (max-width:830px) {
	.owl-nav {
		top 				: auto;
		bottom 				: 10px;
		-webkit-transform 	: translateY(0%);
		-ms-transform 		: translateY(0%);
		-o-transform 		: translateY(0%);
		transform 			: translateY(0%);
	}
}

.owl-nav [class*="owl-"] {
	cursor 				: pointer;
    display 			: block;
    height 				: 30px;
	width 				: 28px;
	right 				: 0;
    position 			: relative;
	border-radius 		: 0px;
	background 			: #FFF !important;
	-webkit-transition 	: all 0.4s ease 0s;
    -o-transition 		: all 0.4s ease 0s;
    transition 			: all 0.4s ease 0s;
}

.owl-nav [class*="owl-"] span {
    display 						: block;
    font-size 						: 18px;
	position 						: relative;
	line-height 					: 30px;
	width 							: auto;
	text-align: right;
	background 						: #FFF;
    color 							: #272727;
	padding: 0 5px;
	-webkit-transition 		: all 0.4s ease 0s;
    -o-transition 			: all 0.4s ease 0s;
    transition 				: all 0.4s ease 0s;
}

.owl-nav [class*="owl-"] span:after {
	content: '';
	color:#272727;
	position: absolute;
	visibility: hidden;
	font 					: 500 14px/28px 'Open Sans';
	-webkit-transition 		: all 0.4s ease;
    -o-transition 			: all 0.4s ease;
    transition 				: all 0.4s ease;
}

.owl-nav .owl-next span {
	text-align: right;
	-webkit-transition 		: all 0.4s ease 0s;
    -o-transition 			: all 0.4s ease 0s;
    transition 				: all 0.4s ease 0s;
}
.owl-nav .owl-prev span {
	text-align: left;
	-webkit-transition 		: all 0.4s ease 0s;
    -o-transition 			: all 0.4s ease 0s;
    transition 				: all 0.4s ease 0s;
}

	

/*hover */
#hero-slider:hover .owl-nav {
	width 				: 66px;
}

#hero-slider:hover .owl-nav [class*="owl-"] {
    width 				: 66px;
	overflow 			: hidden;
}

#hero-slider:hover .owl-nav [class*="owl-"] span {
	overflow 			: hidden;
}

#hero-slider:hover .owl-nav .owl-next span:after {
	-webkit-animation 	: owl_carousel_arrow_next .5s ease both;
    -moz-animation 		: owl_carousel_arrow_next .5s ease both;
    animation 			: owl_carousel_arrow_next .5s ease both;
	animation-delay 	: 0s;
}

#hero-slider:hover .owl-nav .owl-prev span:after {
	-webkit-animation 	: owl_carousel_arrow_prev .5s ease both;
    -moz-animation 		: owl_carousel_arrow_prev .5s ease both;
    animation 			: owl_carousel_arrow_prev .5s ease both;
	animation-delay 	: 0s;
}

#hero-slider:hover .owl-nav [class*="owl-"] span:after {
	visibility 			: visible;
}

#hero-slider:hover .owl-nav .owl-prev span:after {
	content 			: 'PREV';
	right 				: 5px;
}

#hero-slider:hover .owl-nav .owl-next span:after {
	content 			: 'NEXT';
	left 				: 5px;
}

/* --- CONTENT SLIDER --- */
.images-slider {
	background 			: rgb(246,160,30);
	background 			: -moz-linear-gradient(180deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	background 			: -webkit-linear-gradient(180deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	background 			: linear-gradient(180deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	filter 				: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a01e",endColorstr="#e75d00",GradientType=1); 
	padding 			: 50px 0;
}


.content-slider .owl-nav {
	right 				: -1px !important;
}
/*
.content-slider.owl-carousel .owl-item {
	padding 			: 0 10px;
}

.content-slider.owl-carousel .owl-item img {
	border-radius 		: 10px;
}*/

/*hover */
.content-slider:hover .owl-nav {
	width 				: 66px;
}

.content-slider:hover .owl-nav [class*="owl-"] {
    width 				: 66px;
	overflow 			: hidden;
}

.content-slider:hover .owl-nav [class*="owl-"] span {
	overflow 			: hidden;
}

.content-slider:hover .owl-nav .owl-next span:after {
	-webkit-animation 	: owl_carousel_arrow_next .5s ease both;
    -moz-animation 		: owl_carousel_arrow_next .5s ease both;
    animation 			: owl_carousel_arrow_next .5s ease both;
	animation-delay 	: 0s;
}

.content-slider:hover .owl-nav .owl-prev span:after {
	-webkit-animation 	: owl_carousel_arrow_prev .5s ease both;
    -moz-animation 		: owl_carousel_arrow_prev .5s ease both;
    animation 			: owl_carousel_arrow_prev .5s ease both;
	animation-delay 	: 0s;
}

.content-slider:hover .owl-nav [class*="owl-"] span:after {
	visibility 			: visible;
}

.content-slider:hover .owl-nav .owl-prev span:after {
	content 			: 'PREV';
	right 				: 5px;
}

.content-slider:hover .owl-nav .owl-next span:after {
	content 			: 'NEXT';
	left 				: 5px;
}

@media all and (max-width:830px) {
	.content-slider .owl-nav {
		bottom 				: auto;
		top 				: 20px;
		-webkit-transform 	: translateY(0%);
		-ms-transform 		: translateY(0%);
		-o-transform 		: translateY(0%);
		transform 			: translateY(0%);
	}
}