/* ÃËÀÂÍÀß
-------------------------------------------------------------*/

body {
    background: url(http://forumstatic.ru/files/0018/25/bf/11797.jpg) top center no-repeat, var(--color-1);
    background-size: cover;
    background-attachment: fixed;}

#pun-title table {
    height: 440px;
    width: 1159px;
    margin-left: -129px;
    background: url(http://forumstatic.ru/files/0018/25/bf/40241.png) top center no-repeat;
    margin-top: -420px;
}

#pun {
    background: var(--color-0);
    margin-top: 410px !important;
    margin-bottom: 120px!important;
    border: 7px solid var(--color-4);
    box-shadow: var(--shadow);
    border-radius: 20px;
  }

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000;
  }

/* cs1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  color: #000;
  }

#pun-about p.container {
    background: url(http://forumstatic.ru/files/0018/25/bf/54264.png) bottom center no-repeat;
    height: 136px;
    width:1150px;
    margin-left: -129px;
    position: absolute;
    font-size: 0px;
    margin-top: 20px;
}

#pun-navlinks .container {
    text-align: center;
    font-size: 18px;
    font-family: var(--font-1);
    text-transform: uppercase;
  }

#pun-navlinks .container a {color: var(--color-2)!important;}
#pun-navlinks .container a:hover {color: var(--color-3)!important;}


#navindex a { 
    transition: all 0.5s ease-in-out;}
#navuserlist a {  
    transition: all 0.5s ease-in-out;}
#navsearch a { 
    transition: all 0.5s ease-in-out;}
#navprofile a { 
    transition: all 0.5s ease-in-out;}
#navpm a { 
    transition: all 0.5s ease-in-out;}
#navadmin a { 
    transition: all 0.5s ease-in-out;}
#navlogout a:not(#New-exit) { 
    transition: all 0.5s ease-in-out;}
#navlogin a {  
    transition: all 0.5s ease-in-out;}
#navregister  a { 
    transition: all 0.5s ease-in-out;}
#navpr_1  a {
    transition: all 0.5s ease-in-out;}

#pun-ulinks .container {
    font-size: 11px!important;
    text-transform: lowercase;
    text-align: center;
    font-family: var(--font-2);
    }

#pun-ulinks .container a {color: var(--color-1)!important;}
#pun-ulinks .container a:hover {color: var(--color-3)!important;}


/* ÂÛÄÅËÅÍÈß, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ, ÏÐÎÊÐÓÒÊÀ
-------------------------------------------------------------*/

/*âûäåëåíèå*/
body *::-moz-selection {
background: var(--color-1);
    color: var(--color-5);
}
body *::-webkit-selection {
background: var(--color-1);
    color: var(--color-5);
}
body *::selection {
background: var(--color-1);
    color: var(--color-5);
}

b, p strong {
color: var(--color-2);
    font-weight:900;
}

/*âñïëûâàþùåå îêîøêî*/
#tooltip {
    z-index: 999;
    position:absolute;
    display:none;
    max-width:205px;
    font-size: 10px;
    font-family: verdana;
    text-align:center;
    padding: 5px 10px;
    opacity:1 !important;
    background: var(--grad-2);
    color: var(--color-4);
   border-radius: 20px;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: var(--color-2); border-radius: 40px;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color: var(--color-2); border-radius: 40px;
}
::-webkit-scrollbar{
  width: 4px;
  height: 4px;
  background: var(--color-4);
   border-radius: 40px;
   }

#pun-reputation .inner {  background: var(--color-0)!important;
    border-radius: 20px;}
#pun-reputation .inner textarea {      background: var(--color-0);
    border: 5px solid var(--color-4);
    box-shadow: var(--shadow);}

/* ÊÀÒÅÃÎÐÈÈ È ÏÎÄÔÎÐÓÌÛ
-------------------------------------------------------------*/

.punbb .user-avatar .avatar-image {    border: 1px solid var(--color-2);}

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-stats h2 { 
font-size: 0px !important;
    height: 27px;
    margin-top: 20px;
}

#pun-category1.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-category2.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-category3.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-category4.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-category5.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-category6.category h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

#pun-stats h2 { 
background: url("http://forumstatic.ru/files/0018/25/bf/48081.png") 50% 0% no-repeat;
}

