/* HERO */
.swiper-container {width: 100%;position:fixed!important;}
.swiper-slide__element {width:100%;height:100%;object-fit:cover;}
.swiper-button-prev__container{position:absolute;width:80px;height:100%;top:0;left:0;z-index:3;}
.swiper-button-next__container{position:absolute;width:80px;height:100%;top:0;right:0;z-index:3;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:25px!important;opacity:0;transition:all 0.2s ease;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:25px!important;opacity:0;transition:all 0.2s ease;}
.swiper-button-prev__container:hover .swiper-button-prev{opacity:1;}
.swiper-button-next__container:hover .swiper-button-next{opacity:1;}
.swiper-slide__project_des{position:absolute;bottom:50px;left:50px;width:auto;max-width:60vw;}
.swiper-slide__project_des__title, .swiper-slide__project_des__des{display:block;}

.swiper-pagination.swiper-pagination-fraction {
    width:auto;
    max-width:25vw;
    bottom: 50px;
    right: 50px;
    left: auto;
    font-weight: bold;
}
.hero{width:100%;overflow:hidden;position: relative;}

/* PROJECTS */
/*
.projects_carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: -1;
}
.projects_carousel .project {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.projects_carousel .project video, .projects_carousel .project img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.projects_carousel .project .hero-description {
    position: absolute;
    bottom: 50px;
    width: 70%;
    padding-left: 50px;
    font-size: 1.8rem;
}
.hero-description #hero-title {display: inline-block;margin-bottom: 5px;}
*/

