@charset "utf-8";
/* Custom Stylesheet from Raleway CSS Document */

.project-item {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border: 0px solid #1a1c1f;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.project-item img {
    width: 100%;
    display: block;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffa801;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.overlay h4 {
    font-size: 18px;
	position: relative;
}

.overlay h4 a {
    color: #000;
}

.overlay h4 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-item:hover .overlay {
    opacity: 0.75;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.project-item.one {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.project-item.two {
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.project-item.three {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.project-item.four {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.p-1 {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay:0.5s;
}

.p-2 {
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.p-3 {
    -moz-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.p-4 {
    -moz-animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.p-5 {
    -moz-animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.p-6 {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.p-7 {
    -moz-animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.p-8 {
    -moz-animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

.p-9 {
    -moz-animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
}

.p-10 {
    -moz-animation-delay: 3.2s;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.p-11 {
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.p-12 {
    -moz-animation-delay: 3.8s;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
}

.p-13 {
    -moz-animation-delay: 4.1s;
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s;
}

.p-14 {
    -moz-animation-delay: 4.4s;
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s;
}

.p-15 {
    -moz-animation-delay: 4.7s;
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s;
}