.offctgr {display:block!important;
visibility:visible!important;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    width: 10%;
    font-family: Bebas Neue;
    color: #8498af;
    font-size: 22px;
}

#pun-index .tcr {
    width: 30%;
}


#profilenav h2 {
    text-align: left !important;
}

/*-------------профиль----------*/
.post-author {
    margin-left: 10px !important;
    margin-top: -20px !important;
    margin-bottom: 0px !important;
    padding-bottom: 50px !important;
    width: 200px !important;
    padding-top: 5px !important;
    background: url("") no-repeat scroll center top,
                       url("") no-repeat scroll center bottom, rgba(0, 0, 0, 0) 
                       url("") repeat-y scroll center center;
}

/*---------------время дата-----------*/
.post h3 span {
padding-top: 0 !important;
padding-bottom: 0 !important;
font-family: Ubuntu Condensed;
font-weight: 900;
font-size: 11px;
text-transform: uppercase;
margin-left: 220px !important;
margin-top: 10px;
margin-right: 13px;}

/*------------------посты----------*/
.post-box {
margin-left: 10px !important;
margin-right: -20px !important;
color: #4c4a4a !important;
margin-top: -7px !important;
}

/*----------профиль ник--------------*/
.post-author .pa-author {
    font-size: 15px !important;
    text-transform: uppercase;
    text-align: center;
    font-style: normal;
    padding: 1px 0 10px 0;
    margin-top: 3px !important;
    margin-left: 4px !important;
    letter-spacing: 1px; 
display: inline-block;
font-family: oswald !important;
font-weight: bold !important;
    background: linear-gradient(to left, #fee2e3, #8498af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pa-author a {
   display: inline-block;
   font-family: oswald !important;
   text-transform: uppercase;
   font-weight: bold !important;
   padding-bottom: 5px;
   background: linear-gradient(to left, #fee2e3, #8498af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*-----------профиль аватар ------------*/
.pa-avatar {
    margin-left: -11px !important;
    margin-top: -15px !important;
    width: 200px;
}
/*-------------статус-----------*/
.pa-title {
    color: #bfb9cf;
    font-family: arial !important;
    font-size: 8px !important;
    font-weight: normal !important;
    text-transform: lowercase;
    padding-bottom: 20px !important;
    margin-top: -11px !important;
    letter-spacing: 0px
}

.pa-fld3 {
    margin-left: -6px !important}

.pa-online {
margin-top: 15px !important;
margin-left: -15px !important;
text-align: center;
font-family: oswald;
height: 10px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: -50px !important;
   background: linear-gradient(to left, #fee2e3, #8498af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pa-last-visit {
margin-top: 10px !important;
width: 200px;
margin-left: -7px !important;
font-family: montserrat;
font-style: italic;
font-size: 8px;
color: #a76869;
text-transform: uppercase;
margin-bottom: -50px !important;}

.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts {
    display: none;
}

/*--------------задник--------*/
HTML, body 
{background-image: url("http://forumstatic.ru/files/001a/8c/00/29903.png");
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: top center;
    background-color: white;
    background-size: cover;
}



/*--------------шапка--------*/
#pun-title table {
    position: absolute;
    background-image: url(https://i.imgur.com/OyMnOnS.png);
    background-repeat: no-repeat;
    border: medium none;
    height: 148px;
    margin-left: 0px;
    margin-top: -148px !important;
    width: 930px;
}

    line-height: 15px;
    border-style: none;
    border-width: 0;
text-align: center;
}
/*----------навигация--------------*/
.forminput {
background: #ffff
margin-left: 149px;
margin-top: 308px;
}


/*------------------верхняя навигация------------------*/
#pun-navlinks .container {
    display: inline;
    margin-left: 340px !important;
    font-style: normal;
    position: absolute;
    width: 280px !important;
    padding: 3px !important;}

#pun-navlinks a { 
font-size: 0;
transition: all 0.3s ease-in-out 0.1s;
 text-align: center;
}

/*главная*/
#navindex a:after { 
font-family: icon; 
content: "\f0f4"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*пользователи*/ 
#navuserlist a:after { 
font-family: icon; 
content: "\f500"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*поиск*/ 
#navsearch a:after { 
font-family: icon; 
content: "\f002"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*профиль*/ 
#navprofile a:after { 
font-family: icon; 
content: "\f53f"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*почта*/ 
#navpm a:after { 
font-family: icon; 
content: "\f1d8"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*админка*/ 
#navadmin a:after { 
font-family: icon; 
content: "\f121"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*выход*/ 
#navlogout a:after { 
font-family: icon; 
content: "\f064"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
background-color: white; 
padding: 7px 7px 7px 7px; 
border: 1px dotted #c3bbd2;
}

