/*
Theme Name: Amwind
Theme URI: http://beargital.com
Author: Tinh Le
Author URI: http://beargital.com
Description: Cuong Pham
Version: 1.0
*/
.section .section-content {
margin-bottom: 30px;
}
.section .section-content .title_block {
margin-bottom: 20px;
}
.section .section-content .des_block {
text-align: justify;
}
.section .section-content .des_block p {
margin-bottom: 10px;
}
.projects.grid .project {
position: relative;
overflow: hidden;
}
.projects.grid .project .item_project {
margin: 0;
}
.projects.grid .project a::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
z-index: 1;
transform: translateY(-110%);
transition: all 0.2s ease-in-out;
}
.projects.grid .project:hover a::before {
transform: translateY(0);
}
.projects.grid .project .project-info {
position: absolute;
text-align: center;
top: 50%;
width: 100%;
padding: 0 20px;
transform: translateY(-30%);
z-index: 2;
transition: all 0.5s ease-in-out;
transition-delay: 0.1s;
opacity: 0;
}
.projects.grid .project:hover .project-info {
opacity: 1;
transform: translateY(-50%);
}
.projects.grid .project:hover .project-info .title {
color: #FFF !important;
}
.projects.grid .project:hover .project-info .des {
color: #fff !important;
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}
@keyframes fadeOut {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}