/* ÔÎÍ */
body { 
    background: url(http://forumstatic.ru/files/001a/a3/9c/20108.png) top left no-repeat, #bae0c5;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}

/* ÒÅËÎ */
#pun {
    background: url(http://forumstatic.ru/files/001a/a3/9c/94362.png)top no-repeat, url(http://forumstatic.ru/files/001a/a3/9c/77587.png)repeat-y, linear-gradient(to bottom, #a4dcb6, #d3e0d7, #dfe1df);
    -webkit-text-size-adjust: none;
}

/* ØÀÏÊÀ */
#pun-title table {
    border: none;
    height: 232px;
    width: 1100px;
    margin-left: -94px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/91316.png) top center no-repeat;
    position: absolute;
    margin-top: -282px;
   }


/* ÔÓÒÅÐ */
#pun-about p.container {
    background: transparent url(http://forumstatic.ru/files/001a/a3/9c/48630.png) bottom center no-repeat;
    width: 1100px;
    margin-left: -106px;
    height: 152px;
    margin-top: -20px;
    margin-bottom: -2px;
}


/* ÈÊÎÍÊÈ ÑÎÎ */
.punbb table Div.icon {
    width: 8px;
    margin: 0px 284px 0 0!important;
}

/* ÍÎÂÎÅ */
TR.inew Div.icon {
    height: 59px;
    width: 48px;
    position: absolute;
    z-index: 99;
    background: url(http://forumstatic.ru/files/001a/a3/9c/13835.png)no-repeat;
    margin-top: -20px !important;
    margin-left: 240px !important;
}

TR.inew Div.icon:hover {
    filter: hue-rotate(195deg);
}

/* ÇÀÊÐÛÒÎÅ */
TR.iclosed Div.icon {
}

/* ÂÀÆÍÎÅ */
TR.isticky Div.icon {
}

#forum_f1.forum TR.inew Div.icon, #forum_f2.forum TR.inew Div.icon, #forum_f3.forum TR.inew Div.icon, #forum_f4.forum TR.inew Div.icon, #forum_f5.forum TR.inew Div.icon, #forum_f6.forum TR.inew Div.icon, #forum_f7.forum TR.inew Div.icon {
    height: auto;
}

/* ÊÀÒÅÃÎÐÈÈ  */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2 {
    height: 24px;
    font-size: 14px!important;
    text-transform: lowercase;
    margin-bottom: 10px;
    letter-spacing: 6px;
    width: 908px;
    margin-left: 3px;
    text-align: right;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background: url(http://forumstatic.ru/files/001a/a3/9c/72680.png) no-repeat;
    line-height: 24px;
}

#pun-stats.section h2:hover, #pun-category1.category h2:hover, #pun-category2.category h2:hover, #pun-category3.category h2:hover, #pun-category4.category h2:hover, #pun-category5.category h2:hover, #pun-category6.category h2:hover, #pun-category7.category h2:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: hue-rotate(125deg);
}

/* ÑÒÀÒÈÑÒÈÊÀ  */
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
    margin-top: 10px;
    height: 24px;
    font-size: 14px!important;
    text-transform: lowercase;
    margin-bottom: 10px;
    letter-spacing: 6px;
    width: 908px;
    margin-left: 3px;
    text-align: right;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background: url(http://forumstatic.ru/files/001a/a3/9c/72680.png) no-repeat;
    line-height: 24px;
    font-family: jura;
    color: #63b77c;
    font-style: normal;
    padding-bottom: 5px;
    font-weight: bolder;
    line-height: 20px !important;
}
/* ÊÍÎÏÊÀ 24 7 */
#pun-stats ul.container { 
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 13px;
    margin-left: -4px;
    width: 896px;
    font-family: jura;
    font-weight: bolder;
    color: #1ebb4e;
    margin-top: 10px;
    margin-bottom: 20px !important;
}

/* ÇÀÃÀËÎÂÊÈ */
.punbb .section .container  .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { 
 background-color: transpanent;
 color: #4b4964;
 font-weight: normal;
 font-style: normal;
}

/* ÃËÀÂÍÛÅ ÑÑÛËÊÈ */
.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: #19ab45;
    text-decoration: none;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÃËÀÂÍÛÅ ÑÑÛËÊÈ HOVER */
.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, pun-index .tcl h3, .punbb-admin #punbb-admain a:active {
background-color: #c0c0c3;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    color: white;
}

/* ÍÀÂËÈÍÊ */
#pun-navlinks li a {
color: #ffffff;
    font-style: normal;
    letter-spacing: 0px;
    text-shadow: 0px 0px 1px #b8b8b8;
    text-transform: lowercase;
    background-color: #c0c0c3;
    width: 86px;
    padding: 2px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
#pun-navlinks li a:hover {  
    background-color: #8acc9e;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}


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


#punbb .modmenu .container, #pun-about p span {font-size: 10px !important;}

#pun-live-rusff {margin-right: 27px !important; letter-spacing: 0px !important;} 

#pun-main h1, #pun-main h2, .punbb fieldset legend, #pun-about p span, .punbb .linksb, .punbb .linkst, div#pun-live-rusff {
    font-family: jura;
    color: #63b77c;
    font-style: normal;
    padding-bottom: 5px;
    font-weight: bolder;
    line-height: 20px !important;
}
#pun-reputation .inner {
    font-size: 11px;
    font-family: arial;
    background: #b0d3de;
    border-radius: 2px;
    color: #2d839e!important;
    border: 1px solid rgb(81, 168, 195);
}
#pun-main h1 {
text-align: center;
}

#punbb input { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;
 }

/* çîíà äëÿ òåêñòà */
.punbb textarea {
    background-color: #f3f3f3!important;
    color: #272626;
    padding: 2px;
    border: none;
    border-top: 2px dashed #72c08a;
    border-bottom: 2px dashed #e4d841;
    position: relative;
    z-index: 9;
}

/* ìåíþøêè */
.punbb select {
    border: none;
    border-top: 2px dashed #71bf8a;
    border-bottom: 2px dashed #e4d841;
    border-radius: 0px !important;
}

/* êíîïêè */
.punbb input {
    border: none;
    border-top: 2px dashed #71bf8a;
    border-bottom: 2px dashed #e4d841;
}

/* ÔÎÐÌÀ ÎÒÂÅÒÀ */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    overflow-y: auto;
    text-shadow: none;
    padding: 8px;
    max-height: 200px;
    font-size: 11px;
    font-family: arial;
    background-color: #efefef!important;
    color: #54a268;
    box-shadow: 0 0 3px #fff;
    border: 2px dashed #c0c0c3;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    z-index: 12;
}

#font-area:hover, #size-area:hover, #color-area:hover, #table-area:hover, #smilies-area:hover, #image-area:hover, #imageup-area:hover, #imageattach-area:hover, #keyboard-area:hover, #video-area:hover, #addition-area:hover {
    filter: brightness(105%);
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÎÑÒÀËÜÍÎÅ */
#pun-main div.catleft, #pun-main div.catright {
  display: none;
}
#pun-announcement h2 {
  display: none;
}


.pa-gifts {display: none;}