/*вход*/ 
#navlogin a:after { 
font-family: icon; 
content: "\f3e5"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
padding: 7px 7px 7px 7px; 
background-color: white; 
border: 1px dotted #c3bbd2;
}

/*регистрация*/ 
#navregister a:after { 
font-family: icon; 
content: "\f011"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
padding: 7px 7px 7px 7px; 
background-color: white; 
border: 1px dotted #c3bbd2;
}

/*пиар*/ 
#navpr_1 a:after { 
font-family: icon; 
content: "\f4d8"; 
font-size: 11px; 
width: 25px; 
height: 25px; 
padding: 7px 7px 7px 7px; 
background-color: white; 
color: #f5a3b7; 
border: 1px dotted #c3bbd2;
}


#pun-navlinks a:hover {
    transition: all 0.3s ease-in-out 0.1s;
color: #f5a3b7 !important;
}



/*------------------нижняя навигация------------------*/
div#pun-ulinks {
    font-style: normal;
    font-weight: lighter !important;;
    height: 0px;
    letter-spacing: 0px;
    margin-left: -6px !important;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-transform: lowercase;
    top: 515px;
    width: 870px !important;
}
#pun-ulinks .item5 {
    display: none;
}
#pun-ulinks a {
    color: #8498af;
    font-size: 10px !important;;
    font-weight: lighter;
    transition: all 0.5s linear 0s;
}

#pun-ulinks a:hover {
color: #bfb9cf;
}

/*--------------цвета ссылок без нажима-------------------------*/
.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-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #715f65;
}
.punbb .post-box {
    color: #0e0e0e;
}
/*----------------цвета ссылок админка-----------*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color: transparent;
    color: #8e3b3f;
    font-style: normal;
    font-weight: normal;
}

/*--------------спойлеры и соо-----------*/
.punbb textarea {
    background-clip: padding-box;
    background: #ffff !important;
    padding: 3px !important;
    width: 100% !important;
    border: 1px solid #8498af;
}
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
    background-clip: padding-box;
    background: #ffff;
    padding: 7px 7px 7px 7px !important;
    border: 1px dotted #bfb9cf;
}


/*---------------поля----------------*/
.punbb select {
    background: #ffff;
    color: #715f65;
    border: 1px solid #8498af;
    text-transform: lowercase;
}


#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}
.offline li.pa-online strong {
    font-weight: normal;
}

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
    border-color: transparent;
}

/*---------цвета ссылок-----------*/
.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 {  
    border-bottom: 0 none #000;
    color: #8498af;
    text-decoration: none;
    transition: all 0.3s ease-in-out; }

/*---------цвета ссылок нажим-----------*/
.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 
{  border-bottom: 0 none #000;
    color: #bfb9cf;
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #211a13;
    color: #;
}
/*-------------текст ссылок и над акт. темами-----------------*/
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    background: transparent;
    color: #ffff !important;
    font-family: 'oswald' !important;
    font-size: 13px !important;
    font-style: normal;
    height: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-left: 10px;
    text-align: center;
    width: 880px;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    background: linear-gradient(65deg, #bfb9cf, #f5a3b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#pun-main div.catleft, #pun-main div.catright {
    display: none;
}
/*------------кнопки активности темы в подфорумы----------*/
#pun-index table Div.icon {/*неакт*/
    background-image: url("https://i.imgur.com/ZkvePdl.png");
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 50px;
    margin-left: 385px;
    margin-top: 30px;
    position: absolute;
    width: 50px;
 }

