.archive-website .top-head .title-area{margin:10px 0 25px}
.archive-website .entery{display:flex;flex-wrap:wrap;width:calc(100% + 20px);transform:translateX(10px)}
.archive-website .entery .mini-p{flex:1 0 calc(14.28% - 20px);max-width:calc(14.28% - 20px);margin:10px}

.archive-website .entery .mini-list{flex:1 0 calc(20% - 20px);max-width:calc(20% - 20px);margin:10px}

.archive-main .top-archive .inside{text-shadow:0 2px 3px rgba(0, 0, 0, 0.5);width:50%;margin:40px 25% 50px}
.archive-main .top-archive .inside .titr-b{margin:5px 0 10px}
.archive-main .top-archive .inside .desc{line-height:2;text-align:justify}

.archive-main .bg-slider{top:0;right:0;z-index:-1;position:absolute}
.archive-main .bg-slider .slide:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(to bottom,transparent,var(--body)),linear-gradient(to right,var(--body),transparent,var(--body));z-index:3}
.archive-main .bg-slider .owl-nav,.archive-main .bg-slider .owl-dots{display:none}


.top-site:before,.top-site:after{content:"";position:absolute;height:100%;width:100%;top:0;right:0;background:linear-gradient(to bottom, transparent, var(--body))}
.top-site:after{background:linear-gradient(to right, transparent, var(--body))}
.top-site .bg{top:0;right:0;z-index:-1;height:100%}
.top-site .inside{width:50%;padding:150px 0 70px}
.top-site .inside .title{font-size:40px}
.top-site .inside .brief{margin:5px 0 15px}
.top-site .inside .text{line-height:2;text-align:justify}

.archive-website .entery .mini-p .number{transform:translateX(50%);line-height:1;display:inline-block;height:1em;color:var(--color);-webkit-text-stroke:0.15rem rgb(255,255,255);text-shadow:0 0 1.5rem var(--color);font-size:60px;right:50%;top:0;z-index:10}
.archive-website .entery .mini-p .number::before{content:attr(data-content);-webkit-text-fill-color:var(--color);-webkit-text-stroke:0;position:absolute}

.archive-website .top-head .title-area.acttir{margin:0 0 5px !important}
.archive-website .top-head .actor-desc{line-height:2;width:800px;margin:0 calc(50% - 400px) 20px}
.archive-website .top-head .avatar-act{width:80px;height:80px;margin:0 calc(50% - 40px) 20px}
.archive-website .top-head .day-birth{display:inline-block;padding:7px 30px;margin-bottom:20px;background:linear-gradient(to right,transparent,var(--color),transparent)}

.item-actor-in-arch{flex:1 0 calc(14.28% - 15px);max-width:calc(14.28% - 15px);backdrop-filter:blur(30px);background:rgba(83, 83, 83, .5);padding:20px 10px;margin:7.5px}
.item-actor-in-arch .pic_act{width:80px;height:80px;margin:0 calc(50% - 40px) 10px}
.item-actor-in-arch .nme{direction:ltr}
.item-actor-in-arch:hover{background:var(--color)}
.item-actor-in-arch:hover .nme{color:#fff}

.archive-website .top-head .srch{width:300px;margin:10px calc(50% - 150px) 20px}
.archive-website .top-head .srch .inp{padding:11px 15px 11px 0;background:none;border:0;width:calc(100% - 42px)}
.archive-website .top-head .srch .sub{border:0;margin:5px;padding:5px}
.archive-website .top-head .srch .sub:hover{opacity:.7}

@media only screen and (max-width:1520px){
.archive-website .entery .mini-p{flex:1 0 calc(16.66% - 20px);max-width:calc(16.66% - 20px)}
.archive-website .entery .mini-list{flex:1 0 calc(25% - 20px);max-width:calc(25% - 20px)}
}
@media only screen and (max-width:1290px){
.archive-website .entery .mini-p{flex:1 0 calc(20% - 20px);max-width:calc(20% - 20px)}
.archive-website .entery .mini-list{flex:1 0 calc(33.33% - 20px);max-width:calc(33.33% - 20px)}
}
@media only screen and (max-width:1030px){
.archive-website .entery .mini-p{flex:1 0 calc(25% - 20px);max-width:calc(25% - 20px)}
.archive-website .entery .mini-list{flex:1 0 calc(50% - 20px);max-width:calc(50% - 20px)}
.item-actor-in-arch{flex:1 0 calc(16.66% - 15px);max-width:calc(16.66% - 15px)}
}
@media only screen and (max-width:920px){
.item-actor-in-arch{flex:1 0 calc(20% - 15px);max-width:calc(20% - 15px)}
.top-site:after{background:linear-gradient(to bottom, var(--body) , transparent)}
.top-site .inside{width:100%;text-align:center;padding:50px 0 30px}
.top-site .inside .title{font-size:23px}
.top-site .inside .brief{font-size:16px;margin:5px 0 10px}
.top-site .inside .text{font-size:13px}


.archive-website .top-head .title-area{margin:10px 0 15px;font-size:18px}
.archive-main .top-archive .inside{width:100%;margin:10px 0 20px}
.archive-main .top-archive .inside .titr-a{text-align:center;font-size:21px}
.archive-main .top-archive .inside .titr-b{text-align:center;font-size:17px}
.archive-main .top-archive .inside .desc{font-size:13px}

.archive-website .top-head .actor-desc{width:100%;margin:0 0 20px;font-size:13px}
.archive-website .top-head .day-birth,.archive-website .top-head .avatar-act{margin-bottom:10px}


}
@media only screen and (max-width:670px){
.archive-website .entery .mini-list{flex:1 0 calc(50% - 15px);max-width:calc(50% - 15px);margin:7.5px}
.archive-website .entery .mini-p{flex:1 0 calc(25% - 15px);max-width:calc(25% - 15px);margin:7.5px}
.archive-website .entery{width:calc(100% + 15px);transform:translateX(7.5px)}
.item-actor-in-arch{flex:1 0 calc(25% - 15px);max-width:calc(25% - 15px)}
}
@media only screen and (max-width:620px){
.archive-website .entery .mini-p{flex:1 0 calc(33.33% - 15px);max-width:calc(33.33% - 15px)}
.archive-website .entery .mini-list{flex:1 0 calc(100% - 15px);max-width:calc(100% - 15px);margin:7.5px}
.item-actor-in-arch{flex:1 0 calc(33.33% - 15px);max-width:calc(33.33% - 15px)}
}
@media only screen and (max-width:460px){
.archive-website .entery .mini-p{flex:1 0 calc(50% - 15px);max-width:calc(50% - 15px)}
.archive-website .entery .mini-p.is-mini .pic .photo{height:230px}
}
@media only screen and (max-width:425px){
.archive-website .entery .mini-p.is-mini .pic .photo{height:calc(50vw + 72px)}
.item-actor-in-arch{flex:1 0 calc(50% - 15px);max-width:calc(50% - 15px)}
}