/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-title table /*шапка*/ {
    border: none;
    background: url(https://i.imgur.com/vHM3ux8.jpg);
    background-color: transparent;
   height: 320px;
 width: 968px !important;
    margin-top: -235px;
    margin-left: 0px;
}



html /*фон форума*/ {
    background: url(https://i.imgur.com/H7wZHm3.jpg) #70658f;
background-attachment: fixed; background-color: none; background-position: top center; background-size: cover; background-repeat: no-repeat; 


}






/* CS1.1 */
.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 {

    color: #000;
    font-size: 10px;
    font-family: arial;
}

/* CS1.2 */
/*.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #f9f9f9;
    border: 1px solid #f9f1f1;
  }*/


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: #ffffff00;
    color: #ffffff00;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container /*цвет фона шапки*/ {
    background-color: #e1edf700;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: #f7f7f7;
    color: #000;
    text-transform: lowercase;
    font-size: 10px !important;
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background: linear-gradient(to bottom, #f9f9f9, #f7f3f9);
    margin-bottom: 0px !important;
    border: #e1e1e1;
    border-radius: 10px 10px 0px 0px;
}

/* CS1.8 */
#pun-navlinks .container /*фон основного навигационного меню*/ {
    background-color: #0f599500;
}


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

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
    border-color: #b4c1c7;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5;
  }

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

/* 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: #efefef;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedfdf;
  }



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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff;
  }

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

li.pa-online {
  border-left-color: #005EAB;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* 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: #3c2422;
    text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  }

/* 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: #acacac;
  transition: all 0.2s ease-in-out 0.1s;
  }

/* CS3.3 */
#pun-navlinks a /*цвет текста ссылок*/ {
    color: var( --global-font-link-p-color);
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }



/* шапка тем и новости */

.topicbody3 {     width: 555px;
    padding-bottom: 15px;
    position: relative;
    background: #f7f4f9;
    border: 1px solid #ebebec;
    border-radius: 20px 20px 0px 0px;}

.topicname3 {    position: relative;
    top: 32px;
    text-transform: uppercase;
    font-size: 17px !important;
    width: 525px;
    padding: 7px 0px 5px 0px;
    color: #fd787f;
    background: #efefef;
    border-radius: 20px;
    letter-spacing: 1px;
    font-family: arial;}

