.work_page_title { color: #e7e4e2; display:block; position:relative; font-family:'5ADV-bold'; text-align:center;}
.work_page_title .dud {color: #e7e4e2;}

#WORKS_intro{max-height:400px;}
#WORKS_intro .title_works{position:absolute; left:50%; margin-left:-150px; font-size:35px;bottom:30px; z-index:9; }
#WORKS_intro .title_works span{font-size:25px;  line-height:-20px;}

#WORKS_intro .w_letter{color:#ccc; display:inline-block; font-size:22em; font-family:'5ADV-bold';}

#WORKS_projects{color:#999}
#WORKS_projects .container-fluid a{margin-top:30px;}
#WORKS_projects a div{color:#333;padding:100px 10px; transition:all .3s; background-size:0%; background-position:center; background-repeat:no-repeat;	 background-image:none}
#WORKS_projects a h1{font-size:25px;}
#WORKS_projects a div h1 span{font-size:20px;}

#WORKS_projects a div{border:1px solid #fff;}
#WORKS_projects a:hover div{background-size:cover; background-repeat: no-repeat;}
h2{font-size:15px; font-family:'5ADV';}

#WORKS_projects a .prog_k2:before{ background-image:url(../img/works/K2_thumb.jpg);}
#WORKS_projects a .prog_na:before{background-image:url(../img/works/NA_thumb.gif)}
#WORKS_projects a .prog_pm:before{background-image:url(../img/works/PM_thumb.jpg)}
#WORKS_projects a .prog_ph:before{background-image:url(../img/works/PH_thumb.jpg)}
#WORKS_projects a .prog_si:before{background-image:url(../img/works/SI_thumb.jpg)}
#WORKS_projects a .prog_vn:before{background-image:url(../img/works/VN_thumb.gif);}
#WORKS_projects a .prog_mx:before{background-image:url(../img/works/MX_thumb.jpg)}
#WORKS_projects a .prog_imhits:before{background-image:url(../img/works/IMHITS_thumb.jpg)}
#WORKS_projects a .prog_fe:before{background-image:url(../img/works/FE_thumb.gif)}
#WORKS_projects a .prog_cc:before{background-image:url(../img/works/CC_thumb.jpg);}
#WORKS_projects a .prog_mm:before{background-image:url(../img/works/MM_thumb.jpg)}
#WORKS_projects a .prog_logo:before{background-color:#333; z-index:-1;}
#WORKS_projects a:hover .prog_logo {color:#656565;}

/* BUTTON */
.button_prject{position:relative; padding:10px;}
.button_prject:before {position: absolute;right: 0; width: 0%; height: 100%; bottom: 0; content: ''; -webkit-transition: width .6s; transition: width .4s;transition-delay:0;background-repeat:no-repeat; background-position:center; }
.button_prject:hover:before {width:100%; left:0;cursor:pointer}

@media only screen and (max-width:480px) {
	#WORKS_intro .title_works:after{content: 'Scroll down'; position: absolute; right: 25px;bottom: 5px; font-family: '5ADV'; font-size:13px; color: #ccc;}
	#WORKS_intro .w_letter { color: #e7e4e2; display: inline-block; font-size: 12em; font-family: '5ADV-bold'; transform: rotate(90deg);}
}