#pun-index TR.inew Div.icon {/*акт*/
    background-image: url("https://i.imgur.com/8kiK0Ta.png");
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

/*------------кнопки активности темы в активные темы----------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background-image: url("https://i.imgur.com/o1UNXNY.png");
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    height: 27px;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: -15px;
    position: relative;
    width: 27px;
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background-image: url("https://i.imgur.com/ZtTfycn.png");
    background-repeat: no-repeat;
    height: 27px;
    width: 27px;
}

#pun-about .container .item1 {
     margin-top: 45px;
     text-transform: lowercase;
     width: 170px;
     margin-left: 770px;
     font-family: arial;
     font-size: 6px
}

/*-----------футер--------------*/
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url("https://i.imgur.com/Mkyh6Hi.png") no-repeat scroll center bottom;
    height: 60px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: -80px;
    width: 930px;
    padding: 0 !important;
    position: absolute;
}


div#pun-about {
    margin-top: 3px;
}
div#html-footer {
    margin: -33px 0 0;
}


#pun-announcement.section h2 span {
    display: none;
}

.punbb input { /*поля заполнения*/
    border: medium none;
    background: #f7f7f7
}
/*-----------кнопки------------*/
.button, #post fieldset .hashelp div input{
    color: #8498af;
    font-family: oswald !important;
    font-size: 10px !important;
    font-weight: 900 !important;;
    margin-top: 5px !important;
    padding: 3px 15px 3px 15px;
    transition: all 0.5s ease-in-out 0s;
    text-transform: uppercase;
    border: 1px solid #bfb9cf !important;
    background: #ffff !important;
}

.button:active {
    border-top-color: #b9b9b9;
}
#pun-crumbs1 {
    font-family: Ubuntu Condensed !important;
    text-transform: lowercase;
    font-size: 11px !important;
    letter-spacing: 1 !important;
    padding: 0 !important;
    position: relative;
    margin-top: -30px !important;
    margin-bottom: 15px !important;
}
#pun-crumbs2 {
    font-family: Ubuntu Condensed !important;
    text-transform: lowercase;
    font-size: 11px !important;
    letter-spacing: 1 !important;
    padding-bottom: 0px !important;
    margin-bottom: 60px !important;
    /*border: 1px dotted #bfb9cf !important;*/
    background: #ffff !important;
}

.post_reputation {
    background: #c5c3c2;
}

/*------------боксы-----------------*/
#font-area, .popup_graffiti, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area,#keyboard-area, #addition-area {
   padding: 4px;
   border: 1px solid #bfb9cf;
   text-align: justify;
   background: #ffff;
   overflow-y: auto;
   height: 200px;
}
    
#smilies-area, #video-area{
    position: absolute;
    right: 15px !important;
    top: 26px;
    width: 430px !important;
    padding: 5px 5px 5px 5px !important;
    height: 130px;
    background: #ffff;
    border: 1px solid #bfb9cf;
}

/*----------категории---------*/

#pun-category1.category h2 {
    background: rgba(0, 0, 0, 0) url("https://i.imgur.com/elDDkMV.png") no-repeat scroll 0 0;
   font-size: 0px !important;
    height: 32px;
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: -40px;
    width: 930px;
}

#pun-category2.category h2 {
    background: rgba(0, 0, 0, 0) url("https://i.imgur.com/j3A9vk5.png") no-repeat scroll 0 0;
    font-size: 0px !important;
    height: 32px;
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: 40px;
    width: 930px;
}


#pun-category3.category h2 {
    background: rgba(0, 0, 0, 0) url("https://i.imgur.com/mrYxOR4.png") no-repeat scroll 0 0;
    font-size: 0px !important;
    height: 32px;
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: 40px;
    width: 930px;
}


#pun-category4.category h2 {
    background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0 0;
    font-size: 0px !important;
    height: 32px;
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: 40px;
    width: 930px;
}


#pun-category5.category h2 {
    background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0 0;
    font-size: 0px !important;
    height: 32px;
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: 40px;
    width: 930px;
}