.punbb div.icon {
   display: block;
    float: left;
    height: 34px;
    width: 34px;
    margin-left: -50px;
    position: absolute;
    margin-top: 5px;
  }

div.icon {
    background:url(http://forumupload.ru/uploads/0018/25/bf/2/456570.png) top center no-repeat;
    }
    /*íîâûå ñîîáùåíèÿ*/
    tr.inew div.icon, tr.isticky div.icon, tr.iclosed div.icon {
    background:url(http://forumupload.ru/uploads/0018/25/bf/2/924002.png) top center no-repeat;
    }

#pun-viewforum table Div.icon, #pun-searchtopics table Div.icon, #pun-messages table Div.icon {
    margin: 0!important;
    position: relative;
    margin-right: 20px!important;
    margin-top: -8px!important;
    }

#pun-index .tcl h3 {
    font-size: 20px;
    font-family: var(--font-1);
    text-transform: uppercase;
    margin-bottom: 7px;
    }

#pun-index .tcl h3 a {color: var(--color-2);}
#pun-index .tcl h3 a:hover {color: var(--color-3);}

.category tbody tr td.tcl .intd {
    overflow: hidden;
    text-align: justify;
    padding: 15px;
    text-transform: lowercase;
    font-size: 11px;
    color: var(--color-1);
}

.forums2 {
    font-size: 10px;
    color: var(--color-3);
    font-family: var(--font-2);
    text-transform: lowercase;
    margin-bottom: 8px!important;
    font-weight: 600;
    }

.forums2 a {color: var(--color-3)!important;}



/* ÒÀÁËÈÖÀ ÀÊÒÈÂÈÑÒÎÂ
-------------------------------------------------------------*/

.act-navigation {
    position: absolute;
    margin-left: 700px!important;
    margin-top: -400px!important;
    width: 250px;
    height: 17px;
    padding: 2px 10px 0px 10px!important;
    text-transform: lowercase;
    font-size: 10px!important;
    color: var(--color-4)!important;
    background: var(--grad-2)!important;
    border-radius: 20px;
    text-align: center;
    }

.sslka {display: block;opacity: .97;padding: 5px;}
#pun .sslka a {
    white-space: nowrap;
    margin: 5px auto;
    text-align: center;
    display: block;
    padding: 0px 2px 2px 2px;
    color: var(--color-4);
    font-family: var(--font-2);
    font-size: 10px;
    border: 1px solid var(--color-0);
    border-radius: 20px;
    background: var(--grad-2);
}

#pun .sslka a:hover {
    background: var(--grad-1)!important;
    opacity: .9;
}

#spisok {
    width: 270px;
    margin-left: 700px;
    position: absolute;
    margin-top: -380px;
    z-index: 1200;
    background: var(--color-0);
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    border-radius: 10px;
    box-shadow: var(--shadow);
}

.novosti {
    position: absolute;
    margin-top: -365px !important;
    width: 195px;
    height: 80px;
    overflow: auto;
    margin-left: 700px !important;
    line-height: 75%;
    z-index: 100;
    }

.newsplashka {
    width: 165px;
    font-size: 10px;
    padding: 2px 10px 3px 10px;
    border-radius: 15px;
    background: var(--grad-1);
    font-family: var(--font-2);
    }

.newsplashka a {color: var(--color-5) !important;}
.newsplashka:hover a {color: var(--color-4) !important;}

.adminy {
    position: absolute;
    margin-top: -368px!important;
    font-family: var(--font-2);
    font-size: 10px;
    width: 60px;
    margin-left: 905px!important;
    text-transform: lowercase;
    line-height: 165%;
    }

.adminy a {
    color: var(--color-5)!important;
    }

.adminy a:hover {color: var(--color-3)!important;}

.posti {
    position: absolute;
    margin-left: 53px!important;
    margin-top: -370px !important;
    z-index: 1;
    }

.posti img, .activ img {    margin-right: 200px;}

.activ {
    position: absolute;
    margin-left: -72px!important;
    margin-top: -252px !important;
    }

.best_post {
    position: absolute;
    margin-top: -140px !important;
    margin-left: 225px!important;
    width: 225px;
    height: 76px;
    text-align: justify;
    font-size: 10px;
    color: var(--color-5);
    padding: 5px;
    overflow: auto;
    line-height: 135%;
    font-family: var(--font-2);
    text-transform: lowercase;
    }

