/* Фоны ----------------------------*/
/*Шапка*/
#pun-title {
background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/06/62c338f3ca8042a7acc10c078d1e23a6.png");
background-repeat: no-repeat; /*повтор*/
background-position: top center;  /*расположение*/
background-color: #transparent;
}
/*Фон*/
body {
background-color: #цвет;
background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/06/b0c27c8f3a8b22d40955cdb0f72cd357.png");
background-repeat: repeat-x; /*повтор*/
background-position: left top; /*расположение*/
}
/* Контент */
#pun {
background-image: url("https://s8.hostingkartinok.com/uploads/images/2019/06/2993b6105b6826a4968981fff7dd3a43.png");
background-color: transparent;
background-position: center; /*расположение*/
background-repeat: repeat-x; /*повтор*/
background-attachment: fixed; /*фиксация*/
}
/*Подвал*/
#pun-about {
background-image: url("картинка");
background-repeat: no-repeat; /*повтор*/
background-position: center bottom; /*расположение*/
}

/* Сообщения------------------------------------*/
/*Старые сообщения*/
Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/* Блок цитат */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent; /*Фон цитаты и кода*/
  color: #000000; /*цвет текста*/
  background-image : url("картинка");
  border-top:1px solid #101010;
  border-right:1px  solid #101010;
  border-bottom: 1px  solid #101010;
  border-left: 4px solid #101010;
}
/* Блок формы ответа и кнопок */
.punbb textarea, .punbb select, .punbb input {
  background-color: transparent; /*Фон цитаты и кода*/
  color: #000000; /*цвет текста*/
  background-image : url("картинка");
  border-top:1px solid #101010;
  border-right:1px  solid #101010;
  border-bottom: 1px  solid #101010;
  border-left: 4px solid #101010;
}

/* CS1 Background and text colours  background-color: #E139F1;
-------------------------------------------------------------*/

/* 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: #dedfdf;
  color: #333;
  }

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

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

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

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

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

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

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

/* 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: #005EAB
  }

.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: #B42000;
  }

/* CS3.3 */
#pun-navlinks a {
  color:#005cb1;
  text-decoration: none
  }

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

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

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

div.icon {border-color: transparent}
tr.iredirect div.icon {border-color: transparent}
div.inew {border-color: transparent}

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

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

html {
    background: url(https://i.imgur.com/TITP66H.png) repeat-y top left,
  url(https://i.imgur.com/TITP66H.png) repeat-y top right,
  url(https://i.imgur.com/TITP66H.png) repeat-x top left,
  url(https://i.imgur.com/TITP66H.png) repeat-x bottom left,
  url(https://i.imgur.com/nJ1uq9N.png) no-repeat top center,
  url(https://i.imgur.com/TITP66H.png) repeat top center;
    background-color: #000000;
    background-attachment: fixed;
    scrollbar-color: #7dbdb6 #000000;
  }

#pun {
    background: url(https://i.imgur.com/wx3JF8k.png) repeat top center;
    background-color: #ececec;
    background-color: transparent;
    box-shadow: inset 0 1px 0 0 #8f444b, inset 1px 0 #8f444b;
  }

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb .main h2, .punbb .linkst, .linksb .pagelink, div#pun-live-rusff {
    border-color:transparent;
    color: #1a1818;
  }

.punbb-admin #pun-admain .adcontainer {
    color: #201f24;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container, #pun-navlinks .container {
    border-color:transparent;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border: none;
    font-style: normal;
  }

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

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

.punbb textarea {
    padding: 5px;
    background: none;
    border: 4px solid rgb(58, 96, 143);
  }

.punbb input {
    padding: 0 0 2px 3px;
    background: none;
    border: 4px solid rgb(58, 96, 143);
  }

.button {
    width: auto!important;
    cursor: pointer;
    color: #3a608f!important;
    background: #eccf57!important;
    text-transform: uppercase!important;
    letter-spacing: 0.2em;
    padding: 6px 10px 5px 10px!important;
    font-size: 10px!important;
    font-family: 'PeaceSans'!important;
    font-weight: normal!important;
    border: none!important;
    box-shadow: inset 0 0 0 4px #eccf57;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }
.button:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }

.punbb select  {
    background: rgb(236, 207, 87);
    border: none;
    letter-spacing: 0.3em;
    line-height: 200%!important;
    padding: 3px 5px 3px 10px;
    font-size: 9px!important;
    font-family: 'CodePro'!important;
    font-weight: bold!important;
    text-transform: uppercase;
  }

#pun-main .code-box, #pun-main .quote-box {
    background: url(https://forumstatic.ru/files/001a/1c/03/75257.jpg);
  }
.post-content td p:last-child {
    padding-bottom: 10px!important;
  }

#pun-main .code-box {
    font-size:12px!important;
  }

.post-content .spoiler-box > div {
    padding: 10px 20px!important;
    margin: 0 10px;
  }

/* CS2 Цвета границ
-------------------------------------------------------------*/

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

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border: none;
  }

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

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

/* CS2.5 */
.punbb th {
    border: none;
  }

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

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

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

.punbb .divider {
    border: none;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: none;
  }

li.pa-online {
    border: none;
  }

.punbb .post-sig dt {
    height: 2px;
    margin: 10px 0;
    background: #385e8d;
  }

/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

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

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

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

/* CS3.3 */
#pun-navlinks a {
  border-bottom:none;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: none;
  text-decoration: none;
  }

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #1b0d04;
  color: #151515;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
-------------------------------------------------------------*/

#pun  .section {
    border-style: none;
  }

