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

html {
    background: url(https://i.imgur.com/xacmw41.png) no-repeat center top,
url() repeat left top #37524d;
}

#pun {
    background: url() repeat-y top #eae9dd;
    color: #000;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: url() repeat center top #f0e7d0;
  color: #000;
  }

hr, .post-content hr {
border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  }

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

.punbb-admin #pun-admain .adcontainer {
  color: #000;
  background: transparent;
}

#pun-ulinks .container{
  background: transparent;
  color: #000;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background: transparent;
  color: #000;
}

.punbb .post h3 span {
  background: transparent;
  color: #000;
}

.punbb td.tcr  {
  background:  transparent;
  color: #000;
  }

.punbb td.tcl {
  background: transparent;
  color: #000;
  }

.punbb td.tc2, .punbb td.tc3 {
  color: #000;
  font-weight: bold;
  font-size: 1.3em;
  font-family: roboto;
  font-style: normal;
  background: transparent;
}


.multipage td.tc2, .multipage td.tc3 {font-size: 1.2em !important;  font-family: roboto condensed; font-style: normal}

.punbb td.tc3 {color:#000}

/* CS1.3 */
.punbb .main h1, #pun-stats h2,  .punbb .main h2, #pun-debug h2 {
  background: url(../../img/Mybb_Network/h2.gif) transparent no-repeat;
  color: #000;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center;
  font-family: roboto condensed;
  font-weight: normal;
}

.punbb-admin #pun-admain h2 {
  background: transparent;
  color: #000;
  font-weight: bold;
}

/* CS1.4 */
.punbb .modmenu .container {
  background: transparent;
  color: #000;
  }

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

/* CS1.6 */
#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #000;
}

/* CS1.7 */
.punbb .code-box {
  background: url() repeat center top #f0e7d0;
  color: #000;
  }

.punbb .quote-box {
  padding: 6px;
  background: url() repeat center top #f0e7d0;
  color: #000 !important;
  }

.punbb .quote-box a, .punbb .code-box a {
  color: #527560!important;
  }

.punbb .quote-box a:hover, .punbb .code-box a:hover {
  color: #37524d!important;
  }

.punbb textarea, .punbb select, .punbb input {
  background: url() repeat center top #f0e7d0;
  color: #000;
  border: 5px solid #527560;
}

/* CS1.8 */
#pun-navlinks .container {
  background: none;
  color: #527560;
  }

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

.punbb th {
  color: #527560;
  background: url(../../img/Mybb_Network/sub.gif) transparent repeat-x;
}

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

#pun-title, #pun-navlinks {
  border-color: #527560
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: #527560
  }

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

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

/* 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: #527560
  }
/* CS2.5 */
.punbb th {
  border-color: #527560
  }

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

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

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

.punbb .divider {
  border-color: #527560
  }

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

 li.pa-online {
  border-left-color: #527560;
  background: url(../../img/Mybb_Network/online.gif)  no-repeat 0px 2px;
  }

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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited  {
  color: #527560;
  text-decoration: none;
  }

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #527560;
  text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #527560;
  text-decoration: none;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
  color: #37524d;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #F2F1E5;
  text-decoration: none;
  background: none;
  border: 2px solid #F2F1E5;
  -webkit-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
text-shadow: 1px 1px 0px rgba(86, 121, 100, 1);
-webkit-box-shadow: 1px 1px 0px 0px rgba(86, 121, 100, 1);
-moz-box-shadow:    1px 1px 0px 0px rgba(86, 121, 100, 1);
box-shadow:         1px 1px 0px 0px rgba(86, 121, 100, 1);
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #527560;
  text-decoration: none;
  border: 2px solid #527560;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
  }

#pun-ulinks a {
  color: #F2F1E5;
  text-decoration: none;
  }

/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #FFF;
  text-decoration: none;
  }

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

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

.subscribelink a, .subscribelink a:link, .subscribelink a:visited {
  color: #527560;
}

.subscribelink a:hover, .subscribelink a:focus {
  color: #37524d;
}

.postlink a, .postlink a:link, .postlink a:visited {
  color: #527560;
}