.best_post a {color: var(--color-2)!important;font-weight: bold;}
.best_post a:hover {color: var(--color-3)!important;}

.best_ep {
    position: absolute;
    margin-left: 896px !important;
    margin-top: -230px !important;
    }

.best_pair {
    position: absolute;
    margin-top: -390px !important;
    margin-left: -72px!important;
    }

.best_pair img, .best_ep img, .activ img, .posti img {border-radius: 50px; border: 5px solid var(--color-4)!important;}

.banners {
    position: absolute;
    margin-left: 200px!important;
    margin-top: 60px!important;
    height: 68px;
    width: 745px;
    overflow-y: auto;
    text-align: center;
    line-height: 200%;
    }

.banners img {
    opacity: 60%;
    transition: opacity 0.5s ease-in-out;
    border-radius: 10px;
    }
.banners img:hover { opacity: 100%; }

/* ÊÍÎÏÊÈ, ÔÎÐÌÛ, ÖÈÒÀÒÀ
-------------------------------------------------------------*/

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    border: none;
    padding: 5px;
    background-color: var(--color-9);
  }

.punbb input, .punbb select {
    color: var(--color-5);
    background: var(--color-3);
    border-radius: 20px;
    padding: 3px 5px;
}

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    padding: 6px 10px 8px 10px;
    text-transform: lowercase;
}

#main-reply {
    margin-top: 8px;
    padding: 10px !important;
    background-color: var(--color-4);
    border: 5px solid var(--color-4);
    box-shadow: var(--shadow);
    border-radius: 20px;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.8em 1.4em 1.8em;
    padding: 2em;
    background-color: var(--color-6);
    border-radius: 20px;
    box-shadow: var(--shadow);
    border: 5px solid var(--color-4);
    }

/* ÏÐÎÔÈËÜ
-------------------------------------------------------------*/

.punbb .post .post-author {
    float: left;
    margin-top: 10px;
    margin-left: -20px;
    width: 225px;
    border: 5px solid var(--color-4);
    text-align: center;
    padding-top: 20px;
    background-color: var(--color-6);
    box-shadow: var(--shadow);
    border-radius: 20px;
    }

.pa-fld5 {margin-top: -45px !important;text-align: center;margin-bottom: 10px!important;background: var(--color-0);width: 65px;margin-left: 50px!important;padding: 10px 20px 10px 20px!important;border-radius: 0px 0px 50px 50px;}

.pa-fld1 {
margin-top: 6px !important;
    margin-bottom: 0px!important;
    }

li.pa-title {
    font-size: 10px;
    font-family: var(--font-2);
    margin-top: 5px;
    }

li.pa-online {
    font-size: 10px;
    text-transform: lowercase;
    font-family: var(--font-2);
    color: var(--color-5);
    width: 197px;
    height: 13px;
    border-radius: 10px;
    margin-left: -2px;
    line-height: 100%;
    margin-top: 10px;
    background: var(--grad-1);
    padding: 3px 5px 2px 5px!important;
    }

li.pa-online strong {font-weight: normal!important;}

.pa-author {
    font-size: 17px;
    font-family: var(--font-1);
    font-weight: 600;
    text-transform: uppercase;
    }

.pa-author a {color: var(--color-3)!important;}

.pa-author a:hover { color: var(--color-2)!important;}

.sadelzname {
    padding: 10px 0px 2px 0px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: var(--font-2);
    font-weight: 600;
}

.sadelzname a {
    color: var(--color-5)!important;
    }

.sadelzname a:hover { color: var(--color-3)!important;
    font-weight: 600;}

.sadelz {padding: 0px 4px 19px 4px;
    line-height: 11px;
    font-size: 10px;
    text-transform: lowercase;
    border-bottom: solid 2px var(--color-6);}

.sadelz a {color: var(--color-3)!important; font-weight: bold;}
.sadelz a:hover {color: var(--color-5)!important;font-weight: bold;}

.pa-respect a {color: var(--color-5)!important;}
.pa-respect a:hover {color: var(--color-3)!important;}

.fld-name {    padding-right: 2px;}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    position: relative;
    width: 99px;
    display: inline-flex;
    text-transform: lowercase;
    font-size: 9px;
    text-align: left;
    letter-spacing: -0.5px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.pa-posts, .pa-respect {margin-top: 5px !important;}