.topictext3 {position: relative; top: 59px; padding: 0px; color: #10222c; width: 488px; left: 2px; text-align: justify; font-family: tahoma; font-size: 11px; line-height: 14px; letter-spacing: 1px; margin-bottom: 80px !important;}

/*.topicbody3img {
      top: 22px;
    width: 485px;
    left: 31px;
    height: 50px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(10%);
    background: url(https://i.imgur.com/6HVRU3V.jpg);   
    text-align: center;
    border-radius: 12px;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;
}*/


.cyzag { width: 474px;
    background: #f5f5f5;
    padding: 5px 7px 5px 5px;
    text-align: center;
    font-family: 'Kosko';
    text-transform: lowercase;
    color: #3e3e3e;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px;
    margin-bottom: 10px !important;}


.leftimg { float: left; margin: 7px 21px 7px 0 !important; outline: 1px solid #ffffff; border: 3px solid #e7debf !important;   }
.imgnewsl { float: left; margin: 7px 21px 7px 0 !important;     filter: grayscale(1);}

.imgnewslcit {
    float: left;
    margin: 7px 15px 7px 0 !important;
    padding: 7px 7px 7px 7px !important;
    font-family: arial;
    font-size: 9px;
    letter-spacing: 1px;
    width: 170px;
    background: #f7f7f7;
    color: #000000;
    border-radius: 11px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;
}

.imgnewsr { float: right; margin: 7px 7px 0px 21px !important;     filter: grayscale(1);}
.quespost { padding: 5px 0px 8px 0px; background-color: #000000 !important; width: 215px; color: #ffffff; font-family: arial black; text-transform: lowercase; margin-left: 130px !important; text-align: center;}

.newspost {
    width: 468px;
    font-size: 9px;
    font-family: arial;
    margin-left: 2px !important;
    overflow-y: auto;
    padding: 10px 8px 10px 8px !important;
    margin-top: 13px !important;
    margin-bottom: 20px !important;
    background: #f7f7f7;
    color: #000000;
    border-radius: 11px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;
}


/* гостевая */

#guest{     width: 490px;
    height: 452px;
    margin: auto;
    background-image: url(https://i.imgur.com/0eei6zN.jpg);
    border-radius: 20px;
    box-shadow: inset 0px 0px 18px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;}
.inform{ width: 200px;
    height: 95px;
    position: relative;
    top: 98px;
    left: 19px; }
.guestinf {    width: 185px;
    height: 59px !important;
    position: absolute;
    top: -62px;
    left: -150px;
    font-family: myriad pro;
    font-size: 10px;
    line-height: 100%;
    text-align: justify;
    color: #555555;
    padding: 5px 10px 5px 10px;}
.guestinfzag {font-family: arial; font-size: 11px; text-align: center; font-weight: bold;}
.guestdate {background: #f1f1f1;
    text-align: center;
    color: #000000;
    font-family: 'Kosko';
    font-weight: bold;
    width: 50px;
    font-size: 9px;
    padding: 3px 5px 1px 5px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;
    border-radius: 6px;}
.guesboyz {width: 186px;
    height: 178px;
    top: 149px;
    overflow-y: auto;
    font-size: 10px;
    margin-left: -288px !important;
    position: relative;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 23%);
    border: 1px solid #b3b3b3!important;
    background-color: #dadada;
    border-radius: 10px;
    font-family: myriad pro;}
.guesgirls {position: absolute;
    left: 113px;
    top: 149px;
    overflow-y: auto;
    width: 186px;
    height: 178px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 23%);
    border: 1px solid #b3b3b3!important;
    background-color: #dadada;
    border-radius: 10px;
    font-family: myriad pro;}
.girlszag {   
    top: 132px;
    left: 115px;
    position: absolute;
    width: 94px;
    height: 23px;
    color: #e7e7e7;
    font-size: 14px;
    font-family: kosko;}
.boyzzag {    color: #e7e7e7;
    font-size: 14px;
    font-family: kosko;
    top: 131px;
    left: -145px;
    position: absolute;
    width: 94px;
    height: 18px;}
.guesboyz b, .guesgirls  b  { color: #ad8263;
    font-family: myriad pro;
    font-size: 10px;
    font-weight: bold;}
.gpravila {     position: absolute;
    top: 7px;
    width: 177px;
    left: -141px;
    text-align: justify;
    font-size: 10px;
    font-family: myriad pro;
    color: #000000;
    padding: 9px 5px 9px 5px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 23%);
    border: 1px solid #b3b3b3!important;
    background-color: #dadada;
    border-radius: 10px;}