.postlink a:hover, .postlink a:focus {
  color: #37524d;
}

.pagelink, .postlink  {color:#000}

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

div.icon {
        background: url() no-repeat;
}

tr.inew div.icon {
        background: url() no-repeat;
}

tr.iclosed div.icon {
        background: url() no-repeat;
}

tr.iredirect div.icon {
        background: url() no-repeat;
}

tr.isticky div.icon {
        background: url() no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Network/post.gif) no-repeat 0px 3px;
        padding-left: 0px;
        padding-bottom: 4px;
        pading-top: 7px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Network/stats.gif) no-repeat 10px 10px;
        padding-left: 10px;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#pun-stats div.statscon {
       background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #000;
}

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


/*МОЯ ЧАСТЬ*/

/*кнопка*/
.button { 
border-radius: 0px!important;
background: url() repeat #344f4a !important;
padding: 4px 10px 4px 10px !important;
box-shadow: none !important;
color: #dedcc3 !important;
font-size: 1.5em !important;
font-family: bebas neue !important;
text-transform: uppercase !important;
font-style: normal !important;
border-right: 3px solid #20393e !important;
border-bottom: 3px solid #20393e !important;
 }


li#navawards a {
  display: none;
  }

.category h2 span {
display: none;
}

#pun-category1.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-category2.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-category3.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-category4.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-category5.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-category6.category h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-stats h2 {
background: url() center top no-repeat;
height: 23px;
width: 820px;
margin-bottom: -10px;
}

#pun-stats h2 span {
display: none;
}

.punbb .post-links li.pl-share {
  display: none;
  }

div#pun-live-rusff { 
display: none;
}

.punbb .post-content p {
  text-align: justify;
  }

.punbb .post-content td{
border:none 0 transparent!important;
}

#pun-main .modlist { display: none;}

.lastedit {display:none}

.sharelink {
display: none;
}

.punbb .formsubmit { 
text-align: center;
}


#font-area, #size-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #color-area, #tr-list {
  background: url(http://images.vfl.ru/ii/1447500925/c5779695/10485571.png
) #d1cfb6 repeat;
  color: #000;
  border: 3px solid #5d7460;
  }

/*ТАБЛИЦО*/

#menu {
display: inline;
width: 600px;
position: absolute;
margin-left: 130px;
margin-top: -50px;
}

#submenu {
margin-left: -6px;
padding: 10px 10px 15px 10px;
min-height: 250px;
text-align: center;
font-size: 1em;
width: 820px;
color: #F2F1E5;
border: 3px solid #F2F1E5;
background: transparent;
}

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

#submenu a {
color: #527560!important;
}

#submenu a:hover {
color: #FFF!important;
}

/*конец таблицы*/

/*поля профиля*/

.lz {
  background: transparent;
  border: 2px solid #fff;
  font-size: 1em;
  text-align: justify!important;
  padding: 6px 3px 6px 3px;
  color: #fff !important;
  -webkit-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  }

.lz a {
  color: #fff!important;
  }

.lz:hover {
  background: #fff;
  border: 2px solid #fff;
  font-size: 1em;
  text-align: justify!important;
  padding: 6px 3px 6px 3px;
  color: #000 !important;
  }

.lz:hover a {
  color: #527560!important;
  }

.pa-fld1 {
  margin-bottom: 7px!important;
  }

.pa-fld2 {
  font-weight: bold;
  text-align: center;
  color: #fff;
  }

.pa-fld2 img {margin-top: -4px;}

/*конец полей профиля*/

/*ССЫЛКИ В ОПИСАНИИ*/

.lynx {
background: url() repeat;
padding: 10px;
font-size: 1.5em;
text-align: center;
color: #000;
  border-top: 5px solid #527560;
  border-bottom: 5px solid #527560;
}

.lynx a {
color: #527560!important;
text-transform: uppercase;
font-family: bebas neue;
}

.lynx a:hover {
color: #37524d!important;
text-transform: uppercase;
font-family: bebas neue;
}


/*начало соцсети*/