#pun-stats h2 {background: url(https://i.imgur.com/hQntnrb.png) no-repeat;
    font-size: 0px !important;
    height: 50px;
    margin-bottom: 30px !important;
    margin-left: 4px;
    margin-top: 40px;
    width: 930px;
}

/*-----------текст в подфорумах название---------*/
#pun-index .tcl a {color: #ffa4b9}
#pun-index .tcl a:hover {color: #ffe2e3}

#pun-index .tcl h3 {/*название подфорума*/
    font-family: oswald;
    font-style: normal;
    font-size: 17px !important;
    text-align: left;
    text-transform: lowercase;
    width: 300px;
    letter-spacing: 1px;
    padding-top: 6px;
    margin-left: 1px;
}

.podforum {padding: 15px 30px 3px 1px;
width: 280px;
}


/* ------------------------------------ подфорум ----------------------------------- */
#pun-index .tclcon {
    font-size: 9px;
    text-align: justify;
    color: #785f66 !important;
    width: 300px;
    margin-left: 30px;
    background: url(https://i.imgur.com/wFVrJ0U.png) no-repeat top center, 
                       url() no-repeat bottom center,
                       url() repeat-y center center
}

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

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

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


.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 0.9;
    position: fixed;
    width: 57px;
    z-index: 9999;
}
.go-up {
    bottom: 50%;
    margin-left: 960px !important;
}
.go-down {
    bottom: 41%;
    margin-left: 960px !important;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}


.topic a.sharelink {
    display: none;
}



/*---------------------------обтекание---------------------------*/
IMG.fig {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
   }


/* -----------------------------первое соо----------------------------- */
.topbody {
    width: 536px;
    min-height: 103px;
    padding-top: 40px;
    padding-bottom: 5px;
    position: relative;
    background: url() center top no-repeat, 
                       url() center bottom no-repeat, 
                       url() center repeat-y;
    margin-left: 0px !important;
    border: 1px dotted #7c9ab2;
}

.topname { 
    position: relative;
    text-align: center;
    font-family: oswald;
    font-style: normal;
    font-weight: bolder;
    top: -57px;
    color: #785f66;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 1px;
    background-color: #ffff;
    width: 400px;
}
.toptext {    
    position: relative;
    top: -45px;
    padding-bottom: 0px;
    color: #4c4a4a;
    width: 460px;
    text-shadow: 0px 1px 0px #;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    line-height: 15px;
    left: 0px;
}


ul.wrapper, ul.wrapper li.pa-awards { font-size: 0px;}

