.owl-nav {
	opacity: 0;
}
.owl-nav:hover {
	opacity: 1;
	background-color: currentColor;
}
.owl-carousel:hover .owl-nav{
	opacity: 1;
} 

.owl-prev {
    position: absolute;
	color: #00bdf2;
    top: 40%;
    margin-left: -36px;
	padding: 5px;
    display: block !important;
}

.owl-next {
    position: absolute;
    top: 40%;
    right: -36px;
	padding: 5px;
    display: block !important;
}
.owl-prev i, .owl-next i {
	font-size: 36px;
	background-image:none !important;
	color :#003366;
	outline: 0;
}

.in-page .owl-next{
    right: 0;
}
.in-page .owl-prev{
    margin-left: 0;
}
 @media only screen and (min-width: 320px) and (max-width:768px) {
    .owl-prev {
        margin-left: 0;
    }

    .owl-next {
        right: 0;
    }
}