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

#pun-index.punbb th, #pun-viewforum.punbb th {
    font-size: 0!important;
    color: transparent!important;
    height: 0!important;
    padding: 0!important;
    border: 0!important;
}

#post-form > h2 > span, #post-form > h2 {
    display: none;
}

.lzinfo {
    border: 1px solid #81d9ea;
    margin: 0 0 0 -2px!important;
    width: 170px;
    font-size: 9px;
    text-align: justify;
    padding: 0 4px 0 4px;
}

.lzname {
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: 800;
    font-size: 12px;
    margin: 0 0 0 -2px!important;
    border-left: 1px solid #81d9ea;
    width: 178px;
    border-right: 1px solid #81d9ea;
}

.ls_gc {
    max-width: 50px;
    max-height: 50px;
}

.ls_colimg {
    max-width: 40px;
    max-height: 40px;
}

.ls_links {
    text-align: center;
    padding-top: 10px;
    word-spacing: 16px;
}

.ls_link {
    width: 40px;
    height: 40px;
}

.ls_photos, .ls_name {
    width: 220px;
    text-align: center;
}

.ls_photo {
    max-height: 100px;
    max-width: 220px;
}

.ls_plashki {
    width: 187px;
    height: 246px;
    overflow-y: auto;
    padding-right: 6px;
}

.ls_gifts {
    width: 220px;
    height: 260px;
    overflow-y: auto;
    float: left;
}

.ls_gifts, .ls_coupon, .ls_colname, .ls_name {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
}

.ls_col {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.ls_coupon {
    width: 220px;
    height: 260px;
    overflow-y: auto;
    float: right;
}

.tabs {
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>input[type="radio"]:checked+label {
      font-weight: bold;
      cursor: default;
    }

    .tabs>div {
      display: none;
      border-top: 1px solid #eee;
      padding-top: 10px;
    }

    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3 {
      display: block;
    }

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      padding: 2px 0;
      font-size: 14px;
      line-height: 1.5;
      transition: color 0.15s ease-in-out;
      margin-left: 6px;
      cursor: pointer;
    }

    .tabs>label:first-of-type {
      margin-left: 0;
    }

.ls_fon {
    background: #fff;
    width: 500px;
    height: 300px;
    padding: 10px;
}

.best_post, .best_post_img, .act1, .act2 {
    position: absolute;
}

.best_post {
    font-size: 9px;
    line-height: 9px;
    width: 192px;
    margin: 51px 0 0 470px!important;
    height: 24px!important;
    overflow-y: auto;
    z-index: 9999;
}

.best_post_img {
    margin: 51px 0 0 664px!important;
}

.act1 {
    margin: 104px 0 0 20px!important;
}

.act2 {
    margin: 104px 0 0 414px!important;
}

.for_desc {
    text-align: center;
    margin-top: 4px!important;
}

.for_link {
    margin: 4px 0 0 0!important;
    width: 430px;
    text-align: center;
    border-top: 2px solid #ffcc85;
}

.for_link a {
    padding: 0 24px;
    color: #fff;
/* -webkit-transition: all linear 0.3s; */
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.for_link a:hover, .for_link a:focus, .for_link a:active {
    background-color: #04b3d5;
    color: #fff!important;
    padding: 0 24px;
}

.tbl-back {
    position: absolute;
    height: 205px;
    width: 900px;
    z-index: -1;
    background: url(https://i.imgur.com/N5eJr2e.png);
    background-size: 900px;
    margin-top: -205px!important;
}


.percent {
    position: absolute;
    z-index: 99;
    margin: -115px 0 0 0!important;
    font-size: 60px;
    font-family: Verdana;
    font-weight: bold;
    font-style: italic;
    -webkit-user-drag: none;
    user-select: none;
    color: #e55d7e;
}

#profile > div > fieldset > legend > strong {
    padding-right: 96px!important;
}

h3 > span > a.permalink, h3 > span > a.sharelink  {
    color: #000!important;
}

h3 > span > a.permalink:hover, h3 > span > a.sharelink:hover  {
    color: #81d9ea!important;
}

#messages > fieldset > div > div {
    border: none!important;
}

#rep_form > table > tbody > tr:nth-child(2) > td.tcl {
    padding-right: 10px;
}

#pun-main > div.modmenu > p > span {
}

div.post-rating a {
    cursor: pointer !important;
    font-weight: 800;
    font-style: italic;
}

div.post-rating .container {
    padding: 0 5px!important;
    margin-right: -20px!important;
}

#pun-main .forum .tcl .byuser {
    display: block;
    font-size: 9px;
    text-transform: lowercase;
}


