/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/*Photo-Thumb*/
/* sp add by j*/
.owl-pagination{ display : none}
/* sp add by j*/

.news-wrapper{
	width:950px;
	height:auto;
	margin: 50px auto;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
}

.news-wrapper .tittle{
	text-align:center;
}

.news-wrapper .column-03{
	width:33.3333%;
	text-align:center;
	float:left;
}

.supporting-logo-wrapper{
	width:100%;
/*	height:155px;*/
	margin:0 auto;
	
}


.scllor-img-div{
	width:65%;
	margin:0 auto;
	    position: relative;
}

.design-wrapper{
	width:100%;
	height:150px;
	margin:0 auto;
	
}


.supporting-logo-wrapper img{
	width:49%;
	height:auto;
}
.supporting-wrapper .tittle{
	font-size:20px;
	font-weight:bold;
	color:#0a7857;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	/*display: none;*/
	display: block;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	
	
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
/* 	padding-top : 15px; */
	    /*min-height: 140px;*/
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
	margin-left:3px;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

@media screen and (min-width: 320px) {
.design-wrapper{
	width:90%;
	height:130px;
	margin:0px 0 0 20px;
	
}

.supporting-logo-wrapper img{
	width:100%;
	height:auto;
}

}


@media screen and (min-width: 400px) {
.owl-carousel .owl-item{
	float: left;
	margin-left:10px;
}
.supporting-logo-wrapper{
	width:79%;
	
}

}

@media screen and (min-width: 720px) {
.design-wrapper{
	width:100%;
	height:150px;
	    
	
}
.supporting-logo-wrapper{
	width:100%;
	
	
}
.supporting-logo-wrapper img{
	width:100%;
	height:auto;
}
.owl-carousel .owl-item{
	float: left;
	/* max-width:492px; */
	margin-right:-8px;
}
}

@media screen and (min-width: 920px) {
	

.supporting-logo-wrapper img{
	
	
	margin-right:-8px;
}
.owl-carousel .owl-item{
	float: left;
	/* max-width:330px; */
	margin-right:-8px;
}
}

@media screen and (min-width: 1223px) {
	

.owl-carousel .owl-item{
	
	/* max-width:492px; */
	
}
}

/* Artist Owl Image Hover Effect */ 
.artist-img-title{
	font-size:20px;
	position:relative;
	z-index:20;
	display: block;
    line-height: 20px;
}
.artist-img-subtitle{
	font-size:10px;
	position:relative;
	z-index:20;
	display: block;
    line-height: 10px;
	padding:0;
}
/* .artist-img-subtitle:hover{
	font-size:12px;
	position:relative;
	z-index:20;
	display: block;
} */

.lazyOwl-img-wrapper{
	position: relative; 
	width:100%; 
	overflow:hidden;
	margin:0 auto;
}
.lazyOwl2{
	height: auto; 
	width: 100%;
	display:block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius:0;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%); 
}

.lazyOwl-img-middle {
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -ms-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  position: absolute;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  display:block;
  z-index: 10;
  background-color:  rgb(0, 0, 0); 
/*   background-color:  rgb(238, 235, 235); */
  opacity: 0.5;  
  cursor:pointer;
  width: 100%;
  height: 100%;

}

@media screen and (max-width: 639px) {
	.lazyOwl-img-wrapper {
    height: 500px;
	image-rendering: auto;
	}
	.lazyOwl2{
		image-rendering: auto;
	}
}

@media screen and (max-width: 480px) {
	.lazyOwl-img-wrapper {
/*     height: 500px; */
	    height: 640px;
    /* width: 355px; */
   /*  margin-top: -17px; */
	/* width:90% */
	}
}
@media screen and (max-width:320px){
	.lazyOwl-img-wrapper {
	height: 570px;
	}
}
/* For Image Opacity Hover Use Only */ 
/* .lazyOwl-img-wrapper:hover .lazyOwl{
 *//*   -webkit-transform:scale(1.1);
  transform:scale(1.1);
} */

.lazyOwl-img-wrapper:hover .lazyOwl-img-middle {
  opacity: 0;
  filter: alpha(opacity=0);

}
.lazyOwl-img-wrapper:hover .lazyOwl2 {
  -webkit-filter: grayscale(0%);
    filter: grayscale(0%); 

}
.lazyOwl-img-wrapper.hover .lazyOwl-img-middle {
  opacity: 0;
  filter: alpha(opacity=0);

}
.lazyOwl-img-wrapper.hover .lazyOwl2 {
  -webkit-filter: grayscale(0%);
    filter: grayscale(0%); 

}


/* end Artist Owl Image Hover Effect */