
/* HOT NEW, PHOTO GALLERY ÇÊÅÍ _ START */

section.b_menu a.project-image{
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:auto;
	/*argin-top:15px;*/
	overflow:hidden;	
	position:relative;
	-webkit-transform-style: preserve-3d; 
}
section.b_menu a.project-image img{
  transition:all 0.4s ease-in-out;
}
a.project-image:after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  display:block;
  width:100%;
  height:100%;
  transition:all 0.4s ease-in-out;
}
section.b_menu a.project-image:after {
  background:linear-gradient(to bottom right, rgba(32, 96, 170, 0.8), rgba(109, 91, 151, 0.8));
 mix-blend-mode:color;
  opacity:0;
}
section.b_menu a.project-image:hover:after {
  background:linear-gradient(to bottom right, rgba(109, 91, 151, 0.8), rgba(32, 96, 170, 0.8));
  mix-blend-mode:color;
  opacity:1;
}
section.b_menu a.project-image:hover img{
  opacity:1;
}
section.b_menu a.project-image span.hover_ic{position:absolute; top:50%; left:50%; width:60px; height:60px; display:block; opacity:0; background:url("../img/main/hover_ef.png") center no-repeat; transform:translate(-50%, -50%); transition:all 0.4s ease-in-out; z-index:2;}
section.b_menu a.project-image:hover span.hover_ic{opacity:1;}

/* HOT NEW, PHOTO GALLERY ÇÊÅÍ _ END */


/* PROGRAM ÇÊÅÍ _ START */

section.program li.project-image{
	position: relative;
    float: left;
    width: 22%;
    height: 180px;
    margin-right: 40px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 3px;
    cursor: pointer;
}
section.program li.project-image img{
  transition:all 0.4s ease-in-out;
}
section.program li.project-image:after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  display:block;
  width:100%;
  height:180px;
  transition:all 0.4s ease-in-out;
}
section.program li.project-image:after {
  background:linear-gradient(to bottom right, rgba(32, 96, 170, 0.6), rgba(109, 91, 151, 0.6));
 mix-blend-mode:color;
  opacity:0;
}
section.program li.project-image:hover:after {
  background:linear-gradient(to bottom right, rgba(109, 91, 151, 0.6), rgba(32, 96, 170, 0.6));
  mix-blend-mode:color;
  opacity:1;
}
section.program li.project-image:hover img{
  opacity:1;
}


/* PROGRAM ÇÊÅÍ _ END */