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

body {background: url('http://forumstatic.ru/files/001a/d6/b6/26725.jpg') repeat fixed center top #000;
background-size: cover;}


#pun {
background-image: url("https://imgur.com/NxWTFXB.png");
margin-left: 0px;
background-attachment: scroll;background-color: #f3eae6;
}


/* 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 {
  background-color: transparent;
  color: #3b3b52;
  }

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

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
  background-color: transparent;
color: #9b9e8f;
font-style: normal;
text-align: center;
  }


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

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

#profilenav h2 span {
    color: #768279 !important;
}

#viewprofile h2, #profilenav h2 {
    text-align: left !important;
    line-height: 0px !important;
}


.punbb legend span {
    color: #5a5266;
    font-weight: bold; font-size: 9px;
}

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

.adcontainer {
    border-style: none !important;}


#pun-admain fieldset {
    border-style: none !important; 
padding: 0 !important;
margin: 0px 0 1em -16px !important;}

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

  color: #2b1c0c;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background: transparent;
  text-align: center;
  }

.offline li.pa-online strong {
  color: #2c273f;
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {


}

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



.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
color: #7a8e97;

font-style: normal;

text-align: center;
  }

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

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

#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: 0px solid #2b1c0c;
  }

li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
   }


/* 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: #5a5266;
border-bottom: 0px none;
text-decoration: none;
font-style: none;
}

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

/* 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 {
text-decoration: none;
color: #46395c;
  }

.punbb a:hover {color: #8466c2 !important; transition: all .2s linear;}




/* CS3.3 */
#pun-navlinks a {

    border-bottom: 0px none;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
 

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
 
  }

#pun-ulinks a {
 color: #000000;
    border-bottom: 0px none;
  text-decoration: none;

  }

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


#pun-about p.container {
background: url('https://imgur.com/xDKuttt.png') no-repeat;
height: 169px;
margin-bottom: -175px;
margin-left: -33px;
width: 1100px;
}


::-webkit-scrollbar {
    background-color: #413a56 !important; 
width: 6px !important;
}

::-webkit-scrollbar-thumb {
    background-color: #6c497b !important; 
width: 6px !important;
}

HTML, body {
   scrollbar-color: #6c497b rgb(212, 212, 211);
scrollbar-width: thin;
}



/* Стиль спойлера ----------------------------------------*/

details {outline: none !important; }
summary:focus {outline: none !important; }

summary::marker {font-size: 0px; color: #69558c;}
details { padding: 5px 5px; cursor: pointer; background: #c7c4cd;
border-color: rgba(112, 97, 64, 0.4); border-style: solid; border-width: 0px 0px 0px 0px; margin-bottom: 25px;}
summary {cursor: pointer;}
summary::-webkit-details-marker {display: none;}
summary::after { background-color: #69558c;
text-align: center;
float: top;
content: "+ alohomora";
color: #eaeaea;
font-size: 0.8em;
font-weight: bold;
padding: 2px;
border-width: 2px; }
details[open] summary::after {content: "- coloportus";}




/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
height: 20px;
width: 220px;
top: -85px;
display: inline-block;
cursor: pointer;
font-size: 13px;
color: #917ba8;
position: absolute;
transition: all 0.3s ease-in-out 0s;
text-align: center;
font-weight: bold;
border-radius: 0px 6px 6px 0px;
line-height: 10px;
font-family: cormorant;
letter-spacing: 1px;
left: 532px;
    }

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {width: 228px;
margin-left: 527px;
position: absolute;
top: -20px;
z-index: 999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
padding: 5px;
background-color:#9688b8;
border: 1px solid #b3a2c2;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #2c273f; 
white-space: nowrap;
margin: 5px auto;
text-align: center;
transition: all 0.3s linear 0s;
display: block;
padding-bottom: 5px;
width: 207px;
color: #917ba8;
font-size: 14px; 
border: 1px solid #cfbeb6;
}

/* ссылка при наведении */
#pun .sslka a:hover {
background-color: #4f0380 !important;
opacity: .9;
transform: scale(.9);
color: #bf93c8 !important;
border-radius: 5px;
font-weight: bold;
}










