@charset "UTF-8";
.background-image-default{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.transition_default{
    transition-duration: 700ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all
}

.no_responce_flex{
    display: flex;
}

.position_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.position_left {
    display: flex;
    justify-content: start;
    align-items: center;
}

.position_bottom {
    display: flex;
    justify-content: center;
    align-items: bottom;
}

.black_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 50;
    top: 0;
    left: 0;
}

.button:hover {
    cursor: pointer;
}.button *{
    pointer-events: none;
}

.grid{
    display: grid;
}

.note-group{
    width: 100%;
    text-align: left;
    font-size: 1em;
}

.note-black-1{
    font-size: 0.5em;
    color: black;
}

.rotated {
    transform: translate(-50%, -50%) rotate(180deg)!important;
}

@media (min-width: 768px) {
    .responce_flex{
        display: flex;
    }

    .responce_grid_type_3-2{
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
    }
}@media (max-width: 767px) {
    .return_responce_flex{
        display: flex;
    }

    .responce_grid_type_3-2{
        grid-template-columns: repeat(1, 1fr);
    }
}