section[data-cattype="208"]{z-index:8 !important;}

section[data-cattype="208"] ul.grid li.active a,
section[data-cattype="208"] ul.grid li a:hover{color:#e30007; border-bottom:3px solid #e30007;}

section[data-cattype="208"] ul.grid li a{font-size:21px; color:#000; padding-left:5px; padding-right:5px;}

section[data-cattype="208"] ul.grid li{margin:8px;}

section[data-cattype="208"] ul.grid{margin-bottom:18px;}


section[data-cattype="208"] .item-content{
	background:#fff; 
	display:block; 
	padding: 13px; 
	margin-bottom:20px; 
	min-height: 260px;

}

.wrapper_facilities{
    position: relative;
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
}
#owl-facilities .owl-item { text-align: center; }
#owl-facilities .owl-item .item{
    width: 322px;
    padding: 0;
    text-align: left;
    display: inline-block;
}

/*------Rollover--------------------*/

#owl-facilities .owl-item .item-content,
#owl-facilities .owl-item .item-content* {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#owl-facilities .owl-item .item-content:hover {
    background: #e30007;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#owl-facilities .owl-item .item-content:hover .wrapper_image,
#owl-facilities .owl-item .item-content:hover h4{
    opacity: 0.2;
    margin-bottom: 0;
}


#owl-facilities .owl-item .item-content:before {
    position: absolute;
    content: url('../../../data/ckfinder/images/plus-icon.svg');
	
    width:100%;
	max-width:295px;

	padding-top:80px;  
    text-align: center;
    color: #fff;
	transform: translate(0%, -50%) translate3d(0px, 0px, 0px);
	-ms-transform: translate(0%, -50%) translate3d(0px, 0px, 0px); /* IE 9 */
    -webkit-transform: translate(0%, -50%) translate3d(0px, 0px, 0px); /* Safari */
	opacity:0;
}


#owl-facilities .owl-item .item-content:hover:before{
	transform-style: flat;
	transform: translate(0%, 0%) translate3d(0px, 0px, 0px);
	-ms-transform: translate(0%, 0%) translate3d(0px, 0px, 0px); /* IE 9 */
    -webkit-transform: translate(0%, 0%) translate3d(0px, 0px, 0px); /* Safari */
	transition:all 500ms ease;
	opacity:1;
}


/*------Rollover--------------------*/

#owl-facilities .owl-item .item h4{
    margin-bottom: 5px;
	text-align: center;
	margin-top: 15px;
	color:#000;
    line-height: 1.3;
	font-weight:normal;
}

#owl-facilities .item .wrapper_image{
    width: 297px;
    height: 173px;
}

.owl-carousel#owl-facilities .owl-controls .owl-buttons div{
    position: absolute;
    left: -60px;
    top: 40%;
    background: none;
    opacity: 1;
    
    -webkit-border-radius: 0px;
    border-radius: 0px; 
}
.owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-next{
    left: auto;
    right: -60px;
	background:url('../../../data/ckfinder/images/right-arrow.png');
	width:29px;
	height:77px;
}

.owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-next:hover{

	background:url('../../../data/ckfinder/images/right-arrow-hover.png');
	background-position:right;
}

.owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-prev{
	background:url('../../../data/ckfinder/images/left-arrow.png');
	width:29px;
	height:77px;
}

.owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-prev:hover{

	background:url('../../../data/ckfinder/images/left-arrow-hover.png');
	
}

.owl-carousel#owl-facilities .owl-controls .owl-buttons div.disabled{ display: none; }



.morph-button-overlay .morph-content.osp_208{
    background: rgba(255, 255, 255, 0.92);
    text-align: center;
}
.morph-button-overlay .morph-content.osp_208 .image-detail{
    /*width: 400px;*/
    height: auto;
    margin: 20px;
}

@media screen and (max-width: 1200px) {
    .owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-prev{
        left: -30px;
    }
    .owl-carousel#owl-facilities .owl-controls .owl-buttons div.owl-next{
        right: -30px;
    }
}


@media screen and (max-width: 767px) {
  
#owl-facilities .item  .wrapper_image {
    width: 222px;
    height: 129px;
	}
	
	#owl-facilities .owl-item .item {
    width: 250px;
	}
	
	.morph-button-overlay .morph-content.osp_208 .image-detail {
    width: 270px;
    margin: 20px 0;
	}
	
	section[data-cattype="208"] .item-content {
    min-height: 200px;
	}
	
	#owl-facilities.owl-carousel .owl-controls .owl-buttons div.owl-prev{
		width:auto; 
		left:-15px;
	}
	
	#owl-facilities.owl-carousel .owl-controls .owl-buttons div.owl-next{
		width:auto;
		background-position: right;
		right:-15px;
	}
  
}

