.array li {cursor:pointer;}



/* burger */

.burger {position:absolute; width:15px; height:15px; left:265px; cursor:pointer;}

.burger span {display:block; width:15px; height:1px; background:rgba(0,0,0,0.5); position:absolute;}

.burger span:first-child {top:15%; right:0;}

.burger span:nth-child(2) {top:35%; right:0;}

.burger span:nth-child(3) {top:55%; right:0;}

.burger span:last-child {top:75%; right:0;}


.burger.active {width:20px; height:22px;}

.burger.active span:nth-child(2), .burger.active span:nth-child(3) {right:-2px; opacity:0;}

.burger.active span:first-child {transform:rotate(45deg); top:50%; right:-2px; width:20px;}

.burger.active span:last-child {transform:rotate(-45deg); top:50%; right:-2px; width:20px;}



/* default */
main {padding:0 0 30px;}

.container {width:100%; height:auto; margin:0 auto; padding:0 24px; overflow-y:auto;}

.title span, .text, .images p {font-family:'Lato', sans-serif; font-size:12px; color:rgba(0,0,0,0.6);}

.text {font-size:12px;}

.images p {font-size:11px; margin-top:4px; opacity:0; text-align:center;}

.images p.show {opacity:1;}

.images {width:1024px;}

.images img {object-fit:contain;}

/* .border {border: 1px solid #000;} */

.swiper-button-prev, .swiper-button-next {color:rgba(0,0,0,0.3); opacity:0;}

.swiper-button-prev:focus, .swiper-button-next:focus {outline:none;}

/* .swiper-button-next:after, .swiper-button-prev:after {font-size:100%;} */
.swiper-button-next:after, .swiper-button-prev:after {font-size: 100%;}

.swiper-button-prev.show, .swiper-button-next.show {opacity:1;}

.swiper-wrapper {align-items:center;}

.swiper-slide {padding-bottom:18px;}

.title {width:638px; display:flex; align-items:center; margin-bottom:8px;}

.title.side {justify-content:space-between;}

/* .text {width:638px; margin-bottom:16px; word-break:break-all; display:none;} */
.text {width:638px; margin-bottom:16px; display:none;}

.text.on {
    display:block;
    white-space: normal;
    word-wrap: break-word;
    hyphens: auto;
    text-align: justify;
}

.object {margin-top:80px;}

.truncated-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    width: 235px;
}

.truncated-text:hover::after {
    content: attr(data-fulltext);
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    animation: rollingText 1s infinite;
}

@keyframes rollingText {
    0% {
        content: attr(data-fulltext);
    }
    25% {
        content: attr(data-fulltext);
    }
    50% {
        content: attr(data-fulltext);
    }
    75% {
        content: attr(data-fulltext);
    }
    100% {
        content: attr(data-fulltext);
    }
}


@media all and (max-width:1024px) {
    .images {
        width:100%;
    }
}

@media all and (max-width:939px) {

    .title {justify-content:space-between; width:100%;}

    .text {width:100%;}

    .burger {left:0; position:relative;}

    .object {margin-top:40px;}
}
/* 
@media all and (max-width:799px) {
    .burger {left:92.5%;}
}

@media all and (max-width:679px) {
    .burger {left:91.5%;}

} */

@media all and (max-width:589px) {
    .container {padding:0 12px;}

    /* .burger {left:95%;} */
}
/* 
@media all and (max-width:534px) {
    .title .burger {left:93%;}

}

@media all and (max-width:359px) {
    .burger {left:91%;}
} */