#pun-main .forum .tcl .byuser:before {
    content: " —";
}

div#pun-live-rusff {
    display: none;
    z-index: 98;
    width: 440px;
    height: 19px;
    margin: auto 0px 0 auto;
    background: transparent;
    text-align: right;
    line-height: 17px;
    position: absolute!important;
    margin-top: -49px!important;
    margin-left: 389px!important;
    text-transform: lowercase;
    font-size: 10px;
}

div#pun-live-rusff > span.cooltext {
    display: none;
}

.cool1, .cool2, .cool3 {
    background: #e7e2ea!important;
    text-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    color: #959da8!important;
}

.cool2 {
    padding-top: 2px!important;
}


#pun-title table {
    border: none;
    float: none;
    width: 900px;
    height: 139px;
    background: url("https://i.imgur.com/FcxCfqm.png");
    background-size: contain;
}

body {
    background-color: #81d9ea;
    border-style: none;
}

#pun-about p.container {
    /*background-image: url(https://i.imgur.com/ImRF5IB.png);*/
    border: none;
    height: 20px;
    background-size: contain;
}

div#pun-about {
    width: 900px;
    margin-bottom: -14px!important;
}

#pun-title .title-logo { 
    display: none; 
}


.lastedit {
    display: none;
}

#pun-main .post-author ul  {
    text-align: center;
}

#pun-announcement h2 {
    display: none;
}

.stickytext, .closedatafield {
    display: none;
}

/*Öâåò ïîëîñû ïðîêðóòêè*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: #ffcc85;
}

::-webkit-scrollbar-thumb {
    background: #81d9ea;
    border: 2px solid #ffcc85;
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    color: #000000;
}

::selection { 
    background: #04b3d5;
    color: #fff;
}

::-moz-selection { 
    background: #04b3d5;
    color: #fff;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
    background-color: transparent;
    color: #00000;
 }

.punbb .formal fieldset .post-box {
    padding-right: 1em;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {  
}

#pun-stats h2, #pun-main h2 {
    font-size: 0!important;
}

#pun-stats h2, .punbb .main h2, #pun-debug h2 {
}


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

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

#pun-admain legend {
    background: transparent!important;
    width: auto!important;
}

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

/* CS1.7 */
punbb .quote-box, .punbb .code-box {
}

/* CS1.8 */
.offline li.pa-online strong {
    font-weight: normal
}

.punbb textarea, .punbb select, .punbb input {
    background-color: #f4f2ef;
    border: none;
}

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

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

  }

/* 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 {color: #000000;
    border-color: transparent;  
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: #000;
}

#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 #000000
}

li.pa-online {
    border-left-color: transparent;  
}

.punbb .post-sig dt {
    border-top-color: transparent !important;
}

#pun-userlist .main .tcl, #pun-userlist .main .tc2 {
    width: 15%!important;
}
/* 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: #04b3d5;
    text-decoration: none;
}

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

/* 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: #313131;
    border-bottom: 0px none #000000;
    text-decoration: none;
}

#pun-navlinks {
    display: block;
    word-spacing: 0;
    padding: 0px !important;
}

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 0px none #000000;
    text-decoration: none;
    /* -webkit-transition: all linear 0.3s; */
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #ffcc85;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { 
    font-weight: bold;
    border-bottom: 1px solid #ffcc85;
}

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

#pun-index.punbb .tclcon h3 > a {
    /* -webkit-transition: all linear 0.3s; */
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    text-transform: uppercase;
}

#pun-index.punbb .tclcon h3 > a:active, #pun-index.punbb .tclcon h3 > a:hover {
    color: #ffcc85;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

.punbb table Div.icon {
    background: url(https://i.imgur.com/hmflemo.png) no-repeat;
    float: right;
    background-size: 69px;
    height: 19px;
    width: 69px;
    position: absolute;
    margin-left: 380px;
    margin-top: 2px;
}

tr.inew div.icon {
    background: url(https://i.imgur.com/FKjz3qz.png) no-repeat;
    background-size: 69px;
}

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

#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    background: url(https://i.imgur.com/DHMo4xY.png) no-repeat;
    float: right;
    background-size: 60px;
    height: 22px;
    width: 60px;
    position: absolute;
    margin-left: 400px;
    margin-top: 7px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon {
    background: url(https://i.imgur.com/cO5XQj5.png) no-repeat;
    background-size: 60px;
}

#pun-viewforum TR.isticky Div.icon {
    background-image: url(https://i.imgur.com/1iV38Bi.png);
    background-size: 60px;
}

#pun-messages table Div.icon {
    margin: 6px 0 0 248px;
}

#pun-messages div.tclcon {
    padding: 10px!important;
}

#pun-searchtopics Div.icon {
    display: none;
}