.pa-fld6 { padding-bottom: 5px !important;}

.punbb .pa-avatar img {
    height: auto;
    margin-bottom: -5px;
    max-width: 180px !important;
    text-align: center;
    margin-top: 10px;
    }

.pa-fld2 {
    width: 180px;
    margin-left: 12px!important;
    border-radius: 0px 0px 20px 20px;
    background: var(--color-0);
    }

/* ÑÑÛËÊÈ
-------------------------------------------------------------*/

/* cs3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: var(--color-2);
  transition: color 0.5s ease-in-out;
  }

/* âûäåëåííûé ïóíêò ìåíþ */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: var(--color-3);
  }

#pun-admain .isactive a { color: var(--color-3)!important;  }

/* cs3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: var(--color-3);
    transition: color 0.5s ease-in-out;
    }


/* ÏÐÎ×ÅÅ
-------------------------------------------------------------*/

/* cs1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
color: #a2a3a2;
    text-align: right;
    font-family: roboto;
    text-transform: uppercase;
    padding: 10px !important;
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }

/* cs1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #4a4a4a;
  }

/* cs1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #333
  }

/* cs1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #4a4a4a
  }

/* cs1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {background-color: #fff;}

/* cs2 border colours
-------------------------------------------------------------*/

/* cs2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* cs2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* cs2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* cs2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* cs2.5 */
.punbb th {
  border-color: transparent
  }

