/* POPUP */
.popup,
.popup_2,
.popup_3,
.popup_4,
.popup_5,
.popup_6,
.popup_7,
.popup_8,
.popup_9,
.popup_10,
.popup_11,
.popup_12,
.popup_13,
.popup_14,
.popup_15,
.popup_16,
.popup_17,
.popup_18,
.popup_19,
.popup_20,
.popup_21,
.popup_22,
.popup_23,
.popup_24,
.popup_25,
.popup_26,
.popup_27,
.popup_28 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.8);
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;

    transition: all 0.3s ease 0s;
}

.popup:target,
.popup_2:target,
.popup_3:target,
.popup_4:target,
.popup_5:target,
.popup_6:target,
.popup_7:target,
.popup_8:target,
.popup_9:target,
.popup_10:target,
.popup_11:target,
.popup_12:target,
.popup_13:target,
.popup_14:target,
.popup_15:target,
.popup_16:target,
.popup_17:target,
.popup_18:target,
.popup_19:target,
.popup_20:target,
.popup_21:target,
.popup_22:target,
.popup_23:target,
.popup_24:target,
.popup_25:target,
.popup_26:target,
.popup_27:target,
.popup_28:target {
    opacity: 1;
    visibility: visible;
}

.popup:target .popup__content,
.popup_2:target .popup_2__content,
.popup_3:target .popup_3__content,
.popup_4:target .popup_4__content,
.popup_5:target .popup_5__content,
.popup_6:target .popup_6__content,
.popup_7:target .popup_7__content,
.popup_8:target .popup_8__content,
.popup_9:target .popup_9__content,
.popup_10:target .popup_10__content,
.popup_11:target .popup_11__content,
.popup_12:target .popup_12__content,
.popup_13:target .popup_13__content,
.popup_14:target .popup_14__content,
.popup_15:target .popup_15__content,
.popup_16:target .popup_16__content,
.popup_17:target .popup_17__content,
.popup_18:target .popup_18__content,
.popup_19:target .popup_19__content,
.popup_20:target .popup_20__content,
.popup_21:target .popup_21__content,
.popup_22:target .popup_22__content,
.popup_23:target .popup_23__content,
.popup_24:target .popup_24__content,
.popup_25:target .popup_25__content,
.popup_26:target .popup_26__content,
.popup_27:target .popup_27__content,
.popup_28:target .popup_28__content
 {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: perspective(600px) translate(0px, 0px) rotate(0deg);
}
.popup__body,
.popup_2__body,
.popup_3__body,
.popup_4__body,
.popup_5__body,
.popup_6__body,
.popup_7__body,
.popup_8__body,
.popup_9__body,
.popup_10__body,
.popup_11__body,
.popup_12__body,
.popup_13__body,
.popup_14__body,
.popup_15__body,
.popup_16__body,
.popup_17__body,
.popup_18__body,
.popup_19__body,
.popup_20__body,
.popup_21__body,
.popup_22__body,
.popup_23__body,
.popup_24__body,
.popup_25__body,
.popup_26__body,
.popup_27__body,
.popup_28__body {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
}

.popup__content,
.popup_2__content,
.popup_3__content,
.popup_4__content,
.popup_5__content,
.popup_6__content,
.popup_7__content,
.popup_8__content,
.popup_9__content,
.popup_10__content,
.popup_11__content,
.popup_12__content,
.popup_13__content,
.popup_14__content,
.popup_15__content,
.popup_16__content,
.popup_17__content,
.popup_18__content,
.popup_19__content,
.popup_20__content,
.popup_21__content,
.popup_22__content,
.popup_23__content,
.popup_24__content,
.popup_25__content,
.popup_26__content,
.popup_27__content,
.popup_28__content {
    background-color: #fff;
    color: #000;
    max-width: 800px;
    padding: 30px;
    position: relative;

    transform: perspective(300px) translate(0px, -100%) rotate(0deg);
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.popup__close,
.popup_2__close,
.popup_3__close,
.popup_4__close,
.popup_5__close,
.popup_6__close,
.popup_7__close,
.popup_8__close,
.popup_9__close,
.popup_10__close,
.popup_11__close,
.popup_12__close,
.popup_13__close,
.popup_14__close,
.popup_15__close,
.popup_16__close,
.popup_17__close,
.popup_18__close,
.popup_19__close,
.popup_20__close,
.popup_21__close,
.popup_22__close,
.popup_23__close,
.popup_24__close,
.popup_25__close,
.popup_26__close,
.popup_27__close,
.popup_28__close
 {
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    color: #000;
    font-size: 20px;
}

.popup__title,
.popup_2__title,
.popup_3__title,
.popup_4__title,
.popup_5__title,
.popup_6__title,
.popup_7__title,
.popup_8__title,
.popup_9__title,
.popup_10__title,
.popup_11__title,
.popup_12__title,
.popup_13__title,
.popup_14__title,
.popup_15__title,
.popup_16__title,
.popup_17__title,
.popup_18__title,
.popup_19__title,
.popup_20__title,
.popup_21__title,
.popup_22__title,
.popup_23__title,
.popup_24__title,
.popup_25__title,
.popup_26__title,
.popup_27__title,
.popup_28__title
 {
    font-size: 2vw;
    margin: 0px 0px 0.5em 0px;
}

.popup__text,
.popup_2__text,
.popup_3__text,
.popup_4__text,
.popup_5__text,
.popup_6__text,
.popup_7__text,
.popup_8__text,
.popup_9__text,
.popup_10__text,
.popup_11__text,
.popup_12__text,
.popup_13__text,
.popup_14__text,
.popup_15__text,
.popup_16__text,
.popup_17__text,
.popup_18__text,
.popup_19__text,
.popup_20__text,
.popup_21__text,
.popup_22__text,
.popup_23__text,
.popup_24__text,
.popup_25__text,
.popup_26__text,
.popup_27__text,
.popup_28__text {
    font-size: 1vw;
}

.popup__area,
.popup_2__area,
.popup_3__area,
.popup_4__area,
.popup_5__area,
.popup_6__area,
.popup_7__area,
.popup_8__area,
.popup_9__area,
.popup_10__area,
.popup_11__area,
.popup_12__area,
.popup_13__area,
.popup_14__area,
.popup_15__area,
.popup_16__area,
.popup_17__area,
.popup_18__area,
.popup_19__area,
.popup_20__area,
.popup_21__area,
.popup_22__area,
.popup_23__area,
.popup_24__area,
.popup_25__area,
.popup_26__area,
.popup_27__area,
.popup_28__area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.fixed {
    font-size: 30px;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0;
}