.vid {
	overflow: hidden;
    display: inline-flex;
    flex-wrap: wrap;
}

.vid .vid_page {
    max-height: 0vw;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 90vw;
    padding: 5vw;
    display: inline-block;
	position: relative;
}

.vid .vid_page.active {
    max-height: 1000000vw;
    height: 100%;
    min-height: calc(100vh - 10vw);
}

.vid .maintitle {
    padding-bottom: 10vw;
}

/*Old VID
.vid .vid_model {
    width: 100%;
    position: relative;
}

.vid .vid_model .data {
    position: absolute;
    top: 0vw;
}

.vid .vid_model .data .vid_photo {
    width: 43vw;
    height: 43vw;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 18.75vw;
    left: 9vw;
}

.vid .vid_model .data .vid_photo img {
    width: 100%;
}

.vid .vid_model .data .vid_text {
    position: absolute;
    top: 68vw;
    left: 9vw;
    color: black;
    width: 60vw;
}

.vid .vid_model .data .vid_text p {
    color: rgb(65, 65, 65);
}

.vid .vid_model .data .vid_text b {
    margin-top: 5vw;
    display: block;
}

.vid .vid_model .data .vid_code {
    position: absolute;
    top: 113.75vw;
    left: 42.5vw;
    color: black;
}

.vid .vid_model .data .qr_code {
    position: absolute;
    top: 107vw;
    left: 64.5vw;
    width: 21vw;
}

.vid .vid_model .data .qr_code img {
    width: 100%;
}

.vid .vid_model .model {
    width: 100%;
    position: relative;
    border-radius: 4vw;
}*/

.vid .vid_model {
    width: 100%;
    position: relative;
}

.vid .vid_model .data {
    position: absolute;
    top: 0vw;
}

.vid .vid_model .data .vid_photo {
    width: 54vw;
    height: 54vw;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 35vw;
    left: 18vw;
}

.vid .vid_model .data .vid_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vid .vid_model .data .vid_text {
    position: absolute;
    top: 95vw;
    left: 0vw;
    color: black;
    text-align: center;
    width: 90vw;
}

.vid .vid_model .data .vid_text p {
    color: rgb(65, 65, 65);
}

.vid .vid_model .data .vid_text b {
    margin-top: 4vw;
    display: block;
}

.vid .vid_model .data .status {
    position: absolute;
    top: 128vw;
    left: 0vw;
    text-align: center;
    width: 90vw;
}

.vid .vid_model .data .status b {
    background: #FF8800;
    padding: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    border-radius: 10vw;
    color: white;
    display: inline-block;
}

.vid .vid_model .data .qr_code {
    position: absolute;
    top: 107vw;
    left: 64.5vw;
    width: 21vw;
    display: none;
}

.vid .vid_model .data .qr_code img {
    width: 100%;
}

.vid .vid_model .model {
    width: 100%;
    position: relative;
    border-radius: 4vw;
}