.post-thumbnail {

    width: 40%;

}

.post-content {

    width: 60%;

    padding: 15px;

}

.post-content .time {

    font-size: 12px;
    display: none;

}

.post-item {

    margin-bottom: 30px;

}

#content_archive a.padding_ratio:before {

    padding-bottom: 60%;

}

#content_archive a.padding_ratio img {

    transition: 0.3s;

}

#content_archive a.padding_ratio:hover img {

    transform: scale(1.1);

    transition: 0.6s;

}

#content_archive ul {

    list-style: none;

}

.list-project {

    display: flex;

    flex-wrap: wrap;

    padding: 0 5px;

}

.list-project .project-item {

    flex: 0 0 25%;

    width: 25%;

}

.sec_project.cate .list-project .project-item {
 flex: 0 0 33.33%;
 width: 33.33%;

}

.list-project .project-item .col-inner {padding: 3px 3px;}

.list-project .project-item .project-content {

    bottom: 0;

    padding: 15px;

    color: #fff;

    z-index: -1;

    visibility: visible;

    opacity: 1;

    z-index: 99;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}

.list-project .project-item .project-content h3 {

    text-shadow: 2px 2px 2px rgb(0 0 0 / 90%);

    color: #fff;

    font-weight: normal;

    text-transform: uppercase;

    margin-bottom: 0;

    font-size: 17px;

}

.list-project .project-item:hover .project-content {

    visibility: visible;

    opacity: 1;

    z-index: 99;

}

.list-project .project-thumbnail:after {

    content: "";

    width: 0;

    height: 5px;

    position: absolute;

    left: auto;

    right: 0;

    z-index: 999999;

    bottom: 0;

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.list-project .project-thumbnail:hover:after {

    background-color: #fff;

    left: 0;

    right: auto;

    width: 100%;

    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);

}

ul.list-post-ar {

    padding: 30px 0;

    color: #000;

}

#section_6 .slide_img .wrapper:before {

    padding-bottom: 60%;

    content: none;

}

#section_6 .slide_img img {


    height: calc(100vh - 75px);
    width: 100%;
    position: relative;
    opacity: 0.3;
    object-fit: cover;
    object-position: center;
    transition: 1s;
}

#section_6 .slick-slide {
    width: 100vw;
}
#section_6 .slide_img .wrapper.slick-current img {

    opacity: 1;

    transition: 1s;

}

a.open-popup {

    color: white;

    top: 5px;

    left: 10px;

    z-index: 1;

    font-size: 20px;

    text-shadow: 1px 1px black;

}

#section_6 .slide_img a.open-popup {

    opacity: 0;

}

#section_6 .slide_img .wrapper.slick-current a.open-popup {

    opacity: 1;

    transition: 0.8s;

}



.is_mask {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

    background: #000;

}

#section_6 .content {

    position: relative;

    display: block;

}

.slide_dot img {

    width: 85px;

    height: 85px;
    margin: 0 auto;

}

.slide_dot {

    background: #e8e8e8;

    padding: 10px 0;

}

.slide_dot .img {

    margin: 5px;

}



#section_6 .slick-prev {

    left: 30px;

}

#section_6 .slick-next {

    right: 30px;

}

button.slick-arrow svg {

    fill: #fff;

}

.list-posts {

    background: #fff;

}

li#categories-2 {
    color: #000;
}

@media (max-width: 767px) {

    .list-project .project-item {

        flex: 0 0 100%;

        width: 100%;

        margin-bottom: 5px;

    }

    .sec_project.cate .list-project .project-item {
        flex: 0 0 100%;
        width: 100%;
    }

    .list-project {

        padding: 0;

    }

    #section_6 .slide_img img {

        height: 36vh;

    }

    #content_archive {

        padding-top: 65px;

    }

    .sec_project {

        background: #000;

    }
    .post-thumbnail,
    .post-content {

        width: 100%;

    }
    .post-item {
        flex-direction: column;
    } 

    .list-project .project-item .project-content  {
        z-index: 1;
    }

}