#pun-title table tbody tr .title-logo-tdr {
    position: absolute;
    z-index: 1;
    left: 100px;
    top: 50px;
  }

/*  CS5 Категории форума и кнопки
------------------------------------------------------------*/

.punbb .main h1, .punbb .main h2, #pun-main #post-form h2, #pun-debug h2 {
    text-align: left;
    font-weight: normal;
  }
#pun-main h1 {
    font-size: 0px;
  }

#pun-stats h2 {
    width: 896px;
    height: 42px;
    margin: 30px 0px 10px -30px;
    background: url(https://forumstatic.ru/files/001a/1c/03/86603.jpg);
  }

#pun-profile h1 {
    font-size: 10px;
    font-family: 'TrebuchetMS';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }

/* CS6 Логотип снизу
-------------------------------------------------------------*/

#pun-about p.container {
    position: absolute;
    width: 962px;
    height: 7px;
    margin: 10px 0 0 -100px;
    background: url(https://forumstatic.ru/files/001a/1c/03/86505.jpg);
  }

div#html-footer {
  }

div#pun-about {
  }

#pun-announcement.section h2 span {
    display: none;
}
    a.menu:link, a.menu:visited, a.menu:active {
    text-decoration: none;
}

/* CS7 Остальные коды для оформления форума
-------------------------------------------------------------*/

/*Фон подфорума*/
#pun-index td div.tclcon {
    position: relative;
    margin: 20px 0 20px 30px;
    color: #212325;
    font-family: 'TrebuchetMS';
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
    text-align: justify;
    line-height: 14px;
    letter-spacing: 0.15em;
  }

#podf2 {
    margin: 10px 0 0 0;
    padding: 3px 0;
    background: url(https://forumstatic.ru/files/001a/1c/03/31953.jpg) repeat;
    text-align: center;
  }
#podf2 a {
    padding: 0 5px;
    color: #e9cc56;
    font-family: 'TrebuchetMSBI';
  }
#podf2 a:hover {
    color: #f1f1f1;
    letter-spacing: 0.3em;
  }

#podf3 {
    width: 100%;
    height: 10px;
    margin: 10px 0 0 0;
    background: url(https://forumstatic.ru/files/001a/1c/03/31953.jpg) repeat;
  }

.Add {
    position: absolute;
    top: -3px;
    right: 0px;
    color: #274c79;
    font-size: 14px;
    font-family: 'PeaceSans';
    font-weight: normal;
  }
.Tems_And_messages, .Tems_And_messages2 {
    display: inline-block;
  }
.Tems_And_messages {
    background: #e9cc56;
    padding: 2px 5px;
  }
.Tems_And_messages2 {
    background: #e9cc56;
    padding: 2px 5px;
    margin: 0 0 0 3px!important;
  }

/* Аватар */
li.pa-avatar.item2 img {
    margin: 0 0 5px 0;
    border-top: 4px solid #dec357;
    border-left: 4px solid #dec357;
  }

/* Навигация */
#navindex a span {font-size: 0;} #navindex a:before {content:"Forum"; letter-spacing: 0.2em;     padding: 0 1px 0 4px;} /* Форум */
#navuserlist a span {font-size: 0;} #navuserlist a:before {content:"Users"; letter-spacing: 0.2em;     padding: 0 1px 0 4px;} /* Участники */
#navsearch a span {font-size: 0;} #navsearch a:before {content:"Search"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Поиск */
#navprofile a span {font-size: 0;} #navprofile a:before {content:"Profile"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Профиль */
#navpm a span {font-size: 0;} #navpm a:before {content:"PM"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Сообщения*/
#navadmin a span {font-size: 0;} #navadmin a:before {content:"Admin"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Администрирование */
#navlogin a span {font-size: 0;} #navlogin a:before {content:"Enter"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Вход */
#navlogout a span {font-size: 0;} #navlogout a:before {content:"Exit"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Выход */
#navregister a span {font-size: 0;} #navregister a:before {content:"Register"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;} /* Регистрация */
#navpr_1 a span {font-size: 0;} #navpr_1 a:before {content:"Promo"; letter-spacing: 0.2em;    padding: 0 1px 0 4px;}

