/*COLORS*/
/*FONTS*/
.stm_projects_grid:before {
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -16px;
    opacity: 0;
    visibility: hidden;
}

.stm_projects_grid .stm_projects_carousel__item {
    opacity: 1;
    visibility: visible;
}

.stm_projects_grid .stm_projects_carousel__item.loading {
    margin-bottom: 0;
    opacity: 0.5;
    visibility: hidden;
    height: 0;
}

.stm_projects_grid__loading {
    position: relative;
}

.stm_projects_grid__loading:before {
    opacity: 1;
    visibility: visible;
}

.stm_projects_grid__loading .stm_projects_carousel__item {
    opacity: 0;
    visibility: hidden;
}

.stm_projects_grid__switcher {
    position: relative;
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    border: 3px solid #aaaaaa;
    color: #aaaaaa !important;
}

.stm_projects_grid__switcher .fa {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    top: 13px;
    transition: left 0.2s linear, right 0.2s linear;
}

.stm_projects_grid__switcher .left {
    left: 6px;
}

.stm_projects_grid__switcher .right {
    right: 6px;
}

.stm_projects_grid__switcher.active .left {
    left: 22px;
}

.stm_projects_grid__switcher.active .right {
    right: 22px;
}

.stm_projects_grid.active .stm_projects_carousel__item {
    padding: 0;
    margin-bottom: 0;
}

.stm_projects_grid.active .stm_projects_carousel__item .stm_projects_carousel__overlay {
    left: 0;
    right: 0;
}

@media (max-width: 769px) {
    .stm_projects_carousel__tab a {
        margin: 0 15px 15px 0 !important;
    }

    .stm_projects_grid__switcher {
        display: none;
    }

    .stm_loop .stm_loop__grid_3 {
        width: 50%;
    }
}

@media (max-width: 550px) {
    .stm_projects_carousel__tab a {
        margin: 0 15px 15px 0 !important;
    }

    .stm_projects_grid__switcher {
        display: none;
    }

    .stm_loop .stm_loop__grid_3 {
        width: 100%;
    }
}