.guesboyz::-webkit-scrollbar { width: 3px; height: 3px;  text-align: justify;}
.guesboyz::-webkit-scrollbar-track { background: #afb3be top center;
border: 0px double #fffff;}
.guesboyz::-webkit-scrollbar-thumb { background: #b2967f top center;
border: 0px double #ffffff; }
.guesgirls::-webkit-scrollbar { width: 3px; height: 3px;  text-align: justify;}
.guesgirls::-webkit-scrollbar-track { background: #afb3be top center;
border: 0px double #ffffff;}
.guesgirls::-webkit-scrollbar-thumb { background: #b2967f top center;
border: 0px double #ffffff; }

/* лс */

.cyou {
    width: 715px;
    height: 477px;
    margin-left: 0px !important;
    padding: 30px 0px 30px 0px;
    text-align: justify;
    background: url(https://i.imgur.com/ZyO8gxr.jpg) no-repeat;
    border-radius: 8px;
}


.cyoulinks {
    margin-top: 168px !important;
    text-align: center;
    padding: 3px 0px 3px 0;
    word-spacing: 19px;
    filter: brightness(5);
    margin-left: 9px !important;
    width: 202px;
}



.cyouimg {   width: 100px;
    height: 100px;
    position: absolute;
    margin-top: 105px !important;
    left: 199px;
    border-radius: 100%;}

.cyouname {
    text-transform: lowercase;
    margin-top: 34px !important;
    color: #020202;
    padding: 3px 0px 3px 0;
    margin-left: 228px !important;
    width: 453px;
    font-family: 'Kosko';
    font-size: 23px;
    text-align: right;
}

.cyoutrack {
    margin-top: -4px !important;
    padding: 3px 0px 3px 0;
    letter-spacing: 1px;
    width: 453px;
    margin-left: 228px !important;
    font-family: myriad pro;
    font-size: 8px;
    color: #343434;
    text-align: right;
}



.cyoumood {
    padding-left: 8px !important;
    margin-top: 11px !important;
    height: 24px;
    overflow-y: auto;
    padding: 10px 0 0px 0;
    margin-left: 12px !important;
    width: 186px;
    background: #ffffff40;
    border-radius: 5px;
}

.cyoumoodtext {
margin-top: 8px !important;
    font-family: 'KOSKO';
    font-size: 9px;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
    margin-left: 14px !important;
    width: 192px;
    color: #020202;
}

.cyouplashka {
    width: 410px;
    margin-left: 15px !important;
    margin-top: -14px !important;
    height: 210px;
    overflow-y: auto;
    padding: 7px 0 7px 0;
    border-radius: 5px;
}

.cyoutickzag {
    margin-top: 5px !important;
    width: 96px;
    margin-left: -388px !important;
    letter-spacing: 3px;
    color: #000000;
    font-size: 9px;

    height: 5px;
    font-family: 'Kosko';
    padding: 4px 9px 9px 4px;
    border-radius: 5px 5px 0px 0;
    text-align: RIGHT;
}

.cyoutick {
width: 190px;
    height: 70px;
    overflow-x: scroll;
    white-space: nowrap;
    word-spacing: 7px;
    padding: 11px 0px 3px 8px;
    margin-left: -495px !important;
    margin-top: 0px !important;
    color: #2c2c2c;

    background: #f1f1f178;

    border-radius: 7px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;

}


.cyougiftzag {
margin-top: -104px !important;
    width: 96px;
    margin-left: 540px !important;
    letter-spacing: 3px;
    color: #171717;
    font-size: 9px;
    text-align: right;
    height: 5px;
    font-family: 'Kosko';
    padding: 4px 9px 9px 4px;
}

.cyougift {
    margin-top: 0px !important;
    width: 418px;
    height: 70px;
    overflow-x: auto;
    word-spacing: 15px;
    margin-left: 192px !important;
    overflow-y: auto;
    padding: 7px 15px 7px 15px;
    color: #2c2c2c; 
    background: #f1f1f178;  
    border-radius: 7px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
}

.cyoucard {
height: 251px;
    width: 423px;
    margin-left: -1px !important;
    overflow-y: auto;
    margin-top: -22px !important;
    border: 0px solid #ffffff87;
}


.cyoucardzag {
font-family: myriad pro;
    font-size: icu;
    letter-spacing: 1px;
    color: #424242;
    margin: 10px !important;
    margin-left: 10px;
    padding: 5px 0px 5px 0;
    width: 384px;
    margin-left: 16px !important;
    background: linear-gradient( 
45deg
 , #e8e7eb 33%, #f3e9e1 66%, #f9f2f0);
    border-radius: 5px;
}

.cyoupop {
    overflow-x: scroll;
    height: 160px;
    padding: 0 0px 0 8px;
    margin: 0px 15px 0px 17px !important;
    width: 375px;
    white-space: nowrap;
    background: linear-gradient(to top, #ffffff0d, #f1f1f1);
    border-radius: 5px;
}

#menu {margin-top: 0px;
width: 180px;
height: 60px;
background-repeat: no-repeat;
margin-left: 25px;}

#menu span {
    text-align: center;
    display: block;
    color: #ffffff96;
    margin: 1px 0px 5px 5px;
    margin-top: 1px;
    margin-left: 5px;
    padding: 10px;
    margin-left: 560px;
    width: 18px;
    height: 18px;
    margin-top: -96px;
    box-shadow: inset 0px 0px 15px rgb(0 0 0 / 4%);
    background: #a0a4af !important!;
    border-radius: 32px;
    font-size: 14px;
}

#menu span {background: #d8d8d8;}

#menu .tabactive {
    color: #6d6d6d;
    background: #e5d5c9;
    border: 0px;
    border-radius: 36px;
    font-size: 14px;
}


#submenu { padding: 3px;
    height: 269px;
    font-size: 12px;
    width: 441px;
    margin-top: -240px;
    margin-left: -128px;
    text-align: center;
   
    background: #f1f1f178;
 
    border-radius: 20px;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;}

.submenutext { display: none; height: 40px;}


/* принять анкету */

.neutbod{       top: 10px;
    width: 369px;
    height: 135px;
    padding: 30px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 16px;
    border: 3px solid #f9f9f9;
    outline: 1px solid #f1e9e9;
    background: #f7f7f7;}
 .neutimg{ width: 70px; height: 70px; position: absolute; top: 15px; left: 8px;}
 .neutcont{width: 272px; height: 102px; padding: 10px; border: 1px solid #ebebeb; background: #ffffff70; position: absolute; left: 125px; top: 16px; overflow: auto; font-size: 11px; font-family: arial; line-height: 120%; color: #383838;}
 .neutcont::-webkit-scrollbar { width: 5px; height: 5px; }
.neutcont::-webkit-scrollbar-track { background-color: #d5e0c0; }
.neutcont::-webkit-scrollbar-thumb { background-color: #f4f4f4; }
.neutbod a {background: #e3d0df; padding: 4px 8px 4px 8px; font-family: arial; font-size: 11px; text-align: center;}
.neuta {margin-top: 129px !important;}

/* снс */

.tobacco {width: 450px; padding: 3px; letter-spacing: 0px;}
.tobacco h1 { text-align: left; padding-left: 20px; margin: 25px 0 5px 0; color: #222; font: bold 28px/20px cabin; padding-right: 5px; text-transform: uppercase;}
.tobacco table {width: 450px; text-align: center;}
.tobacco table .pic { width: 120px; vertical-align: top;}
.tobacco .pic img {       width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 5px #ededed;
    margin: auto;}
.tobacco .status { border-bottom: solid 1px #D5D5D5; text-align: left; color: #808080; font: 10px/10px cabin; letter-spacing: 1px; padding: 0px 0px 10px 55px;}
.tobacco .info { padding: 5px 10px; vertical-align: top; text-align: left;}
.tobacco .timestamp{ font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0;}
.tobacco .timestamp1 { font: 8px cousine; color: #8C8C8C; text-transform: uppercase; margin: 5px 0; margin-left: 135px;}
.tobacco mssg { display: block;
    background: #f9f9f9;
    padding: 7px 7px 7px 7px;
    margin: 10px 0;
    border: solid 1px #d1d5e1;
    color: #222;
    font: 11px arial;
    border-radius: 10px;
    border-top-left-radius: 0;}
.tobacco mssg img { max-width: 100%; border-radius: 5px; border-top-left-radius: 0;}
.tobacco mssg1 img { max-width: 100%; border-radius: 5px; border-top-left-radius: 0;}
.tobacco mssg1 {     display: block;
    background: #fafff1;
    padding: 7px 7px 7px 7px;
    margin: 10px 0;
    border: solid 1px #dcd1ca;
    color: #222;
    font: 11px arial;
    border-radius: 10px;
    border-top-right-radius: 0;}

/* шапка твиттера */

.fearless {
    width: 500px;
    height: 300px;
    background-color: #f9f9f9;
    position: relative;
    border-radius: 15px;
    border: solid 1px #e5e5e5;
    padding: 10px 0 0px 0;
}


.fearlessimg { width:500px; height:220px; background-image:url(http://forumstatic.ru/files/001a/ef/7b/84459.jpg); position: relative;  } 
.fearlesshead { width:75px; height:75px; background-image:url(http://forumstatic.ru/files/001a/ef/7b/58556.png); text-align:center; position: relative; border: 3px solid white; top: 20px;  } 
.fearlessname { font-family: century gothic; font-size:12px; color:white; position:relative; top:83px; text-align:center; font-weight: bold;} 
.fearlessat { font-family: century gothic; font-size:11px; color:white; position:relative; top:85px; text-align:center; } 
.fearlesstext { font-family: century gothic; font-size: 10px; color: white; position: relative; top: 90px; text-align: center; word-wrap: break-word; } 
.fearlesstweets { color: #bcbcbc; text-transform: uppercase; font-size: 12px; position: relative; top: 20px; font-family: century gothic; text-align: left; left: 35px; word-spacing: 12px;} 
.fearlessnumber { color: #a4b38a; font-size: 19px; position: relative; top: 2px;  font-family: century gothic; text-align: left; left: 6px; word-spacing: 41px;} 
.fearlessedit {color: #000000;
    font-family: 'Cuprum';
    text-transform: lowercase;
    top: -10px;
    background: #e1ead1;
    left: 155px;
    position: relative;
    border: 1px solid #b5b5b5;
    padding: 5px;
    width: 90px;
    font-size: 12px;} 
.fearlesscredit { postion:relative; font-size:15px; top:15px; } 

/* твиттер */

:root{ --twblue: #626e80; --twgrey: #AAAAAA; --twdarkgrey: #444444; --twwhite: #ffffff; }

#tweet-it {
position: relative;
    margin: 0px auto;
    width: 440px;
    height: auto;
    padding: 30px;
    overflow: hidden;
    border-radius: 15px;
    background-color: #f9f9f9;
    border: solid 1px #e5e5e5;
}

#tweet-it .avv img{     position: absolute;
    width: 60px;
    height: 60px;
    top: 19px;
    left: 30px;
    background: #e1ead1;
    border-radius: 50px;
    padding: 3px;}
#tweet-it .handle{ position: absolute; left: 120px; top: 30px; font-family: arial; font-size: 11px; font-weight: 400; line-height: 20px; text-align: left; color: var(--twgrey); }
#tweet-it .handle b{ font-weight: 700; font-size: 18px; color: #a8b395; }
#tweet-it .ellipses{ position: absolute; right: 40px; top: 30px; }
#tweet-it .ellipses .fas{ color: var(--twgrey); font-size: 18px; }
#tweet-it .time{ position: absolute; width: 54px; height: 20px; left: 36px; top: 95px; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 11px; line-height: 12px; text-align: center; color: var(--twgrey); }
#tweet-it .tweet{ position: relative; top: 50px; left: 43px; width: 340px; height: auto; font-family: arial; font-weight: 400; font-size: 14px; line-height: 21px; text-align: left; color: #696969; padding-bottom: 38px; }
#tweet-it .interact{ position: relative; height: 40px; top: 36px; left: 69px; background: transparent; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 400; line-height: 19px; text-align: left; color: var(--twgrey); }
#tweet-it .interact .far{ display: inline-block; font-size: 16px; margin-right: 6px; color: var(--twgrey);}
#tweet-it .interact .fas{ display: inline-block; font-size: 16px; margin-right: 6px; }
#tweet-it td{ text-align: left; width: 80px; color: var(--twgrey);}
#tweet-it .select{ color: #a8b395; } 
#tweet-it img{    border-radius: 10px; border: solid 4px #fff;}


/* внешки */

.facel { font-family: 'trajan pro'; word-spacing: 6px; text-align: center;}
.facev {width: 225px; height: 65px; overflow-y: auto; text-align: center; color: #a9a9a9; font-family: arial; font-size: 10px;}

/* банк */






.plashkitabl { width: 500px; padding: 0px;}
.plashkitabl>input { display:none; }
.plashkitabl>div { display: none; border: 0px solid #a88258; padding-top: 12px;}


.plashkitabl>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -1px 1px 0;
    text-align: center;
    color: #5f5f5f;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    width: 80px;
    font-family: arial;
    font-size: icu;
    background: #f8f8f8;
    border-radius: 29px;
}

.plashkitabl>input:checked + label {
    color: #252525;
    border: 1px solid #c2c9d1;
    font-family: arial;
    background: #dce0e3;
    font-size: 9px;
    border-radius: 17px;
}

#plashkitab_s:checked ~ #txt_s,
#plashkitab_p:checked ~ #txt_p,
#plashkitab_ss:checked ~ #txt_ss,
#plashkitab_a:checked ~ #txt_a { display: block; }

#plashkitext {width: 230px; min-height: 130px; max-height: 235px; font-family: arial; font-size: 10px; text-aligh: center; color: #292f33; vertical-align: top; text-transform: lowercase; padding: 0px 5px; overflow: auto;}
#plashkizon {width: 490px; height: 180px; font-family: arial; font-size: 10px; text-align: center; color: #292f33; vertical-align: top; text-transform: lowercase; padding: 0px 5px; overflow: auto;}
#plashkitextb {font-family: BebasNeue Regular; font-size: 18px; font-style: normal; text-decoration: none; font-weight: bold; text-transform: uppercase;}
#plashkitexti {font-family: BebasNeue Regular; font-size: 12px; font-style: normal; text-decoration: none; font-weight: bold; text-transform: lowercase; text-aligh: center;}
#plashkitexti a {color: #000000!important;}
#plashkinfo {font-family: arial; font-size: 10px; text-align: justify; color: #292f33; vertical-align: top; text-transform: lowercase; padding: 0px 5px; overflow: auto;}
#plashkiosn {margin-left: 3px; padding: 5px 0; width: 430px; font-family: arial; text-align: justify; color: #000; vertical-align: top; text-transform: lowercase; }

.moodbank {
    font-family: arial;
    font-size: 8px;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 12px;
    width: 225px;
}

.moodbankicons {
line-height: 25px;
    padding: 5px 10px 10px 10px;
    width: 214px;
    height: 37px;
    overflow-y: auto;
    overflow-x: hidden;
    word-spacing: 10px;
    border-radius: 6px;
    background: #f5f5f5;
    text-align: center;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);
    border: 1px solid #e5e9ed;
    border-bottom: 3px solid #e5d5c9;
    border-top: 3px solid #d0d2da;
}

.icpop1 { height: 345px; overflow-y: auto; width: 550px; margin-left: -36px !important;}
.icpop { height: 345px; overflow-y: auto; width: 510px;}


/* плашки объявление */

.text1 {
color: #4d4d4d;
    font-family: arial;
    font-size: 8px;
    font-weight: bold;
    margin-top: 2px !important;
    text-align: left;
    width: 175px;
    margin-left: 41px !important;
    letter-spacing: 1px;
}


.text2 {
color: #b78f6c;
    font-family: arial;
    font-size: 8px;
    margin-top: -13px !important;
    width: 175px;
    text-align: left;
    margin-left: 41px !important;
    letter-spacing: 1px;
}

.iconpl {position: absolute; margin-left: 13px !important; margin-top: 4px !important;}
.iconpl img { max-width: 15px; max-height: 15px;}

/* лз */

.lz {  width: 180px;
    color: #131417 !important;
    padding: 7px 4px 7px 4px;
    background: #f3f3f3;
    margin-bottom: 4px !important;
    margin-left: -7px !important;
    font-family: myriad pro;
    font-size: 9px;
    line-height: 12px;
    border-radius: 5px;
    box-shadow: 1px 4px 4px #00000005;
}

.lzl a {color: #6594aa;   font: myriad pro; font-weight: bold; font-size: 9px; }

.lzl {
    padding-top: 3px;
}