/*-------------------Main Banner-------------------*/

  .WorkMainBanner{
  	display: block;
    font-size: 0;
    z-index: 0;
    width:100%;
    height:91vh;
    position: relative;
    overflow: hidden;
    background: url("../../links/CG2014/CG14-banner.jpg") no-repeat 50%;
    background-size: cover;
  }


  .WorkMainBanner:after {
  content: " ";
  background: rgba(110,110,115,1);
  background: -moz-linear-gradient(-45deg, rgba(110,110,115,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(110,110,115,1) 0%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(-45deg, rgba(110,110,115,1) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(-45deg, rgba(110,110,115,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(35deg, rgba(110,110,115,1) 0%, rgba(0,0,0,0) 100%);

  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}

  .WorkMainBanner img{
  	display: block;
  	position: relative;
  	width: 50%;
  	max-width: 350px;
  	margin: auto;
  	top: 50%;
  	transform: translateY(-50%);
  	z-index: 1000;

    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out; 
  }




.CG-0{
    display: block;
    height: 800px;
    overflow: hidden;
    background: url("../../links/CG2014/CG14-0.jpg") no-repeat 50% 0;
    background-size: cover;
}

.Work_Details_Holder_P1{
  width: 100%;
  padding: 160px 40px;
  box-sizing: border-box;
  margin: auto;
  max-width: 1200px;
}

.Work_Details_Holder_P1 img{
  width: 100%;
  margin-bottom: 80px;
}

.proj-last-img{
    display: block;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: url("../../links/CG2014/CG14-banner.jpg") no-repeat 50%;
    background-size: cover;
}

@media only screen and (max-width:480px){
	.Work_Details_Holder_P1{
		padding: 0 24px;
	}
}