.projects .owl-carousel { padding:0 78px; }

.projects .owl-carousel .owl-item { display:inline-block; float:none; vertical-align:middle; }
.projects .owl-carousel .owl-item img { display:inline; width:auto; }

.projects .project { padding:0 30px; text-align:center; }
.projects .project a { display:inline-block; padding:3px; transition:background-color 0.3s; }
.projects .project a:hover { background-color:#15d161; }
.projects .project a .thumbnail { position:relative; }
.projects .project a .thumbnail img { display:block; }
.projects .project a .thumbnail .title { color:#fff; font-size:12px; position:absolute; top:50%; left:0; transform:translateY(-50%); padding:12px; text-transform:uppercase; text-align:left; }
.projects .project a .thumbnail .title strong { text-transform:none; font-size:18px; }
.projects .project a .thumbnail .overlay { background-color:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.3s; }
.projects .project a:hover .thumbnail .overlay { opacity:1; }
.projects .project a .thumbnail .overlay .icon { background-color:#15d161; color:#fff; font-size:18px; position:absolute; bottom:0; right:0; width:48px; height:48px; line-height:48px; }

.projects .owl-nav button.owl-prev, .projects .owl-nav button.owl-next { background-color:#08bbf2; color:#fff; font-size:24px; line-height:48px; margin-top:-24px; outline-width:0; position:absolute; width:48px; height:48px; top:50%; }
.projects .owl-nav button.owl-prev { left:0; }
.projects .owl-nav button.owl-next { right:0; }

@media (max-width:767px) {
	.projects .owl-carousel { padding:0 63px; }

	.projects .project { padding:0; }
}