.back {
width: 450px;
height: 120px;
background: url(http://sh.uplds.ru/CWQRc.jpg) repeat;
position:relative;
margin-top: 30px !important;
border-radius: 5px;
padding: 15px;
}

.ava {
position: absolute;
top: -30px;
left: -30px;
width:100px;
height: 100px;
padding: 6px;
border: 5px solid #009f0f;
border-radius: 100px;
}

.ava img {
width:100px;
height:100px;
border-radius:100px;
}

.usr {
font-family: arial;
text-align: center;
background: #fff;
border-radius: 5px;
padding: 5px;
font-size: 1.1em
}

.blah {
font-family: arial;
text-align: justify;
background: #fff;
border-radius: 5px;
padding: 5px;
font-size: 1.1em;
width: 360px;
position: absolute;
left: 95px;
}

/*конец соцсети*/



.pod {
    display: inline-block;
    position: relative;
   }
   .pod:hover::after {
    content: attr(data-text); /* Выводим текст всплывающей подсказки*/
    position: absolute;
    width: 70px;
    left: 52px; right: 50px; bottom: 8px; /* Положение всплывающей подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    color: #FFF; /* Цвет текста */
    text-align: center; /* Выравниваем текст по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
  border: 2px solid #FFF; /* Параметры рамки */
background: #37524d; /* Old browsers */
   }





/*чарл*/

.mind {
position: relative;
width: 500px;
background: url(http://images.vfl.ru/ii/1457444418/ca0d9485/11780905.png) repeat #fff;
margin-top: 30px !important;
border-radius: 5px;
padding: 15px;
}

.charl {
position: absolute;
top: -30px;
left: -30px;
width:100px;
height: 100px;
padding: 6px;
border: 5px solid #746482;
background: #FFF;
border-radius: 100px;
}

.charl img {
width:100px;
height:100px;
border-radius:100px;
}

.nazv {
color: #FFF;
top: -90px;
font-family: roboto;
text-align: right;
background: #746482;
border-radius: 5px;
padding: 5px;
font-size: 1.1em
}

.fact {
font-family: arial;
text-align: justify;
background: #fff;
border-radius: 5px;
padding: 5px;
font-size: 1.1em;
width: 470px;
left: 95px;
padding: 15px;
}

/*чарл*/



/*мегавонь*/

.rupor {
position: relative;
width: 500px;
background: url(http://images.vfl.ru/ii/1457444417/e0e9e621/11780904.png) repeat #FFF;
margin-top: 30px !important;
border: 4px double #56a5c3;
padding: 15px;
}

.res {
position: absolute;
top: -30px;
left: -30px;
width:100px;
height: 100px;
padding: 6px;
border: 4px double #56a5c3;
background: #FFF;
border-radius: 100px;
}

.res img {
width:100px;
height:100px;
border-radius:100px;
}

.zag {
color: #FFF;
top: -90px;
font-family: roboto condensed;
text-align: right;
background: #56a5c3;
border-radius: 5px;
padding: 5px;
font-size: 1.1em
}

.matug {
font-family: arial;
text-align: justify;
background: #FFF;
border-top: 8px double #56a5c3;
border-bottom: 8px double #56a5c3;
padding: 5px;
font-size: 1.1em;
width: 450px;
left: 95px;
padding: 15px;
}

/*мегавонь*/


.gifki {
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
 }

.gifki img {
border-radius: 200px;
 }

.gifki:hover {
opacity: 1;
 }


/*дневник*/

.obolochka {
position: relative;
margin-top: 20px !important;
width: 500px;
background: url(http://images.vfl.ru/ii/1470512052/c0302591/13644155.jpg) repeat #51281A;
border-radius: 5px;
padding: 20px;
}

.diary {
width: 450px;
background: url(http://images.vfl.ru/ii/1470512804/e2a84d10/13644230.png) left top repeat-y,
url(http://images.vfl.ru/ii/1470511254/6cda0d9c/13644045.jpg) repeat #E9D596;
border-radius: 5px;
padding: 15px 15px 15px 35px;
}

.diary1 {
text-align: right;
font-family: roboto cond;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #000;
border-bottom: 2px solid #CA0718;
margin-bottom: 35px!important;
}

.diary2 {
text-align: left;
font-family: corinthia;
font-size: 7em;
color: #CA0718;
margin-bottom: -30px!important;
}

.diary3 {
text-align: justify;
text-indent: 30px;
font-family: roboto;
font-size: 1.5em;
color: #000;
}

.diary3:first-letter {
font-weight: bold;
font-size: 1.7em;
color: #CA0718;
}

/*дневник*/

/*мейбл*/

.heart {
position: relative;
width: 500px;
background: url(http://images.vfl.ru/ii/1470514961/7c3a7479/13644496.jpg) repeat #fff;
margin-top: 30px !important;
border-radius: 5px;
padding: 15px;
}

.mable {
position: absolute;
top: -30px;
left: -30px;
width:100px;
height: 100px;
padding: 6px;
border: 5px solid #9a1a1e;
background: #FFF;
border-radius: 100px;
}

.mable img {
width:100px;
height:100px;
border-radius:100px;
}

.perfect {
color: #FFF;
top: -90px;
font-family: roboto;
text-align: right;
background: #9a1a1e;
border-radius: 5px;
padding: 5px;
font-size: 1.1em
}

.match {
font-family: arial;
text-align: justify;
background: #fff;
border-radius: 5px;
padding: 5px;
font-size: 1.1em;
width: 470px;
left: 95px;
padding: 15px;
}

.match img {
border: 8px solid #9a1a1e!important;
}

/*мейбл*/

.main-guest p {
    color: #fff;
}
.main-guest {
    border: solid 4px #fff;
    background: #5c826c;
    width: 600px;
}
.about-guest {
    border-top: solid 1px #fff;
} 
.head-guest-img {
        float: left;
    }
.txt-head-guest {
        padding-left: 272px !important;
        height: 300px !important;
    }
.txt-head-guest h3 {
    font-family: Bebas Neue;
    color: #fff;
    font-size: 26px !important;
    padding-top: 35px !important;
padding-left: 10px !important;
}
.txt-head-guest p {
    margin: 30px 30px 10px 5px !important;
}
.ams-info {
    background-color: #435f4f;
    padding-bottom: 20px;
border-top: solid 1px #fff;
}
.ams-p {
    text-align: center !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}
.ams-table, .about-guest{
    display: -webkit-flex; 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
.ams {
    width: 76px;
    height: 70px;
    margin: 10px auto 0px !important;
}
.item-ams {
    -webkit-flex-basis: 140px; 
    flex-basis: 140px;
    text-align: center;
    }
.item-ams p {
    margin-top: 2px;
    text-align: center !important;
}
.item-ams a {
    color: #fff;
}
.ams-main {
        background: url(https://i.imgur.com/ffDQRGn.png) 2px no-repeat;
    }
.ams-1 {
        background: url(https://i.imgur.com/ffDQRGn.png) -71px no-repeat;
    }
.ams-2 {
        background: url(https://i.imgur.com/ffDQRGn.png) -144px no-repeat;
    }
.ams-3 {
        background: url(https://i.imgur.com/ffDQRGn.png) -289px no-repeat;
    }
.ams-4 {
        background: url(https://i.imgur.com/ffDQRGn.png) -216px no-repeat;
    }
.ams-icon {
    vertical-align: baseline;
}
.ams-icon:before {
    content: " ";
    width: 25px;
    height: 16px;
    display: inline-block;
    background: url(https://i.imgur.com/ffDQRGn.png) -374px 2px no-repeat;
}
.ams-icon-skype:before {
    background: url(https://i.imgur.com/ffDQRGn.png) -374px -43px no-repeat; 
    height: 18px;
}
.ams-icon-tele:before {
    background: url(https://i.imgur.com/eczvMqN.png) 4px 0px no-repeat; 
    height: 18px;
}
.ams-icon-icq:before {
    background: url(https://i.imgur.com/eczvMqN.png) 0px -32px no-repeat; 
    height: 18px;
}
.p-about-guest {
    width: 180px;
}
.p-about-guest p {
    text-align: center !important;
    padding: 10px  10px !important;
}
.guest-footer {
    border-top: solid 1px #fff;
}