/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation2 {
height: 13px;
width: 227px;
top: -85px;
display: inline-block;
cursor: pointer;
font-size: 13px;
color: #917ba8;
position: absolute;
transition: all 0.3s ease-in-out 0s;
text-align: center;
font-weight: bold;
border-radius: 0px 6px 6px 0px;
line-height: 10px;
font-family: cormorant;
letter-spacing: 1px;
left: 547px;
    }

/* вид кнопки после клика по ней */
.spirit-navigation2.spirit-navigation2_hover{
background: url(ссылка на картинку) no-repeat
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock2 {width: 228px;
margin-left: 546px;
position: absolute;
top: -20px;
z-index: 999;
}




/* -------------------------------------ТАБЛИЧКИ В СООБЩЕНИЯХ -------------------------------------*/

/* Верх-низ-середина ----------------------------------------*/
.t1title1 { width: 620px; margin-left: 38px !important; padding: 50px 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/34739.jpg');
background-position: top;
border-top: 1px solid #5a5266;
border-left: 1px solid #5a5266;
border-right: 1px solid #5a5266;
background-size: cover;}  
.t1title2 { padding: 20px;
background-color: rgba(161, 115, 203, 0.65);
font-family: CormorantSC-Bold;
font-size: 28px;
color: #f3e9e7;
text-shadow: 1px 1px 0px #5a5266, 2px 2px 0px #6a5441;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3;
border: 1px 0px 1px 0px double #d9d6e0;}

.t2title1 { width: 620px; margin-left: 38px !important; padding: 50px 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/34739.jpg');
background-position: top;
border-top: 1px solid #5a5266;
border-left: 1px solid #5a5266;
border-right: 1px solid #5a5266;
background-size: cover;}  
.t2title2 { padding: 20px;
background-color: rgba(161, 115, 203, 0.65);
font-family: CormorantSC-Bold;
font-size: 28px;
color: #f3e9e7;
text-shadow: 1px 1px 0px #5a5266, 2px 2px 0px #6a5441;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3;
border-bottom: 1px double #d9d6e0; border-top: 1px double #d9d6e0;}

.t1mid1 { width: 620px; margin-left: 38px !important; padding: 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/99653.jpg'); background-position: center left;
border-top: 1px solid #636d5b; border-left: 1px solid #636d5b; border-right: 1px solid #636d5b; } 
.t1mid2 { background-image: url('http://forumstatic.ru/files/001a/d6/b6/99653.jpg'); background-position: center left;
padding: 15px;
font-family: CormorantSC-Bold; font-size: 20px; font-weight: 900; color: #f3e9e7;
text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 1.3;
border-bottom: 1px double #f3e9e7; border-top: 1px double #f3e9e7; }

.t1end1 { width: 620px; margin-left: 38px !important; padding: 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/13877.jpg');
background-position: bottom left;
border-bottom: 1px solid #636d5b;
border-left: 1px solid #636d5b;
border-right: 1px solid #636d5b;
background-size: cover;} 
.t1end2 { padding: 10px;
background-color: rgba(161, 115, 203, 0.65);
font-family: alice;
font-size: 10px;
font-weight: 300;
color: #d9d6e0;
text-align: center;
text-transform: lowercase;
letter-spacing: 3px;
word-spacing: 4px;
border-bottom: 1px double #d9d6e0; border-top: 1px double #d9d6e0;}

.t2end1 { width: 620px;
margin-left: 38px !important;
padding: 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/13877.jpg');
background-position: bottom;
border-bottom: 1px solid #5a5266;
border-left: 1px solid #5a5266;
border-right: 1px solid #5a5266;
background-size: cover;} 
.t2end2 { padding: 10px;
background-color: rgba(161, 115, 203, 0.65);
font-family: alice;
font-size: 10px;
font-weight: 300;
color: #d9d6e0;
text-align: center;
text-transform: lowercase;
letter-spacing: 3px;
word-spacing: 4px;
border-bottom: 1px double #d9d6e0; border-top: 1px double #d9d6e0;}


/* Тело и кнопки переключения вкладок ----------------------------------------*/
.t1body { width: 620px; margin-left: 58px !important; padding: 10px;
background-color: #9688b8; border: 1px solid #5a5266; }
.t1container { width: 620; height: 620;  } 
.t1tabs { width: 660px; height: 620px; position: relative; } .t1tab { float: left; } 
.t1tab label { width: 226px; height: 15px; display: block; cursor: pointer;
background: url('https://imgur.com/pENrEHv.png'); padding: 10px 0px; position: relative; left: 0px; top: 0px; z-index: 3;
font-family: CormorantSC-Bold; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700;
color: #f3e9e7; text-align: center; border-bottom: 2px solid #8b8b8b; border-top: 2px solid #8b8b8b;} 
.t1tab input[type=radio]:checked ~ label { border-bottom: 3px solid #5a5266; z-index: 2; } .t1tab input[type=radio] { display: none; } .t1tab input[type=radio]:checked ~ label ~ .t1content { z-index: 1; opacity: 1; }
.t1content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 45px 0px 0px 0px; opacity: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; } 
.t1stuff1 { height: 560px; overflow: auto; padding: 15px 15px 10px 15px; background: #d9d6e0; text-align: justify;}

.t2body {width: 660px; height: auto; margin-left: 38px !important; padding: 10px;
background-color: #9688b8; border: 1px solid #5a5266;}
.t2stuff { width: 650px; height: auto; padding: 5px; background: #d9d6e0; text-align: left; }

.t3body { width: 620px; height: 710px; padding: 10px; background-color:#9688b8; border: 3px solid #706140;} 
.t3stuff1 { width: 576px; height: 650px; overflow: auto; padding: 5px;} 
.t3tabs { width: 620px; height: 710px; position: relative; } .t3tab { float: left; } 
.t3tab label { width: 207px; height: 15px; display: block; cursor: pointer; background: url('https://imgur.com/cAxdIas.png'); padding: 10px; margin: 0px; position: relative; left: 0px; top: 0px; z-index: 3; font-family: CormorantSC-Bold; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: #d8cec9; text-align: center; border-bottom: 2px solid #706140; border-top: 2px solid #706140;} 
.t3tab input[type=radio]:checked ~ label { border-bottom: 3px solid #836d03; z-index: 2; } 
.t3tab input[type=radio] { display: none; } 
.t3content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: url(https://imgur.com/dcPe0sP.jpg); padding: 45px 0px 0px 0px; opacity: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; } 
.t3content { z-index: 1; opacity: 1; } 

.t4body {width: 580px; height: 1014px; padding: 10px; background-color:#9688b8; border: 3px solid #706140;}
.t4stuff { width: 536px; height: 1000px; padding: 5px; background: url(https://imgur.com/dcPe0sP.jpg); overflow: auto; text-align: justify;}



/* Заголовки в тексте и шрифтовыделения ----------------------------------------*/
.t1h2 { margin: 5px 0px;
padding: 7px;
background-color: rgba(125, 101, 163, 0.8);
font-family: CormorantSC-Medium;
font-size: 16px;
font-weight: 900;
color: #e2e2e2;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 1px 0px rgb(70, 43, 37);
border-top: 0px;
border-bottom: 2px double #67402f; }
.t1 {padding: 3px 0; background-color: #b2aeb7;
font-family: alice; font-size: 12px; font-weight: 900; color: #493668;
text-align: center; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0px 1px 0px rgb(225, 221, 218); } 
.t2 { padding: 3px 0; font-family: alice; font-size: 12px; font-weight: 800; color: #493668;
text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px 1px 0px rgb(243, 233, 231);}
.t4 { padding: 5px 0; font-family: alice; font-size:11px; font-weight: 100; color: #493668; 
text-align: center; text-transform: lowercase; line-height:1em; letter-spacing: 1px; word-spacing: 3px;  }



/* Картинки ----------------------------------------*/
#t1picoform img {filter: sepia(1) hue-rotate(5deg) saturate(80%) brightness(1) opacity(75%);
outline: 1px solid rgb(131, 83, 61) !important; transition: 0.8s ease;}
#t1picoform img:hover { transition: 0.8s ease; filter: sepia(0) hue-rotate(0deg) saturate(100%); outline: 1px solid rgb(131, 83, 61) !important;}


/* Оформление заявок на нужных ----------------------------------------*/
.n1title1 { width: 620px; margin-left: 38px !important; padding: 50px 30px;
background-image: url('http://forumstatic.ru/files/001a/d6/b6/34739.jpg');
background-position: top; border-top: 1px solid #5a5266; background-size: cover;
border-left: 1px solid #5a5266; border-right: 1px solid #5a5266;}  
.n1title2 { padding: 20px; font-family: CormorantSC-Bold; font-size: 28px; color: #f3e9e7;
text-shadow: 1px 1px 0px #5a5266, 2px 2px 0px #6a5441; text-align: center; text-transform: uppercase; letter-spacing: 2px;
line-height: 1.3; background-color: rgba(167, 128, 109, 0.68); border: 1px double #5a5266;}
.n1stuff { width: 650px; height: auto; padding: 5px; background: #e2e2e2; text-align: left; }
.n1end1 { width: 620px; margin-left: 38px !important; padding: 20px;
background-image: url('http://forumstatic.ru/files/001b/22/12/82635.jpg'); background-position: top;
border-bottom: 1px solid #636d5b; border-left: 1px solid #636d5b; border-right: 1px solid #636d5b;} 
.n1end2 { padding: 10px; background-color: rgba(77, 91, 76, 0.8);
font-family: alice; font-size: 10px; font-weight: 300; color: #f3e9e7; text-align: center; text-transform: lowercase; letter-spacing: 3px; word-spacing: 4px; border-bottom: 1px double #f3e9e7; border-top: 1px double #f3e9e7;}
.n1who {padding-top: -5px; padding-bottom: 5px; font-family: alice; font-size: 11px; font-weight: 200!important; color: #f3e9e7; text-shadow: 1px 1px 0px black; text-align: center; text-transform: lowercase; letter-spacing: 2px; word-spacing: 3px; line-height:1.2em; }
.n1bgtab { background-color: #c7c4cd; padding: 10px;} 



/* Главная стр., левая колонка - описание подфорумов и форумов ------------------------*/

#pun .isub .tclcon {
background: none;}

#pun-viewforum .isub .tclcon {background: none;
background: url("https://imgur.com/qzPVDMl.png") repeat-x scroll 100% 0%, 
url("https://imgur.com/vbLUjq0.png") repeat-x scroll 100% 100%, 
url("https://imgur.com/Dic48UT.png") repeat scroll 100% 42%;
min-height: 100px;
padding: 20px 20px 7px 20px;
margin-left: 46px;
text-align: justify;
width: 428px;
color: #5a5266;}

#pun .isub .tclcon h3 {
text-align: center;
margin-top: -29px;
margin-bottom: 21px;
color: #bc9e92;
font-size: 18px;
font-family: cormorant;
transition: all 0.4s ease-out;}


#pun-index .tclcon, .isub .tclcon {
font-size: 11px; font-family: open sans; color: #636d5b; text-align: justify;  line-height: 14px;
margin: 0px 0px 0px 75px; padding: 0px 0px 0px 0px; position: relative;
width: auto;}

#pun-index .tcr a, #pun .isub .tcr a {font-size: 11px; font-family: verdana;}

#pun-index .tcl {
padding-bottom: 30px;}

#pun-index .subforums {
position: absolute;
bottom: -20px;
text-align: center;
width: 100%;
font: normal 9px alice;
text-transform: uppercase; display: none;}

#pun-index .subforums a {
font-weight: bold;}



/* Главная стр., правая колонка - кто написал новое сообщение----------------------------*/
#pun-index .tcr { width: 35%;  text-align: left; font-family: open sans; color: #6e6878; text-transform: lowercase; padding-left: 15px !important; font-size: 11px;}

#pun { background-position: center top; background-repeat: repeat-y;}

#pun-main .post-author ul { font-size: 10px; text-align: center; z-index: 10;
position: relative;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify;}

.topic a.sharelink { display: none;}

/* html, body {min-width: 1400px!important;} */  /*!Правка для мобильных Устройств с мелким Экраном*/

#button-smile{ display: none; }




body {
    overflow-x: hidden;
}