#pun-ulinks li.item3 {
    display: none;
  }

/* Цвета ссылок */
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #2d5280;
    text-decoration: none;
     transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #5488ad;
     transition-duration: 0.5s;
  }

#pun-navlinks a {
    color: #345985;
    background: linear-gradient(to bottom, #73b5a6, #73b5a6);
    border: none;
    background-repeat: no-repeat;
    background-size: 100% 0;
     transition: background-size 1s 0s;
  }
#pun-navlinks a:hover {
    background-size: 100% 100%;
  }

#pun-ulinks a {
    color: #ead062;
  }
#pun-ulinks a:hover {
    color: #375c89;
  }

#pun-index .tcl h3 a {
    color: #325480;
  }
#pun-index .tcl h3 a:hover {
    color: #000;
  }

.punbb .post .post-author a {
    color: #ebebeb;
  }
.punbb .post .post-author a:hover {
    color: #dec357;
  }

.punbb .post .pa-author a {
    color: #e4c752;
  }
.punbb .post .pa-author a:hover {
    color: #e8e8e8;
  }

.punbb .post-links ul a {
    color: #000;
  }
.punbb .post-links ul a:hover {
    color: #385e8d;
  }

.punbb .post h3 span a {
    color: #000;
  }
.punbb .post h3 span a:hover {
    color: #f2f2f2;
  }

#pun-redirect.punbb .info .container a {
    color: #efefef;
  }
#pun-redirect.punbb .info .container a:hover {
    color: #dec357;
  }

.punbb .quote-box cite a, .punbb .code-box strong.legend a {
    color: #345a89;
  }
.punbb .quote-box cite a:hover, .punbb .code-box strong.legend a:hover {
    color: #4f83a8;
  }

#pun-stats li.item4 a {
    color: #3b608c;
  }
#pun-stats li.item4 a:hover {
    color: #000000;
  }

/* Ползунок */
::-webkit-scrollbar {
    width: 11px;
    height: 11px;
  }
::-webkit-scrollbar-track {
    background-color: transparent;
  }
::-webkit-scrollbar-thumb {
    background-color: #7dbdb6;
  }

.punbb textarea::-webkit-scrollbar, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar {
    cursor: pointer;
    width: 8px;
    height: 8px;
  }
.punbb textarea::-webkit-scrollbar-track, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar-track {
    background-color: transparent;
  }
.punbb textarea::-webkit-scrollbar-thumb, .punbb .post-content .code-box .scrollbox::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #3e6493;
    box-shadow: none;
  }

/* Выделение текста */
::selection {
    background: #395f8e;
    color: #efefef;
  }

body #post .fs-box.hashelp .container {
    color: #ececec!important;
    background: url(https://forumstatic.ru/files/001a/1c/03/31953.jpg)!important;
    z-index: 100!important;
    padding: .7em!important;
    border-radius: 0px;
    border: none;
  }
body #post .fs-box.hashelp .container a {
    color: #ececec!important;
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
body #post .fs-box.hashelp .container {
    color: #302c29;
    height: auto;
    max-height: 145px;
    width: auto;
    margin-left: 13px;
    overflow: auto;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }
#poll-special .poll2 td h1 {
    background: #292929!important;
    padding: 1px;
    border: none 0 transparent!important;
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    border-radius: 0px;
    background: #efefefe6;
    box-shadow: inset 0 0 0 15px #494e6b;
    border: 4px solid #3a608f;
  }

#pun-adnav {
    margin-top: 6px!important;
  }
.adformal, .adformal h2, #pun-adnav h2 {
    padding: 6px 0 6px 10px!important;
    border-style: none!important;
    border-width: 0px!important;
    color: #000!important;
  }
.punbb-admin #pun-admain h2 {
    background: rgba(255, 255, 255, 0.65)!important;
  }
#pun-admain fieldset p {
    border-color: rgba(255, 255, 255, 0.35)!important;
    background-color: rgba(255, 255, 255, 0.56)!important;
  }