.pa-avatar img {
    margin: 8px 2px 0 1px;
    max-width: 180px;
    max-height: 180px;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-avatar.item2 {
    width: 190px;
    text-align: center;
    margin-left: -10px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-avatar.item2:hover {
    background: url(http://forumstatic.ru/files/001a/a3/9c/39705.png)0px 7px no-repeat;
    overflow: visible;
    padding-top: 50px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.pa-avatar img:hover {
    filter: grayscale(1);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.pa-respect {
    position: relative;
    color: #f9f9f9 !important;
    font-family: comfortaa;
    font-size: 10px;
    text-transform: lowercase;
    width: 92px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 82px !important;
    background-color: #6fc3d0;
    margin-top: 2px !important;
    padding-top: 1px !important;
}

li.pa-respect a {
    color: #f9f9f9 !important;
    font-size: 9px;
    text-shadow: none !important;
    background-color: transparent;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    margin-right: 2px !important;
}

li.pa-respect a:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background-color: transparent;
    filter: blur(1px);
}


li.pa-respect img {
    background-color: #d298ad;
    height: 10px;
    margin-top: 4px !important;
    border: 1px dashed #fff;
    margin: 2px;
}

.pa-fld1 {
    position: relative;
    color: #ffffff!important;
    font-family: comfortaa;
    font-size: 8px;
    padding: 1px !important;
    text-transform: lowercase;
    width: 60px;
    height: 13px;
    text-align: center;
    margin-top: -15px !important;
    margin-left: 112px !important;
    background-color: #d298ad;
}
.pa-fld2 {
    position: relative;
}

.pa-posts {
    position: relative;
    color: #ffffff!important;
    font-family: jura;
    font-weight: bolder;
    font-size: 9px;
    padding: 1px !important;
    text-transform: lowercase;
    width: 60px;
    height: 13px;
    text-align: center;
    margin-top: 3px !important;
    margin-left: -6px !important;
    background-color: #7bc390;
}

.pa-fld3 {
    text-align: center;
    color: #00afbb;
    font-family: comfortaa;
    font-size: 12px;
    position: relative;
    margin-top: 10px !important;
    margin-bottom: -10px !important;
}

.pa-fld4 {
    text-align: center;
    color: #00afbb;
    font-family: comfortaa;
    font-size: 12px;
    position: relative;
    margin-top: 10px !important;
    margin-bottom: -10px !important;
}

.pa-fld5 {
    text-align: center;
    color: #00afbb;
    font-family: comfortaa;
    font-size: 12px;
    position: relative;
    margin-top: 10px !important;
    margin-bottom: -10px !important;
}


.pa-fld6 {
    position: relative;
    color: #ffffff!important;
    font-family: comfortaa;
    font-size: 8px;
    padding: 1px !important;
    text-transform: lowercase;
    width: 60px;
    height: 13px;
    text-align: center;
    margin-top: -15px !important;
    margin-left: 53px !important;
    background-color: #d298ad;
}


li.pa-fld7 {
    position: absolute;
    margin-top: -5px !important;
    margin-left: -13px !important;
    width: 24px;
    height: 23px;
}

li.pa-fld7 a:hover {
    background: none !important;
    filter: brightness(120%);
}

li.pa-fld8 {
    width: 178px;
    height: 40px;
    margin-top: 5px !important;
    margin-left: -6px !important;
    margin-bottom: -3px !important;
    font-family: comfortaa;
    font-size: 11px;
    text-align: center;
}

li.pa-fld9 {
    position: absolute;
    margin-left: -11px !important;
    margin-top: 13px !important;
}

li.pa-fld10 {
    position: absolute;
    background: url(https://i.imgur.com/Z8P7BOf.png) no-repeat 1px 0px;
    line-height: 50px;
    margin-left: 183px !Important;
    margin-top: 23px !Important;
    font-size: 10px;
    font-family: comfortaa;
    text-align: center;
    color: #6fc3d0;
    width: 20px;
    height: 30px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-fld10:hover {
    filter: brightness(110%);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.lslink{
    width: 190px;
    height: 20px;
}

.proflink {
    width: 15px;
    height: 30px;
}

li.pa-fld11 {
    position: relative;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -9px !important;
    margin-top: -18px !important;
}

li.pa-fld12 {
    position: absolute;
    margin-left: -28px !important;
    margin-top: 50px !important;
}

li.pa-fld11 img:hover {
    filter: brightness(115%);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-fld11 img {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

li.pa-fld11 a:hover {
    background: transparent;
}

/* ÏÎÄÔÎÐÓÌ */

#pun-index td div.tclcon {
    width: 265px;
    height: 28px;
    margin: 10px 0px 10px 10px!important;
    border: 2px dashed #87d09d;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

#pun-index td div.tclcon:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.podf {
    font-family: arial;
    position: absolute;
    margin-top: 4px !important;
    font-size: 12px;
}

.podf a {
    color: #ffffff !important;
    background-color: #6fc3d0;
    padding-right: 2px;
    padding-left: 2px;
}


/* ñïîéëåð-êîä */

.post-content .spoiler-box > div {
    text-align: center;
    display: block;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #66b57b!important;
    margin-left: -2px;
    margin-top: -3px;
    margin-bottom: -3px;
    font-size: 15px;
    font-family: jura;
    font-weight: bolder;
}

.punbb .code-box strong.legend a {
font-size: 14px;
    margin-bottom: 20px;
    position: absolute;
    margin-top: -29px;
    text-transform: lowercase;
    font-family: jura;
    font-weight: bolder;
    display: inline;
    background-color: #7cc28e;
    color: #ffffff;
    text-shadow: none;
}

.punbb .code-box strong.legend a:hover {
    filter: brightness(110%);
}

/* ÔÓÒÅÐ */

.parochki{
    background: url(https://i.ibb.co/ykNnfPW/47333.png) 2px no-repeat;
    width: 699px;
    height: 53px;
    margin-top: -40px!important;
    margin-left: 97px!important;
    position: absolute;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.parochki:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background-color: #c0ad9f;
}


/* ÍÎÂÎÑÒÍÛÅ ÏËÀØÊÈ */


.plashki{
    position: relative;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 23px;
    margin-top: -10px !important;
}
.plashki2{
position: relative;
    margin-bottom: 40px !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 23px;
}
.newsp{                       position: relative;
    width: 150px;
    height: 25px;
    color: #62b777;
    font-family: jura;
    line-height: 25px;
    text-align: center;
    padding-bottom: 1px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    border: 2px dashed #75b986;
    font-size: 13px;
    font-weight: bolder;
}

.newsp:hover, .newsp1:hover, .newsp2:hover  {
    filter: brightness(110%);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    color: white;
}

.newsp1 {
    position: relative;
    width: 150px;
    height: 25px;
    color: #ffffff;
    font-family: jura;
    line-height: 25px;
    text-align: center;
    padding-bottom: 1px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    border: 2px dashed #75b986;
    font-size: 13px;
    background-color: #a1d6b1;
    font-weight: bolder;
}
.newsp2{
    position: relative;
    width: 150px;
    height: 25px;
    color: #65af77;
    font-family: jura;
    line-height: 25px;
    text-align: center;
    padding-bottom: 1px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    border: 2px dashed #dec437;
    font-size: 13px;
    font-weight: bolder;
    background-color: #f5e2a6;
}

/* ËÇ */

img.post-img-Sp {
margin-top: 14px;
    margin-left: 1px;
    width: 55px;
    margin-bottom: -9px !important;
}


/* ÏËÀØÊÀ ÏÐÎÔÈËß */



 .pl{
    width: 178px;
    height: 43px;
    margin-top: 4px !important;
    margin-left: -6px !important;
    font-family: comfortaa;
    font-size: 11px;
    line-height: 14px;
    color: #5db979;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    border: 1px dashed #7cc28e;
}

.pl1{
    width: 50px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 128px !important;
    position: absolute;
}

.pl1 img {max-width: 50px;max-height: 43px;}

.pl2{
    width: 178px;
    height: 14px;
    overflow: hidden;
    padding: 1px;
    text-align:center;
}

.pl3{
width: 134px;
    font-size: 10px;
    height: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7cc28f;
    padding: 5px;
    color: #ffffff;
    line-height: 9px;
    margin-left: 2px !important;
    padding-right: 35px;
}

.pl:hover {
    filter: grayscale(1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ÒÅÌÀ */

.tema{
    border: 1px solid #7cc18e;
    padding: 15px;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    color: #55a96b;
    background: linear-gradient(55deg, #7cc18e, #d3f1db);
}

.tematitle{            border: 2px dashed #7cc28f;
    border-bottom: 2px dashed #e4d841;
    border-left: 2px dashed #e4d841;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px !important;
    color: #61b177;
    font-family: jura;
    font-weight: bolder;
}

.tematext{
border: 2px dashed #7cc18e;
    padding: 5px;
    background-color: #efefef;
}

.tematext img {
    max-width: 560px;
}

.tema a {
    font-weight: bold;
    color: #ffffff !important;
    background-color: #7cc18e;
}

.tema a:hover {
    background-color: #c7c7c7;
}

/* ÃÎÑÒÅÂÀß */

.vneha{
    text-align: center;
    font-size: 12px;
    background-color: #c0c0c3;
    color: white;
    margin-bottom: 3px !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    text-transform: lowercase;
}

.vneha:hover {
    background-color: #a0d6b0;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.vneha a:hover {
    background-color: #1cd64f;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.vneha a {
    color: white !important;
    font-weight: bold;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.decor{              background: #7cc28e;
    padding: 3px;
    color: #ffffff;
    font-size: 14px;
    width: 250px;
    font-family: jura;
    font-weight: bolder;
    padding-bottom: 5px;
    letter-spacing: 2px;
}

.decor1{
    background: #c0c0c3;
    padding: 3px;
    color: white;
    font-size: 14px;
    width: 250px;
    text-align: right;
    margin-left: 378px !important;
    font-family: jura;
    font-weight: bolder;
    padding-bottom: 5px;
    letter-spacing: 2px;
}

.decor2 {
    font-size: 15px;
    text-align: center;
    background-color: #98d4ab;
    color: white;
    padding: 5px;
    margin-top: 10px !important;
    font-family: jura;
    font-weight: bolder;
    padding-bottom: 7px;
}

.tema1{
    border: 2px dashed #7cc18d;
    padding: 15px;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    color: #358e4f;
    background: linear-gradient(195deg, #7ed097, #bae6c7);
    margin-top: 10px !important;
}

.tema1 .tematext1 {
    border-top: 2px dashed #c0c0c3;
}

.tematext1{
    border: 2px dashed #e4d841;
    padding: 5px;
    background-color: #efefef;
    padding-top: 20px;
    border-top: none;
    color: #1d9a3e;
}

/* ÂÍÅØÍÎÑÒÈ È ÈÌÅÍÀ */
.pop {border: 2px dashed #7cc28e;height: 944px;font-family: jura;font-weight: bolder;}

.pop1 {height: 30px;background: linear-gradient(195deg, #84d49b, #bae0c5);border-bottom: 1px solid #73c08a;display: flex;align-items: center;justify-content: flex-end;padding-right: 5px;color: #ffffff;font-size: 15px;}

.pop1:hover {
    filter: hue-rotate(125deg);
}

.pop2 {border: 1px dashed #c0c0c3;height: 757px;margin-top: 5px !important;margin-left: 5px !important;background-color: #ffffff1a;width: 436px;}

.pop3{
    height: 757px;
    width: 220px;
    border: 1px dashed #72c08a;
    margin-top: -759px !important;
    margin-left: 448px !important;
    background-color: #bae0c566;
    overflow: auto;
}

.pop4 {width: 210px;height: 722px;background-color: #ffffff59;margin-left: 4px !Important;margin-top: 4px !important;border: 1px dashed #d8c909;overflow: auto;}

.pop5 {width: 210px;height: 722px;background-color: #c0c0c333;margin-left: 220px !Important;border: 1px dashed #7cc18e;margin-top: -724px !important;overflow: auto;}

.pop6 {text-align: center;padding-top: 5px;padding-bottom: 3px;font-size: 15px;color: #64b178;border-bottom: 2px dashed #9cd8af;}

.pop3 .pop6 {
    border-bottom: 2px dashed #c0c0c3;
}

.pop7{
    text-align: center;
    padding-top: 3px;
    font-size: 14px;
    color: #63b378;
    border-bottom: 1px solid #41af5e;
    width: 70px;
    margin-left: 72px !important;
    margin-bottom: 4px !important;
}

.pop6:hover, .pop7:hover {
    filter: brightness(120%);
}

.pop8{
    font-size: 13px;
    color: #9a9a9a;
    padding-left: 2px;
    border-bottom: 1px solid #7cc18e;
    text-transform: lowercase;
}

.pop8:hover {
    filter: brightness(120%);
}

.pop9{
    font-size: 13px;
    text-align: right;
    text-transform:lowercase;
}

.pop5 .pop9 a:hover {
    background-color: #59c7c7;
}

.pop9 a {
    color: #40bf66 !important;
    text-shadow: none !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.pop9 a:hover {
    background-color: #68b37f;
    color: white !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.pop10 {
    font-size: 13px;
    padding-left: 9px;
    margin-top: 3px !important;
    color: #73bb86;
    height: 140px;
    overflow: hidden;
    line-height: 14px;
}



/* ËÎÒÅÐÅß */


.lot{
    border-top: 2px solid #7b799c;
    line-height: 20px;
    padding-left: 25px;
    margin-top: 5px !important;
    padding-top: 5px;
}

.lot1{
    height: 40px;
    width: 40px;
    background-color: #4c8d45;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fbfbfb;
}

.lot1:hover {
    filter: brightness(120%);
}

.lot2 {height: 40px;width: 40px;background-color: #b7c3b4;display: flex;align-items: center;justify-content: center;color: #d2787b;}


.lotwest .lot1{background-color: #a5a4c6;}

.lotwest .lot2{        background-color: #d0d0d0;
    color: #5a9caa;
}

.lotsouth .lot1{background-color: #d33d41;}

.lotsouth .lot2{background-color: #e6babb;color: #d33d41;}

/* ÔÀÊ ÏÐÀÂÈËÀ ÇÍÀÊÎÌÑÒÂÎ */

.faq {
    font-size: 15px;
    margin-top: 10px !important;
    padding: 4px;
    text-align: center;
    background: linear-gradient(45deg, #7dbf92, #a4dab3, #bae0c5);
    margin-bottom: 2px !important;
    color: white;
    font-family: jura;
    font-weight: bolder;
}

.decor3 {
    font-size: 15px;
    text-align: center;
    margin-bottom: 2px !important;
    background: linear-gradient(45deg, #eae16b, #eae6a9);
    padding: 4px;
    color: #5fb575;
    font-family: jura;
    font-weight: bolder;
}

.ams{
    width: 860px;
    height: 228px;
    background: url(http://forumstatic.ru/files/001a/a4/c3/14092.png);
    margin-top: 10px !important;
    font-family: arial;
    font-size: 12px;
    color: white;
}

.ams0{
    font-family: arial;
    font-size: 17px;
    text-align: center;
    border-bottom: 1px solid #6fb2c7;
    color: #3d91ab;
}

.amstag{
    font-size: 14px;
    background-color: #68b37f;
}


.ams1{
    position: absolute;
    width: 200px;
    height: 223px;
    overflow: auto;
    text-align: center;
    background-color: #00000061;
    padding: 3px;
    /* margin-left: 0px !important; */
    opacity: 0;
}

.ams1:hover, .ams2:hover, .ams3:hover, .ams4:hover, .ams5:hover {
    opacity: 1;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.ams1, .ams2, .ams3, .ams4, .ams5 {
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}



.ams2{
    position: absolute;
    width: 200px;
    height: 223px;
    overflow: auto;
    text-align: center;
    background-color: #2b2b2a87;
    padding: 3px;
    margin-left: 150px !important;
    opacity: 0;
}

.ams3{
    position: absolute;
    width: 200px;
    height: 223px;
    overflow: auto;
    text-align: center;
    background-color: #2b2b2a87;
    padding: 3px;
    margin-left: 290px !important;
    opacity: 0;
}

.ams4{
    position: absolute;
    width: 200px;
    height: 223px;
    overflow: auto;
    text-align: center;
    background-color: #2b2b2a87;
    padding: 3px;
    margin-left: 450px !important;
    opacity: 0;
}

.ams5{
    position: absolute;
    width: 200px;
    height: 223px;
    overflow: auto;
    text-align: center;
    background-color: #2b2b2a87;
    padding: 3px;
    margin-left: 640px !important;
    opacity: 0;
}

div#p5 .post-author {
    display: none;
}

#p5 div.post-box {
    margin-left: -185px;
}


/* ÏÐÈÅÌÊÀ */
.visa{
    height: 86px;
    font-family: jura;
    font-weight: bolder;
    font-size: 13px;
    color: #ffffff;
    background: linear-gradient(45deg, #bae0c5, #96d6a7);
    border: 2px dashed #7dbf92;
    padding: 4px;
    text-align: center;
}

.visa1{
    font-size: 16px;
    border-bottom: 1px dashed #70bb88;
    padding-bottom: 3px;
    margin-bottom: 5px !important;
    letter-spacing: 3px;
}

.visa2{
    background-color: #f2efeb;
    color: #6bb783;
    margin-top: 7px !important;
    border: 1px solid #7cc28e;
    padding: 4px;
}

.visa2 a {
    font-weight: bold;
    color: #a1a1a2 !important;
    border-bottom: 1px dashed #97d6a8;
}

.visa2 a:hover {
    background-color: #6fc3d052;
}

/* ÊÎÌÀÍÄÛ Â ÏÐÈÅÌÊÓ */

.team{
    height: 20px;
    text-align: center;
    margin-top: 10px !important;
    font-family: jura;
    font-size: 15px;
    font-weight: bolder;
    color: white;
    line-height: 19px;
}

.south{
    background: linear-gradient(45deg, #79c18c, #c1e4ca);
    padding-bottom: 2px;
}

.north{
    background: linear-gradient(45deg, #61bcca, #d2eaed);
    padding-bottom: 2px;
}

.east{
    background: linear-gradient(45deg, #bc98d2, #e2dde5);
    padding-bottom: 2px;
}

.west{
    background: linear-gradient(45deg, #63aae6, #dde3e7);
    padding-bottom: 2px;
}



/* Ñòàòèñòèêà */




.map{
    width: 870px;
    height: auto;
    overflow: auto;
    border: 2px dashed #72c08a;
    padding: 5px;
    font-family: jura;
    font-size: 15px;
    font-weight: bolder;
    background-color: #c0c0c342;
    color: white;
}

.maptitle{
    text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #7cc28e;
    text-shadow: 0 0 2px white;
    background: linear-gradient(45deg, #7cc28e, #ccecd5);
    padding-bottom: 2px;
    margin-bottom: 5px !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.maptitle:hover {
    filter: grayscale(1);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.maplocation{
    background-color: #ffffff;
    width: 200px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7dbf92;
}

.mapinfo{
    height: 30px;
    width: 860px;
    border: 1px solid #fff;
    padding: 4px;
}

.mapinfo1{height: 30px;width: 655px;background-color: #efefef;margin-top: -30px !important;margin-left: 205px !important;}

.mappop{
    color: #7dbf92;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #7dbf92;
}

.mapp a {
    text-transform: lowercase;
}

.mapspoiler{width: 615px;opacity: 0; position: absolute;webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}

.mapspoiler:hover {
    opacity: 1;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.map blockquote.visible {
    max-height: 400px;
    overflow: auto !important;
}

.mapcity{font-size: 13px;text-align: center;font-weight: bold;}

.mapp{
    text-align: center;
}
.map1{
    width: 546px;
    height: 24px;
    background-color: #6bafac;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map2{
    width: 516px;
    height: 24px;
    background-color: #d23d41;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map3{
    width: 486px;
    height: 24px;
    background-color: #6dc74f;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map4{
    width: 436px;
    height: 24px;
    background-color: #a36fd2;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map5{
    width: 376px;
    height: 24px;
    background-color: #f5b911;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map6{
    width: 332px;
    height: 24px;
    background-color: #0f879a;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map7{
    width: 286px;
    height: 24px;
    background-color: #338212;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map8{
    width: 252px;
    height: 24px;
    background-color: #c8b4dc;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map9{
    width: 216px;
    height: 24px;
    background-color: #d65c60;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map10{
    width: 196px;
    height: 24px;
    background-color: #909090;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map11{
    width: 166px;
    height: 24px;
    background-color: #6c5473;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map12{
    width: 146px;
    height: 24px;
    background-color: #86af7c;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map13{
    width: 132px;
    height: 24px;
    background-color: #91c7c7;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map14{
    width: 117px;
    height: 24px;
    background-color: #ded23e;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map15{
    width: 106px;
    height: 24px;
    background-color: #b57392;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map16{
    width: 96px;
    height: 24px;
    background-color: #33b15a;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map17{
    width: 88px;
    height: 24px;
    background-color: #a4a2bd;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map18{
    width: 77px;
    height: 24px;
    background-color: #75b1bd;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map19{
    width: 66px;
    height: 24px;
    background-color: #c5c5c5;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map20{
    width: 56px;
    height: 24px;
    background-color: #49d474;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map21{
    width: 46px;
    height: 24px;
    background-color: #b993de;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


.map22 {
    width: 36px;
    height: 24px;
    background-color: #33f5da;
    margin-left: 35px !important;
    margin-top: -27px !important;
}

.map23 {
    width: 26px;
    height: 24px;
    background-color: #5681e0;
    margin-left: 35px !important;
    margin-top: -27px !important;
}


div#p7 .post-author {
    display: none;
}

#p7 div.post-box {
    margin-left: -205px;
    width: 900px !important;
}

.mapspoiler1 {
    position: relative;
    z-index: 99;
    width: 530px;
    height: fit-content;
}

/* ÐÅÊËÀÌÍÎÅ ÀÃÅÍÑÒÂÎ */


.prag{
    width: 40px;
    height: 40px;
    background-color: #d8e6dc;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7cc18e;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.prag:hover, .prag2:hover {
    background-color: #c0c0c3;
    color: white;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.prag1{
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

.prag2{
    width: 40px;
    height: 40px;
    background-color: #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #498096;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}


/* ÊÎÌÀÍÄÛ Â ÏÐÎÔÈËÜ + ÑÑÛËÊÀ ÍÀ ÀÍÊÅÒÓ */

.anketa {
    height: 18px;
    line-height: 19px;
    border: 1px dashed #6fc3d0;
}

.anketa a{color: #e48fae !important;text-transform:lowercase;}

.anketa a:hover {
    background-color: white;
}

.eastp{
    background-color: #6fc3d0;
    height: 6px;
    font-size: 10px;
    color: #f9f9f9;
    padding-bottom: 8px;
    letter-spacing: 2px;
    margin-top: 3px !important;
overflow: hidden;
}

.westp{
    background-color: #d298ad;
    height: 6px;
    font-size: 10px;
    color: #f9f9f9;
    padding-bottom: 8px;
    letter-spacing: 2px;
    margin-top: 3px !important;
overflow: hidden;
}

.southp{
    background-color: #eabacb;
    height: 6px;
    font-size: 10px;
    color: #f9f9f9;
    padding-bottom: 8px;
    letter-spacing: 2px;
    margin-top: 3px !important;
overflow: hidden;
}

.northp{
    background-color: #00a7b4;
    height: 6px;
    font-size: 10px;
    color: #f9f9f9;
    padding-bottom: 8px;
    letter-spacing: 2px;
    margin-top: 3px !important;
overflow: hidden;
}


/* ÃÎÑÒÅÂÀß */

.gostdecor {
    text-align: center;
    font-size: 13px;
    padding-bottom: 4px;
}

/* ÔËÀÃ */

.flagcity {
    width: 186px;
    height: 10px;
    position: absolute;
    z-index: 20;
    background-color: #d298ad;
    font-family: comfortaa;
    color: white;
    font-size: 10px;
    padding: 2px;
    padding-bottom: 5px;
    margin-left: 2px !important;
    opacity: 0;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.flagcity:hover {
    opacity: 1;
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}


/* ÖÈÒÀÒÀ */


.tablaquote{
position: absolute;
    font-family: jura;
    font-size: 12px;
    width: 759px;
    font-weight: bolder;
    color: #ffffff;
    line-height: 14px;
    margin-top: -17px !important;
    margin-left: -34px !important;
    border: 1px dashed #fff;
    font-style: italic;
    height: 13px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background: linear-gradient(45deg, #bddcc6, #6ebf86);
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 4px;
    text-align: right;}

.tablaquote:hover {
webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: grayscale(1);
}


/* ÔÓÒÅÐ */

.novakopi{
    width: 441px;
    height: 13px;
    color: #ffffff;
    font-family: jura;
    font-weight: bolder;
    font-size: 13px;
    margin-top: -39px !important;
    margin-left: 242px !important;
    position: absolute;
    text-align: center;
    -webkit-text-size-adjust: none;
}

.novakopi1{
margin-top: -94px !important;
    margin-left: 357px !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    position: absolute;
    text-align: center;
    background: url(http://forumstatic.ru/files/001a/a3/9c/15140.gif)no-repeat;
    height: 72px;
    width: 138px;
    opacity: 0;
}

.novakopi1:hover {
    opacity: 1;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.ftitle{
    background: url(http://forumstatic.ru/files/001a/a3/9c/25174.png)no-repeat;
    width: 313px;
    height: 103px;
    position: absolute;
    margin-top: -97px !important;
    margin-left: 585px !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
z-index:9;
}

.ftitle:hover, .realone:hover, .realone1:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: blur(3px);
}
.navi {
    position: absolute;
    width: 773px;
    height: 23px;
    background-color: #75b988;
    margin-top: -100px !important;
    margin-left: -35px !important;
    border: 1px solid #f9fcfd;
    font-size: 13px;
    font-family: jura;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-right: 205px;
    font-weight: bolder;
}
.navi a {
    color: #ffffff !important;
}

.flo, .flo1, .flo2, .flo3{
    position: absolute;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.flo{    width: 928px;
    height: 19px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/56011.png)no-repeat;
    margin-top: -39px !important;
    margin-left: -20px !important;
}

.flo1{    width: 19px;
    height: 312px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/32236.png)no-repeat;
    margin-top: -339px !important;
    margin-left: -34px !important;
}

.flo2{            width: 19px;
    height: 407px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/39771.png)no-repeat;
    margin-top: -146px !important;
    margin-left: 925px !important;
}

.flo3{       width: 804px;
    height: 19px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/74639.png)no-repeat;
    margin-top: -146px !important;
    margin-left: 140px !important;
}

.flo:hover, .flo1:hover, .flo2:hover, .flo3:hover {
overflow: hidden;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    opacity: 0;
}

/* ØÀÏÊÀ  */


.amstable{
    position: absolute;
    width: 80px;
    height: 140px;
    margin-top: -96px !important;
    margin-left: 925px !important;
    font-size: 13px;
    line-height: 12px;
    font-weight: bolder;
    font-family: jura;
    display: grid;
    z-index: 999;
}

.amstable a {
    color: #ffffff !important;
    padding: 2px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    z-index: 999;
    position: absolute;
}

.amstable a:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    background-color: transparent;
    text-shadow: 0 0 2px white;
    }

.amstable1{background-color: #75b987;}

.amstable1:hover, .amstable3:hover, .amstable5:hover, .amstable7:hover {
    background-color: #b2b2b9;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
.amstable2{
    background-color: #c0c0c3;
    }

.amstable2:hover, .amstable4:hover, .amstable6:hover {
    background-color: #71d48e;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
.amstable3{
    background-color: #75b987;
    }
.amstable4{
    background-color: #c0c0c3;
    }
.amstable5{
    background-color: #75b987;
    }
.amstable6{
    background-color: #c0c0c3;
    }
.amstable7{
    background-color: #75b987;
    }
.amstable1, .amstable2, .amstable3, .amstable4, .amstable5, .amstable6, .amstable7 {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    margin-bottom: 2px !important;
}


.location{              position: absolute;
    margin-top: -145px !important;
    margin-left: -20px !important;
    color: #ffffff;
    font-family: jura;
    font-size: 12px;
    width: 400px;
    height: 17px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 2px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    z-index: 9;}

.location:hover{
    letter-spacing: 2px;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}




.flow{
    background: url(http://forumstatic.ru/files/001a/a3/9c/37561.png)no-repeat;
    width: 54px;
    height: 172px;
    margin-left: 945px !important;
    position: fixed;
}

.flow:hover, .flow2:hover {
    opacity: 0;
}

.flow2{
    background: url(http://forumstatic.ru/files/001a/a3/9c/44134.png)no-repeat;
    width: 90px;
    height: 138px;
    margin-left: -94px !important;
    margin-top: -153px !important;
    position: absolute;
}

.elb{
    position: absolute;
    width: 102px;
    height: 66px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/81010.png)no-repeat;
    margin-top: -235px !important;
    margin-left: -44px !important;
    z-index: 999;
}

.glasses{
    position: absolute;
    width: 53px;
    height: 25px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/90499.png)no-repeat;
    margin-top: -329px !important;
    margin-left: 75px !important;
    opacity: 0;
}

.glasses:hover {
    opacity: 1;
}

.girl1{
    position: absolute;
    background: url(http://forumstatic.ru/files/001a/a3/9c/18074.png)no-repeat;
    width: 248px;
    height: 186px;
    margin-top: -379px !important;
    margin-left: 180px !important;
}

.girl2{
    position: absolute;
    background: url(http://forumstatic.ru/files/001a/a3/9c/41014.png)no-repeat;
    width: 183px;
    height: 198px;
    margin-top: -345px !important;
    margin-left: 582px !important;
}

.girl2:hover, .girl1:hover {
    opacity: 0;
}

.flow, .flow2, .glasses, .girl1, .girl2{
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    }

.flow:hover, .flow2:hover, .glasses:hover, .girl1:hover, .girl2:hover{    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;}


/* ËÇ */

img.post-img-Sp {
margin-top: 14px;
    margin-left: 1px;
}


/* ÒÀÁËÀ */


.tablaactive {
    margin-left: 394px !important;
    margin-top: -306px !important;
    transform: rotateZ(-3deg);
    opacity: 0.7;
}

.tablaactive, .tablaactive1, .tablapost {
    z-index: 999;
    position: absolute;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.tablaactive:hover, .tablaactive1:hover, .tablapost:hover {
    opacity: 1;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.tablaactive img:hover, .tablaactive1 img:hover, .tablapara img:hover {
    filter: brightness(110%);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.tablaactive1{
    margin-left: 419px !important;
    margin-top: -256px !important;
    transform: rotateZ(-3deg);
    opacity: 0.7;
}

.tablapost{
    margin-left: 734px !important;
    margin-top: -259px !important;
    width: 176px;
    height: 42px;
    overflow: auto;
    text-align: justify;
    color: #ffffff;
    line-height: 12px;
    font-family: jura;
    font-size: 11px;
    padding: 5px;
}

.tablapost a {
    color: #ffd400 !important;
    font-weight: bold;
}

.tablapara{
    margin-left: 729px !important;
    margin-top: -185px !important;
    width: 203px;
    height: 143px;
    position: absolute;
    padding-top: 40px;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
.tablapara:hover {
background: url(http://forumstatic.ru/files/001a/a3/9c/93274.gif)no-repeat 0px -17px;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}
.tablapara img{
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    margin-top: 7px;
}

.obj{             height: 16px;
    width: 920px;
    position: absolute;
    background-color: #75b986;
    margin-left: -5px !important;
    margin-top: -29px !Important;
    color: white;
    font-family: arial;
    font-size: 13px;
    text-align: center;
}



/* ÈÒÎÃÈ ÍÅÄÅËÈ */




.update{
    margin-left: 90px !important;
    height: 380px;
    width: 500px;
    border: 2px solid #d298ad;
    background: url(http://forumstatic.ru/files/001a/a4/c3/60423.png);
    font-family: comfortaa;
    font-size: 12px;
    color: #f3f3f3;
}

.updateactive{
    position: absolute;
    margin-left: 27px !important;
    margin-top: 20px !important;
}

.updatepost{
    position: absolute;
    width: 200px;
    height: 70px;
    background-color: #60606085;
    font-family: comfortaa;
    font-size: 12px;
    overflow: auto;
    margin-top: 150px !important;
    margin-left: 40px !important;
    color: #eaeaea;
}

.updatepost a {
    color: white !important;
    font-weight: bold;
}

.updatepara{
position: absolute;
    margin-top: 153px !important;
    margin-left: 302px !important;
    border-bottom: 1px solid #fff;
}

.updatepara img {
    /* max-width: 210px; */
}

.updatequote{
    position: absolute;
    width: 490px;
    margin-top: 85px !important;
    text-align: right;
    background-color: #2f2f2f6b;
    padding: 5px;
}

.updateactive img {
    margin-left: 10px !important;
}

.updatelocation{
    position: absolute;
    margin-top: 255px !important;
    margin-left: 5px !important;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    background-color: #d298ad;
}

.updatedate{
    position: absolute;
    font-size: 14px;
    margin-top: 137px !important;
    margin-left: 305px !important;
    border-bottom: 1px solid #fff;
    background-color: #d298ad;
}
.stat{
    width: 500px;
    height: 80px;
    font-family: comfortaa;
    font-size: 12px;
    color: #ffffff;
    margin-top: 300px !important;
    position: absolute;
}

.stat0{
    margin-bottom: 5px !important;
}

.stat00{
    width: 80px;
    position: absolute;
    padding: 5px;
    height: 70px;
    text-align: center;
}

.stat000{
    position: absolute;
    margin-left: 95px !important;
    height: 70px;
    width: 400px;
    margin-top: 5px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.stat1{
    width: 130px;
    height: 70px;
    background-color: #d298adb0;
    text-align: center;
}

.stat2{
    width: 130px;
    height: 70px;
    background-color: #d298adb0;
    text-align: center;
}

.stat3{
    width: 130px;
    height: 70px;
    background-color: #d298adb0;
    text-align: center;
}

.stat5{
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6fc3d0;
    margin-bottom: 5px !important;
    border: 1px dashed #ffffff;
}

.stat6{margin-bottom: 5px !important;background-color: #6fc3d0;}

.stat7{background-color: #d298ad;margin-top: 10px !important;}

/* ÊÎÌÀÍÄÀ */

.action8 {
position: absolute;
    width: 138px;
    height: 19px;
    padding-bottom: 3px;
    border: 1px dashed #ffffff;
    margin-top: -288px !important;
    margin-left: 869px !important;
    background-color: #75b987;
    display: flex;
    justify-content: center;
    align-items: center;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    z-index: 999;
    font-family: jura;
    font-weight: bolder;
    transform: rotateZ(90deg);
}

.action8 a {
    color: #f9f9f9 !important;
    font-size: 13px;
}
.action8:hover {
background-color: #ffdd00;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.action8 a:hover {
    background: transparent;
    color: #4f9e63 !important;
}

.asign{    position: absolute;
    margin-top: -31px !important;
    margin-left: -20px !important;
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

.asign:hover {
    filter: brightness(110%);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
}

/* ×ÅÊÈÍ */


.check{
    width: 630px;
    height: 308px;
    border: 1px solid #43acce;
    padding: 5px;
    font-size: 12px;
    font-family: arial;
    background-color: #d5d5d6;
    color: #1584a7;
margin-left: 10px !important;
}
.check1{
    margin-bottom: 5px !important;
    text-align: center;
    border-bottom: 1px solid #43acce;
    padding: 5px;
    font-size: 14px;
    background-color: #43acce52;
}
.check2{
    margin-bottom: 5px !important;
    text-align: center;
    font-size: 10px;
    border: 1px solid #43acce;
    padding: 5px;
}
.check4{
    border: 1px solid #43acce;
    padding: 2px;
    height: 25px;
    width: 624px;
    margin-bottom: 5px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #d5d5d6;
}
.check5{
    font-size: 25px;
}
.check6{
    font-size: 12px;
    padding-right: 5px;
}
.check3 {
    background-color: #a9c7d3;
    font-size: 16px;
    margin-right: 5px !important;
}
.checkm {
    position: absolute;
    margin-left: -33px !important;
    margin-top: -1px !important;
    font-family: comfortaa;
    border: 1px solid #d298ad;
    border-right: 1px dashed #6fc2d0;
    width: 34px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d298ad;
    background: linear-gradient(45deg, #f1d1dd, #f7dfe8);
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    padding-top: 2px;
}

.checkm:hover {
    webkit-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    -moz-transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    transition: all 0.8s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    filter: brightness(110%);
    transform: scale(1.1);
}

/* ËÈ×ÍÛÅ ÑÒÐÀÍÈÖÛ */

.ls {
    width: 900px;
    height: 540px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/59365.png);
    font-family: "century-gothic";
    -webkit-text-size-adjust: none;
overflow: hidden;
}


.ls2 {
    width: 900px;
    height: 540px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/74609.png);
    font-family: "century-gothic";
    -webkit-text-size-adjust: none;
overflow: hidden;
}

.ls a:hover, .ls2 a:hover  {
    background: none !important;
    text-shadow: 0 0 2px white;
}

.ls a, .ls2 a {
    color: white !important;
}

img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
  position:absolute;
  text-align:left!important;
}

#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}

.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}

.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*ìàêñèìàëüíàÿ âûñîòà òàáëè÷êè*/
}

.my-tabs>span{
    cursor: pointer;
    position: absolute;
    z-index: 12;
    text-align: left;
    font-size: 0px;
    width: 72px;
    height: 72px;
    margin-top: 21px;
    margin-left: 17px !important;
    transition: all 0.5s;
}

.my-tabs>span:first-child{
 background: url(http://forumstatic.ru/files/001a/a3/9c/95832.png);
}

.my-tabs>span:nth-child(2) {
    margin-top: 93px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/14951.png);
}

.my-tabs>span:nth-child(3) {
    margin-top: 165px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/43126.png);
}

.my-tabs>span:nth-child(4) {
    margin-top: 237px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/66213.png);
}

.my-tabs>span:nth-child(5) {
    margin-top: 309px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/13151.png);
}

.my-tabs>span:nth-child(6) {
    margin-top: 381px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/53704.png);
}

.my-tabs>span:nth-child(7) {
    margin-top: 453px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/72969.png);
}

.my-tabs>span.selected{filter: brightness(90%) contrast(1.3);}

.my-tabs>span:hover {
    filter: brightness(110%);
    transition: all 0.5s;
}

.my-tabs>span.selected:hover {
    filter: brightness(90%) contrast(1.6);
}

.my-tabs>.tab-a{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
}

.tab-a .post-content{
 text-align:left;
 display:inline-block;
}




/* 1 ÂÊËÀÄÊÀ */

.ls11{
    width: 551px;
    height: 22px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/59553.png);
    margin-top: 27px !important;
    margin-left: 309px !important;
}

.ls11, .ls12, .ls13, .ls14, .ls15, .ls16, .ls17, .ls18, .ls19, .ls110, .ls111, .ls112, .ls113, .ls114, .ls115, .ls116, .ls117, .ls118, .ls119 {
    transition: all 0.5s;
    position: absolute;
}

.ls11:hover, .ls12:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls12{
    width: 135px;
    height: 42px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/60352.png);
    margin-top: 440px !important;
    margin-left: 429px !important;
}

.ls13{
    margin-top: 30px !important;
    margin-left: 120px !important;
}

.ls13, .ls14, .ls15, .ls119 {
    background-color: #8572a3;
    width: 60px;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
}

.ls13:hover, .ls14:hover, .ls15:hover, .ls119:hover {
    background-color: #6d5692;
}

.ls14{
    margin-top: 30px !important;
    margin-left: 200px !important;
}

.ls15{
    margin-top: 470px !important;
    margin-left: 124px !important;
    width: 125px;
}

.ls16{
    margin-top: 78px !important;
    margin-left: 118px !important;
    border-radius: 100px;
    width: 120px;
    height: 120px;
    border: 4px solid #e6d7f5;
    padding: 8px;
}

.ls16:hover {
    margin-top: 76px !important;
    margin-left: 116px !important;
    padding: 10px;
    transition: all 0.5s;
}

.ls16 img:hover {
    filter: grayscale(1);
    transition: all 0.5s;
}

.ls16 img {
    transition: all 0.5s;
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100px;
}

.ls17{
    margin-top: 232px !important;
    margin-left: 100px !important;
    width: 174px;
    font-size: 22px;
    color: #8d73a6;
    text-transform: uppercase;
}

.ls17:hover {
    transition: all 0.5s;
    transform: translate(0px, -7px);
}

.ls17 sup {
    font-size: 16px;
}

.ls17 sup:hover {
    transition: all 0.5s;
    color: #8a8a8a;
}

.ls17 a {
    color: #8d73a6 !important;
}

.ls17 a:hover {
    text-shadow: 0 0 2px #ecd8f6;
}

.ls18{width: 170px;height: 45px;font-size: 8px;overflow: hidden;text-align: justify;margin-top: 270px !important;margin-left: 100px !important;color: #8d73a6;}

.ls18:hover {
    color: #8c8c8c;
    transition: all 0.5s;
}

.ls19{
    height: 50px;
    width: 50px;
    background: url(http://forumstatic.ru/files/001a/a3/9c/47321.png);
    margin-top: 358px !important;
    margin-left: 108px !important;
    border: 2px solid #f0f5f6;
    border-radius: 100px;
}

.ls19 img:hover {
    opacity: 0;
    transition: all 0.5s;
}

.ls19 img {
    border: 2px solid #8d73a6 !important;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #f0f5f6;
    margin-left: -1px !important;
    transition: all 0.5s;
}

.ls110{
    margin-top: 369px !important;
    margin-left: 167px !important;
    text-transform: uppercase;
    font-size: 14px;
    height: 20px;
    width: 110px;
    overflow: auto;
    color: #8572a3;
}

.ls111{
    margin-top: 384px !important;
    margin-left: 168px !important;
    text-transform: lowercase;
    font-size: 10px;
    height: 20px;
    width: 110px;
    overflow: auto;
    color: #8572a3;
}

.ls110::-webkit-scrollbar, .ls111::-webkit-scrollbar {
width: 1px !important;
}

.ls112{
    background: url(http://forumstatic.ru/files/001a/a3/9c/33995.png);
    width: 98px;
    height: 5px;
    margin-top: 401px !important;
    margin-left: 166px !important;
}

.ls112:hover {
    transition: all 0.5s;
    transform: translate(0px, 3px);
}

.ls113{
    margin-top: 93px !important;
    margin-left: 315px !important;
    background-color: #8d73a626;
    border-radius: 20px;
    width: 367px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ls113:hover {
    transition: all 0.5s;
    filter: grayscale(1);
}

.ls114{
    color: white;
    font-size: 9px;
    margin-top: 337px !important;
    margin-left: 340px !important;
    width: 266px;
    height: 46px;
    padding: 8px;
    text-align: justify;
    overflow: hidden;
}

.ls115{
    text-transform: uppercase;
    margin-top: 140px !important;
    margin-left: 750px !important;
    color: #a38cb9;
}

.ls116{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #8d73a6;
    margin-left: 700px !important;
    margin-top: 159px !important;
}

.ls116:hover, .ls118:hover {
    transition: all 0.5s;
    background-color: #6b4490;
}

.ls117:hover {
    transition: all 0.5s;
    background-color: #59337d;
}

.ls117{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #805aa5;
    margin-left: 700px !important;
    margin-top: 231px !important;
}

.ls118{
    width: 162px;
    height: 52px;
    padding: 10px;
    overflow: hidden;
    font-size: 9px;
    color: white;
    background-color: #8d73a6;
    margin-left: 700px !important;
    margin-top: 303px !important;
}

.ls119{
    margin-top: 380px !important;
    margin-left: 740px !important;
    width: 100px;
}



/* 2 ÂÊËÀÄÊÀ */

.ls21{
    background: url(http://forumstatic.ru/files/001a/a3/9c/93012.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls21:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls21, .ls22, .ls23, .ls24, .ls25, .ls26 {
    transition: all 0.5s;
    position: absolute;
}

.ls22{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls23{
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    flex-wrap: wrap;
    width: 640px;
    height: 230px;
    overflow: auto;
    padding-right: 25px;
}

.ls23 img {
    margin-bottom: 20px !important;
    transition: all 0.5s;
}

.ls23 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls24{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
overflow:visible;
}

.ls25{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls25r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls26{
    color: white;
    width: 17px;
    height: 17px;
    border-radius: 100px;
    background-color: #8d73a6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 106px !important;
    margin-top: -4px !important;
}


.ls27, .ls28, .ls29, .ls210, .ls211, .ls212, .ls213, .ls214, .ls215, .ls216, .ls217, .ls218, .ls219{
    width: 120px;
    height: 60px;
    filter: grayscale(1);
    transition: all 0.5s;
    margin-right: 50px !important;
}

.ls27s, .ls28s, .ls29s, .ls210s, .ls211s, .ls212s, .ls213s, .ls214s, .ls215s, .ls216s, .ls217s, .ls218s, .ls219s{
    width: 120px;
    height: 60px;
    filter: none;
    transition: all 0.5s;
    margin-right: 50px !important;
}

.ls27s:hover, .ls28s:hover, .ls29s:hover, .ls210s:hover, .ls211s:hover, .ls212s:hover, .ls213s:hover, .ls214s:hover, .ls215s:hover, .ls216s:hover, .ls217s:hover, .ls218s:hover, .ls219s:hover {
    filter: brightness(105%);
    transition: all 0.5s;
}

.ls27:hover, .ls28:hover, .ls29:hover, .ls210:hover, .ls211:hover, .ls212:hover, .ls213:hover, .ls214:hover, .ls215:hover, .ls216:hover, .ls217:hover, .ls218:hover, .ls219:hover {
    filter: none;
}

.ls27, .ls27s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/76943.png);
}

.ls28, .ls28s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/90331.png);
}

.ls29, .ls29s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/92242.png);
}

.ls210, .ls210s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/76083.png);
}

.ls211, .ls211s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/71734.png);
}

.ls212, .ls212s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/72778.png);
}

.ls213, .ls213s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/98894.png);
}

.ls214, .ls214s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/11709.png);
}

.ls215, .ls215s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/14648.png);
}

.ls216, .ls216s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/40887.png);
}

.ls217, .ls217s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/95738.png);
}

.ls218, .ls218s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/78446.png);
}

.ls219, .ls219s{
    background: url(http://forumstatic.ru/files/001a/a3/9c/38366.png);
}



/* 3 ÂÊËÀÄÊÀ */

.ls31{
    background: url(http://forumstatic.ru/files/001a/a3/9c/64074.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls31:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls31, .ls32, .ls33, .ls34, .ls35 {
    transition: all 0.5s;
    position: absolute;
}

.ls32{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls33{
    width: 640px;
    height: 230px;
    overflow: auto;
    padding-right: 25px;
}

.ls33 img, .ls35r img {
    transition: all 0.5s;
}

.ls33 img:hover, .ls35r img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls34{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls35{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls35r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls35r img {
    margin-right: 38px !important;
}

.ls36{width: 80px;height: 20px;display: flex;justify-content: center;align-items: center;color: white;background-color: #ecd8f6;transform: rotate(90deg) translate(30px, 0px);transition: all 0.5s;margin-left: -30px !important;margin-right: -30px !important;}

.ls36:hover {
    transition: all 0.5s;
    background-color: #8d73a6;
}

.ls37{display: flex;justify-content: space-between;align-items: self-start;border-bottom: 2px solid #8d73a6;padding-bottom: 5px;padding-top: 5px;margin-bottom: 35px !important;}



/* 4 ÂÊËÀÄÊÀ */


.ls41{
    background: url(http://forumstatic.ru/files/001a/a3/9c/86664.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls41:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls41, .ls42, .ls43, .ls44, .ls45 {
    transition: all 0.5s;
    position: absolute;
}

.ls42{
    width: 440px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls43{
    width: 440px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

.ls43 img, .ls45 img {
    transition: all 0.5s;
    margin-right: 30px !important;
    margin-left: 10px !important;
    margin-bottom: 20px !important;
}

.ls43 img:hover, .ls45 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls44{
    width: 100px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 664px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls45{
    width: 100px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 4px;
    padding-right: 20px;
}

.ls45 img {
    margin-left: 0px !important;
}

.ls46, .ls47{
    background-color: #dbbbfc;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
    transition: all 0.5s;
    position: absolute;
    z-index: 10;
}

.ls46{
    margin-top: 482px !important;
    margin-left: 300px !important;
    width: 135px;
    }

.ls47{
    margin-top: 482px !important;
    margin-left: 719px !important;
    width: 78px;
    }

.ls46:hover, .ls47:hover {
    background-color: #8d73a6;
    transition: all 0.5s;
}

/* 5 ÂÊËÀÄÊÀ */


.ls51{
    background: url(http://forumstatic.ru/files/001a/a3/9c/86664.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls51:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls51, .ls52, .ls53, .ls54, .ls55 {
    transition: all 0.5s;
    position: absolute;
}

.ls52{
    width: 640px;
    height: 230px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls53{
    width: 640px;
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
}

.ls53 img, .ls55r img {
    transition: all 0.5s;
}

.ls53 img:hover, .ls55r img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls54{
    width: 640px;
    height: 68px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 382px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls55{
    width: 640px;
    overflow: auto;
    padding-bottom: 4px;
}

.ls55r{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: fit-content;
    margin-top: 5px !important;
    }

.ls55r img {
    margin-right: 38px !important;
}

/* ÎÒÊÐÛÒÊÈ (ÝÒÎ ÂÀØ ÊÓÑÎÊ ÊÎÄÀ) */

.tooltip2 {
  position: relative;
  margin-left: 20px !important;
}
.tooltip2 > span { /* ñòèëü ïîÿâëÿþùåéñÿ ïîäñêàçêè */
  position: absolute;
  width: 240px;
  top: -1250%;
  left: 10%;
  visibility: hidden;
  margin: 0 auto;
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus { 
  outline: none;
}

.tooltip3 { 
  position: relative;
}
.tooltip3 > span { /* ñòèëü ïîÿâëÿþùåéñÿ ïîäñêàçêè */
  position: absolute;
  width: 240px;
    top: -850%;
    left: -150%; 
visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  color: #a0bc00;
  line-height: normal;
  cursor: auto;
  z-index: 1600;
}
.tooltip3 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip3:hover > span,
.tooltip3:hover:before,
.tooltip3:hover:after,
.tooltip3:focus > span,
.tooltip3:focus:before,
.tooltip3:focus:after {
  visibility: visible;
}
.tooltip3:focus { 
  outline: none;
}

.overt {height: 172px!important;
width: 142põ!important;
padding-top: 75px;
display: block; 
}

.overt1 {
height: 90%;
font-size: 15px;
font-family: 'Neucha';
padding-top: 1px;
color: black;
font-weight: bold;
text-align: center;
overflow: auto;
}

.overt1::-webkit-scrollbar {  
width: 1px;  /* for vertical scrollbars */
height: 3px; /* for horizontal scrollbars */}
.overt1::-webkit-scrollbar-track {  
background: #f6f8f8 top center;
border: 0px double #f6f8f8;}
.overt1::-webkit-scrollbar-thumb {  
background: #ead4c3 top center;
border: 0px double #f6f8f8;}

/* ÊÎÍÅÖ ÎÒÊÐÛÒÎÊ */


.tooltip2 img {
    margin-bottom: 60px !important;
}

/* 6 ÂÊËÀÄÊÀ */


.ls61{
    background: url(http://forumstatic.ru/files/001a/a3/9c/65288.png);
    width: 713px;
    height: 23px;
    margin-top: 27px !important;
    margin-left: 150px !important;
}

.ls61:hover {
    transition: all 0.5s;
    filter: brightness(0.6) contrast(2);
}

.ls61, .ls62, .ls63, .ls64, .ls65 {
    transition: all 0.5s;
    position: absolute;
}

.ls62{
    width: 470px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 124px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.ls63{
    width: 460px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 25px;
    margin-top: 5px !important;
}

.ls63 img, .ls65 img {
    transition: all 0.5s;
    margin-right: 20px !important;
    margin-left: 15px !important;
    margin-bottom: 40px !important;
}

.ls63 img:hover, .ls65 img:hover {
    transition: all 0.5s;
    filter: brightness(105%);
}

.ls64{
    width: 70px;
    height: 360px;
    background-color: #fafafa;
    border-radius: 30px;
    border: 2px solid #ecd8f6;
    margin-left: 694px !important;
    margin-top: 90px !important;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow:visible;
}

.ls65{
    width: 70px;
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 4px;
    padding-right: 20px;
    margin-left: -5px !important;
    margin-top: 5px !important;
}

.ls65 img {
    margin-left: 0px !important;
    margin-bottom: 45px !important;
}

.ls66, .ls67{
    background-color: #dbbbfc;
    height: 18px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding-bottom: 2px;
    transition: all 0.5s;
    position: absolute;
    z-index: 10;
}

.ls66{
    margin-top: 482px !important;
    margin-left: 300px !important;
    width: 135px;
    }

.ls67{
    margin-top: 482px !important;
    margin-left: 730px !important;
    width: 78px;
    }

.ls66:hover, .ls67:hover {
    background-color: #8d73a6;
    transition: all 0.5s;
}