/*--ÀÄÂÅÍÒ--*/
.advent { display: block; width: 580px; height: 619px; background: url("https://i.imgur.com/pJbJWPc.png"); opacity: 1; transition: all 0.6s ease-out; }
.advent:hover { opacity: 0; transition: all 0.6s ease-out;}
.days { display: block; width: 580px; height: 619px; background: url("https://i.imgur.com/dYRZW2v.png") no-repeat; position: relative; top: -619px; margin-bottom: -619px;  opacity: 0;  transition: all 0.6s ease-out; font: 200 10px calibri, arial; letter-spacing: 0.5px;}
.days:hover { opacity: 1; transition: all 0.6s ease-out;}
.days span { display: block; padding: 15px; text-align: left;}

/*--ÄÑÂ--*/
.v {background: url(https://i.imgur.com/jEsrQDO.png) top center no-repeat, url(https://i.imgur.com/9tzeoQs.png) bottom center no-repeat; width: 480px; margin: auto!important; background-color: #fff; padding: 40px; border: 1px solid #ffe9eb!important; text-transform: lowercase; line-height: 17px; font-size: 90%; border-radius: 15px; }
.sv { background: #fff8f9; color: #f78e94; text-align: center; padding: 10px 45px; font-family: Roboto; font-size: 8px;  /*color: #878787; */ text-transform: uppercase; letter-spacing: 1px; font-weight: 500; display: block; font-style: normal; border-radius: 5px; }
.tys { display: flex; width: 100%; align-items: center; flex-wrap: nowrap; }
.tys tag { display: block; width: 33%; text-align: center; padding: 20px 0;}
.tys tag n { font: 300 10px montserrat; color: grey; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.5px;}
.tys tag b { font: 700 18px montserrat; color: #f78e94; text-transform: uppercase;}
.tys tag img { border-radius: 50px; width: 80px; height: 80px; object-fit: cover;}
.v .scroll::-webkit-scrollbar { background-color: transparent;}

.s {
    background: url(https://i.imgur.com/tZ9npKa.png) center center no-repeat;
    width: 480px;
    height: 480px;
    margin: auto!important;
    background-color: #fff;
    padding: 40px;
    text-transform: lowercase;
    line-height: 17px;
    font-size: 90%; 
}
.s .scroll {height: 290px;width: 370px;margin-top: -40px;padding-top: 0px!important;margin-left: 50px;}
.s .scroll::-webkit-scrollbar { background-color: transparent;}
.s img {border: solid 10px #f6eee3;}
.ss {
    background: #f6eee3;
    color: #b39782;
    text-align: center;
    padding: 10px 45px;
    font-family: Roboto;
    font-size: 8px;
    /* color: #878787; */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    display: block;
    font-style: normal;
    border-radius: 5px;
}

/*---ÑÍÃ---*/
.cny { display: block; width: 240px; margin-bottom: 40px; height: auto; padding: 10px; /* padding-bottom: 20px; */ font: 9px normal calibri, arial; font-style: italic; color: #121111; letter-spacing: 0.5px; text-align: center; border: 1px solid #ff918c; border-radius: 10px; }
.cny:after { content: ""; width: 45px; height: 45px; display: block; left: 46.5%; top: 38px; position: absolute; background: url(https://i.imgur.com/LxuwzB8.gif); }

/*----*/
.pun-modal.move_posts_form .modal-inner {background: white; border-radius: 20px;}
.pun-modal .modal-inner { background: white; border-radius: 20px; padding: 10px; }

/*--NONAME--*/
#p306626 .post-author, #p306626 dl.post-sig { display: none; }
#p306626-content.post-content { width: 940px; margin-left: -245px; }

/*--ÐÅÊËÀÌÀ 1 ÑÎÎ--*/
#p899592 .post-author, #p899592 dl.post-sig { display: none; }
#p899592-content.post-content { width: 940px; margin-left: -245px; }

.ssanta { overflow-x: hidden; overflow-y: scroll; height: 100px; border: solid 1px #99c1df; border-radius: 10px; padding: 10px; font-size: 9px; text-align: center; }

/*-------ÑÏÅÉÑÒÀÓÍ------*/

/*-----òåñò êàðò----*/
#card { position: relative; width: 75px; height: 100px; transition: 0.4s; display: inline-block; }
#card img.ch { position: absolute; top: 0; right: 0; left: 0; bottom: 0; object-fit: contain; opacity: 0; transition: opacity .2s; transition: 0.4s; filter: /*drop-shadow(0px 0px 2px #5869b7);*/}
#card:hover img.ch { opacity: 1; transition: 0.4s; /*filter: drop-shadow(0px 0px 2px #5869b7);*/}
#card img {/*filter: drop-shadow(0px 0px 2px #5869b7);*/}

#memo { position: relative; width: 75px; height: 100px; transition: 0.4s; display: inline-block; }
#memo img.ch { position: absolute; top: 0; right: 0; left: 0; bottom: 0; object-fit: contain; opacity: 0; transition: opacity .2s; transition: 0.4s;}
#memo:hover img.ch { opacity: 1; transition: 0.4s;}

/*-----òåñò êàðò----*/

.spacy { display: block; width: 910px; height: 1104px; margin-left: 8px; background: url(https://i.imgur.com/OG6MMtM.png) no-repeat; font-family: calibri; }
.spacy b { color: #00bcff!important }
.spacy tasks { display: block; text-align: left; width: 124px; height: 560px; line-height: 116%; font-size: 87%; letter-spacing: 0.5px; color: #f4f4f4; position: absolute; z-index: 999; background: #000; padding: 0px 10px; border-radius: 10px; overflow: auto;}
.spacy upgrade { display: block; text-align: justify; width: 650px; height: 105px; line-height: 130%; font-size: 90%; letter-spacing: 0.5px; color: #f4f4f4; position: absolute; }
.spacy info { display: block; text-align: justify; width: 650px; height: auto; line-height: 130%; font-size: 90%; letter-spacing: 0.5px; color: #f4f4f4; position: absolute; background: #000; padding: 15px; border-radius: 10px;}
.spacy h { font: 200 16px fulbo argenta; color: #09bbfe!important; display: block; position: relative; }
.spacy space, .spacy levels { display: block; width: 585px; height: 550px; margin-top: 240px; margin-left: 85px; overflow-x: hidden!important; overflow: scroll; color: #eaeaea;}
.spacy space img { filter: drop-shadow(1px 1px 6px black) saturate(0.5); opacity: 0.8; transition: 0.4s; }
.spacy space img:hover { filter: drop-shadow(1px 1px 6px #09bbfe); opacity: 1;  transition: 0.4s;}
.spacy levels img {width: 270px!important; filter: drop-shadow(1px 1px 6px black) saturate(0.5); transition: 0.4s;}
.spacy levels img:hover {filter: drop-shadow(1px 1px 6px #afafaf);}
.spacy g {font: 200 16px fulbo argenta!important; color: #09bbfe!important;}
.spacy g2 {font: 200 8px fulbo argenta!important; color: #09bbfe!important; display: block;}
.spacy n { float: right; color: #afafaf; font-size: 7px; letter-spacing: 2px; padding-top: 5px; text-transform: uppercase; display: block; }
.spacy n2 { float: right; color: #afafaf; font-size: 7px; letter-spacing: 2px; padding-top: 1px; text-transform: uppercase; display: block; }
.spacy l {text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; font-size: 8.5px; display: block; font-weight: bolder;}
.cardbox { display: block; position: relative; left: 105px; bottom: 0px; width: 730px; height: 830px; overflow: hidden; }
.cardbox .middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cardbox navi { position: absolute; top: 450px; text-align: center; color: #ffbada; font: 600 8px calibri, arial; text-transform: uppercase; left: 98%; transform: translateX(-50%) rotate(90deg); display: flex; letter-spacing: 1px; z-index:999;}
.cardbox .bar { width: 140px; height: 15px; padding: 5px; padding-top: 8px; border-radius: 10px; color: #f2f2f2; background: linear-gradient(7deg, black, black, black, black); margin: 6px; cursor: pointer; transition: all 0.4s ease; font: 200 11px fulbo argenta;}
.cardbox .bar:hover{ background: linear-gradient(7deg, black, black, #382176, #09bbfe); transition: all 0.4s ease;}
input[name="c"]{position: absolute; visibility: hidden; }
.cardbox  slides { width: 500%; height: 100%; display: flex; }
.cardbox  slide { width: 20%; transition: 0.6s;     text-align: left;}
#c1:checked ~ .s1{margin-left: 0;}
#c2:checked ~ .s1{ margin-left: -20%; } 
#c3:checked ~ .s1{ margin-left: -40%; } 
#c4:checked ~ .s1{ margin-left: -60%; } 
#c5:checked ~ .s1{ margin-left: -80%; }
.spacy tasks::-webkit-scrollbar, .spacy space::-webkit-scrollbar, .spacy levels::-webkit-scrollbar { width: 5px; height: 6px; background-color: #1c183a; border-radius: 5px;}
.spacy tasks::-webkit-scrollbar-thumb, .spacy space::-webkit-scrollbar-thumb, .spacy levels::-webkit-scrollbar-thumb { background-color: #09bbfe!important; border-radius: 5px;}

/*----------ØÊÀËÀ-------------*/
.sc {display: block; width: 178px; height: 19px; border: 1px solid #eaeaea; background-color: #fff; border-top: 0px solid #fff; border-radius: 0 0 5px 5px;}
.sc bg { display: block; background: #f1f1f1; width: 90%; height: 5px; margin: 50px 9px; border-radius: 5px; }
.sc pg
{  margin: 5px; margin-left: 0; height: 6px; display: block; background: url("https://i.imgur.com/bLLENIq.gif") no-repeat; border-radius: 5px; cursor: pointer; }
.sc g { display: block; height: 17px; margin-top: -17px; background: url("https://i.imgur.com/NOBegYO.png") no-repeat; cursor: pointer;}

/*----------ÀÐÕÈÂ ÏËÀØÅÊ--------*/
.platepage { background: url(https://forumupload.ru/uploads/001a/d4/5f/2/411799.png) no-repeat; border: none!important; padding: 0!important; width: 740px; font: 100 9px Owen Pro Regular;  border-radius: 10px; height: 639px; }
.platepage w { margin-bottom: 15px; position: relative; top: 20px; display: block; margin-left: -600px; padding: 0; text-align: left!important; font: 400 20px Owen Pro Regular; letter-spacing: 0px; width: 90px; background: transparent; color: #ff005f; text-transform: uppercase!important; }
.platepage wow { display: block; margin-left: 100px; font: 200 9.5px Nunito!important; margin-bottom: 60px; margin-top: -57px; text-align: justify; width: 540px; height: 60px; line-height: 116%; font-size: 86%; letter-spacing: 0.5px; color: #414141; }
.platepage ww { background: #fbfbfb; color: #b1b1b1; letter-spacing: 0.5px; text-align: center; padding: 10px; border-radius: 10px; margin-bottom: 10px; width: auto; width: 173px; height: 12px; display: block;}
.platepage nn { text-transform: uppercase; letter-spacing: 1px; margin-top: -10px; position: relative; font-weight: 600; color: #767676; }
.platepage hh { cursor: pointer;}
.platepage ss { text-align: center; display: block; color: #fdfdfd; margin-top: -10px; padding: 5px; background: #ff005f; width: fit-content; border-radius: 5px; left: 43%; position: relative; font: 200 8px roboto; letter-spacing: 0.5px; }
.platepage plates { border: none; border-top: none; width: 193px; padding: 10px; padding-bottom: 15px; display: block; background: #fff; border-radius: 10px; }
.platepage plates img { margin: 1px 0px; border-radius: 5px;  }
.platepage scroll { height: 96px; display: block; overflow: scroll;}
.punbb .modmenu .container span {display: none;}
.platebox {display: block; position: relative; left: 0px; top: 10px; bottom: 0px; width: 670px; height: 470px; overflow: hidden;}
.platebox .middle { position: absolute; top: 50%; left: 49.5%; transform: translate(-50%,-50%); }
.platebox  navi { position: absolute; bottom: -6px; text-align: center; color: #e8f7fb; font: 600 7px Owen Pro Regular; text-transform: uppercase; left: 40%; transform: translateX(-50%); display: flex; letter-spacing: 1px;}
.platebox .bar { width: 83px; height: 6px px ; padding: 3px 5px 5px 5px; border-radius: 10px; color: #fff; border: none; background: #a6c6b9; margin: 6px; cursor: pointer; transition: 0.4s;}
.platebox .bar:hover{ background: #ff005f; color: #fff; border: none; transition: 0.4s;}
input[name="o"]{position: absolute; visibility: hidden; }
.platebox  boxes { width: 500%; height: 100%; display: flex; }
.platebox  box { width: 20%; transition: 0.6s; }
#o1:checked ~ .s1{margin-left: 0;}
#o2:checked ~ .s1{ margin-left: -20%; } 
#o3:checked ~ .s1{ margin-left: -40%; } 
#o4:checked ~ .s1{ margin-left: -60%; } 
#o5:checked ~ .s1{ margin-left: -80%; }

/*-----------------------ÄÈÐÅÊÒ---------------------------*/
.chat { display: block; width: 250px; max-height: 440px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 30px 20px 20px 20px; margin-bottom: 80px!important;}
.chat .photo { width: 208px; border-radius: 5px;}
.p { display: block; width: 250px; height: auto; border-radius: 5px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-bottom: 0px!important;}
.chat user {display: block; font-weight: bold; font-size: 20px; color: #1b1b1b; text-transform: lowercase;}
.chat o {display: block; color: #b5b5b5; font-size: 10px; text-transform: uppercase;}
.chat .icon { display: block; border-radius: 50px; background: #fff; width: 60px; height: 60px; padding: 10px; border: solid 1px #e4e4e4; margin-top: 20px;}
.chat box1 { display: block; max-height: 400px; overflow: scroll; overflow-x: hidden; padding: 0 20px; border-radius: 5px;}
.chat box1 msg, .p msg1 { display: block; padding: 10px; text-align: left; border-radius: 5px 5px 5px 0px; background: linear-gradient(120deg, #dddddd, #f5f5f5); color: #333; margin: 2px 0;}
.chat box1 date, .p date1 { display: block; color: #b5b5b5; padding: 5px 0; font-size: 10px; text-align: left; text-transform: uppercase; }
.chat box2 { display: block; max-height: 400px; overflow: scroll; overflow-x: hidden; padding: 0 20px; border-radius: 5px;}
.chat box2 msg, .p msg2 { display: block; padding: 10px; text-align: right; border-radius: 5px 5px 0px 5px; background: linear-gradient(83deg, #c4d1da, #edf1f4); color: #333; margin: 2px 0;}
.chat box2 date, .chat box2 date2, .p date2 { display: block; color: #b5b5b5; padding: 5px 0; font-size: 10px; text-align: right; text-transform: uppercase; }
.chat box1::-webkit-scrollbar-thumb, .chat box2::-webkit-scrollbar-thumb {    background-color: #eaeaea!important; border-radius: 5px;}
.chat box1::-webkit-scrollbar, .chat box2::-webkit-scrollbar { width: 2px;}
.chat info { display: block; position: relative; height: 25px; }

/*-----------------------ÈÍÑÒÀ---------------------------*/
.instg { display: block; width: 320px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 30px; margin-bottom: 20px; }
.instg user { display: block; padding: 15px; border-radius: 20px; background: #f0f0f0; color: #616161; font-weight: bold; font-size: 20px; text-align: center; text-transform: lowercase; }
.instg .icon { display: block; border-radius: 60px; background: #fff; width: 70px; height: 70px; padding: 10px; border: solid 1px #e4e4e4; margin-top: 20px; float: left; object-fit: cover;}
.instg text { display: block; margin-top: 20px; padding-top: 10px; min-height: 50px; text-align: justify; margin-left: 120px; font-size: 10px; text-transform: lowercase;}
.instg text name { display: block; font-weight: bold; font-size: 15px; color: #1b1b1b; }
.instg stat { display: inline-block; color: #bdbdbd; font-size: 8px; text-transform: uppercase; width: 50px; min-height: 40px; margin-top: 10px; margin-left: 20px; text-align: left;}
.instg stat n { display: block; font-weight: bold; font-size: 15px; color: #1b1b1b; }
.instg .preview { border-radius: 8px; width: 100px; height: 100px; padding: 4px 2px; object-fit: cover;}
.instg preview { display: block; margin-top: 15px;}

/*-----------------------ÏÎÑÒ---------------------------*/
.ipost { display: block; width: 230px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-bottom: 20px; }
.ipost .photo { width: 230px; border-radius: 15px; object-fit: cover;}
.ipost likes, date { display: inline-block; padding: 15px 0 5px 0;}
.ipost likes { float: left; font-weight: bold; font-size: 12px; color: #1b1b1b;}
.ipost date { float: right; color: #b5b5b5; font-size: 10px; text-transform: uppercase;}
.ipost text { display: block; margin-top: 38px; text-align: justify; padding: 0 10px; }
.ipost text user { font-weight: bold; font-size: 20px; color: #1b1b1b; padding-right: 5px; text-transform: lowercase; }
.ipost .icon { display: block; border-radius: 60px; background: #fff; width: 30px; height: 30px; padding: 5px; border: solid 1px #e4e4e4; float: left; margin-left: -51px; margin-top: -7px; object-fit: cover;}

/*-----------------------ÏÎÑÒ3---------------------------*/
.ipost slideshow { display: block; height: 230px;}
.ipost .slidershow{ width: 230px; height: 230px; overflow: hidden; }
.ipost .middle{ position: absolute; top: 135px; left: 50%; border-radius: 15px; transform: translate(-50%,-50%); }
.ipost .navigation{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; }
.ipost .bar{ width: 5px; border-radius: 5px; height: 5px; border: solid 1px #fff; margin: 6px; cursor: pointer; transition: 0.3s; }
.ipost .bar:hover{ background: #fff; }
input[name="r"]{ position: absolute; visibility: hidden; }
.ipost .slides{ width: 500%; height: 100%; display: flex; }
.ipost .slide{ width: 20%; transition: 0.3s; }
.ipost .slide img{ width: 100%; height: 100%; object-fit: cover;}
#r1:checked ~ .c1{ margin-left: 0; }
#r2:checked ~ .c1{ margin-left: -20%; }
#r3:checked ~ .c1{ margin-left: -40%; }

/*-----------------------ÊÎÌÅÍÒ---------------------------*/
.icom { display: block; width: 230px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 40px; margin-bottom: 20px;}
.icom likes, date { display: inline-block; padding: 15px 0 5px 0;}
.icom likes { float: left; font-weight: bold; font-size: 12px; color: #1b1b1b;}
.icom date { float: right; color: #b5b5b5; font-size: 10px; text-transform: uppercase;}
.icom text { display: block; margin-top: 0px; text-align: justify; min-height: 50px;} 
.icom text user { font-weight: bold; font-size: 20px; color: #1b1b1b; padding-right: 5px; text-transform: lowercase;}
.icom .icon { display: block; border-radius: 60px; background: #fff; width: 30px; height: 30px; padding: 5px; border: solid 1px #e4e4e4; float: left; margin-left: -62px; }

/*-----------------------ÑÒÎÐÈÇ1---------------------------*/
.story { display: block; width: 230px; height: 410px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-bottom: 20px; text-align: left;}
.story photo { display: block; border-radius: 15px; width: 230px; height: 410px; background-repeat: no-repeat; background-position: center center!important; background-size: cover!important;}
.story .icon { display: block; border-radius: 60px; width: 30px; height: 30px; padding: 5px; border: solid 1px #fff; float: left; margin-left: 10px; margin-top: 10px; }
.story user { display: block; font-weight: bold; font-size: 150%; color: #fff; padding-left: 60px; padding-top: 10px; text-transform: lowercase;     object-fit: cover;}
.story date { display: block; color: #e2e2e2; font-size: 10px; text-transform: uppercase;  padding-left: 60px; margin-top: -15px;}

/*-----------------------ÑÒÎÐÈÇ3---------------------------*/
.storys { display: block; width: 230px; height: 410px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-bottom: 20px!important; text-align: left; }
.storys photo { display: block; border-radius: 15px; width: 230px; height: 410px; background-repeat: no-repeat; background-position: center center!important; background-size: cover!important;}
.storys .icon { display: block; position: relative; border-radius: 60px; width: 30px; height: 30px; padding: 5px; border: solid 1px #fff; float: left; margin-left: 10px; margin-top: 10px; z-index: 999;     object-fit: cover;}
.storys user { display: block; position: relative;  font-weight: bold; font-size: 150%; color: #fff; padding-left: 60px; padding-top: 10px; z-index: 999; text-transform: lowercase;}
.storys date { display: block; position: relative; color: #e2e2e2; font-size: 10px; text-transform: uppercase;  padding-left: 60px; z-index: 999; margin-top: -15px;}
.storys .slidershow{ width: 230px; height: 410px; overflow: hidden;}
.storys .middle{ position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); border-radius: 15px;}
.storys .navigation{ position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); display: flex; }
.storys .bar{ width: 65px; height: 4px; border: 1px solid #fff; border-radius: 5px; margin: 4px; cursor: pointer; transition: 0.3s; }
.storys .bar:hover{ background: #fff; }
.storys .slides{ width: 500%; height: 100%; display: flex; }
.storys .slide{ width: 20%; transition:0.3s ease-out;}
.storys .slide img{ width: 230px; height: 410px; object-fit: cover;}
input[name="p"]{ position: absolute; visibility: hidden; }
#p1:checked ~ .c1{ margin-left: 0;}
#p2:checked ~ .c1{ margin-left: -20%;}
#p3:checked ~ .c1{ margin-left: -40%;}

/*-----------------------ÑÒÎÐÈÇ5---------------------------*/
.storyc { display: block; width: 230px; height: 410px; border-radius: 20px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-bottom: 20px!important; text-align: left; }
.storyc photo { display: block; border-radius: 15px; width: 230px; height: 410px; background-repeat: no-repeat; background-position: center center!important; background-size: cover!important;}
.storyc .icon { display: block; position: relative; border-radius: 60px; width: 30px; height: 30px; padding: 5px; border: solid 1px #fff; float: left; margin-left: 10px; margin-top: 10px; z-index: 999;     object-fit: cover;}
.storyc user { display: block; position: relative;  font-weight: bold; font-size: 150%; color: #fff; padding-left: 60px; padding-top: 10px; z-index: 999; text-transform: lowercase;}
.storyc date { display: block; position: relative; color: #e2e2e2; font-size: 10px; text-transform: uppercase;  padding-left: 60px; z-index: 999; margin-top: -15px;}
.storyc .slidershow{ width: 230px; height: 410px; overflow: hidden;}
.storyc .middle{ position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); border-radius: 15px;}
.storyc .navigations{ position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); display: flex;}
.storyc .bars{ width: 35px; height: 4px; border: 1px solid #fff; border-radius: 5px; margin: 4px; cursor: pointer; transition: 0.4s; }
.storyc .bars:hover{ background: #fff; }
input[name="e"]{ position: absolute; visibility: hidden; }
.storyc .slides{ width: 500%; height: 100%; display: flex; }
.storyc .slide{ width: 20%; transition: 1s ease-out;}
.storyc .slide img{ width: 230px; height: 410px; object-fit: cover;}
#e1:checked ~ .h1{ margin-left: 0;}
#e2:checked ~ .h1{ margin-left: -20%;}
#e3:checked ~ .h1{ margin-left: -40%;}
#e4:checked ~ .h1{ margin-left: -60%;}
#e5:checked ~ .h1{ margin-left: -80%;}
#e6:checked ~ .h1{ margin-left: -100%;}
#e7:checked ~ .h1{ margin-left: -120%;}

/*-----------------------ÏÐÈÅÌÊÀ---------------------------*/
.welcome { display: block; width: 270px; /*height: 290px;*/ border-radius: 5px; border: 1px solid #e4e4e4; font-family: calibri; padding: 40px; margin-top: 40px!important;} 
.welcome .team {display: block;border-radius: 50px;background: #fff;width: 30px;height: 30px;margin-left: 0;padding: 10px!important;margin-bottom: 10px;border: solid 1px #e4e4e4;margin-top: -70px!important;}
.welcome gr { display: block; font-weight: bold; font-size: 18px; color: #1b1b1b; text-transform: uppercase; } 
.welcome o { display: block; color: #b5b5b5; font-size: 8px; text-transform: uppercase; }
.welcome moon { background: url(https://i.imgur.com/MxQJ4HM.png) no-repeat; height: 255px; display: block; margin-top: 20px; border-radius: 5px;}
.welcome moon hi { display: block; position: relative; padding: 10px; width: 190px; border-radius: 5px; background: #fff; text-align: justify; top: 100px; font: 400 8.5px / 1.4 calibri; letter-spacing: 0.5px; color: #1b1b1b; }
.welcome moon navi { display: block; width: 230px; text-align: center; margin-top: 100px;}
.welcome moon a { display: inline-block; width: 55px; color: #000!important; font-size: 8px; text-transform: uppercase; font-weight: bold; }
.welcome sun { background: url(https://i.imgur.com/0NJIoVD.png) no-repeat; height: 255px; display: block; margin-top: 20px; border-radius: 5px;}
.welcome sun hi { display: block; position: relative; padding: 10px; width: 190px; border-radius: 5px; background: #fff; text-align: justify; top: 100px; font: 400 8.5px / 1.4 calibri; letter-spacing: 0.5px; color: #1b1b1b; }
.welcome sun navi { display: block; width: 230px; text-align: center; margin-top: 100px;}
.welcome sun a { display: inline-block; width: 55px; color: #e8bb10!important; font-size: 8px; text-transform: uppercase; font-weight: bold; }

/*-----------------------ËÑ---------------------------*/

.punbb h1 span { display: none;}

.punbb h1 span { display: none;}

.ultapage { display: block; width: 750px; height: 420px; background: url(https://forumupload.ru/uploads/001a/d4/5f/2/603749.png); font-family: Nunito; border-radius: 5px; text-align: left; color: #7f7f7f; }
.ultapage info { display: block; position: relative; width: 120px; height: 340px; margin-left: 60px; top: 30px; font-size: 8.5px; letter-spacing: 1px; text-transform: lowercase; }
.ultapage icon { position: relative; width: 100px; height: 100px; border-radius: 60px; margin-right: 510px; }
.ultapage .icon { filter: grayscale(100%); width: 100px; height: 100px; border-radius: 60px; object-fit: cover; opacity: 0.5; border: 10px solid #fff;  }
.ultapage icon:after { content: ""; display: block; width: 100px; height: 100px; border-radius: 60px;  top: -101px; left: 10px; background: linear-gradient(40deg, #fff, #ff005f); mix-blend-mode: multiply; position: absolute; }
.ultapage song { display: block; color: #a89f90; font: 200 6px Nunito; text-align: center; text-transform: uppercase; letter-spacing: 1px; width: 240px; margin-left: -60px; margin-bottom: 50px; }
.ultapage name { font: 200 14px Owen Pro Regular; text-transform: uppercase; letter-spacing: 0px!important; display: block; padding: 8px 0px;}
.ultapage name a { color: #ff005f!important; }
.ultapage w, c { padding: 0px 4px 0px 0px; font: 400 9px Owen Pro Regular; display: inline-block; margin-bottom: -10px;}
.ultapage posts { display: block; position: absolute; width: 100px; background: #f7f4eb; color: #5c4b3d; text-align: center; border-radius: 10px; bottom: -10px; right: 5px; text-transform: lowercase; font-weight: lighter; padding: 2px 5px; font: 600 8px Owen Pro Regular!important; }

.loot { display: block; position: relative; left: 270px; bottom: 320px; width: 450px; height: 375px; overflow: hidden; border-radius: 5px; }
.loot .e, e { font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #b6b6b6; display: block;}
.loot .middle { /* position: absolute; */ top: 50%; left: 50%; transform: translate(-50%,-50%); }
.loot navi { position: absolute; bottom: -6px; text-align: center; color: #000000; font: 600 6px Owen Pro Regular; text-transform: uppercase; left: 50%; transform: translateX(-50%); display: flex; letter-spacing: 1px; } 
.loot .bar { width: 75px; height: 6px ; padding: 3px 5px 5px 5px; border-radius: 10px; color: #fff; border: none; background: #a6c6b9; margin: 0px 2px 10px 0px; cursor: pointer; transition: 0.4s;}
.loot .bar:hover{ background: #ff005f; color: #fff; border: none; transition: 0.4s;}
input[name="u"]{position: absolute; visibility: hidden; }
.loot pages { width: 500%; height: 100%; display: flex; }
.loot page { width: 20%; transition: 0.6s; }
#u1:checked ~ .s1{margin-left: 1px;}
#u2:checked ~ .s1{ margin-left: -20%; } 
#u3:checked ~ .s1{ margin-left: -40%; } 
#u4:checked ~ .s1{ margin-left: -60%; } 
#u5:checked ~ .s1{ margin-left: -80%; }
.loot scroll::-webkit-scrollbar-thumb {  border-radius: 5px;}
.loot scroll::-webkit-scrollbar { width: 4px;}
.loot scroll { overflow: scroll; width: 100%; height: 100%; display: block; overflow-x: hidden;}
.loot stown { border: solid 1px #f9f9f9; border-radius: 5px; width: 395px; height: 328px; text-align: center; padding: 5px!important; display: block; background: #fff; }
.loot plates { border: solid 1px #f9f9f9; border-radius: 5px; width: 385px; height: 227px; text-align: center; padding: 9px 10px 1px 15px; display: block; background: #fff; margin-top: 5px; }
.loot plates img { border-radius: 5px; padding: 1px; opacity: 0.7; }
.loot plates img:hover {opacity: 1;}
.loot uplates { border: solid 1px #f9f9f9; border-radius: 5px; width: 385px; height: 103px; text-align: center; padding: 9px 10px 1px 15px; display: block; background: #fff; margin-top: 6px; }
.loot uplates img {filter: grayscale(0%); border-radius: 5px; padding: 1px;}
.loot plates2 { border: solid 1px #f9f9f9; border-radius: 5px; width: 385px; height: 58px; text-align: center; padding: 9px 10px 1px 15px; display: block; background: #fff; }
.loot hats { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 85px; text-align: center; padding: 10px 10px 0px 10px; display: block; background: #fff; margin-top: 0px; }
.loot tgs { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 65px; text-align: center; padding: 5px 10px; display: block; background: #fff; margin-top: 5px;}
.loot galaxy { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 78px; text-align: center; padding: 10px 10px; display: block; background: #fff; margin-top: 5px;}
.loot tel { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 83px; text-align: center; padding: 15px 10px 0px 10px; display: block; background: #fff;}
.loot tickets { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 101px; text-align: center; padding: 10px 10px 0px 10px; display: block; background: #fff; margin-top: 7px;  }
.loot tickets  img {height: 60px; margin: 15px;}
.loot memory { border: solid 1px #f9f9f9; border-radius: 5px; width: 390px; height: 63px; text-align: center; padding: 7px 10px; display: block; background: #fff; margin-top: 5px; }
.loot memory img {height: 60px;}
.loot stify { display: block; border: solid 1px #000; border-radius: 5px; width: 395px; height: 328px; font: 400 10px Gotham; color: #989898; padding: 5px!important; background: #252525;  text-align: justify; overflow: auto; margin-left: 20px; margin-right: 35px;}
.loot stify scroll::-webkit-scrollbar {width: 2px; background-color: transparent;}
.loot stify scroll::-webkit-scrollbar-thumb  {width: 2px; background-color: #545454;}
.loot stify sc {overflow: scroll; width: 95%; height: 90px; display: block; overflow-x: hidden; }
.loot stify sc::-webkit-scrollbar {width: 2px; background-color: transparent;}
.loot stify sc::-webkit-scrollbar-thumb  {width: 2px; background-color: #808080;}
.loot stify c {color: #fff; font: 600 26px Gotham; letter-spacing: -2px; margin-right: 10px; padding: 5px 10px;}
.loot stify n {color: #cacaca; text-transform: uppercase; padding: 10px 0px; margin-left: 7px; line-height: 15px; font: 400 8px Jost;}
.loot stify p {display: inline-block; color: #b1b1b1; font: 400 9px Jost;}
.loot stify pln img {-webkit-box-shadow: 0px 0px 18px -9px rgba(88, 186, 85, 0.28);
-moz-box-shadow: 0px 0px 18px -9px rgba(88, 186, 85, 0.28);
box-shadow: 0px 0px 18px -9px rgba(88, 186, 85, 0.28);}

/*---------------ìåìáåðû è áèàñû-----------------*/
.loot stify m {background: #303030; color: #fff; font: 400 7px Owen Pro Regular; text-transform: uppercase; padding: 5px 10px; margin: 3px; border-radius: 50px; display: inline-block;}
.loot stify tm {background: #f6c695; color: #fff; font: 400 7px Owen Pro Regular; text-transform: uppercase; padding: 5px 10px; margin: 3px; border-radius: 50px; display: inline-block;}
.loot stify tb {background: #fc5d9d; color: #fff; font: 400 7px Owen Pro Regular; text-transform: uppercase; padding: 5px 10px; margin: 3px; border-radius: 50px; display: inline-block;}
.loot stify sm {background: #131313; color: #fff; font: 400 7px Owen Pro Regular; text-transform: uppercase; padding: 5px 10px; margin: 3px; border-radius: 50px; display: inline-block;}
.loot stify sb {background: #9c2925; color: #fff; font: 400 7px Owen Pro Regular; text-transform: uppercase; padding: 5px 10px; margin: 3px; border-radius: 50px; display: inline-block;}


.punbb off { 
   opacity: 0.4;
   filter: grayscale(100);
   transition: all 0.3s ease;
     -webkit-transition: all 0.5s ease-in-out; 
     -moz-transition: all 0.5s ease-in-out;            
     -o-transition: all 0.5s ease-in-out; 
     -ms-transition: all 0.5s ease-in-out; 
}

.punbb off:hover {
   opacity: 1;
   filter: grayscale(0);
}


.utel { 
position: relative; float: left;
display: flex; flex-wrap: wrap; 
width: 40px; height: 40px;
justify-content: center;
background-color: #f9f9f9; margin: 15px 15px 15px 20px;
border: 1px solid #f2f1f1!important;
border-radius: 60px; 
}

.utel img {
width: 26px; height: 26px;
margin: auto; 
}

.moon { font: 400 8px calibri!important; letter-spacing: 0.5px; text-transform: uppercase;}
.ultanews text { text-transform: lowercase;}
.craft { display: block; width: 300px; height: 160px; background: url(https://i.imgur.com/CycPJFN.png); border-radius: 10px;}
.craft items { position: relative; width: 110px; height: 110px; top: 33px; left: 33px; }
.craft who { position: relative; display: block; width: 40px; height: 40px; top: -51px; left: 220px; text-align: center; }
.craft numb { position: relative; left: 219px; bottom: 41px; display: block; width: 40px; text-align: center; font: 500 20px arial black; }

.punbb h1 span { display: none;}

.ultapage .iurl { position: relative; display: block; margin-top: -30px; margin-bottom: 6px; text-align: center; }


/*-----------------------ÊÎÍÑÒÅËÅØÎÍÛ---------------------------*/
.constellation { display: block; position: relative; width: 570px; border-radius: 15px; border: 1px solid #eaeaea; font-family: calibri; padding: 30px; }
.constellation bg { display: block; background: url(https://i.imgur.com/mR5k16y.png) no-repeat; padding: 20px 30px; border-radius: 15px;  min-height: 640px;}
.constellation n { font: 200 18px fulbo argenta; display: block; text-transform: uppercase; margin-bottom: -5px!important; color: #262626; line-height: 18px;}
.constellation m { color: #000000; text-transform: uppercase; display: block; font-size: 8px; letter-spacing: 1px; margin-top: 3px; margin-bottom: 20px; } 
.constellation sun, .constellation moon { position: absolute; width: 240px; border-radius: 15px;}
.constellation sun { background: #fffec2; left: 60px;}
.constellation moon { background: #9f9f9f; right: 60px;}
.constellation sun img, .constellation moon img { margin-top: -10px; }
.constellation sun anim, .constellation moon anim { background: #fff; border-radius: 15px; padding: 30px; width: 180px; height: 270px; text-align: justify; display: block; text-transform: lowercase;}
.constellation props { text-transform: uppercase; font-weight: bold; display: block; padding: 20px 30px; text-align: left; font-size: 10px; letter-spacing: 0.8px;}
.constellation props c { float: right; text-align: right; position: absolute; right: 30px; margin-top: -3px;}
.constellation img { border-radius: 15px; transition: 0.4s;}
.constellation img:hover { filter: contrast(1.1); transition: 0.4s;}
.constellation sblock { display: block; height: 200px; width: 175px; padding-right: 15px; overflow: scroll;}
.constellation sblock::-webkit-scrollbar-thumb { background-color: #ebebeb;  border-radius: 5px;}


/*-----------------------ÃÎÑÒÅÂÀß---------------------------*/

.guest { display: block; width: 560px; border-radius: 15px; border: 1px solid #e4e4e4; font-family: calibri; padding: 20px; margin-top: 16px; text-transform: lowercase; margin-bottom: 20px; }
.guest icon {display: block; border-radius: 50px; background-size: contain!important; background: url(https://i.imgur.com/raMu4Lc.png) no-repeat; width: 10px; height: 10px; margin-left: 0; padding: 10px!important; margin-bottom: 10px; border: solid 1px #e4e4e4; margin-top: -37px!important; display: none;}
.guest bg { background: url(https://forumupload.ru/uploads/001a/d4/5f/2/100662.png) no-repeat; width: 560px; display: block; border-radius: 15px; }
.guest bg hi { display: block; position: relative; padding: 10px; width: 382px; border-radius: 5px; background: #f9f9f9; text-align: justify; top: 140px; font: 400 8.5px / 1.4 calibri; letter-spacing: 0.5px; color: #9f9f9f; }
.guest gr { display: block; font-weight: bold; font-size: 18px; color: #1b1b1b; text-transform: uppercase; } 
.guest o { display: block; color: #b5b5b5; font-size: 8px; text-transform: uppercase; background: white; padding: 0 10px; width: 175px; margin-top: 15px; margin-bottom: -25px; position: relative; }
.guest b { color: #6e6e6e;}

.guest fieldset {
  border: 1px solid transparent; 
  border-top-color: #eaeaea!important;
margin-top: 5px;
    margin-bottom: 5px;}

.guest fieldset legend {
    font: 300 8px roboto!important;
    text-transform: uppercase;
    color: #838383;
    padding: 0 8px;
    margin-left: 10px;
    letter-spacing: 1px;
}