.punbb .user-avatar .avatar-image {
    float: left;
    border: 1px dotted !important;
    border-radius: 0% !important;
    border-color: #c3bbd2 !important;
    outline: 0px solid !important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.75 !important;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

/*------------------------инстаграм-----------------------------------*/

.gram {
         background: #fff; 
         width: 470px; 
         padding: 10px 10px; 
         color: #4b4f54;
}
.gram .header img {
         width: 100px; 
         height: 100px; 
         border-radius: 50%; 
         float: left; 
         border: solid 0.5px #949494; 
         margin-left: 40px;
         margin-top: 35px;
}
 .gram .info {
         margin-left: 180px; 
         font: 12px 'arial'; 
         line-height: 22px; 
         text-align: left;
}
 .gram .uname { 
         font-size: 20px; 
         display: block; 
         float: left; 
         font-size: 17px;
         margin-top: 2px;
         margin-left: -170px;
}
 .gram .follow {
         color: #4b4f54; 
         text-transform: uppercase; 
         font-size: 10px; 
         margin-left: 0px; 
         border: solid 0.5px; 
         padding: 5px 60px; 
         border-radius: 0px; 
         font-weight: bold; 
         display: inline-block; 
         line-height: 12px;
         margin-top: 10px;
}

 .gram .message {
         color: #4b4f54; 
         text-transform: uppercase; 
         font-size: 10px; 
         margin-left: 10px; 
         border: solid 0.5px; 
         padding: 5px 60px; 
         border-radius: 0px; 
         font-weight: bold; 
         display: inline-block; 
         line-height: 12px;
         margin-top: 10px;
}

 .gram .simb {
         color: #4b4f54; 
         text-transform: uppercase; 
         font-size: 10px; 
         margin-left: 10px; 
         border: solid 0.5px; 
         padding: 5px 24px; 
         border-radius: 0px; 
         font-weight: bold; 
         display: inline-block; 
         line-height: 12px;
         margin-top: 10px;
}

.gram .follow a {
         color: #4090db; 
         text-decoration: none;
}
 .gram .etc {
        color: #4b4f54; 
        font-size: 25px; 
        letter-spacing: 5px; 
        display: inline-block; 
        padding-left: 277px;
        margin-top: 7px;
}
 .gram .under {
        padding-top: 40px;
        margin-left: -172px;
        font-family: arial;
        font-size: 11px;
        line-height: 15px;
}
 .gram .info .under a { 
       display: block; 
       color: #125688; 
       text-decoration: none;
}
 .gram .pic {
      text-align: center;
}
 .gram .pic img {
      height: 145px;
}
.gram .followinf {
      margin-left: -10px;
      margin-top: 30px; 
      font: 12px 'montserrat'; 
      line-height: 20px;
}


/*------------------------инстапост-----------------------------------*/

 .inst {
      background: #fff; 
      color: #4b4f54; 
      height: auto; 
      width: 430px;
}
 .inst .pic img { 
      width: 400px; 
      padding-top: 0px;
}
 .inst .words { 
      width: 70px; 
      margin: 10px; 
      vertical-align: top; 
      padding: 10px; 
      font: 14px lato;
}
 .inst .top { 
      height: 53px;
      margin-top: 3px;
}
 .inst .uname { 
       color: #4b4f54; 
       font: bold 12px 'arial'; 
       padding-top: 4px;
       margin-right: 280px;
       width: 200px;
}
 .inst .top img { 
       border-radius: 50%; 
       width: 50px; 
       height: 50px; 
       float: right; 
       margin-right: 10px; 
       border: solid 0.5px #949494;
}
 .inst .place { 
       font-size: 10px; 
       color: #175697;
       width: 200px;
}
 .inst .stats { 
       padding-top: 10px;
       font-family: arial;
       font-size: 12px;
       line-height: 13px; 
       text-align: justify; 
       margin-left: 15px; 
       margin-right: 15px;
}
 .inst .stats b { 
       color: #4b4f54;
}
 .inst .stats a { 
       float: right; 
       color: #a5a7aa; 
       text-decoration: none;
}
 .inst .stats a:hover { 
       color: #818488;
}
 .inst .caption { 
       line-height: 13px;
       font-family: arial; 
       font-size: 11px;
       text-align: justify; 
       margin-left: 15px; 
       margin-right: 15px;
       margin-top: 7px;
}
 .inst .caption b { color: #4b4f54;}
 .inst .caption h { color: #175697;}

 .inst .cte {
        color: #4b4f54; 
        font-size: 25px; 
        padding-left: 310px;
        margin-top: -31px; 
        width: 5px; 
}

.inst .dop {
height: 20px;
background-image: url(https://i.imgur.com/hBEceEk.png);
margin-left: 5px;
margin-top: 0px;
}


/*------------- слайдер --------------------------*/
.ins #sl {
    position: relative;
    text-align: center;
    top: 0px;
}

.ins #sl{
	margin: 0 auto;
}

.ins #sli art{ 
	width: 20%;
	float: left;
}

.ins #sli .image{
	width: 500%;
	line-height: 0;
}

.ins #overflow{ 
	width: 100%;
	overflow: hidden;
}

.ins art img{
	width: 100%;
}

.ins #desktop:checked ~ #slider{
	max-width: 500px;
}

.ins label, a{ 
	cursor: pointer;
}

.all input{ 
	display: none;
}

.ins #contr{ 
	margin: -25% 0 0 0;
	height: 50px;
}

.ins #active label{ 
	border-radius: 7px; 
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #bbb;
}

.ins #active{
	margin: 16% 0 0;
	text-align: center;
}

.ins #active label:hover{
	background: #175697;
}

.ins #sli .image{ 
	transition: all .6s ease;
}