/*âñïëûâàþùåå îêíî íàãðàä è ðåïóòàöèè*/
#pun-popup_awards div.container {
    background: #bcbcbc;
}

.inner.post_reputation {
    background: #a2a89b;
    border: 2px dashed #fff;
}

/*ôîí âûïàäàþùåãî ìåíþ â ôîðìå îòâåòà*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    background: #cfdee1;
    border: 1px solid #81d9ea;
    padding-top: 5px;
}

#font-area.container {
    height: 200px;
    overflow: auto;
    left: 15px;
    width: 130px;
}

#size-area.container {
    left: 35px;
    width: 50px;
}

.pa-posts, .pa-respect {
    text-align: center;
    display: inline-block;
    font-size: 9px;
    text-transform: lowercase;
    width: 55px;
}

.pa-posts {
    margin-left: -9px!important;
}

.pa-respect {
    margin-right: -10px!important;
    padding: 0 0 0 8px!important;
}

.pa-fld1 {
    margin: -11px 0 0 -2px!important;
}

.pa-fld2 {
    text-align: center;
    font-size: 9px;
    display: inline-block;
    padding: 0 2px;
    width: 55px;
    margin-left: -16px!important;
}

.pa-time-visit {
    text-transform: lowercase;
    font-size: 10px;
}

.guest_tbl {
    width: 500px;
    background: #f4f2ef;
    padding: 1em;
    border-top: 2px solid #81d9ea;
    border-bottom: 2px solid #81d9ea;
}

.guest_txt {
    text-align: justify!important;
}

.guest_tbl_td {
    width: 200px;
    border-bottom: 1px solid #81d9ea!important;
    max-height: 100px;
    overflow-y: auto!important;
}

.guest_tbl_lbl {
    width: 200px;
    text-align: center;
    font-family: Verdana;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    font-style: italic;
    color: #81d9ea;
    border-bottom: 1px solid #81d9ea!important;
}




/*************
 PROFILE POST
*************/

#insta-d1 {
  width: 500px;
  background: #fafafa;
  border: 1px solid #edeeee;
  margin: 0 auto
}

#insta-d1 .insta1 {
  width: 460px;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #edeeee
}

#insta-d1 .instalogo {
  width: 122px;
  height: 50px;
  display: none;
  background-image: url(https://i.imgur.com/7uvTbKI.png);
  background-size: cover
}

#insta-d1 .insta2 {
  width: 400px;
  padding: 25px 50px
}

#insta-d1 .instaicon {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  border: 1px solid #cccfd0;
  display: inline-block;
  vertical-align: top;
  margin-right: 40px
}

#insta-d1 .insta3 {
  width: 250px;
  height: 100px;
  display: inline-block;
  vertical-align: top
}

#insta-d1 .insta4 {
  height: 10px;
  overflow: hidden
}

#insta-d1 .insta5 {
  height: 30px;
  overflow: hidden
}

#insta-d1 .instauser {
  max-width: 168px!important;
  height: 28px;
  font-family: lato;
  font-weight: 300;
  color: #4b4f54;
  font-size: 25px;
  line-height: 25px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#insta-d1 .instabutt {
  max-width: 62px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
  background: #66bd2b;
  border-radius: 5px;
  margin-left: 10px;
  position: relative;
  top: 3px;
  display: inline-block;
  vertical-align: top
}

#insta-d1 .instadesc {
  height: 20px;
  overflow: hidden;
  margin-top: 10px;
  font-family: lato;
  font-size: 14px;
  line-height: 20px;
  color: #4b4f54;
  font-weight: 400;
  text-align: left
}

#insta-d1 .instastats {
  height: 20px;
  overflow: hidden;
  margin-top: 10px;
  font-family: lato;
  font-size: 10px;
  line-height: 20px;
  color: #4b4f54;
  font-weight: 400;
  text-align: left
}

#insta-d1 .c-for {
  width: 460px;
  padding: 20px
}

#insta-d1 .instafeeda {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px!important
}

#insta-d1 .instafeedb {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  margin-right: 0px!important
}

#insta-d1 .insta6 {
  width: 120px;
  height: 12px;
  padding: 64px 10px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out
}

#insta-d1 .insta7 {
  font-family: lato;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  color: #fff;
  text-align: center
}

#insta-d1 .instalikes {
  width: 11px;
  height: 10px;
  background-image: url(https://i.imgur.com/nfmrzxY.png);
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 1px
}