.card{/*opacity:0;*/text-decoration:none;color:#000;}
.work {position: relative; z-index: 2;background-color:#fff;}
.work_content {width:100%;}
.work_content__title {font-weight: 700;font-size: 3rem;padding-top: 70px;padding-bottom: 15px;border-bottom:2px solid #e3e4e5;margin-bottom: 25px;}

/*
.work_content__menu {width:100%;overflow: hidden;margin-bottom:25px;}
.work_content__menu_container {white-space:nowrap;overflow-x:auto;overflow-y:hidden;-ms-overflow-style: none;scrollbar-width: none;position:relative;}
.work_content__menu_container::-webkit-scrollbar {display: none;}
.work_content__type_container_content{display:flex;position: relative;}
.work_content__type_container_content .work_content__type_option {padding: 0 15px 10px 15px;font-size:1.2rem;color:#999;font-weight:500;border-bottom: 2px solid #e3e4e5;}
.work_content__type_container_content .work_content__type_option .work_content_type_option_op {transition:all 0.5s ease;cursor: pointer;}
.work_content__type_container_content .work_content__type_option:nth-child(3) {padding-right: 0px;}
.work_content__type_container_content .work_content__type_option:nth-child(1) {padding-left: 0px;}
.work_content__type_active {position:absolute;bottom:0;height:2px;background-color:#000;transition:all 0.5s ease;}
*/

.work_content__cards_container {display:flex;flex-wrap:wrap;width:100%;min-height: 50vh;}
.work_content__cards_container .card {display: inline-block;margin-bottom:45px;}

.work_content__cards_container .card__title {font-size: 1.3rem;margin-top:5px;font-weight:500;}
.work_content__cards_container .card__image {width:100%;height:auto;}
.work_content__cards_container .card__image .card__image_image {width:100%;height:auto;}

@media screen and (max-width: 499px) {
    .hero{height:0;padding-top:112%;}
    .swiper-container{top:0;left:0;}
    .swiper-button-prev__container, .swiper-button-next__container {display:none;}
    .swiper-slide__project_des__title{font-size:1.7rem;}
    .swiper-pagination.swiper-pagination-fraction{font-size:2.2rem;}
}
@media screen and (min-width: 500px) {.hero{height:100vh;}.swiper-container{height:inherit;}}

@media screen and (max-width: 799px) and (min-width:500px){
    .swiper-slide__project_des__title,.swiper-slide__project_des__des{font-size:1.7rem;}
    .swiper-pagination.swiper-pagination-fraction{font-size:2.2rem;}
}

@media screen and (max-width: 599px) {
    .swiper-slide__project_des {left:25px;bottom:25px;}
    .swiper-pagination.swiper-pagination-fraction{right:25px;bottom:25px;}
    .swiper-slide__project_des__des{display:none;}
    .work_content_type_option_op {font-size: 1rem;}
    .work_content__menu_container{margin-right:20px;margin-left:20px;}
    .work_content__title {padding-top:50px;margin-bottom: 15px;margin-left:20px;margin-right:20px;font-size:2.5rem;}
    .work_content__type {justify-content:center;align-items:center;}
    .work_content__cards_container {padding-left:20px;padding-right:20px;}
    .work_content__cards_container .card {width:100%;margin-bottom:25px;}
}

@media screen and (min-width: 398px) {
    .work_content__type_container_content{justify-content:center;align-self:center;border-bottom:2px solid #e3e4e5;}
    .work_content__type_option{border-bottom:0px!important;}
    .work_content__type_active{bottom:-2px;}
}

@media screen and (min-width: 800px) {.work_content__type_container_content{justify-content:flex-end!important;}
    .work_content__type_option{padding-bottom:20px!important;}
    .work_content__menu {transform: translateY(-100%);}
}

@media screen and (min-width: 1020px) {
    .work_content__type_container_content{justify-content:center!important;}
}

@media screen and (max-width: 799px) and (min-width: 600px) {
    .work_content {padding-left:30px;padding-right:30px;}
    .work_content__title {margin-bottom: 15px;}
    .swiper-slide__project_des{left:30px;bottom:30px;}
    .swiper-pagination.swiper-pagination-fraction{right:30px;bottom:30px;}
    .work_content__cards_container .card {width:50%;}
    .work_content__cards_container .card:nth-child(odd) {padding-right: 5px;}
    .work_content__cards_container .card:nth-child(even) {padding-left: 5px;}
}

@media screen and (max-width: 1039px) and (min-width: 800px) {
    .swiper-slide__project_des, .swiper-pagination.swiper-pagination-fraction{right:40px;bottom:40px;}
    .swiper-slide__project_des__title,.swiper-slide__project_des__des{font-size:1.8rem;}
    .swiper-pagination.swiper-pagination-fraction{font-size:2.2rem;}
    .work_content {padding-left:40px;padding-right:40px;}
    .work_content__cards_container .card {width:50%;}
    .work_content__cards_container .card:nth-child(odd) {padding-right: 10px;}
    .work_content__cards_container .card:nth-child(even) {padding-left: 10px;}
}

@media screen and (max-width: 1399px) and (min-width: 1040px) {
    .swiper-slide__project_des, .swiper-pagination.swiper-pagination-fraction{right:60px;bottom:60px;}
    .swiper-slide__project_des__title,.swiper-slide__project_des__des{font-size:1.9rem;}
    .swiper-pagination.swiper-pagination-fraction{font-size:2.2rem;}

    .work_content {padding-left:50px;padding-right:50px;}
    .work_content__cards_container .card {width:33.33333%;}
    .work_content__cards_container .card:nth-child(3n - 2) {padding-right: 10px;}
    .work_content__cards_container .card:nth-child(3n - 1) {padding: 0 5px;}
    .work_content__cards_container .card:nth-child(3n) {padding-left: 10px;}
}

@media screen and (min-width: 1400px) {
    .swiper-slide__project_des, .swiper-pagination.swiper-pagination-fraction{right:80px;bottom:60px;}
    .swiper-slide__project_des__title,.swiper-slide__project_des__des{font-size:2.2rem;}
    .swiper-pagination.swiper-pagination-fraction{font-size:2.8rem;}

    .work_content {width:1600px;padding-left:50px;padding-right:50px;}
    .work_content__cards_container .card {width:33.33333%;}
    .work_content__cards_container .card:nth-child(3n - 2) {padding-right: 16px;}
    .work_content__cards_container .card:nth-child(3n - 1) {padding: 0 8px;}
    .work_content__cards_container .card:nth-child(3n) {padding-left: 16px;}
}