-----------------------------CSS KODU-----------------------------
/* Overlay */
.work {
position: relative;
display: block;
}

.work .work-overlay {
position: relative;
cursor: pointer;
}

.work .work-overlay:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
content: " ";
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.work:hover .work-overlay:before {
background: rgba(0, 0, 0, 0.5);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Popup */
.work .work-popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
background: rgba(81, 87, 105, 0.4);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.work .work-popup-overlay-show {
opacity: 1;
visibility: visible;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.work .work-popup-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 730px;
height: auto;
display: block;
background: #fff;
padding: 30px;
margin: 0 auto;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}

.work .work-popup-content-divider {
border-right: 1px solid #cdcecf;
}

@media (max-width: 768px) {
.work .work-popup-content {
width: 95%;
}
.work .work-popup-content-divider {
border-right: none;
border-bottom: 1px solid #cdcecf;
}
}

.work .work-popup-close {
float: right;
font-size: 13px;
font-weight: 700;
color: #c5c6cb;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.work .work-popup-close:hover {
color: #aaacb3;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Tag */
.work .work-popup-tag {
margin: 0;
}

.work .work-popup-tag-item {
padding: 0 2px;
}

.work .work-popup-tag-link {
font-size: 13px;