/*----------- insta profil -----------*/
#instagram {width: 450px; height: auto; margin: auto; border: 1px solid #ebebeb; border-radius: 15px; padding: 24px;  color: #2a2a2a; background: #fcfcfc;}
#instagram .i1 {width: auto; margin: 0 0 14px 0;}
#instagram .i1 .nickname {width: 300px; font: normal 400 14px arial; letter-spacing: 0.3px;}
#instagram .i1 .ava {margin: 14px 0 0 0;}
#instagram .i1 .ava img {border-radius: 55px; width: 100px; height: 100px;}
#instagram .i1 .publ {width: 60px; text-align: center; position: absolute; top: 80px; left: 260px; font: normal 600 14px rubik;}
#instagram .i1 .publ2 {width: 60px; text-align: center; position: absolute; top: 99px; left: 261px; font: normal 400 12px arial;}
#instagram .i1 .sub {width: 60px; text-align: center; position: absolute; top: 80px; left: 356px; font: normal 600 14px rubik;}
#instagram .i1 .sub2 {width: 60px; text-align: center; position: absolute; top: 99px; left: 356px; font: normal 400 12px arial;}
#instagram .i1 .subs {width: 65px; text-align: center; position: absolute; top: 80px; left: 460px; font: normal 600 14px rubik;}
#instagram .i1 .subs2 {width: 65px; text-align: center; position: absolute; top: 99px; left: 460px; font: normal 400 12px arial;}
#instagram .i1 .nickname2 {position: absolute; font: normal 600 12px arial; top: 130px; left: 277px;}
#instagram .i1 .about {width: 298px; position: absolute; font: normal 400 12px arial; top: 151px; left: 277px;}
#instagram .i2 {background: url(http://forumstatic.ru/files/001b/60/f6/59244.jpg) center; width: 447px; height: 42px; margin: 24px auto 0 auto;}
#instagram .i3 {display: inline-flex; flex-wrap: wrap; justify-content: space-between;}
#instagram .i3 .photo {float: left; margin: 12px 0 12px 0;}
#instagram .i3 .photo img {float: left; margin: 0 0 -11px 0; width: 140px; height: 140px;}

/*----------- insta post -----------*/
#instagram .ip1 .ava {margin-left: 17px;}
#instagram .ip1 .ava img {border-radius: 25px; width: 24px; height: 24px;}
#instagram .name {font: normal 600 12px arial;}
#instagram .other {background: url(http://forumstatic.ru/files/001b/5c/42/72719.jpg); width: 16px; height: 4px; position: absolute; right: 150px;}
#instagram .ip3 {background: url(http://forumstatic.ru/files/001b/60/f6/36354.jpg); width: 400px; height: 29px; margin: 14px auto 0 auto;}
#instagram .ip4 {width: 401px; margin: 14px 0 0 24px; font: normal 12px arial;}
#instagram .comment {color: #757575; margin: 4px auto;}



/*----------- insta story -----------*/

#intastory {width: 450px; height: 600px; margin: auto; position: relative; border: 1px solid #ebebeb; border-radius: 15px; padding: 24px; color: #2a2a2a; background: #fcfcfc;}

.isnstasld {height: 50px; z-index: 3; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center;}

.isnstasld input {display: none}
.isnstasld b {color: #d29e3e}

.isnstasld label {background: #939393; display: block; height: 5px; width: 100px; position: relative; border-radius: 50px; margin: 10px; cursor: pointer; left: 45px; z-index: 10; transition: 0.2s; -webkit-transition: 0.2s;}

#but1:checked+label, #but2:checked+label, #but3:checked+label, {width: 100px; left: 45px; background: #2a2a2a;}

.cir-scrl1 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}

.cir-scrl2 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}

.cir-scrl3 {width: 400px; height: 600px; position: absolute; z-index: 8; top: 20px; left: 50px; border-radius: 15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; overflow: hidden;}

#but1:checked+label ~ .cir-scrl1 {opacity: 1; z-index: 9;}
#but2:checked+label ~ .cir-scrl2 {opacity: 1; z-index: 9;}
#but3:checked+label ~ .cir-scrl3 {opacity: 1; z-index: 9;}