#pun-admain legend span {
    background-color: rgba(255, 255, 255, 0.56)!important;
}
#pun-adnav .isactive ul.adsubnav a {
    color: #000000!important;
}

#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background: none;
    margin: 0px;
    height: 0px;
  }

/* Убираем свечение в хроме */
input, textarea {
    outline: none;
} 
input:active, textarea:active {
    outline: none;
}
:focus {
    outline: none;
}

/* Фиксируем кнопки в поле ответа с мобильного */
textarea#main-reply {
    height: 175px;
    position: relative;
    z-index: 1;
}

li#navpr_1 {
    margin: 0 0 0 5px;
  }

#navawards a span {
    display: none;
  }
.intd .tclcon .modlist{
    display: none;
  }
span.stickytext, span.closedatafield {
    display: none;
  }
div#pun-live-rusff {
    display: none;
  }
.pl-reports {
    display: none!important;
}
#qpsContainer {
    display: none;
}

/* СТИЛЬ ВНЕШНОСТЕЙ */
.opfc {width: 620px; background-color: #c9c9c9; height:  910px; border-left: solid #3d7e9f;}
.opfc txt {position:  absolute; display:  block; width: 400px; height: 30px; background-color: #3d7e9f; margin: 20px 0px 0px 110px; padding: 1px;}
.opfc txt1 {font-family:  montserrat; font-size: 20px; font-weight:  bold; color: #efefef; text-align:  center;}
.opfc txt2 {text-align: center; color: #ffffff; background: #0b2637; width: 200px; margin: -2px 0px 0px 0px; padding-bottom: 1px; display: block;}
.opfc txt3 {width:  500px; height: 80px; background-color: #c9c9c9; margin: 70px 0px 0px 50px; position:  absolute; padding: 10px; text-align: justify; border-bottom: solid #6f8487; display: block;}
.opfc tab {position:  absolute; width:  570px; margin: 194px 0px 0px 23px; display: block;    text-transform: lowercase;}
.opfc let1 {background-color: #3d7e9f;}
.opfc let2 {background-color: #0b2637;}
.opfc let1, .opfc let2 {color: white; font-family: montserrat; text-align:  center; font-weight:  bold; display: block;}
.opfc list {height:  200px; display: block; overflow: auto; padding-top: 10px;}
.opfc fc {margin-top: -10px;}
.opfc fc, .opfc name {display: block;}
.opfc fc::first-letter {font-weight: bold}
.opfc name::before {content: "— "}

/* СТИЛЬ ГОСТЕВОЙ */
#opguest {    width: 520px;    padding: 50px;    height: 160px;    background-color: #c9c9c9;    margin-bottom: 10px;     border-bottom: 1px solid #b3b2b4;}
.opgin {    width: 550px;   height: 200px;   overflow: auto;   position: relative;   margin: -20px 0px 0px -15px !important;}
.glink { float: left; }
.glink label { display: block;    width: 86.75px;    background-color: #3d7e9f;    font-family: montserrat;    text-align: center;    text-transform: uppercase;    font-weight: bold;   color: #fff;    font-size: 8px;    letter-spacing: 1px;    padding: 10px;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;    -o-transition-duration: 1s;}
.opgin .glink [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.opgcont {      width: 510px;    padding: 20px;    background-color: #e4e4e4;    position: absolute;    color: #696969;    font-family: montserrat;    font-size: 11px;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;   -o-transition-duration: 1s;    overflow: auto;    top: 49px;    bottom: 0px;    left: -500px;    right: 0px;    line-height: 16px;}
.opgcont a {background-color: #3d7e9f; padding: 2px; color: #fff !important; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;}
.opgcont .lin {font-size: 30px;    font-weight: bold;    color: #e4e4e4;     margin: 7px 0px 0px -10px;}
.opgcont .sec {  width: 330px;    line-height: 14px;   margin: 5px 0px 0px 85px;}
.opgcont .sec a {background-color: #3d7e9f;   padding: 2px;   color: #fff;   text-decoration: none;  text-transform: uppercase;    font-size: 6px;    letter-spacing: 1px;}
.opgin .glink [type=radio]:checked ~ label { background: #e9cc56; z-index: 2; }
.opgin .glink [type=radio]:checked ~ label ~ .opgcont { z-index: 1; top: 49px;left: 0px; }

/*настойки маски*/
#mask_dialog .inner {cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: #d8d8d8;
    padding: 8px;
    border-radius: 7px;
    border: 1px solid #30777b;}
#mask_dialog .inner img {
    border-radius: 5px;
    border: 1px solid #ab955d;}

/* правка плейлистов */
#testbox {
    margin: 0 0 0 -450px!important;
  }