.owlCarousel{
/*margin-top: 20px;*/
}
.owlCarousel .item{
	float: left;
	height:410px;
	width: 870px;
}
@media screen and (max-width:870px){
	.owlCarousel .item{
		width:100%;
	}
}

.item{
	background-size: cover;
}
.item .c-content{
	float: left;
	width: 50%;
	margin-left: 50%;
	text-align: center;
	padding: 100px 9% 0px 8%;
}
@media screen and (max-width:680px) {
	.item .c-content{
		padding: 60px 8% 0px 7%;
	}
}
@media screen and (max-width:545px) {
	.c-content h3 {
		font-size: 25px;
		line-height: 30px;
	}
}
@media screen and (max-width:480px) {
	.item .c-content{
		padding: 45px 8% 0px 7%;
	}
}

@media screen and (max-width:440px) {
	.c-content h3 {
		font-size: 22px;
		line-height: 26px;
	}
}

@media screen and (max-width:400px) {
	.item .c-content{
		padding: 30px 5% 0px;
	}
	.c-content h3 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 18px;
	}
	.c-content .price{
		font-size: 18px !important;
		line-height: 22px !important;
	}
	.c-content .price:after{
		margin-top: 14px !important;
	}
}
@media screen and (max-width:350px) {
	.item .c-content{
		padding: 30px 4% 0px 0px;
	}
}

.owl-controls{
	text-align: center;
}
.owl-prev,.owl-next{
	display: none;
}
.owl-dots{
	display: inline-block;
	margin-top: 30px;
}
.owl-dot{
	float: left;
	height: 15px;
	width: 15px;
	border-radius: 10px;
	background-color: rgba(255, 30, 10, 0.25) !important;
	margin: 5px;
}

.owl-dot:hover{
	background-color: rgba(255, 30, 10, 0.50) !important;
}

.owl-dot.active{
	background-color: rgb(255, 30, 10) !important;
}


/* owl custom nav */
.owl-custom-nav{
	background-color: rgba(0,0,0,0.0);
	height:410px;
	width: 15%;
	max-width: 300px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: background-color 500ms;
	-moz-transition: background-color 500ms;
	-o-transition: background-color 500ms;
	transition: background-color 500ms;
	text-align: center;
	color: #FFF;
	font-size:100px;
}
.owl-custom-nav span{
	display: block;
	width: 85%;
	margin-top: 135px;
}
#owl-prev span{
	margin-right:15%;
}
#owl-next span{
	margin-left:15%;
}

.owl-custom-nav:hover{
	background-color: rgba(0,0,0,0.3);
}
@media screen and (max-width:870px) {
	.owl-custom-nav {
		display: none;
	}
}
#owl-prev{
	left: 0px;
}
#owl-next{
	right: 0px;
}

@media screen and (max-width: 500px) {
	.item .c-image, .item .c-content-part {
		width: 100%;
	}
}