.text-bottom { position: absolute; bottom: 10px; left: 10px; color: white; }
.icontest:before { font-family: "Segoe UI Symbol"; content: "U+E2A4"; display: inline-block; }
.size11 { line-height: 184px; text-align: center; }
.size2-2 { line-height: 85px; }
/***********************img-demo***************************/
.brick { background-color: white; float: left; cursor: default; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }
.brick .cover { overflow: hidden; margin: 20px; }
.brick .bg { background-size: cover; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat;}
.brick .bg:after{ display:block;width:100%;background-color:rgba(86, 71, 59, 0.8);position:absolute;top:0;/*content:""; */min-height:100%}
.brick .bg:hover{ transition:all 0.4s ease-in-out !important; -webkit-transition:all 0.4s ease-in-out !important; -moz-transition:all 0.4s ease-in-out !important;}
.brick .bg:hover:after{ opacity:0 }
.brick .bg:hover.blc-hover{ -webkit-animation: expand-brick-over 2s ease; }
.size21 { width: 365px; height: 365px; }
.size13 { height: 365px!important; width: 365px!important; } 
.size53 { width: 554px; height: 527px; }
.size24 { width: 570px; height: 278px; }
.size31 { width: 570px; height: 532px; }
.size25 { width: 554px; height: 284px; }
#lst_project 			{ padding:10px !important;}
#freewall,
.size13 				{ transition:all 0.4s ease-in-out !important; -webkit-transition:all 0.4s ease-in-out !important; -moz-transition:all 0.4s ease-in-out !important;}
#freewall:hover .size13 { opacity:0.5 !important;}
#freewall .size13:hover { opacity:1 !important;}
@-webkit-keyframes expand-brick-over{
    0%{height:0px}
    100%{height:60%}
}
@media screen and (max-width:480px) {
#lst_project {
    padding: 0 !important;
}
}