/* cs2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent
  }

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

/* cs4 post status icons
 -------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-index thead {
    display: none;
}

#pun-viewtopic .post h3 {
    height: 15px;
    width: 978px;
    font-family: roboto;
    border-top: 1px solid var(--color-6);
    font-size: 10px;
    padding-bottom: 5px;
    margin: 7px 4px 10px -40px !important;
    color: #fff !important;}

#pun-viewtopic .post h3 a {color: var(--color-1) !important}
#pun-viewtopic .post h3 a:hover {color: var(--color-7) !important}

.ssilky {width: 175px;
    height: auto;
    margin-top: -173px !important;
    margin-left: 702px !important;
    color: #fff;
    font-family: roboto;
    text-align: justify;
    letter-spacing: 0.5px;
    line-height: 10px;
    font-size: 9px;
    padding: 10px;
    position: absolute;}

.ssilky a {color: #fff !important}

.ssilky a:hover {color: #fff !important}



#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { 
    height: 200px;
    overflow-y: overlay;
    background: var(--color-0);
    border-radius: 15px;
    border: 5px solid var(--color-4);
    box-shadow: var(--shadow);
    }

#spoiler-area  {         background: var(--color-0);
    border-radius: 15px;
    border: 5px solid var(--color-4);
    box-shadow: var(--shadow);
   }

/* àýñòåòèêè */
.aesthetic-photo-upd { max-width: 500px; position:relative; top: 13px; margin-top: -18px; margin-left: 6px; text-align: center;}
.aesthetic-photo-upd img { max-width: 500px;}
.aesthetic-text-upd { width: 350px; min-height: 13px; background-color:#000000; position: relative; top: 10px; left: 4px; line-height: 13px; color: #FFF; font-family: Heuristica; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; text-align: center; }
.aesthetic-upd div {margin: 0 auto;}
.aesthetic-upd { margin-bottom: 35px;}

/* óáðàòü íàçâàíèå äîï.ïîëåé */

.pa-fld1 .fld-name,
.pa-fld2 .fld-name,
.pa-fld5 .fld-name { display: none; }


/* ïëàøêè */
.lable {
text-align: center; 
display: block; 
width: 600px; 
font-family: Heuristica; 
text-shadow: 0 1px 3px #FDF5F5, 0 -1px 1px #F7F2F2; 
color: #7C7676; 
font-size: 16px; 
background-color: #E4E4E4; 
padding: 5px; 
box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4; 
border-radius: 15px; margin-bottom: 10px; margin-left: 45%;
}

.p1 {
text-align: center; 
display: inline-block;
font-family: Heuristica;
color: #645D5D;
font-size: 12px;
background-color: #E4E4E4;
padding: 5px;
box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
border-radius: 15px;
margin: 2px 0 2px 0;
}

.lable1 {
text-align: center; 
display: block; 
width: 70px; 
font-family: Heuristica; 
text-shadow: 0 1px 3px #f8dcdc, 0 -1px 1px #f8dcdc; 
color: #cd9292; 
font-size: 16px; 
background-color: #f5caca; 
padding: 5px; 
box-shadow: inset 0 0 15px #b98888, 0 1px 2px #a56262, 0 -1px 1px #E4E4E4; 
border-radius: 15px; 
margin-bottom: 10px; 
margin-left: 45%;
}

/* ñòèëè áèíäåðîâ
-------------------------------------------------------------*/
    .binder4x3, .binder8x6 {width: 600px; height: 790px; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center top;}
    .binder4x4 {width: 600px; height: 1020px; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center top;}
    
    .binder4x3, .binder8x6 {background-image: url("https://i.imgur.com/LK6L4gO.jpg"); background-size: 600px 790px;}
    .binder4x4 {background-image: url("https://i.imgur.com/Aid5jxG.jpg"); background-size: 600px 1020px;}

    .binder4x3.skz, .binder8x6.skz {background-image: url("https://i.imgur.com/VEM6T7C.jpg"); background-size: 600px 790px;}
    .binder4x4.skz {background-image: url("https://i.imgur.com/gauDMrx.jpg"); background-size: 600px 1020px;}
    .binder4x3.blackpink, .binder8x6.blackpink {background-image: url("https://i.imgur.com/sguQmeR.jpg"); background-size: 600px 790px;}
    .binder4x4.blackpink {background-image: url("https://i.imgur.com/09jm5Wd.jpg"); background-size: 600px 1020px;}
    .binder4x3.nct, .binder8x6.nct {background-image: url("https://i.imgur.com/t6FmqVE.jpg"); background-size: 600px 790px;}
    .binder4x4.nct {background-image: url("https://i.imgur.com/kq1aJUx.jpg"); background-size: 600px 1020px;}
    .binder4x3.itzy, .binder8x6.itzy {background-image: url("https://i.imgur.com/NUjchqr.jpg"); background-size: 600px 790px;}
    .binder4x4.itzy {background-image: url("https://i.imgur.com/lWur5Wy.jpg"); background-size: 600px 1020px;}
    .binder4x3.bts, .binder8x6.bts {background-image: url("https://i.imgur.com/eaX2JeL.jpg"); background-size: 600px 790px;}
    .binder4x4.bts {background-image: url("https://i.imgur.com/hMEb8Kf.jpg"); background-size: 600px 1020px;}
    .binder4x3.ateez, .binder8x6.ateez {background-image: url("https://i.imgur.com/M0QZaPg.jpg"); background-size: 600px 790px;}
    .binder4x4.ateez {background-image: url("https://i.imgur.com/zf1wLgv.jpg"); background-size: 600px 1020px;}
    .binder4x3.taemin, .binder8x6.taemin {background-image: url("https://i.imgur.com/6MosH3h.jpg"); background-size: 600px 790px;}
    .binder4x4.taemin {background-image: url("https://i.imgur.com/Xq6aMSf.jpg"); background-size: 600px 1020px;}
    .binder4x3.sunmi, .binder8x6.sunmi {background-image: url("https://i.imgur.com/9qrgpcQ.jpg"); background-size: 600px 790px;}
    .binder4x4.sunmi {background-image: url("https://i.imgur.com/nJnJMm9.jpg"); background-size: 600px 1020px;}
    .binder4x3.iu, .binder8x6.iu {background-image: url("https://i.imgur.com/hxar7Ho.jpg"); background-size: 600px 790px;}
    .binder4x4.iu {background-image: url("https://i.imgur.com/TVm1xtn.jpg"); background-size: 600px 1020px;}
    .binder4x3.joongi, .binder8x6.joongi {background-image: url("https://i.imgur.com/p5iCgwi.jpg"); background-size: 600px 790px;}
    .binder4x4.joongi {background-image: url("https://i.imgur.com/jFeRe3F.jpg"); background-size: 600px 1020px;}
    .binder4x3.evan, .binder8x6.evan {background-image: url("https://i.imgur.com/pAH51oQ.jpg"); background-size: 600px 790px;}
    .binder4x4.evan {background-image: url("https://i.imgur.com/SVD42BK.jpg"); background-size: 600px 1020px;}
    .binder4x3.sejeong, .binder8x6.sejeong {background-image: url("https://i.imgur.com/kwofgVO.jpg"); background-size: 600px 790px;}
    .binder4x4.sejeong {background-image: url("https://i.imgur.com/DRw9swo.jpg"); background-size: 600px 1020px;}
    .binder4x3.miyavi, .binder8x6.miyavi {background-image: url("https://i.imgur.com/VuVeclG.jpg"); background-size: 600px 790px;}
    .binder4x4.miyavi {background-image: url("https://i.imgur.com/qSlnowS.jpg"); background-size: 600px 1020px;}
    .binder4x3.somi, .binder8x6.somi {background-image: url("https://i.imgur.com/U7rz2p1.jpg"); background-size: 600px 790px;}
    .binder4x4.somi {background-image: url("https://i.imgur.com/mxqo0NY.jpg"); background-size: 600px 1020px;}
    .binder4x3.enhypen, .binder8x6.enhypen {background-image: url("https://i.imgur.com/d5CZtHs.jpg"); background-size: 600px 790px;}
    .binder4x4.enhypen {background-image: url("https://i.imgur.com/00BSQuy.jpg"); background-size: 600px 1020px;}
    .binder4x3.xdinary, .binder8x6.xdinary {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/46411.jpg"); background-size: 600px 790px;}
    .binder4x4.xdinary {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/971396.jpg"); background-size: 600px 1020px;}
    .binder4x3.twice, .binder8x6.twice {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/460720.jpg"); background-size: 600px 790px;}
    .binder4x4.twice {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/839073.jpg"); background-size: 600px 1020px;}
    .binder4x3.g-idle, .binder8x6.g-idle {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/945944.jpg"); background-size: 600px 790px;}
    .binder4x4.g-idle {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/955429.jpg"); background-size: 600px 1020px;}
    .binder4x3.txt, .binder8x6.txt {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/277019.jpg"); background-size: 600px 790px;}
    .binder4x4.txt {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/502835.jpg"); background-size: 600px 1020px;}
    .binder4x3.oneus, .binder8x6.oneus {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/617596.jpg"); background-size: 600px 790px;}
    .binder4x4.oneus {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/367218.jpg"); background-size: 600px 1020px;}
    .binder4x3.dreamcatcher, .binder8x6.dreamcatcher {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/386479.jpg"); background-size: 600px 790px;}
    .binder4x4.dreamcatcher {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/742443.jpg"); background-size: 600px 1020px;}
    .binder4x3.suzy, .binder8x6.suzy {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/214821.jpg"); background-size: 600px 790px;}
    .binder4x4.suzy {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/659952.jpg"); background-size: 600px 1020px;}
    .binder4x3.crush, .binder8x6.crush {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/39362.jpg"); background-size: 600px 790px;}
    .binder4x4.crush {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/91033.jpg"); background-size: 600px 1020px;}
    .binder4x3.hyuna, .binder8x6.hyuna {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/459674.jpg"); background-size: 600px 790px;}
    .binder4x4.hyuna {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/170222.jpg"); background-size: 600px 1020px;}
    .binder4x3.jackson, .binder8x6.jackson {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/531737.jpg"); background-size: 600px 790px;}
    .binder4x4.jackson {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/655139.jpg"); background-size: 600px 1020px;}
    .binder4x3.bigbang, .binder8x6.bigbang {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/313307.jpg"); background-size: 600px 790px;}
    .binder4x4.bigbang {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/854113.jpg"); background-size: 600px 1020px;}
    .binder4x3.sserafim, .binder8x6.sserafim {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/640205.jpg"); background-size: 600px 790px;}
    .binder4x4.sserafim {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/345978.jpg"); background-size: 600px 1020px;}

    .binder4x3.monstax, .binder8x6.monstax {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/410815.jpg"); background-size: 600px 790px;}
    .binder4x4.monstax {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/872095.jpg"); background-size: 600px 1020px;}
    .binder4x3.everglow, .binder8x6.everglow {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/391834.jpg"); background-size: 600px 790px;}
    .binder4x4.everglow {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/971938.jpg"); background-size: 600px 1020px;}
    .binder4x3.onewe, .binder8x6.onewe {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/763147.jpg"); background-size: 600px 790px;}
    .binder4x4.onewe {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/575019.jpg"); background-size: 600px 1020px;}
    .binder4x3.girlsday, .binder8x6.girlsday {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/642251.jpg"); background-size: 600px 790px;}
    .binder4x4.girlsday {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/591516.jpg"); background-size: 600px 1020px;}
    .binder4x3.aespa, .binder8x6.aespa {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/930690.jpg"); background-size: 600px 790px;}
    .binder4x4.aespa {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/465883.jpg"); background-size: 600px 1020px;}
    .binder4x3.wayv, .binder8x6.wayv {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/587801.jpg"); background-size: 600px 790px;}
    .binder4x4.wayv {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/217231.jpg"); background-size: 600px 1020px;}
    .binder4x3.wei, .binder8x6.wei {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/169920.jpg"); background-size: 600px 790px;}
    .binder4x4.wei {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/858775.jpg"); background-size: 600px 1020px;}
    .binder4x3.redvelvet, .binder8x6.redvelvet {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/147989.jpg"); background-size: 600px 790px;}
    .binder4x4.redvelvet {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/334732.jpg"); background-size: 600px 1020px;}


    .binder4x3, .binder4x4 {padding: 82px 0px 0px 80px;}
    .binder8x6 {padding: 78px 0px 0px 78px;}

    .binder4x3  .pocket1, .binder4x3 .pocket2, .binder4x3 .pocket3, .binder4x3 .pocket4, .binder4x3 .pocket5, .binder4x3 .pocket6, .binder4x3 .pocket7, .binder4x3 .pocket8, .binder4x3 .pocket9, .binder4x3 .pocket10, .binder4x3 .pocket11, .binder4x3 .pocket12 {
        height: 220px; width: 126px; float: left; position: relative; margin: 5px; padding: 12px 5px 0px 5px; background: rgba(255, 255, 255, 0.1); box-sizing: border-box; overflow: hidden;}
    .binder8x6 .pocket1, .binder8x6 .pocket2, .binder8x6 .pocket3, .binder8x6 .pocket4, .binder8x6 .pocket5, .binder8x6 .pocket6, .binder8x6 .pocket7, .binder8x6 .pocket8, .binder8x6 .pocket9, .binder8x6 .pocket10, .binder8x6 .pocket11, .binder8x6 .pocket12, .binder8x6 .pocket13, .binder8x6 .pocket14, .binder8x6 .pocket15, .binder8x6 .pocket16, .binder8x6 .pocket17, .binder8x6 .pocket18, .binder8x6 .pocket19, .binder8x6 .pocket20, .binder8x6 .pocket21, .binder8x6 .pocket22, .binder8x6 .pocket23, .binder8x6 .pocket24, .binder8x6 .pocket25, .binder8x6 .pocket26, .binder8x6 .pocket27, .binder8x6 .pocket28, .binder8x6 .pocket29, .binder8x6 .pocket30, .binder8x6 .pocket31, .binder8x6 .pocket32, .binder8x6 .pocket33, .binder8x6 .pocket34, .binder8x6 .pocket35, .binder8x6 .pocket36, .binder8x6 .pocket37, .binder8x6 .pocket38, .binder8x6 .pocket39, .binder8x6 .pocket40, .binder8x6 .pocket41, .binder8x6 .pocket42, .binder8x6 .pocket43, .binder8x6 .pocket44, .binder8x6 .pocket45, .binder8x6 .pocket46, .binder8x6 .pocket47, .binder8x6 .pocket48 {
        height: 110px; width: 62px; float: left; position: relative; margin: 3px; padding: 8px 3px 0px 3px; background: rgba(255, 255, 255, 0.1); box-sizing: border-box; overflow: hidden;}
    .binder4x4  .pocket1, .binder4x4 .pocket2, .binder4x4 .pocket3, .binder4x4 .pocket4, .binder4x4 .pocket5, .binder4x4 .pocket6, .binder4x4 .pocket7, .binder4x4 .pocket8, .binder4x4 .pocket9, .binder4x4 .pocket10, .binder4x4 .pocket11, .binder4x4 .pocket12, .binder4x4 .pocket13, .binder4x4 .pocket14, .binder4x4 .pocket15, .binder4x4 .pocket16 {
       height: 220px; width: 126px; float: left; position: relative; margin: 5px; padding: 12px 5px 0px 5px; background: rgba(255, 255, 255, 0.1); box-sizing: border-box; overflow: hidden;}

    .card_counter {position: absolute; font-weight: bold; background: #252320; border-radius: 50%; color: #868685; padding: auto; box-sizing: border-box;}
    .binder4x3 .card_counter, .binder4x4 .card_counter {width: 46px; height: 46px; top: -23px; right: 40px; padding-top: 25px; font-size: 14px;}
    .binder8x6 .card_counter {width: 34px; height: 34px; top: -17px; right: 14px; padding-top: 18px; font-size: 10px;} 
    .skz .card_counter {background: #252320; color: #dedef1;}
    .blackpink .card_counter {background: #261d20; color: #d8bbc1;}
    .itzy .card_counter {background: #fffcf8; color: #585a7a;}
    .nct .card_counter {background: #000000; color: #eb4646;}
    .twice .card_counter {background: #edb1c1; color: #ffffff;}
    .sserafim .card_counter {background: #cdcccc; color: #61615c;}
    
    .card {max-width: 100%; max-height: 100%;}
    .binder4x3 .card, .binder4x4 .card {border-radius: 7px;}
    .binder8x6 .card {border-radius: 4px;}

    .binder_special {width: 600px; height: 650px; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center top; padding: 130px 0px 0px 92px;}
    .binder_special  .pocket1, .binder_special .pocket2, .binder_special .pocket3, .binder_special .pocket4, .binder_special .pocket5, .binder_special .pocket6 {height: 246px; width: 149px; float: left; position: relative; margin-right: 30px; margin-bottom: 11px; padding: 10px; box-sizing: border-box; overflow: hidden;}
    .binder_special.june22 {background-image: url("https://i.imgur.com/rvPOQFB.png");}
    .binder_special.august22 {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/66031.png");}
    .binder_special.october22 {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/18548.png");}
    .binder_special.december22 {background-image: url("http://forumupload.ru/uploads/001b/16/97/59/632922.png");}
    .binder_special.admins {background-image: url("https://forumupload.ru/uploads/001b/16/97/59/925413.png");}

/* ñòèëè ïîäñëóøàíî
-------------------------------------------------------------*/
    .twi_side {width: 400px; overflow: overlay; border: 1px solid #ccc; padding: 10px 5px; position: relative; background: #ffffff;} 
    .twi_username {float: right; text-align: left; width: 315px; color: #767676;} 
    .dots {float: right;  font-size: 26px; color: #ccc; position: absolute; right: 12px; top: 2px;} 
    .twi_userpic {float: left; height: 60px; width: 60px; object-fit: cover; border-radius: 50%; position: absolute; left: 12px; top: 15px} 
    .twi_text {clear: both; text-align: left; float: right; width: 300px; padding: 5px 15px 5px 0px;} 
    .reply, .retweet, .like {float: left; width: 65px; height: 25px; font-size: 11px; text-align: left; padding-left: 28px; padding-top: 15px; opacity: 0.65;} 
    .reply {margin-left: 80px !important; background: no-repeat url("https://i.imgur.com/L1xMhiT.png"); background-position: left 55%;} 
    .retweet {background: no-repeat url("https://i.imgur.com/QWuBeEh.png"); background-position: left 55%;} 
    .like {background: no-repeat url("https://i.imgur.com/fJFyKoO.png"); background-position: left 65%;} 
    .share {background: no-repeat url("https://i.imgur.com/WjJzqfR.png"); background-position: left 65%; float: left; width: 10px; height: 25px; padding-left: 28px; padding-top: 12px; opacity: 0.5; color: #00000000;} 
    
/* øàáëîí äëÿ ìàôèîçíîãî êîíêóðñà
-------------------------------------------------------------*/
    .side_mafia_look {width: 550px; height: 490px; overflow: hidden; padding-top: 10px;}
    .side_mafia_look .name {text-align: center; font-family: 'Courier New', Courier, monospace; color: #fff; background: #000; width: 300px; margin: auto; padding: 5px; margin-bottom: 10px;}
    .side_mafia_look img {width: 170px; height: 220px; object-fit: cover; padding-bottom: 3px;}