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

/*-----------фон-----------*/
html {background: url(); background-repeat: repeat; background-attachment: fixed; background-position: top center; background-color: white; background-size: cover; overflow-x: hidden !important;}

/*-----------шапка форума-----------*/
.uptitile {position: absolute; background: url(http://forumstatic.ru/files/001a/b2/cd/83071.jpg) top left; width: 1000px; height: 370px; top: -370px; margin-left: -10px !important;}
#pun-title table {background-color: transparent;}
#pun {background-color: white; margin-top:412px;}

/*-----------футер-----------*/
#pun-about p.container {background-repeat: no-repeat; width: 1000px; height: 74px; margin-left: -10px; border: none; background: url(http://forumstatic.ru/files/001a/b2/cd/81536.jpg); position: absolute;}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {background-color: transparent; color: #f7b87d; text-align: center; font-family: Nunito; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {background-color: transparent; color: #3c3c3c; text-transform: lowercase; font-size: 12px !important; font-family: arial;}

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

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

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

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

/* CS2 РАМКИ
-------------------------------------------------------------*/

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

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

/* 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: #dfa69c; text-decoration: none; transition: all 0.3s ease-in-out 0.1s;}

/* 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: #73889d; text-decoration: none; transition: all 0.3s ease-in-out 0.1s;}

/* cs3.3. ссылки кнопки доп меню */
#pun-ulinks a {color: #e3e7ea;}

/* cs3.4. ссылки кнопки основного меню */
#pun-navlinks a {color: #e3e7ea; transition: all 0.3s ease-in-out 0.1s;}

/* cs3.5. ссылки наведение кнопки основного меню */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color: #74899e; transition: all 0.3s ease-in-out 0.1s;}

/* cs3.6. ссылки наведение кнопки доп меню */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #74899e;}

/* cs3.7. ссылки подфорума */
#pun-index .tcl h3 a {color: #3c3c3c;}

/* cs3.8. ссылка репутации */
.pa-respect a {color: #676767 !important;}

/*главная*/#navindex a:after { font-family: icon; content: "\f51d"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 7px 7px 7px;     /* border: 1px solid #e3e7ea; */}
/*пользователи*/ #navuserlist a:after { font-family: icon; content: "\f682"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;     /* border: 1px solid #e3e7ea; */}
/*поиск*/ #navsearch a:after { font-family: icon; content: "\f002"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;     /* border: 1px solid #e3e7ea; */}
/*профиль*/ #navprofile a:after { font-family: icon; content: "\f004"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 9px 7px 9px;     /* border: 1px solid #e3e7ea; */}
/*почта*/ #navpm a:after { font-family: icon; content: "\f0e0"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 10px 7px 10px;    /* border: 1px solid #e3e7ea; */}
/*админка*/ #navadmin a:after { font-family: icon; content: "\f013"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 9px 7px 9px;     /* border: 1px solid #e3e7ea; */}
/*выход*/ #navlogout a:after { font-family: icon; content: "\f52b"; font-size: 13px; width: 20px !important; height: 25px !important; background-color: white; padding: 7px 7px 7px 7px;     /* border: 1px solid #e3e7ea; */}
/*вход*/ #navlogin a:after { font-family: icon; content: "\f52a"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 6px 7px 6px; background-color: white;     /* border: 1px solid #e3e7ea; */}
/*регистрация*/ #navregister a:after { font-family: icon; content: "\f023"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 9px 7px 9px; background-color: white;    /* border: 1px solid #e3e7ea; */}
/*пиар*/ #navpr_1 a:after { font-family: icon; content: "\f02c"; font-size: 13px; width: 20px !important; height: 25px !important; padding: 7px 7px 7px 7px; background-color: white; color: #74899e;    /* border: 1px solid #e3e7ea; */}

/* CS4 КАТЕГОРИИ
-------------------------------------------------------------*/

/* CS4 Картинки категорий */
#pun-category1.category h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/47304.jpg); height: 58px; width: 1000px; font-size: 0; margin-bottom: 15px; margin-left: -10px !important; margin: 0 auto; border: none;}

#pun-category2.category h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/76045.jpg); height: 58px; width: 1000px; font-size: 0 !important; margin-bottom: 15px; margin: 0 auto; margin-top: 15px; margin-left: -10px !important; border: none;}

#pun-category3.category h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/54204.jpg); height: 58px; width: 1000px; font-size: 0 !important; margin-bottom: 15px; margin: 0 auto; margin-top: 15px; margin-left: -10px !important; border: none;}

#pun-category4.category h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/98345.jpg); height: 58px; width: 1000px; font-size: 0 !important; margin-bottom: 15px; margin: 0 auto; margin-top: 15px; margin-left: -10px !important; border: none;}

#pun-category5.category h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/62514.jpg); height: 58px; width: 1000px; font-size: 0 !important; margin-bottom: 15px; margin: 0 auto; margin-top: 15px; margin-left: -10px !important; border: none;}

#pun-stats h2 {background: url(http://forumstatic.ru/files/001a/b2/cd/10925.jpg); height: 58px; width: 1000px;  font-size: 0; margin-bottom: 15px !important; margin-left: -10px !important; margin: 0 auto; border: none;}

/* CS5 ПОДФОРУМ
-------------------------------------------------------------*/
/*-----------фон подфорума-----------*/
#pun-index td div.tclcon {width: 400px; min-height: 100px; text-align: justify; text-transform: lowercase; font-family: arial; padding: 23px 23px 5px 23px;}

/*-----------текст подфорума-----------*/
.txt {position: absolute; color: #5b5b5b; text-transform: lowercase; text-align: justify; font-size: 10px; font-family: arial; line-height: 12px; width: 310px; height: 50px; margin-top: 33px !important; letter-spacing: 0.1px;}

/*-----------навигация подфорума-----------*/
.nav1 {position: absolute; text-transform: lowercase; text-align: left; font-size: 9px; margin-top: 13px !important; z-index: 1000; font-family: arial; width: 310px; line-height: 19px;}

.nav1 a:link, .nav1 a:visited {transition: ease 0.3s; color: #5b5b5b; padding: 1px 2px 1px 2px; border: 2px solid #b2cbc4;}

.nav1 a:hover, .nav1 a:focus, .nav1 a:active {transition: ease 0.3s;}

/*-----------фон под подфорумами-----------*/
#pun-index .category tr {
    background-color: #f6f6f6;
}
#pun-index .category table {
    border-spacing: 0px 10px;
}


/* CS6 ИКОНКИ СООБЩЕНИЙ
 -------------------------------------------------------------*/
/*-----------общая иконка-----------*/
div.icon {background: url(http://forumstatic.ru/files/001a/b2/cd/46610.jpg) no-repeat;}

/*-----------иконка новых сообщений-----------*/
tr.inew div.icon {background-image: url(http://forumstatic.ru/files/001a/b2/cd/31889.jpg); float: right; display: block; border-style: none;}

/*-----------иконки закрытых и важных тем-----------*/
tr.iclosed div.icon {display: none;}
tr.isticky div.icon {display: none;}

/*-----------иконки в личных сообщениях-----------*/
#pun-messages Div.icon, #pun-viewforum table Div.icon {float: left; border-style: none none none none; display: none;}

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

/* CS7 ПРОФИЛЬ
 -------------------------------------------------------------*/
/*-----------иконка команды-----------*/
.pa-fld1 {position: absolute; margin-top: -19px !important; margin-left: 57px !important;}

.rubi {background: url(http://forumstatic.ru/files/001a/b2/cd/88596.jpg); width: 77px; height: 9px;}

.izu{background: url(http://forumstatic.ru/files/001a/b2/cd/86803.jpg); width: 77px; height: 9px;}

.sapfi {background: url(http://forumstatic.ru/files/001a/b2/cd/52691.jpg); width: 77px; height: 9px;}

/* CS8 ХТМЛ ОФОРМЛЕНИЕ СООБЩЕНИЙ
 -------------------------------------------------------------*/
/*-----------общий шаблон-----------*/
.gemsblock {width: 645px; height: auto; background: white; overflow: hidden; margin: 0 auto !important;}

.gemsblockin {width: 545px; height: auto; margin: 0 auto !important;}

.gemsblockout {width: 543px; height: 9px; text-align: center; font-size: 13px; text-transform: uppercase; font-family: san francisco; font-weight: 700; color: #73889d; margin: 0 auto !important; padding-top: 45px; padding-bottom: 5px;}

.gemsmain {width: 545px; height: auto; padding-bottom: 2em; font-family: sans-serif; font-size: 11px; text-transform: lowercase; padding: 5px 5px 35px 5px; margin-bottom: 13px !important; background: url(http://forumstatic.ru/files/001a/b2/cd/16100.jpg) no-repeat bottom center; border: 1px solid #dae1e7;}

.gemsheadline {font-family: san francisco; font-size: 11px; text-align: center; line-height: 14px; color: #dfa69c; margin: 0 auto !important;}

.gemsrules {width: 450px; height: auto; margin: 0px auto !important; font-family: arial; font-size: 11px; padding-bottom: 1em; padding-top: 1em; text-align: justify;}

.gemsblock .c1 {text-align: left; text-transform: lowercase; font-size: 10px; font-family: sans-serif; letter-spacing: 0.3px;}

.gemsblock .c1 .female {display: -webkit-inline-box; width: 260px; height: auto; padding: 5px;}

.gemsblock .c1 .male {display: -webkit-inline-box; width: 260px; height: auto; padding: 5px;}


/*-----------гостевая-----------*/
.gemsgosti {width: 700px; min-height: 434px; background-color: #e8e8e861; color: #676767; text-transform: lowercase; border: 1px solid transparent; background: url(http://forumstatic.ru/files/001a/b2/cd/48052.jpg) no-repeat top center;}

.podabout {width: 700px; height: 85px;}

.about {width: 546px; text-align: justify; font-size: 11px; font-family: arial; line-height: 12px; max-height: 50px; margin-top: 101px !important;}

.gemsscroll1 {width: 249px; overflow: auto; height: 207px; padding: 10px; font-size: 10px; font-family: sans-serif; text-align: left; margin-top: 0px !important; border: 1px solid #dae1e7; margin-left: -278px !important;}

.gemsscroll2 {width: 249px; overflow: auto; height: 207px; padding: 10px; font-size: 10px; font-family: sans-serif; text-align: left; margin-left: 277px !important; border: 1px solid #dae1e7; margin-top: -229px !important;}

.zayavka {width: 10px; height: 10px; background: url(http://forumstatic.ru/files/001a/3f/23/49482.jpg); display: inline-block;}

/*-----------блоки с переключателями между страниц-----------*/
.gemsblock2 {width: 645px; height: auto; background: white; overflow: hidden; border: 4px solid #ffffff; margin: 0 auto !important;}

.gemsblockin2 {width: 539px; height: 600px; outline-offset: 3px;}

.gemsmain2 {width: 639px; height: auto; font-family: arial; font-size: 11px; text-align: justify; padding-bottom: 2em; margin-bottom: 13px !important;}

#fireworks {width: 600px; height: 700px; margin: 0 auto; background: #fff; position: relative; overflow: hidden;}

.firetabs {position: relative; width: 640px; height: 60px; clear: both; top: 20px; right: 0px; text-align: center;}

.firetab {float: left;} 

.firetab label {text-transform: lowercase; display: block; height: 30px; position: relative; left: 70px; margin: 0 45px 0px 45px; color: #dfa69c; text-align: center; letter-spacing: 1px; font: small-caps 700 10px nunito;}

.firetabs .firetab [type=radio] {display: none;} 
.firetabs .firetab [type=radio]:checked ~ label {z-index: 1; border-bottom: 1px solid #ecf2f0;}

.firetabs .firetab [type=radio]:checked ~ label ~ .fcontent {z-index: 4; opacity: 1;}

.fcontent {position: absolute; bottom: 0px; top: 40px; right: 0px; width: 640px; height: 500px; background-color: transparent; opacity: 0;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;}

.boom {padding: 10px; width: 270px; height: 440px; padding-right: 10px; margin-left: 34px !important; border-right: 1px solid #ecf2f0; font: normal normal 9px/11px arial, open sans, sans-serif; color: #5b5b5b; text-align: justify;}
.boom2 {padding: 10px; text-indent: 5px; width: 270px; height: 440px; margin-left: 317px !important; font: normal normal 9px/11px arial, open sans, sans-serif; color: #5b5b5b; text-align: justify; margin-top: -460px !important;}
.boom3 {text-indent: 5px; width: 545px; height: 400px; margin: 0 auto !important; overflow-y: auto; font: normal normal 9px/11px arial, open sans, sans-serif; color: #5b5b5b; text-align: justify;}
.sub {text-transform: lowercase; text-align: justify; color: #5b5b5b; font-size: 11px; line-height: 11px;}
#fireworks .boom a {font: normal bold 14px/16px playfair display, serif; text-decoration: none; color: #000;}
#fireworks .boom a:hover {font-style: italic;}
.boom i {font-family: playfair display, serif;}
#fireworks .boom2 a {font: normal bold 14px/16px playfair display, serif;  text-decoration: none; color: #000;}
#fireworks .boom2 a:hover {font-style: italic;}
.boom2 i {font-family: playfair display, serif;}
.boomt {color: #5b5b5b; font: bold 12px/14px arial; margin-bottom: 5px !important; margin-top: 5px !important; text-transform: uppercase; text-align: center;}
.namegift2 {color: #5b5b5b; text-align: center; font: 11px arial; padding: 5px; text-transform: lowercase; background-color: #f4f5f6;}

/*-----------анкета хтмл-----------*/
#temp7 {padding: 3em; width: 600px; background: transparent; margin-top: -29px;}
.e1 {width: 600px; background-color: #ffffff; height: auto;}
.e2 {display: inline-block; background-color: #fff; border: #ccc; padding: 15px;}
.e3 {font-family: alice; float: left; width: 600px; height: 50px; border-bottom: 1px solid #f6f6f6; font-size: 10px; padding-top: 20px;}
.e4 {background-color: #fff; text-align: justify; height: auto; overflow: auto; padding: 10px;}
#temp7 .e7 img {width: 70px; height: 70px; padding: 2px; border: 1px solid #f6f6f6;}
.e4 p {text-align: justify; color: #5b5b5b; text-indent: 1.5em; font-family: sans-serif;}
.e5 {padding: 10px; color: #5b5b5b; text-align: center; font-family: Alice; font-size: 16px; font-weight: 700; line-height: 12px; text-transform: lowercase;}
.e6 {margin-top: -15px !important; padding: 15px; color: #5b5b5b; text-align: center; font-family: Alice; font-size: 13px; line-height: 12px; text-transform: lowercase;}
.e7 {width: 70px; height: 70px; margin-bottom: 5px !important;}

/*-----------анкета принятие-----------*/
#vi {height: 550px; width: 400px; background: #dae1e7; position: relative; margin: auto;}
#vi bg {height: 550px; width: 310px; position: absolute; right: 0; background: #ffffff !important;}
#vi sc1 {mix-blend-mode: screen; position: absolute; height: 550px; width: 310px; right: 0}
#vi l1 {height: 40px; width: 300px; background: none; position: absolute; font-family: Alice; text-transform: uppercase; font-weight: 900; font-size: 2em; line-height: 40px; transform: rotate(90deg); top: 170px; left: -60px; color: #222; z-index: 3; color: #5b5b5b;}
#vi b1 {height: 60px; width: 330px; right: 0; bottom: 30px; background: none; position: absolute; font-family: ubuntu condensed; text-transform: uppercase; font-weight: 800; font-size: 16px; line-height: 1.0; color: #5b5b5b; letter-spacing: 1px; z-index: 3;}
#vi-cont {height: 550px; width: 310px; right: 0; position: absolute; overflow: hidden;}
#vi-bg1 {height: 550px; width: 310px; left: -310px; position: absolute; background: transparent; transition: 0.7s ease-in-out;text-transform: lowercase;}
#vi:hover #vi-bg1 {left: 0;}
#vi sc2 {left: 40px; top: 458px; height: 20px; width: 20px; position: absolute; background: #74789d; border-radius: 100%; opacity: 0; transition: 0.6s;}
#vi sc3 {left: 40px; top: 458px; height: 20px; width: 20px; position: absolute; background: #9d7374; border-radius: 100%; opacity: 0; transition: 0.6s;}
#vi sc4 {left: 40px; top: 458px; height: 20px; width: 20px; position: absolute; background: #749d8b; border-radius: 100%; opacity: 0; transition: 0.6s;}
#vi-main {height: 390px; width: 230px; background: none; position: absolute; top: 40px; right: 40px; overflow: auto; box-sizing: border-box; padding-right: 10px; text-align: justify; font-family: roboto; font-size: 11px; line-height: 1.4; color: #5b5b5b; opacity: 0; -webkit-transition: 0.7s ease; font-weight: 400;}
#vi:hover #vi-main {opacity: 1; transition-delay: 0.4s;}
#vi:hover img, #vi:hover sc2, #vi:hover sc3, #vi:hover sc4 {opacity: 1;}

/*-----------подарки-----------*/
.giftsz {text-align: center; height: 50px; color: #0ea8ae; font-family: Palatino Linotype; font-size: 30px; font-weight: normal; text-transform: uppercase; background-color: #2F4F4F;}
.gifts {width: 500px; padding: 20px; margin: 0 auto !important;}
.namegift {color: #dfa69c; text-align: center; font: small-caps 700 9px nunito; padding: 5px; text-transform: lowercase; border-bottom: 3px solid transparent; border-top: 3px solid transparent;}

.postcolor {overflow: auto; height: 390px;}

/* CS9 ТАБЛИЦА
 -------------------------------------------------------------*/
/*-----------общая иконка-----------*/
/*команды */
/*сапфир*/
.sapfir {color: #ffffff; width: 21px; top: -116px; height: 17px; text-align: center; margin-left: 12px !important; position: absolute; font-family: lack; font-size: 7px;}

/*изумруд*/
.izymrud {color: #ffffff; width: 21px; top: -116px; height: 17px; text-align: center; margin-left: 222px !important; position: absolute; font-family: lack; font-size: 7px;}

/*рубин*/
.rubin {color: #ffffff; width: 21px; top: -116px; height: 17px; text-align: center; margin-left: 117px !important; position: absolute; font-family: lack; font-size: 7px;}

/*администрация*/
.ams {width: 308px; top: -88px; height: 15px; margin-left: 10px !important; position: absolute; font-family: arial; text-align: left; font-size: 9px; text-transform: lowercase; letter-spacing: 0.3px;}

/*администрация ссылка*/
.ams a:link, .ams a:visited {color: #e3e7ea !important;}

/*администрация ссылка наведение*/
.ams a:hover, .ams a:focus, .ams a:active  {color: #dfa69c !important; transition: ease 0.3s;}

/*объявление*/
.obyavlenie {position: absolute; width: 693px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; top: -40px; left: 299px;}

.obyavlenie::-webkit-scrollbar-thumb {background: #dce1e5; border: 1px solid #ffffff;}
.obyavlenie::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
.obyavlenie::-webkit-scrollbar-track {background-color: #dbe3e6; border: 2px solid #ffffff;}

/* CS10 КНОПКИ БЫСТРОГО ПЕРЕМЕЩЕНИЯ ПО СТРАНИЦЕ
 -------------------------------------------------------------*/
.go-up, .go-down {display:none; position:fixed; right: 80px; z-index:9999; cursor:pointer; opacity: 1; margin-bottom: 5px; width: 39px; height: 39px;}
.go-up {bottom: 505px; /*положение от низа окна браузера верхняя кнопка*/}
.go-down {bottom: 420px; /*положение от низа окна браузера нижняя кнопка кнопка*/}
.go-down:hover,.go-up:hover {opacity:1;}

/* CS11 КНОПКИ, ФОРМА ОТВЕТА
 -------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input {color: #5b5b5b; font-size: 11px !important; font-weight: normal !important; margin-top: 5px !important; padding: 2px 15px 2px 15px; transition: all 0.5s ease-in-out 0s; text-transform: uppercase; letter-spacing: 1px;}

#font-area {text-align: left !important; position: absolute !important; right: 6px !important; top: 43px !important; background: white !important; padding: 5px 5px 5px 5px !important; height: 145px !important; overflow: auto !important;}

#size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #addition-area {text-align: left !important; position: absolute !important; right: 6px !important; top: 43px !important; background: white !important; padding: 5px 5px 5px 5px !important; height: auto !important;}

#smilies-area, #video-area {text-align: left !important; width: 465px !important; position: absolute !important; right: 6px !important; top: 43px !important; background: white !important; padding: 5px 5px 5px 5px !important;}

/* CS12 ПРОКРУТКА
 -------------------------------------------------------------*/
::-webkit-scrollbar {width: 5px; height: 5px; background-color: #dbe3e6; border: 2px solid #ffffff;}
::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, #73889d, #4c5a68); border: 1px solid #ffffff;}
::selection {background: #dae1e76e; color: #000000;}

/* CS13 ИНСТАГРАМ
-------------------------------------------------------------*/
.tyinsta {background-color: #ffffff; font-size: 10px; font-weight: 300; line-height: 10px; width: 550px; margin: 0 auto !important;}
.tyinsta1 {height: 36px; background-color: #ffffff; background: url(https://funkyimg.com/i/2Vks2.jpg) 30px; background-repeat: no-repeat; border: 30px solid #ffffff;}
.tyinsta1a {margin-bottom: 20px !important; border-top: 1px solid #f1f1f1;}
.tyinsta2 {margin: 0px auto !important; width: 480px; height: 650px;}
.tyinsta2a1 {display: inline-block; vertical-align: top; width: 100px; padding: 3em; margin-left: 5px !important;}
.tyinsta2a1 img {width: 100px; height: 100px; border-radius: 100px;}
.tyinsta2a2 {display: inline-block; width: 280px; margin-bottom: 10px !important; text-align: left; padding-top: 3em;}
.tyinsta2a2 pn {font-size: 19px; font-weight: 300; letter-spacing: -0.02em;}
.tyinsta2a2 pd {padding-top: 15px; display: block; font-size: 11px; line-height: 14px;}
.tyinsta2a2 pa {font-weight: 900;}
.tyinsta2a2 pd l {color: #125688;}
.tyinsta2a2a {margin-top: 5px !important;}
.tyinsta2a2a1 {display: inline-block; padding-right: 15px;}
.tyinsta2a2a1 n {font-weight: 900; padding-right: 10px;}
.tyinsta3 {text-align: center;}
.tyinsta3a {display: inline-block; width: 140px; height: 140px; padding: 2px;}
.tyinsta3a img {width: 120px; height: 120px; padding: 1em;}
.tyinsta3b {display: inline-block; width: 140px; height: 140px; padding: 2px;}
.tyinsta3b img {width: 120px; height: 120px; padding: 1em;}
.tyinsta3c {display: inline-block; width: 140px; height: 140px; padding: 2px;}
.tyinsta3c img {width: 120px; height: 120px; padding: 1em;}

.tyinstaA {font-size: 10px; font-weight: 300; line-height: 10px; width: 550px; margin: 0 auto !important;}
.tyinsta5 {margin: 0px auto !important; width: 398px;}
.tyinsta5a {background-color: #ffffff;}
.tyinsta5b {padding: 25px; font-size: 11px;}
.tyinsta5b1 {height: 20px;}
.tyinsta5b1a {float: left; color: #125688;}
.tyinsta5b1a img {margin-right: 25px; width: 25px; height: 25px; border-radius: 100px; border: 1px solid #cfd2d3;}
.tyinsta5b1b {float: right; padding-top: 5px; color: #125688;}
.tyinsta5c {border-bottom: 1px solid transparent;}
.tyinsta5c img {width: 398px;}
.tyinsta5d {padding: 25px;}
.tyinsta5da {font-size: 11px; color: #4b4f54; text-align: left;}
.tyinsta5da l {color: #125688;}
.tyinsta5db {margin: 10px 0px !important; font-size: 11px; line-height: 14px;}
.tyinsta5db l {color: #125688;}
.tyinsta5dc {font-size: 11px; color: #a5a7aa;}
.tyinsta5e {height: 63px; background-image: url(http://i.imgur.com/FP0Imv4.png);}

.tyinsta6 {margin: 0px auto !important; width: 398px;}
.tyinsta6a {background-color: #ffffff; padding: 2em;}
.tyinsta6a l {color: #125688;}
.tyinsta6b1a {float: left; color: #125688; width: 50px; height: 50px;}
.tyinsta6b1a img {margin-right: 25px; width: 25px; height: 25px; border-radius: 100px; border: 1px solid #cfd2d3;}
.tyinsta6dc {font-size: 11px; color: #a5a7aa; margin-top: 15px !important; margin-left: 50px !important;}

/*------------- слайдер -------------*/
.tyinstaa #sl {position: relative; text-align: center; top: 0px;}
.tyinstaa #sl {margin: 0 auto;}
.tyinstaa #sli art {width: 20%; float: left;}
.tyinstaa #sli .image {width: 500%; line-height: 0;}
.tyinstaa #overflow {width: 100%; overflow: hidden;}
.tyinstaa art img {width: 100%; border: 0.5px solid white;}
.tyinstaa #desktop:checked ~ #slider {max-width: 500px;}
.tyinstaa label, a {cursor: pointer;}
.all input {display: none;}
.tyinstaa #contr {margin: -25% 0 0 0; height: 50px;}
.tyinstaa #active label {border-radius: 7px; display: inline-block; width: 7px; height: 7px; background: #bbb;}
.tyinstaa #active {margin: 16% 0 0; text-align: center;}
.tyinstaa #active label:hover {background: #175697;}
.tyinstaa #sli .image {transition: all .6s ease;}

/* CS14 ЛС
-------------------------------------------------------------*/

.ls_bg {width: 702px; height: 369px; background: url(http://forumstatic.ru/files/001a/b2/cd/38947.jpg) no-repeat;}

#ls_face img {height: 150px; width: 150px; margin-left: -302px; margin-top: 46px; object-fit: cover; position: absolute; filter: grayscale(100%);}

.ls_name {position: absolute; width: 702px; margin: 17px 0px!important; font-family: San Francisco; font-weight: 700; font-size: 13px; line-height: 120%; letter-spacing: 0.3px; text-transform: uppercase; text-align: center; color: #dfa69c; text-decoration: none;}

.ls_prof  {position: absolute; margin: 219px 48px !important; width: 150px; overflow: hidden; font-size: 13px; color: #404040; font-family: calibri; font-style: italic;}
#ls_awards {position: absolute; width: 345px; display: inline-block; height: 40px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 46px -97px !important; letter-spacing: 17px; padding: 15px;}

#ls_awards::-webkit-scrollbar-thumb {background: linear-gradient(to right, #73889d, #4c5a68); border: 1px solid #ffffff;}
#ls_awards::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_awards::-webkit-scrollbar-track {background-color: #dbe3e6; border: 2px solid #ffffff;}


.ls_aw {display: inline-block; opacity: 1;}

.ls_aw img{width: 40px; filter: grayscale(30%);}

#ls_plahi {position: absolute; width: 345px; display: inline-block; height: 28px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 252px -97px!important; padding: 15px;}

#ls_plahi::-webkit-scrollbar-thumb {background: linear-gradient(to right, #73889d, #4c5a68); border: 1px solid #ffffff;}
#ls_plahi::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_plahi::-webkit-scrollbar-track  {background-color: #dbe3e6; border: 2px solid white !important;}

#ls_gifts {position: absolute; width: 345px; display: inline-block; height: 40px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 151px -97px!important; padding: 15px;}

#ls_gifts::-webkit-scrollbar-thumb {background: linear-gradient(to right, #73889d, #4c5a68); color: #ffffff;}
#ls_gifts::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_gifts::-webkit-scrollbar-track  {    background-color: #dbe3e6; border: 2px solid white !important;}

.ls_gifts {display: inline-block;}

.ls_gifts img {width: 40px; filter: grayscale(30%); padding-right: 16px;}

#ls_plushki {position: absolute; margin: 250px 64px !important; width: 91px; height: 39px; overflow: hidden; padding: 15px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}

#ls_plushki::-webkit-scrollbar-thumb {background: linear-gradient(to right, #73889d, #4c5a68); color: #ffffff;}
#ls_plushki::-webkit-scrollbar {width: 2px; background: #808080; border: none!important;}
#ls_plushki::-webkit-scrollbar-track  {background-color: #dbe3e6; border: 2px solid white !important;}

.ls_plushki img {width: 40px;  filter: grayscale(30%); padding-right: 16px;}

.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: #000; background: rgba(191, 190, 190, 0.8); z-index: 100; display: none; top: 0; left: 0;}
.reveal-modal {visibility: hidden; top: -120px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none;}