#insta-d1 .instacomms {
  width: 10px;
  height: 10px;
  background-image: url(https://i.imgur.com/ERCIRcb.png);
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 1px
}

#insta-d1 .insta8 {
  height: 20px
}

#insta-d1 .instabutt:hover {
  background: #498326;
  cursor: pointer
}

#insta-d1 .instafeeda:hover .insta6 {
  opacity: 1.0
}

#insta-d1 .instafeedb:hover .insta6 {
  opacity: 1.0
}


/***********
 PHOTO POST
***********/

#insta-d2 {
  width: 500px;
  background: #fff;
  border: 1px solid #edeeee;
  margin: 0 auto
}

#insta-d2 .instapic {
  width: 300px;
  height: 300px;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px!important
}

#insta-d2 .insta9 {
  width: 200px;
  height: 300px;
  background: #fff;
  display: inline-block;
  vertical-align: top
}

#insta-d2 .insta10 {
  width: 180px;
  height: 45px;
  padding: 10px;
  overflow: hidden
}

#insta-d2 .instaicon {
  width: 33px;
  height: 33px;
  background-size: cover;
  background-position: center center;
  border: 1px solid #cccfd0;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top
}

#insta-d2 .instauser {
  width: 83px;
  height: 13px;
  overflow: hidden;
  white-space: nowrap;
  font-family: lato;
  color: #165786;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  padding-top: 12px;
  margin-left: 3px!important;
  display: inline-block;
  vertical-align: top
}

#insta-d2 .insta11 {
  width: 44px;
  height: 7px;
  color: #fff;
  font-size: 7px;
  line-height: 100%;
  font-family: lato;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 4px;
  background: #66bd2b;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  margin-left: 1px!important;
  margin-top: 10px;
  float: right
}

#insta-d2 .insta12 {
  width: 180px;
  height: 1px;
  background: #eeefef;
  margin-top: 15px
}

#insta-d2 .insta13 {
  width: 180px;
  height: 10px;
  padding: 5px 10px 10px 10px;
  overflow: hidden
}

#insta-d2 .instalikes {
  width: 140px;
  font-family: lato;
  font-size: 10px;
  line-height: 100%;
  color: #4b4f54;
  font-weight: 600;
  display: inline-block;
  margin-right: 0px!important
}

#insta-d2 .instatime {
  width: 40px;
  font-family: lato;
  font-size: 10px;
  line-height: 100%;
  color: #a5a7aa;
  font-weight: 600;
  text-align: right;
  display: inline-block
}

#insta-d2 .insta14 {
  width: 180px;
  height: 145px;
  padding: 5px 10px 10px 10px;
  overflow: hidden
}

#insta-d2 .instacap {
  font-family: lato;
  font-size: 10px;
  line-height: 12px;
  text-align: justify;
  font-weight: 400;
  color: #222
}

#insta-d2 .insta15 {
  width: 180px;
  height: 1px;
  background: #eeefef;
  margin-left: 10px
}

#insta-d2 .insta16 {
  width: 180px;
  height: 29px;
  padding: 10px;
  background: #fff
}

#insta-d2 .insta17 {
  width: 180px;
  height: 15px;
  padding-top: 6px;
  overflow: hidden
}

#insta-d2 .instaheart {
  width: 18px;
  height: 15px;
  background-image: url(https://i.imgur.com/WPKT1BG.png);
  background-size: cover;
  display: inline-block;
  margin-right: 6px!important
}

#insta-d2 .instacommbox {
  width: 100px!important;
  height: 10px;
  overflow: hidden;
  font-family: lato;
  font-size: 10px;
  line-height: 100%;
  font-weight: 400;
  color: #a5a7aa;
  text-align: justify;
  margin-right: 30px!important;
  display: inline-block;
  position: relative;
  top: -3px
}

#insta-d2 .instadots {
  width: 20px;
  height: 5px;
  background-image: url(https://i.imgur.com/Gwib0Xm.png);
  background-size: cover;
  display: inline-block;
  margin-right: -4px!important;
  position: relative;
  top: -5px
}

#insta-d2 .instauser:hover {
  color: #0f3c5e;
  cursor: pointer
}

#insta-d2 .insta11:hover {
  background: #498326;
  cursor: pointer
}

#insta-d2 .instacap b {
  font-weight: 700;
  color: #165786;
  display: inline
}

#insta-d2 .instacap b:hover {
  color: #0f3c5e;
  cursor: pointer
}

#insta-d2 .instaheart:hover {
  cursor: pointer
}

#insta-d2 .instadots:hover {
  cursor: pointer
}