#splash {position: fixed; display: table; width: 100%; height: 100vh; background-color: #282828; z-index: 5;}
#splash > div {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
#splash > div h1 {font-family: 'Raleway', sans-serif; font-size: 44px; font-weight: 300; color: #fff; text-transform: uppercase; text-decoration: none;}
#splash > div h1 span {font-weight: 600; color: #2bbdee;}
#splash > div .counter {position: relative; font-size: 197px; font-weight: 700; color: #353535; transition: all 0.35s;}
#splash > div .counter:after {content: ''; width: 35px; height: 2px; background-color: #2bbdee; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}

#wrapper {}
#work {position: fixed; width: 100%; height: 100%;}
#work .items-column h2 {background-color: #000; color: #fff; font-size: 121%; font-weight: 700; text-align: center; margin: 0; padding: 0; height: 50px; line-height: 50px; text-transform: uppercase;}
#work .items-column:hover h2 {background-color: rgba(60,60,60,0.5); color: #fff;}
#work .items-column .items {min-height: 100px; max-height: calc(100vh - 0px);}
#work .items-column .items .mCSB_inside > .mCSB_container {margin-right: 0;}
#work .items-column .items .mCSB_scrollTools {opacity: 0;}
#work .items-column .items .item img {width: 100%; transition: all 0.9s;}
#work .items-column .items .item {position: relative; width: 100%; overflow: hidden;}
#work .items-column .items .item a {display: block;}
#work .items-column .items .item .item-detail {position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; color: #fff; background-color: rgba(0,0,0,0.5); transition: all 0.5s;}
#work .items-column .items .item .item-detail .item-content {position: absolute; left: 30px; bottom: 30px;}
#work .items-column .items .item .item-detail .item-content .numbers {position: relative; display: block; padding-bottom: 5px; margin-bottom: 15px; font-size: 114%; font-weight: 700;}
#work .items-column .items .item .item-detail .item-content .numbers:after {content: ''; width: 30px; height: 2px; background-color: #2bbdee; position: absolute; left: 0; bottom: 0; display: block;}
#work .items-column .items .item .item-detail .item-content p {margin: 0 0 5px; font-size: 114%; font-weight: 700;}
#work .items-column .items .item .item-detail .item-content p .label {margin: 0; padding: 0; font-size: 100%; font-weight: 400;}
#work .items-column .items .item:hover .item-detail {visibility: visible; opacity: 1;}
#work .items-column .items .item:hover img {filter: blur(1px); transform: scale(1.1);}