/* admin@ffclub.ru for any bugs, please */

html, body {margin:0; padding:0; height:100%; width: 100%; -webkit-text-size-adjust: 100%;}
body {overflow-x: hidden; overflow-y: scroll;}
table {padding: 0;}

body, table, .simple-modal {font: 13px/17px "Helvetica Neue", Roboto, Arial, Helvetica, "Lucida Grande", sans-serif; color: #171717;} /* global color */
body, .page-bg, .new-post-after, .post-div, ul.faq-sort li input, .simple-modal {background: #f0f0f0;}
.tbl-root-topics-last {background: #f0f0f0 !important;}

select,input,textarea {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; font-size: 1em;}
textarea {font-family: inherit;font-size: inherit;}

a, .cut-link .subblock a:link, .cut-link .subblock a:visited, .cut-link .subblock a:active{color: #06b;}
a:hover, .cut-link .subblock a:hover, .cut-link .subblock a:visited:hover{ color: #4af;}
a:focus {outline-style: none;}

a.no-a-fix, a.a-fix {color: #06b !important;}
a.no-a-fix:hover, a.a-fix:hover {color: #4af !important;}
#container-over {width: 100%; height: 100%;}

#container-white-over {width:100%;}
#container-white {position:relative; margin-left: auto; margin-right: auto; font-size: 1em;}
.inpage-wide {margin: 0 auto; position: relative;}
#wrapper {padding-top: 15px;}

#container-black0 {min-height: 100%; width: 100%; background: #101216; margin-top: 0;}
.container-black {position:relative; text-align:left; margin-left:auto;margin-right:auto; background: transparent;}
#container-black1 {position:relative; text-align:left; margin-left:auto;margin-right:auto; background: transparent;}
#container-black1 {min-width: 250px; max-width: 1384px;}

#header-over {position: relative; width: 100%;}
#header-container {margin-left: auto; margin-right:auto; font-size: 1em; min-height: 64px; width: 100%;}  

#footer, .footer-bg {background: #e7e7e7;}
#footer {min-height:60px; margin-top: 0px; width: 100%; min-width: 250px;}
#footer-over {margin: 0 auto;}
#footer-inside {padding-top: 2em; color: #444; font-size: 0.95em; margin: 0;}
#footer-inside a {text-decoration: none;}
#footer-inside a:hover {text-decoration: none;}
#footer-inside .menu {margin-bottom: 1em; display: inline-block;}
#footer-inside .menu a {margin-right: 10px; color: #444;}
#footer-inside .menu a:hover, #footer-inside .menu a.sel {color: #999;}

.h-bg {background: #2F5987}
.h-bg-tab {background: #2F5987; background: linear-gradient(90deg, #2F5987 30%, #224c7a)}

.adv-tab {color: #abc; font-size: 0.92em;}
.adv-tab a {color: #d0d3d7; text-decoration: none;}
.adv-tab a:hover {color: #fff; text-decoration: none;}
.adv-tab td {min-width: 60px; padding: 0; height: 1em; line-height: 1.4em;}

.adv-tab-div {float: right; padding: 8px 10px 8px 10px;}

#top-menu {width: 100%; margin-bottom: 0; z-index: 1000;}
#top-menu, ul.topnav li ul.subnav {background-color: #2F5987;} /* 3b6188 37587A */
#top-menu .inner a, .top-menu-div {color: #b0c0cf; padding: 0 8px; font-size: 1.05em; height: 30px;} /* b0c0cf */
#top-menu .inner a.sel {color: #fff;}
#top-menu .inner a:hover {color: #fff;}
#top-menu-inner {margin: 0 auto;}

.top-menu-div .top-bars {float: left; padding: 0 5px;}
.top-menu-div .top-bars img {opacity: 0.4; height: 32px; margin-bottom: -12px;}
#progress_umenu img {width: 24px; opacity: 0.6;}

#m-logo-clicker {display: block; height: 30px; width: 30px; margin: 10px 5px 0 15px; float: left;}
#m-logo-clicker img {width: 30px; height: 30px; opacity: 1.0;}
a.logo-ff-w {display: block; padding: 20px 0px 5px 20px; float: left;}
/*a.logo-ff-w {display: block; padding: 23px 0px 5px 20px; float: left;} */
a.logo-ff-w img {width: 30px; height: 30px; opacity: 1.0}

/*a.logo-w {padding: 30px 20px 10px 10px; text-decoration: none; margin-top: 0px; display: block; float: left;} */
a.logo-w {padding: 20px 20px 10px 10px; text-decoration: none; margin-top: 7px; display: block; float: left;}
a.logo-w img {height: 18px;}

#moe_counter span, #mail_counter span, #mod_counter span, #com_counter span {font-size: 0.9em; margin-right: 5px; color: #ddd}
#moe_counter img, #mail_counter img, #mod_counter img, #com_counter img {width: 18px; height: 18px; opacity: 0.4; margin-bottom: -4px;}
div.member_menu_clicker {color: #d7d7d7 !important; display: inline-block; padding-left: 0; padding-right: 10px; font-size: 1.05em}

.guest-login img {margin: 10px 5px 0 0; opacity: 0.5; width: 16px;}
.guest-login:hover img {opacity: 0.9;}

ul.faq-sort {list-style: none; margin-top: 10px; width: 100%; margin-left: -40px;}
ul.faq-sort li {line-height: 28px; height: 28px; text-align: left; padding: 4px 10px 1px 10px; max-width: 100%;  margin-bottom: 5px; background :#e0e0e0}
ul.faq-sort li input {border-style: none; border: 1px solid #bbb; padding: 3px 10px;}

/* member dropdown */

.member-menu-dd {background: #f9f9f9; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; width:100% ; font-size: 1em;}
.member-menu-dd ul {list-style: none; margin: 0; line-height: 16px; padding: 1em 0 1em 0;}
.member-menu-dd ul li a {color: #777; text-decoration: none; padding: 5px 20px 5px 20px;}
.member-menu-dd ul li a .new {color: #333 !important;}
.member-menu-dd ul li .new {max-width: 90%;}
.member-menu-dd ul.topics li a {display: block; padding: 5px 20px 5px 21px;}
.member-menu-dd ul.topics img {width: 14px; margin-bottom: -2px }

.member-menu-dd ul.topics, .member-menu-dd ul.bottom {border-top: 1px solid #e0e0e0;}

.member-menu-dd ul.menu, .member-menu-dd ul.bottom {padding-left: 15px; padding-right: 15px;}
.member-menu-dd ul.menu a, .member-menu-dd ul.bottom a {color: #333; text-decoration: none; padding: 5px}
.member-menu-dd ul.menu a:hover, .member-menu-dd ul.bottom a:hover {color: #444; background: #c0e9fb}
.member-menu-dd .item img {width: 16px; vertical-align: top; margin-right: 4px; opacity: 0.7; margin-top: -1px}

.member_menu_pop_inner {position:absolute;top:0;right:0;z-index:1000;}

.ff-title h1 {font-size: 1em; font-weight: normal; padding: 0; margin: 0;}

.subs-row {width: 100%; min-height: 20px; line-height: 20px; vertical-align: top; padding: 10px; display: block; margin-left: -10px; cursor: pointer;}
.subs-row-s {width: 100%; min-height: 15px; line-height: 15px; vertical-align: top; display: block; cursor: pointer;}
a.subs-row-s  {color: #333; text-decoration: none;}
a.subs-a {text-decoration: none; color: #333;}

.sel-bg, .sel-bg:hover {background: #fbf3b9 !important; cursor: default;} /* #c0e9fb */
.sel-bg2 {background: #f5f5d0;}

.topic-menu {width: 100%; min-height: 50px; margin-bottom: 30px; background: #deddda; background: linear-gradient(0deg, #d0d0d0, #e4e3e0 60%);}
.topic-bottom {max-width: 100%; min-height: 50px; margin-bottom: 0px; margin-left: 54px; margin-right: -10px; border-top: 1px solid #d9d9d9}
.forum-submenu td, div.forum-submenu {background: #deddda; background: linear-gradient(0deg, #d3d3d3, #e4e3e0 60%); vertical-align: top;}
.forum-submenu td.menu {padding: 10px 0; margin-right: 10px;}

@media only screen and (max-width: 320px)  {
  .member-menu-dd ul.topics {padding: 9px 0 9px 0 !important;}
  input.search-filter, select.search-filter {width: 46% !important;}
}
@media only screen and (max-width: 359px)  {
  .show-360 {display: none;}
}

/*	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) */
@media	only screen and (max-width: 479px) {

  /* mobile -- MOB */

  #container-white, #container-white-over, .header-container, #top-menu-inner, .container-black, .inpage-wide {min-width: 250px; max-width: 1024px;}
  #header-over, #top-menu {min-width: 250px;}
  #container-over2 {min-height: calc(100% - 200px); height: auto !important;}

  #top-menu-inner .in {height: 50px; line-height: 50px; margin: 0 auto;}
  .top-ava1 {height: 28px; line-height: 20px; padding-top: 11px; margin-right: 5px;}

  .top-mmenu img {opacity: 0.6; height: 35px; margin-top: 3px}
  #progress_umenu {position: absolute; left: 108px; top: 0px; display: none; margin: 3px 0 0 5px;}

  .root-r .box-banner {padding-left: 22px !important; margin: -5px 10px 10px 10px; border-radius: 5px}

  .member-menu-dd ul li {padding: 0 0 4px 0; margin: 0; line-height: 16px;}
  .member-menu-dd ul li .new {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:left; max-width: 90%;}
  .member-menu-dd ul li .old {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:left; max-width: 99%;}
  div.member_menu_clicker {-webkit-tap-highlight-color: rgba(0,0,0,0); padding-right: 10px;}

  .hide-m, .show-w2, .show-w2t, .show-w2-full {display: none !important;}
  .show-m, .show-m-imp  {display: inline-block;}
  .block-m {display: block;}
  .inline-m {display: inline-block !important;}

  input.search-filter, select.search-filter {width: 45%;}

  .people-search {float: left; margin-top: 10px; width: 100%; border: 0;}
  .people-search input, .forum-search input {font-size: 0.92em; height: 35px; width: 100%; padding: 8px 10px; border: 0; background: #fafafa; appearance: none; -webkit-appearance: none; border-radius: 0;}
  .forum-search {margin-top: 0px; width: auto; margin-bottom: 0; display: table-cell; background: #333; border: 0; padding: 0;}
  .s-add-button-m {padding: 6px; height: 18px; width: 16px; float: left; display: block; margin: 1px 0 0 -28px; position: relative; background: #fff}
  .s-add-button-m img {width: 16px; opacity: 0.5;}
  .search-input:focus + .s-add-button-m {background-color: #fbffe0; display: none;}

  .dd-menu-t, .f-faq-link-m {height: 31px; line-height: 31px; padding: 0px 8px; width: 1%; white-space:nowrap; text-align: center; background: #fafafa; margin-top: 0px; font-size: 1em; display: table-cell; padding-right: 13px; vertical-align: middle;}
  .dd-menu-t img, .f-faq-link-m img {vertical-align: middle; opacity: 0.7}

  .t-left-container .topic-title {margin-top: 5px;}

  .dd-menu-u {height: 29px; line-height: 27px; padding: 0px 8px; white-space:nowrap; text-align: center; margin-top: 0px; font-size: 1em; vertical-align: middle; margin: auto;}
  .dd-menu-u img {vertical-align: middle;}
  .dd-menu-t img {opacity: 0.7;}
  .dd-t-in img, .dd-u-in img {opacity: 0.7;}

  .topic-bottom-nav {background: #e7e7e7; padding: 15px 12px; max-width: 100%;}

  .car-dd-button .dd-menu-t {background: #dfdfdb !important; border: 0px solid #ddd; padding: 0 20px 2px 20px;}
  .car-dd-button {margin: 20px 10px 10px 20px; width: 90px; display: block;}

  .spop_ajax {background: #fafafa; padding: 10px; border-bottom: 1px solid #e0e0e0;} 
  .spop_ajax .btn {margin-left: 40px;}
  .cpop_ajax {background: #fafafa; padding: 10px 10px 10px 50px; border-bottom: 1px solid #e0e0e0; margin-top: 0px;}
  .subs-row-s {height: 18px !important; line-height: 18px !important; padding: 4px 10px 4px 50px; margin-left: -50px;}

  .sub_pop_inner {position:absolute;top:-15px;left:0;z-index:10;}
  #topic_pop {position: relative; top: 0px; right: 0; width: 100%; float: right;}
  .sub_pop_t_inner {position:absolute;top:0;right:0;z-index:10; width: 100%;}
  .sub_pop_u_inner {position:absolute;top:4px;right:0;z-index:10; width: 100%;}
  .sub_pop_city_inner {position:absolute;top:30px;left:0;z-index:10;width: 100%;}
  .subs-row img {width: 16px; margin: 3px 14px 0 6px ; vertical-align: top; opacity: 0.8; display: inline-block;}
  .subs-row .sub {line-height: 15px; color: #999; margin-left: 40px; font-size: 0.93em;}
  
  #car_pop {width: 100%;}
  .sub_pop_inner_car {margin-top: -10px; z-index: 10; position: absolute; min-width: 100%;}

  .forum-r-cell {display: none;}

  .f-menu-dd {display: inline-block; padding: 0; height: 25px; margin-top: 0px; border: 0; float: left;}
  .f-menu-top {background: #fafafa; display: table; width: 100%; float: right; padding: 0; height: 31px; margin-top: 5px; border: 0;}
  .f-menu-top .row {display: table-row; border: 0;}

  .hnav {width: 100%; font-size: 14px; font-weight: normal;}
  .unsel {display: none;}
  .hnav-a a {display: block; background: #dedede; padding: 13px 10px; margin-bottom: 0px; color: #333; border-bottom: 1px solid #f9f9f9; text-decoration: none;}
  .hnav-a-sel a {display: block; background: #f0f0f0; padding: 13px 10px; margin-bottom: 0px; color: #333; border-bottom: 1px solid #f9f9f9; text-decoration: none;}

  .right-page-m {float: left; width: 100%; margin-top: 0px;}

  .tbl-faqlist, .tbl-members, .mtm-m15px {margin-top: -15px !important;}
  .tbl-faqlist tr th {padding-top: 10px !important; background: #e5e5e5}
  .tbl-newfaqlist {margin-top: -17px;}
  .row-ftopic td {padding: 5px 0 5px 0; height: 24px; line-height: 24px;}
  
  .member_menu_pop_inner {width: 100%;} /* min-width: none; */

  .m_postmenu {display: none; background: #e3e3e3; padding: 4px 10px 4px 0; position: relative;}

  .m_postmenu .icons {margin: 5px 10px 10px 0;}
  .m_postmenu .icons a {margin: 0 4px 0 14px; color: #777; font-size: 0.95em;}
  .m_postmenu .icons a.link {padding: 0 2px;}
  .m_postmenu .icons img {width: 22px; margin-bottom: -5px; opacity: 0.6}
  .m_postmenu .vpos img, .m_postmenu .vneg img {width: 22px; margin-top: 5px; opacity: 0.6}
  .m_postmenu .num {display: none !important;}
  .m_postmenu  .vpos, .m_postmenu .vneg {width: 22px; display: inline-block; padding-right: 11px; padding-left: 5px}

  .m_postmenu .mod {position: absolute; bottom: 1px; right: 6px;}

  .m_postmenu .menulist {margin: 7px 0 0 15px;}
  .m_postmenu .menulist a {color: #333; display: block; margin-bottom: 9px; font-size: 0.95em}
  .m_postmenu .menulist img {height: 16px; margin-right: 13px; margin-bottom: -4px; opacity: 0.6}

  .mod_panel {margin: 5px 0 5px 7px;}
  .mod_panel div {width: 33%; font-size: 0.95em; display: inline-block; margin-bottom: 0px;}

  .msg {max-width: 99%; margin-left: 10px; margin-right: 10px;}

  .row-flist .t-title .title, .row-flist-grey .t-title .title {font-size: 1em; font-weight: normal;} 
  .ff-title {font-size: 1.66em; margin: 10px 0 10px 10px; max-width: 83%;}
  .mw-83p {width: 83% !important}
  .mw-100p {width: 100% !important}
  .f-icon {width: 29px; padding-right: 0px; display: inline-block; text-align: center; float: left; margin-top: 11px; margin-right: 0px; margin-left: 10px;}
  .forum-title {padding-bottom: 3px !important; line-height: 20px; display: inline-block; font-size: 0.9em; max-width: 86%}
  .logbook-title {font-size: 1.5em; height: 1.5em; margin: 5px 0 15px 15px;}
  .logbook-table {width: 100%;}
  .t-title .t-subforum:before {display: block; content: '';}

  .subforum-nav {display: block; line-height: 36px; height: 36px; font-size: 1.06em; width: 100%; border-bottom: 1px solid #fff; padding-left: 20px}
  .subforum-nav i {padding-right: 20px; display: inline-block;}
  .subforum-nav a {color: #222; text-decoration: none; line-height: 36px; height: 36px; width: 100%;}

  .ddtnav img {margin-top: 0px !important;}

  .member-menu-dd .item img {display: none;}

  .ui-autocomplete {max-width: 95% !important;}

  .carlist {line-height: 1.2em; padding-left: 28px; margin-bottom: 30px; background: #e9e9e7 }

  /* main mobile menu */
  .main-menu-m .subtop {background: #e0e7eb; padding: 5px 0 1px 0; font-size: 1.02em; margin-bottom: 10px;}
  .main-menu-m {background: #f9f9f9; top: 12px; position: relative; min-width: 250px; width: 100%; border-bottom: 6px solid #3F6997; padding-bottom: 10px;}
  .main-menu-m ul {list-style: none; padding-left: 15px; min-width: 120px; text-align: left; margin : 0 10px 10px 8px;}
  .main-menu-m li {display: inline-block; margin: 5px 0 0px 0; width: 30%; font-size: 1.05em }
  .main-menu-m .subtop a {color: #059; padding: 7px 0; width: 100%; display: inline-block;}
  .main-menu-m li.sel a {color: #fff;}
  .dd-forum-nav {display: inline-block; float: left; width: 47%; line-height: 30px; height: 30px; padding-left: 3px; font-size: 1.02em; background: #f9f9f9; margin: 0; font-weight: normal;}
  .dd-forum-nav i {padding-right: 8px;}
  .dd-forum-nav a {color: #222; text-decoration: none; padding: 7px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

  .w-50m {width: 50px;}
  .pl-50m {padding-left: 50px !important;}
  .pl-40m {padding-left: 40px !important;}
  .pl-48m {padding-left: 48px !important;}
  .pl-10m {padding-left: 10px !important;}
  .pr-10m {padding-right: 10px !important;}
  .pb-5m {padding-bottom: 5px !important;}
  .pb-10m {padding-bottom: 10px !important;}
  .pb-15m {padding-bottom: 15px !important;}
  .pr-15m {padding-right: 15px !important;}
  .mt-2m {margin-top: 2px !important;}
  .mt-10m {margin-top: 10px !important;}
  .mb-20m {margin-bottom: 20px !important;}
  .mb-3m {margin-bottom: 3px;}
  .wide-55, .wide-500px {width: 80% !important;}
  .mt-5m-neg {margin-top: -5px !important;}
  .pl-30-m-ta-center {text-align: center;}

  .m-center  {text-align: center;}
  .fl-m-lr {float: right;}
  .fl-r-m-center {margin: 0 auto;}
  .fl-l-m-center {margin: 0 auto; text-align: center;}
  .m-f0 {background: #f0f0f0 !important;}
  .mt-20-m15 {margin-top: 15px;}
  .ml-30-m20 {margin-left: 20px;}

  .button-fb, .button-g, .button-v, .button-tw {height: 38px; line-height: 38px; padding: 0 20px; color: #fff; font-size: 1.15em}
  .button-fb img, .button-g img, .button-v img, .button-tw img {height: 24px; vertical-align: top; margin-top: 6px; margin-right: 20px; opacity: 0.5 }
  .button-fb {background: #3b5998;}
  .button-fb:hover {background: #2b4988;}
  .button-g {background: #d34836;}
  .button-g:hover {background: #c33826;}
  .button-v {background: #45668e;}
  .button-v:hover {background: #35567e;}
  .button-tw {background: #38A1F3;}
  .button-tw:hover {background: #2891e3;}
  .mlist-avatar {width: 24px; text-align: center;}

  .post-first {font-size: 1.05em; line-height: 1.3em; margin: 0 10px 15px 10px; padding-top: 10px; border-top: 1px solid #d9d9d9; word-wrap: break-word;}
  .post-first tbody {font-size: 1.05em; line-height: 1.3em;}
  .tt-container {padding-bottom: 0;}

  .simple-page {max-width: 100%; margin: 10px 10px;}

  .mp-link-sub {font-size: 1em !important; text-align: center; margin-top: 1em; color: #fff; margin-left: 2em;}
  .mp-link-sub a {padding: 1em; color: #fff !important;}

  .p-gal1 .p-img-g {max-height: 200px;}
  .p-gal2 .p-img-g, .p-gal3 .p-img-g, .p-gal4 .p-img-g, .p-gal5 .p-img-g, .p-gal6 .p-img-g, .p-gal7 .p-img-g, .p-gal8 .p-img-g, .p-gal9 .p-img-g,
  .p-gal10 .p-img-g {height: 60px;}

  #QUOTE .p-gal1 .p-img-g, #QUOTE .p-gal2 .p-img-g, #QUOTE .p-gal3 .p-img-g, #QUOTE .p-gal4 .p-img-g, #QUOTE .p-gal5 .p-img-g, #QUOTE .p-gal6 .p-img-g,
  #QUOTE .p-gal7 .p-img-g, #QUOTE .p-gal8 .p-img-g, #QUOTE .p-gal9 .p-img-g, #QUOTE .p-gal10 .p-img-g,
  .tdq .p-gal1 .p-img-g, .tdq .p-gal2 .p-img-g, .tdq .p-gal3 .p-img-g, .tdq .p-gal4 .p-img-g, .tdq .p-gal5 .p-img-g, .tdq .p-gal6 .p-img-g,
  .tdq .p-gal7 .p-img-g, .tdq .p-gal8 .p-img-g, .tdq .p-gal9 .p-img-g, .tdq .p-gal10 .p-img-g {height: 50px;}

  .post-div {font-size: 1.04em; margin: 0; padding-bottom: 20px;}
  .post-div .bar {min-height: 20px; line-height: 16px; vertical-align: top; display: block; width: 100%; padding-top: 8px; padding-bottom: 4px;}
  .post-div .post, .post-div .wtopic-post {margin-left: 0px; margin-top: 10px; padding: 0 10px; word-wrap: break-word;}
  .post-div .bar .date {font-size:  0.9em; white-space: nowrap;}
  .post-div .postcolor {margin: 0; padding: 0 10px;} /* zomg fix! */
  .pbar .bar .rating .vpos, .pbar .bar .rating .vneg, .tnav .bar .rating .vpos, .tnav .bar .rating .vneg {display: none !important; width: 0px !important;}

  .ico-bar {height: 24px; line-height: 24px;}
  .ico-bar img {width: 16px !important; opacity: 0.4;}
  .ico-bar a {padding: 3px 5px; margin-right: 10px;}

  .post-div .new-post {background: #f0f0d5; display: block; height: 40px; line-height: 40px; max-width: 100%; padding: 0; color: #994; margin-bottom: 1px; margin-left: 0px; text-align: center;}
  #reply-progress {position: absolute; width: 35px; margin-left: 10px; margin-top: -40px; display: none;}

  .m-topic {width: 100%; display: block; margin: -10px 0 15px 0; position: relative;}
  .m-topic ul.pager, .forum-submenu ul.pager {list-style: none; text-align: center; margin: 0 auto; padding: 0;}
  .m-topic ul.pager li, .forum-submenu ul.pager li {display: inline-block; margin-left: 5px; margin-right: 5px; font-size: 0.95em}
  .m-topic ul.pager li.sel, .forum-submenu ul.pager li.sel {background: #06b !important; color: #fff; padding: 0 7px; height: 26px; line-height: 26px; min-width: 14px; display: inline-block; text-align: center; border: 1px solid #06b;}
  .m-topic ul.pager li a, .forum-submenu ul.pager li a {padding: 0 7px; height: 26px; line-height: 26px; min-width: 14px; display: inline-block; text-align: center; background: #e9e9e9;}
  .m-topic ul.pager li a {border: 1px solid #e0e0e0}
  .forum-submenu ul.pager li a {border: 1px solid #e9e9e9}
  .m-topic ul.pager li a .dashed, .forum-submenu ul.pager li a .dashed {border-bottom: 1px dashed #06b;}
  .m-topic ul.pager li a:hover .dashed {border-bottom: 1px dashed #4af;}

/* .pager-loader {position: absolute; left: 10px; top: 10px;} */

  .reply-input, .reply-input-small, .edit-input {vertical-align: middle; border: 1px solid #d9d9d9; outline: none; padding: 6px; -webkit-appearance: none; appearance: none; font-size: 1.05em;}
  .reply-input:focus, .reply-input-small:focus, .edit-input:focus {border: 1px solid #b0b0b0}
  .reply-input {width: 100%; height:120px; resize: vertical;}
  .reply-input-small {width: 100%; height:70px; resize: vertical;}
  .edit-input {width: 100%; height: 200px; background: #fff; resize: vertical;}
  .t-left-container .reply-div, .t-left-container .reply-div-msg {margin: 0 10px;}

  #fixed-menu {display: none; opacity: 0.55;  position: fixed; bottom: 0px; right: 0px; padding: 0 15px 5px 5px; height: 35px; border-top: 0px solid #e0e0e0; border-left: 0px solid #e0e0e0; line-height: 35px; text-align: center; z-index: 1000;}
  #fixed-menu img {opacity: 0.8; width: 18px; padding: 5px 15px 10px 15px; margin-bottom: -8px;}
  .pbar .bar .menu {display: none !important;}

  .dd-t {height: 50px; width: 50px; display: block;}
  .dd-t-in {margin-top: 8px; padding: 9px 0px 5px 5px; height: 20px;}

  .dd-u {height: 50px; min-width: 60px; display: block; position: absolute; top: 0px; right: 0px;}
  .dd-u-in {padding: 7px 0px 11px 7px; height: 10px;}

  .tbl-root-topics {width: 100%;}
  .tbl-root-topics table tr.all-root {-webkit-tap-highlight-color: rgba(0,0,0,0);}
  .tbl-root-topics table tr th {border-bottom: 1px solid #fff; vertical-align: top; padding: 11px 0 10px 0;  text-align: left; font-size: 1.15em;}
  .tbl-root-topics table tr.my-root th {background: #e5e5de; color: #444; font-weight: normal }
  .tbl-root-topics table tr.all-root th {background: #e5e5de; color: #555; font-weight: normal }
  .tbl-root-topics .rgb {text-align: center; width: 28px;}
  .tbl-root-topics .fake-rgb {text-align: center; width: 30px;}
  .tbl-root-topics table tr th img.icon {opacity: 0.35; width: 16px; margin-left: 8px;}
  .tbl-root-topics img {width: 16px; margin: 0 5px -1px 0px;}
  .tbl-root-topics a.topic-m {}

  .grey2-button img, .button img, .red-button img, .green-button img  {width: 16px; vertical-align: middle; margin-right: 4px; margin-top: -2px; margin-left: -3px;}
  .grey-button img, .grey-button a img, .border-nobutton img, a.border-nobutton img, .no-button img, .grey0-button img, .grey1-button img, .grey1-button a img, .border-button img {width: 16px; vertical-align: middle; margin-top: -2px; margin-right: 4px; opacity: 0.6; margin-left: -3px;}

  table.topic-item {margin-bottom: 1.5em; width: 100%;}

  .profile-top {width: 100%; margin: 0; padding: 5px 0 10px 0;}
  .profile-top-ava {float: left; height: 40px; width: 40px; display: block; float: left; margin: 15px 10px 0 9px; background: #fff; border-radius: 50%; padding: 4px;}
  .user-name-h1 h1 {font-size: 1.5em;}
  div.user-name-h1 {margin-top: 15px;}
  .profile-all-desc {font-size: 0.94em; line-height: 1.4em; margin-top: 0.15em;}
  .user-info-bar .row {display: block; margin: 0 0 8px 2px; font-size: 0.95em}
  .user-info-bar {padding-bottom: 3px !important;}

  .profile-r, .search-r {max-width: 100%;}
  .profile-l, .search-l {vertical-align: top; margin: 10px 0;}
  .profile-l .photo {padding: 0 10px 0 10px;}
  .profile-block {padding: 10px 0 10px 10px; border-bottom: 1px solid #d7d7d7}
  .profile-modcomment {padding: 10px 0 10px 10px; margin: 20px 10px 20px 10px; background: #eeb;}
  .profile-block-about {background: #f6f6f6; border-left: 3px solid #e0e0db; padding: 10px 0 10px 10px; margin: 0 10px 25px 10px;}
  .profile-m-kar {position: absolute; top: 50px; right: 10px; background: #efefed; width: 115px; text-align: center; padding: 10px 0 3px 0}
  .block-title {font-size: 1.1em; padding: 0 0 10px 0px}
  .post-in-block .title {font-size: 1em;}
  .post-in-block img {width: 16px; opacity: 0.5; margin: 0 5px -4px -5px;}

  /* searches mob */
  .t-left-container .search-input, .search-r .search-input {width: 70%;}

  .t-left .search-input {width: 80%; margin-left: 0%; padding-left: 20px; border-left: 0;}
  .tsearch .search-input, .usearch .search-input {width: 74%; margin-left: 3%; padding-left: 10px;}
  .tsearch .search-input {height: 30px; line-height: 30px; font-size: 0.95em; outline: none; padding-left:8px; border: 1px solid #e9e9e9; border-radius: 0; -webkit-appearance: none; border-right: none; background: #f6f6f6;}
  .tsearch .search-input::-webkit-input-placeholder {color: #aaa}
  .tsearch .search-button, .usearch .search-button {width: 20%;}
  .tsearch .search-button {background: #f6f6f6; height: 30px; line-height: 28px; border-radius: 0; border: 1px solid #e9e9e9; border-left: none;}
  .tsearch .search-button img {opacity: 0.3;}
  .tsearch {margin-top: 15px; margin-bottom: 15px;}
  .usearch {margin: 20px 0 15px 0;}

  .t-center-container .search-input, .root-r .search-input {width: 70%;}
  .t-center-container .search-button, .root-r .search-button  {width: 30%;}

  .searchable-forums {width: 100%; margin-top: 5px; height: 30px; border: 1px solid #d0d0d0; padding: 5px 0; outline: none; background: #fbfbfb}
  .searchable-forums option {padding: 1px 10px; font-size: 0.95em}

  .karma {font-size: 1.1em !important;} 

  .upload_picture {width: 100%; display: inline-block;}
  .upload_picture img {max-width: 100%;}
  .upload_picture .blank {height: 100px; width: 200px; background: #ccc;}

  .connect-button-off, .connect-button-wait {padding: 7px 20px; max-width: 100%; margin-top: 15px; color: #333; text-decoration: none !important; display: block;}
  .connect-button-off {background: #ddd;}
  .connect-button-wait {background: #e9e9db;}
  a.connect-button-off:hover {background: #ddd; color: #000;}
  a.connect-button-wait:hover {background: #e9e9db; color: #000;}
  .connect-button-ok {padding: 7px 20px; max-width: 100%; margin-top: 15px; color: #333; background: #d3f0a9;}

  .car-gal {max-width: 100%; margin: 0 10px;}
  .car-block {width: 100%; margin: 0 0 60px 0; display: block; padding: 0px; background: transparent;}
  .car-block .ins img.thumb {width: 100%;}
  .car-block .ins .title {font-size: 1.13em; float: left; padding-top: 5px; max-width: 85%; font-weight: bold;}
  .car-block .bar {color: #aaa; font-size: 0.95em; height: 14px; line-height: 14px; margin-top: 7px;}
  .car-block .bar img {width: 13px; opacity: 0.25; margin: 0 3px -2px 0;}
  .car-top-ava {height: 24px; margin: 7px 3px 0 3px;}

  .car-top-img {width: 100%; margin-bottom: 20px;}
  .car-top-img img.thu {width: 100%;}

  .car-text {margin: 0 10px; padding: 10px;  }
  .incar-gal {margin-top: 10px;}
  .car-l {margin: 0 25px 0 25px;}
  .car-r {clear: both;}
  .car-r .ico-bar, .car-l .ico-bar {position: absolute; top: 5px; right: 5px;}
  .car-up-btn {margin: 25px 20px 10px 0; overflow: hidden; max-width: 100%; display: block; padding: 0 20px;}
  .car-up-btn .green-button {width: 100%; display: block; text-align: center;}
  .car-up-btn .grey2-button {width: 100%; display: block; text-align: center; margin-top: 20px;}
  .car-up-btn .progress {position: absolute; top: 7px; right: 35px;}

  .car-thumb {width: 45%; float: left; display: block; margin: 0 2.2% 10px 2.8%;}
  .car-thumb img.thu {width: 100%; height: auto; margin-bottom: 5px;}
  .car-thumb .div-more-i img.thu {margin-bottom: 0;}

  .car-info tr, .car-info td {font-size: 1.03em; padding: 2px 0;}
  .car-info .left {padding: 0 30px 0 20px; color: #777;}

  .photo-container {padding: 5px 0; margin: 0;}
  .m-autopic img {width: 100% !important; height: auto !important;}
  .rl-icon-r, .rl-icon-l {opacity: 0.7; filter: alpha(opacity=30); z-index: 1; position: absolute;}
  .rl-icon-r img {width: 45px; padding: 20px 0px 20px 20px;}
  .rl-icon-l img {width: 45px; padding: 20px 20px 20px 0px;}
  .rl-icon-r:hover, .rl-icon-l:hover {opacity: 0.9; filter: alpha(opacity=30); cursor: pointer;}
  .rl-icon-top12 {top: 24%;}

  .ph-ava {margin-top: 23px;}
  .ph-left .reply-input {height: 60px;}
  .ph-left .likes {margin: 5px 10px 0px 12px; line-height: 1.6em}
  .ph-like img {width: 20px; height: 20px; line-height: 20px; margin-right: 10px; margin-bottom: -4px;}
  .ph-r-container {max-width: 100%; margin-left: 10px; margin-right: 10px; margin-top: 10px;}

  .div-table-fixed div.row-dlist {display: table-row;}
  .div-table-fixed div.div-td {display: table-cell; border-bottom: 1px solid #f0f0f0;}
  div.div-table-fixed {display: table;}

  .reply_bar {height: 15px; background: #e7e7e7; line-height: 15px; padding: 6px 0;}
  .reply_bar a {height: 15px; padding: 0; display: inline-block; text-align: center;}
  .reply_bar a.nomod {width: 12%;}
  .reply_bar a.mod {width: 9.5%}
  .reply_bar a img {opacity: 0.3; height: 15px;}

  .user-info-bar .mod-icons {display: inline-block; position: absolute; right: 16px; bottom: 10px;}
  .user-info-bar .mod-icons a {margin-left: 10px;}
  .user-info-bar .mod-icons img {width: 18px; opacity: 0.3; padding: 0 5px;} 

  .welcome-banner {width: 100%; margin-top: 0; margin-bottom: 0; background: #e9e9e9; color: #000;}
  .welcome-banner .title, .welcome-banner .close {color: #444;}
}

@media only screen and (min-width: 480px) {

  /* desktop -- DESK*/

  #container-white, #header-container, #top-menu-inner, .container-black, #footer-over, .top-popups, .inpage-wide {min-width: 1024px; max-width: 1024px;}
  #header-over, #top-menu, #footer, .container-black, #container-over {min-width: 1024px;}
  #wrapper {margin-bottom: 30px;}
  #container-over2 {min-height: calc(100% - 141px);}

/*  #wrapper {margin-top: 36px;}
  #top-menu {position: absolute; top: 64px;} */

  body {overflow-x: auto;}

  input.search-filter, select.search-filter {width: 165px;}

  #top-menu-inner .in {height: 36px; line-height: 36px; margin: 0 auto; overflow: hidden;}
  .top-ava1 {height: 24px; line-height: 24px; margin: 6px 0 0 0; padding-left: 10px;}

  .profile-top {width: 100%; margin: 0; padding: 15px 0 20px 0;}

  #progress_umenu {float: right; display: none; margin: 2px 10px 0 0;}

  .show-m, .show-w2, .show-w2t, .hide-w, .show-w2-full  {display: none;}
  .show-m-imp {display: none !important;}

  .fl-r-m-center {float: right;}
  .fl-l-m-center {float: left;}

  .welcome-banner {width: 100%; margin-top: 0; margin-bottom: 0; background: #e5e5e0; color: #000;}

  .member_menu_pop_inner {min-width: 450px;}
  .member-menu-dd ul li a:hover {color: #333; background: #c0e9fb}
  .member-menu-dd ul li {padding: 0; margin: 0; line-height: 16px;}
  .member-menu-dd ul li .new {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:left; max-width: 379px;}
  .member-menu-dd ul li .old {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:left; max-width: 400px;}

  .div-list .row-bg:hover {background: #eaeaea;}
  .div-list .row-bg-yellow:hover {background: #e9e9cb;}
  .div-list .row-bg-green:hover {background: #d4e7d4;}

  .simple-modal {width: 300px; min-height: 100px; background: #fbfbfb; margin: 0 auto; padding: 20px;}

  .forum-r-cell {width: 55%;}

  .logbook-title {font-size: 1.5em; padding: 25px 0 15px 10px }
  .logbook-table {width: calc(96.3% + 20px);}

  .search-help-box {width: 900px; background: #f9f9f9; padding: 10px 20px; margin-left: -160px}
  .s-add-button {width: 16px; opacity: 0.5; margin-left: 15px; display: inline-block;}
  .s-add-button img {width: 16px; padding: 6px;}

  .people-search {float: right; margin: 4px 10px 0 0; min-width: 200px;}
  .forum-search {float: right; margin: 4px 10px 0 0; min-width: 180px;}
  .people-search input, .forum-search input {font-size: 0.91em; width: 100%; height: 31px; padding-left: 0.8em; border: 0px; background: #fff;}

  .dd-menu-t, .f-faq-link {height: 31px; line-height: 31px; padding: 0 10px; margin-top: 4px; font-size: 1em; margin-right: 10px; display: inline-block; float: right;}
  .dd-menu-t {background: #e4e4e4;}
  .dd-menu-t:hover {background: #d7d7d7; cursor: pointer;} 
  .f-faq-link:hover {background: #c0e9fb; cursor: pointer;}
  .dd-menu-t img, .f-faq-link img {vertical-align: middle; margin-bottom: 2px;}
  .dd-menu-t img {opacity: 0.7;}
  .dd-t-in img, .dd-u-in img {opacity: 0.7;}

  .dd-menu-t-up {float: right; height: 30px; line-height: 30px;  vertical-align: top; margin-top: 15px; margin-right: 10px;}

  .car-dd-button {margin: 20px 0 0 20px;}
  .car-dd-button .dd-menu-t {width: 70px; text-align: center; background: #dededa}

  .sub_pop_inner {position:absolute;top:-17px;right:200px;z-index:10;}
  .sub_pop_inner_car {position:absolute;top: 0;right:-110px;z-index:10;}
  .sub_pop_city_inner {position:absolute;top:35px;right:10px;z-index:10;}
  #topic_pop {position: relative; float: right;}
  .sub_pop_t_inner {position:absolute;top:41px;right:-50px;z-index:10;}
  .sub_pop_u_inner {position:absolute;top:43px;right:-50px;z-index:10;}
  .spop_ajax {background: #fdfdfd; min-width: 420px; min-height: 100px; display: block; padding: 10px;}
  .cpop_ajax {background: #fdfdfd; min-width: 200px; min-height: 100px; display: block; padding: 10px 20px;}
  .spop_ajax .btn {margin-left: 25px;}
  .tpop_ajax {background: #f9f9f9; min-width: 90px; display: block; padding: 10px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
  .click-tag {padding: 0 10px;}
  .tag-size {width: 10px; margin-right: 7px; text-align: center; display: inline-block;}
  .subs-row:hover, .subs-row-s:hover {background: #c0e9fb}
  .subs-row img {width: 16px; margin: 3px 5px 0 0; vertical-align: top; opacity: 0.8; display: inline-block;}
  .subs-row .sub {line-height: 15px; color: #999; margin-left: 25px; font-size: 0.95em}
  .subs-row-s {padding: 4px 20px; margin-left: -20px;}

  .ff-title {font-size: 1.66em; margin: 10px 0 10px 10px; max-width: 83%;}
  .f-icon {width: 50px; padding-right: 0px; display: inline-block; text-align: center; float: left; margin-top: 10px; margin-right: -10px; margin-left: 10px;}

  .topic-menu {margin-left: 10px;}
  .pager-r-m {text-align: right;}
  .pager-r-m .pager-cell {display: inline-block; padding-right: 50px;}
  .wide-55 {width: 55%;}
  .wide-500px {width: 500px;}

  .hnav {width: 24%; font-size: 1.1em; float: left; margin-right: 3%; margin-top: 15px;}
  .hnav-a a {display: block; background: #e7e7e7; padding: 10px; margin-bottom: 2px; color: #171717; text-decoration: none;}
  .hnav-a a:hover {background: #c0e9fb; color: #159}
  .hnav-a-sel a {display: block; background: #06b; padding: 10px; margin-bottom: 2px; color: #fff; text-decoration: none;}

  .root-forum-nav {display: inline-block; float: left; width: 19%; min-width: 190px; line-height: 33px; height: 33px; padding-right: 10px; font-size: 1.06em; margin: 0; font-weight: normal;}
  .root-forum-nav i {padding: 0 1em 0 1px;}
  .root-forum-nav a:hover, .subforum-nav a:hover {background: #c0e9fb; color: #159}
  .root-forum-nav a {color: #111; text-decoration: none; padding: 7px;}

  .subforum-nav {display: inline-block; float: left; line-height: 33px; height: 33px; padding-right: 10px; font-size: 1.06em; margin-right: 5px; margin-top: -2px;}
  .subforum-nav i {padding-right: 5px;}
  .subforum-nav a {color: #222; text-decoration: none; padding: 7px;}

  .post-in-block .title {font-size: 1em;}
  .post-in-block img {width: 16px; opacity: 0.5; margin: 0 5px -4px -5px;}
  .block-title {font-size: 1.1em; padding: 0 0 10px 0px}

  #reply-progress {width: 35px; margin-left: -35px; margin-top: 8px; display: none; float: left;}
  .reply-div-edit #reply-progress {float: right !important;}
  .uthread-fake #reply-progress {float: right !important;}

  .right-page-m {float: left; width: 73%;}
  .tbl-newfaqlist, .tbl-faqlist, .tbl-members {padding-right: 10px;}
  .tbl-members {padding-left: 10px;}
  .div-list {margin: 0 10px;}

  .root-r {width: 300px; float: right; margin-right: 10px;}

/*  img.emojione {transition: all 0.3s;}
  img.emojione:active {transform: scale(3); cursor: none;} */

  .row-ftopic td {padding: 5px 0 5px 0; height: 20px; line-height: 20px;}

  div.row-dlist {display: table-row;}
  div.div-td {display: table-cell; border-bottom: 1px solid #f0f0f0;}
  div.div-table, div.div-table-fixed {display: table;}

  .row-flist .t-title .title, .row-flist-grey .t-title .title {font-size: 1.05em; font-weight: normal;} 
  .t-title .t-subforum-i {padding-left: 10px;}

  .button-fb, .button-g, .button-v, .button-tw {height: 30px; line-height: 30px; padding: 0 20px; color: #fff;}
  .button-fb img, .button-g img, .button-v img, .button-tw img {height: 20px; vertical-align: top; margin-top: 4px; margin-right: 15px; opacity: 0.5 }
  .button-fb {background: #3b5998;}
  .button-fb:hover {background: #2b4988;}
  .button-g {background: #d34836;}
  .button-g:hover {background: #c33826;}
  .button-v {background: #45668e;}
  .button-v:hover {background: #35567e;}
  .button-tw {background: #38A1F3;}
  .button-tw:hover {background: #2891e3;}

  .tbl-root-topics table tr th {border-bottom: 1px solid #fff; vertical-align: top; padding-top: 8px; padding-bottom: 7px; line-height: 16px; background: #e5e5e2; font-weight: normal; font-size: 1.05em; text-align: left;}
  .tbl-root-topics table tr th img.icon {opacity: 0.25; width: 14px; width: 14px; margin-left: 10px;}
  .tbl-root-topics table tr.new {background: #f3f3d7;}
  .tbl-root-topics table tr.new:hover {background: #f5f5f2}
  .tbl-root-topics table tr:hover,
  .row-flist:hover {background: #f7f7f7;}
  .tbl-root-topics {width: 69%; float: left;}
  .tbl-root-topics .rgb {text-align: center; width: 34px;}
  .tbl-root-topics a.topic {padding: 9px 10px 8px 0 !important;}
  .tbl-root-topics img {width: 12px; margin: 0 0px -2px 0px;}

  /* hovers */
  .tbl-root-topics a:hover {color: #666;}

/*  tr.tr-pt-10w, .tr-pt-10w td {padding-top: 15px !important;}
  tr.tr-pb-10w, .tr-pb-10w td {padding-bottom: 15px !important;} */
  .row-flist-sub td {padding: 0px 0 0.5em 1em; background: #ebebe4; padding-top: 10px; border-bottom: 1px solid #fff;}
  .mlist-avatar {width: 50px; text-align: center;}

  .p-gal1 .g-th {height: 200px; width: 300px;}
  .p-gal2 .g-th, .p-gal3 .g-th, .p-gal4 .g-th {height: 130px; width: 195px;}
  .p-gal5 .g-th, .p-gal6 .g-th, .p-gal7 .g-th, .p-gal8 .g-th, .p-gal9 .g-th, .p-gal10 .g-th {height: 100px; width: 150px;}

  .p-gal1 .p-img-g {height: 200px;}
  .p-gal2 .p-img-g, .p-gal3 .p-img-g,
  .p-gal4 .p-img-g {height: 130px;}
  .p-gal5 .p-img-g, .p-gal6 .p-img-g, .p-gal7 .p-img-g, .p-gal8 .p-img-g, .p-gal9 .p-img-g,
  .p-gal10 .p-img-g {height: 100px;}

  #QUOTE .p-gal1 .g-th, #QUOTE .p-gal2 .g-th, #QUOTE .p-gal3 .g-th, #QUOTE .p-gal4 .g-th, #QUOTE .p-gal5 .g-th, #QUOTE .p-gal6 .g-th, #QUOTE .p-gal7 .g-th,
  #QUOTE .p-gal8 .g-th, #QUOTE .p-gal9 .g-th, #QUOTE .p-gal10 .g-th,
  .tdq .p-gal1 .g-th, .tdq .p-gal2 .g-th, .tdq .p-gal3 .g-th, .tdq .p-gal4 .g-th, .tdq .p-gal5 .g-th, .tdq .p-gal6 .g-th, .tdq .p-gal7 .g-th,
  .tdq .p-gal8 .g-th, .tdq .p-gal9 .g-th, .tdq .p-gal10 .g-th {height: 80px; width: 120px;}

  #QUOTE .p-gal1 .p-img-g, #QUOTE .p-gal2 .p-img-g, #QUOTE .p-gal3 .p-img-g, #QUOTE .p-gal4 .p-img-g, #QUOTE .p-gal5 .p-img-g, #QUOTE .p-gal6 .p-img-g,
  #QUOTE .p-gal7 .p-img-g, #QUOTE .p-gal8 .p-img-g, #QUOTE .p-gal9 .p-img-g, #QUOTE .p-gal10 .p-img-g,
  .tdq .p-gal1 .p-img-g, .tdq .p-gal2 .p-img-g, .tdq .p-gal3 .p-img-g, .tdq .p-gal4 .p-img-g, .tdq .p-gal5 .p-img-g, .tdq .p-gal6 .p-img-g,
  .tdq .p-gal7 .p-img-g, .tdq .p-gal8 .p-img-g, .tdq .p-gal9 .p-img-g, .tdq .p-gal10 .p-img-g {height: 80px;}

/*  .t-left-container {width: auto; display: table-cell; vertical-align: top; width: 80%;}
  .t-right-container {width: 200px; display: table-cell; vertical-align: top; padding: 18px 0px 0 30px;} */
  .t-left-container {vertical-align: top; float: left; width: 740px;}
  .t-right-container {vertical-align: top; float: right; width: 240px; padding-top: 0; padding-right: 10px;}
  .t-center-container {vertical-align: top; width: 600px; margin: 0 auto;}

  .yandex-adaptive, .topic-yandex-r, #fix-r {width: 240px; height: 400px;}

  .post-first {font-size: 1.1em; line-height: 1.35em; margin: 0 10px 20px 10px; padding-top: 20px; border-top: 1px solid #d9d9d9; width: 100%; word-wrap: break-word;}
  .post-first tbody {font-size: 1.1em; line-height: 1.35em;}
  .tt-container {padding-bottom: 20px;}

  .simple-page {width: 750px; margin: 10px 10px;}

  .post-div {font-size: 1.04em; margin: 0 10px 0 10px; width: 100%; padding-bottom: 20px;}
  .post-div .bar {min-height: 20px; line-height: 16px; vertical-align: middle; display: block; width: 100%; padding-top: 7px; padding-bottom: 3px; position: relative;}
  .post-div .post  {margin-left: 44px; margin-top: 10px; word-wrap: break-word; font-size: 1.03em; line-height: 1.4em;}
  .post-div .wtopic-post  {margin: 10px 0 0 0; padding: 0 10px; word-wrap: break-word; font-size: 1em;}
  .post-div .bar .date {font-size:  0.9em; white-space: nowrap;}

  .post-div .post_upop_inner {position:absolute;top:30px;left:0px;z-index:1000;}
  .post-div .upop-div, .first-upop .upop-div {min-width: 300px; min-height: 68px; background: #f7f7f7; padding: 12px 20px 7px 10px; font-size: 0.93em; border: 1px solid #e3e3e3;}
  .t-left-container .post-div .upop-div, .first-upop .upop-div {border-top: 0;}

  .first-upop .post_upop_inner {position:absolute;top:-30px;left:10px;z-index:10;}

  .pbar .bar .menu {margin-right: 5px; text-align: right;}
  .pbar .bar .menu .empty {width: 35px; display: inline-block;}
  .pbar .bar .menu a, .pbar .bar .menu i {color: #aaa; font-size: 0.85em; text-decoration: none; padding: 3px 5px; margin-right: 10px}
  .pbar .bar .menu a:hover {color: #171717; text-decoration: none;}
  .pbar .bar .menu a img.hide {opacity: 0.2;}
  .pbar .bar .menu a img {opacity: 0.4;}
  .pbar .bar .menu a:hover img {opacity: 0.8;}
  .pbar .bar .menu a:hover img.hide {opacity: 0.8;}
  .pbar .bar .menu img {width: 16px; margin-bottom: -4px;}
  .pbar .bar .menu img.hide, .pbar .bar .menu span.hide {display: none;}

  .ico-bar {height: 24px; line-height: 24px;}
  .ico-bar img {width: 16px !important; opacity: 0.4;}
  .ico-bar a {padding: 3px 5px; margin-right: 10px;}
  .ico-bar a:hover img {opacity: 0.8;}

  .post-div table {margin-left: 44px;}
  .post-div table.postpadfix {margin-left: 44px !important; max-width: 92%;}
  .post-div .postcolor {margin-left: 44px;} /* zomg fix! */

  .post-div .new-post {background: #f0f0e0; display: block; height: 35px; line-height: 35px; color: #995; max-width: 100%; text-align: left; padding-left: 39px; margin-top: 20px; border-left: 5px solid #ee7 }
  .t-menu ul.pager, .forum-submenu ul.pager {list-style: none; text-align: left; margin: 0; padding: 0;}
  .t-menu ul.pager li, .forum-submenu ul.pager li {display: inline-block; margin-left: 5px; font-size: 0.95em}
  .t-menu ul.pager li.sel, .forum-submenu ul.pager li.sel {background: #06b !important; color: #fff; padding: 0 6px; height: 28px; line-height: 28px; display: inline-block; min-width: 16px; text-align: center;}
  .t-menu ul.pager li a, .forum-submenu ul.pager li a {padding: 0 6px; height: 28px; line-height: 28px; display: inline-block; min-width: 16px; text-align: center;}
  .t-menu ul.pager li:hover a, .forum-submenu ul.pager li:hover a {background: #e8e8e8; color: #15b; text-decoration: none;}
  .t-menu ul.pager li a .dashed, .forum-submenu ul.pager li a .dashed {border-bottom: 1px dashed #06b;}
  .t-menu ul.pager li a:hover .dashed, .forum-submenu ul.pager li a:hover .dashed {border-bottom: 1px dashed #15b;}

  .name-container {max-width: 27%;}
  .name-container-new {max-width: 22%;}
  .name-name {float: left; margin-right: 10px;}
  .name-date {float: left;}
  .name-title {max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #555;}
  .name-title-new {max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #555;}

  .fl-m-lr {float: left;}

  .reply-input, .reply-input-small, .edit-input {vertical-align: middle; border: 1px solid #d9d9d9; outline: none; padding: 8px; font-size: 1.05em; line-height: 1.3em;}
  .reply-input:focus, .reply-input-small:focus, .edit-input:focus {border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;}
  .no-top-border:focus {border-top: 1px solid #d9d9d9 !important;}
/*  .reply-input:focus, .reply-input-small:focus, .edit-input:focus {border-left: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0;} */
  .reply-input {width: 100%; height:120px; background: #fff; resize: vertical; min-height: 120px;}
  .reply-input-small {width: 100%; height:70px; background: #fff; resize: vertical; min-height: 70px;}
  .edit-input {width: 100%; height:282px; background: #fff; resize: vertical;}
  .t-left-container .reply-div {margin-left: 54px; margin-right: -10px;}
  .t-left-container .reply-div-msg {width: 100%; margin-left: 10px;}

  #fixed-menu_ {position: fixed; left: 50%; right: 50%; bottom: 12px; display: none; opacity: 0.9; width: 1024px; margin-left: -290px; height: 35px; line-height: 35px; text-align: center; padding-right: 10px; z-index: 10000; pointer-events: none;}
  #fixed-menu {position: fixed; right: 0px; bottom: 17px; display: none; opacity: 0.8; width: 100%; margin-right: 20px; width: 32px; height: 32px; line-height: 32px; z-index: 900; pointer-events: none;}
  #fixed-menu div {pointer-events:auto; background: #f0f0f0; display: inline-block; height: 32px; width: 32px;}
  #fixed-menu img {opacity: 0.4; width: 16px; padding: 8px; margin-bottom: -8px;}
  #fixed-menu div:hover img, .nav-arrow a:hover img {opacity: 0.9;}
  #fixed-menu div:hover {background: #fff;}

  .nav-arrow img {opacity: 0.2; width: 16px; padding: 5px 5px; margin-bottom: -8px;}

  .fixed-block1 {width: 100%; position: fixed; top: 0; left: 0; height: 0; display: none;}
  .fixed-block2 {min-width: 1024px; max-width: 1024px; position:relative; text-align:left; margin-left:auto;margin-right:auto;}
  .fixed-block-inner {position: relative;}
  .fixed-r {width: 200px; display: block; vertical-align: top; padding-top: 18px; position: absolute; right: 10px; top: 20px; height: 400px;}

  .carlist {line-height: 1.2em; background: #e9e9e9; padding-left: 15px}

  /* dropdowms desktop */
  .dd-t {height: 50px; min-width: 50px; display: block;}
  .dd-t-in {margin-top: 12px; padding: 6px 0px 3px 5px; background: #d0d0d0; height: 20px;}
  .dd-t-in:hover {background: #c0c0c0;}

  .dd-u {height: 50px; min-width: 50px; display: inline-block; position: relative;}
  .dd-u-in {margin-top: -6px; padding: 6px 15px 2px 20px; height: 20px; margin-left: 20px;}

  .pbg-user .dd-u-in {background: #d0d0cb;}
  .pbg-user .dd-u-in:hover {background: #c0c0bd;}
  .pbg-banned .dd-u-in {background: #efc5b9;}
  .pbg-validate .dd-u-in {background: #e0e0aa;}

  .profile-top .controls {margin: 10px 0 0 85px; float: right; margin: 30px 10px -10px 0;}

  .preview-fix {padding-right: 10px; margin-left: -10px;}

  .grey2-button img, .button img, .red-button img, .green-button img  {width: 16px; height: 16px; vertical-align: middle; margin-right: 8px; margin-top: -2px;}
  .grey-button img, .grey-button a img, .border-nobutton img, a.border-nobutton img, .no-button img, .grey0-button img, .grey1-button img, .grey1-button a img, .border-button img  {width: 16px; vertical-align: middle; margin-right: 8px; opacity: 0.6; margin-top: -2px}

  .m-13p {width: 13% !important; display: inline-block;}
  .m-14p {width: 14% !important; display: inline-block;}
  .m-18p {width: 18% !important; display: inline-block;}
  .m-20p {width: 20% !important; display: inline-block;}
  .m-23p {width: 23% !important; display: inline-block;}
  .m-25p {width: 25% !important; display: inline-block;}
  .m-27-5p {width: 27.5% !important; display: inline-block;}
  .m-30p {width: 30% !important; display: inline-block;}
  .m-30-5p {width: 30.4% !important; display: inline-block;}
  .m-40p {width: 40% !important; display: inline-block;}
  .m-48p {width: 48% !important; display: inline-block;}
  .m-50p {width: 50% !important; display: inline-block;}
  .m-56p {width: 56% !important; display: inline-block;}
  .m-62p {width: 62% !important; display: inline-block;}
  .m-75p {width: 75% !important; display: inline-block;}
  .m-78p {width: 78% !important; display: inline-block;}
  .m-80p {width: 80% !important; display: inline-block;}
  .m-pr-5p {padding-right: 4.5%;}
  .m-pr-2p {padding-right: 1.4%;}
  .mtw-20 {margin-top: 20px !important;}
  .mlw-10 {margin-left: 10px;}
  .mt-20-m15 {margin-top: 20px;}
  .ml-30-m20 {margin-left: 30px;}
  .pr-w50 {padding-right: 50px !important;}
  .ml-w30 {margin-left: 30px;}
  .mr-w20 {margin-right: 20px;}
  .pl-30-m-ta-center {padding-left: 30px;}
  .pl-10w {padding-left: 10px !important;}

  .login-page {padding-top: 5%;}
  .reg-page {padding: 3%; background: #e5e5e5; margin-top: 3%;}
  .reg-page .left {width: 360px;}
  .wide-r-50 {float: right; width: 40%; padding-left: 9.5%}
  .wide-l-50 {float: left; width: 40%; padding-right: 9.5%;}
  .wide-l-30 {float: left; width: 30%; padding-right: 50px; max-width: 380px;}
  .wide-r-30 {float: left; width: 38%; padding-left: 65px}
  .wide-l-b {border-left: 1px solid #ccc;}
  .wide-r-b {border-right: 1px solid #ccc;}
  .wide-height-35p {height: 35px;}
  .center-w50 {width: 50%;}

  .connect-button-off, .connect-button-wait {padding: 5px 20px; width: 200px; margin-top: 15px; color: #333; text-decoration: none !important; display: inline-block;}
  .connect-button-off {background: #ddd;}
  a.connect-button-off:hover {background: #ccc; color: #000;}
  .connect-button-wait {background: #e9e9db;}
  .connect-button-wait:hover {background: #dbdbd0; color: #000}
  .connect-button-ok {padding: 5px 20px; width: 200px; margin-top: 15px; color: #333; display: inline-block; background: #d3f0a9;}

  .profile-top-ava {height: 50px; width: 50px; display: block; float: left; margin: 9px 19px -1px 19px; background: #f7f7f7; border-radius: 50%; padding: 6px;}
  .user-name-h1 h1 {font-size: 1.9em;}
  div.user-name-h1 {margin-top: 15px;}
  .profile-all-desc {margin-top: 5px; font-size: 1.05em;}
  .user-info-bar .row {display: inline-block; margin-right: 20px; margin: 0 20px 10px 0;}
  .user-info-bar {padding-top: 0 !important;}

  .user-info-bar .mod-icons {display: inline-block; position: absolute; right: 5px; bottom: 6px;}
  .user-info-bar .mod-icons a {margin-left: 10px;}
  .user-info-bar .mod-icons img {width: 18px; opacity: 0.2; padding: 0 5px;}
  .user-info-bar .mod-icons a:hover img {opacity: 0.7}

  .profile-r {padding: 0 10px 15px 0; width: 70%; float: right; margin-right: 10px;}
  .profile-l {width: 25%; vertical-align: top; padding: 0 0 0 10px; float: left;}
  .profile-block {padding: 10px 0 10px 10px; background: #e7e7e5; margin-bottom: 25px;}
  .profile-modcomment {padding: 10px 0 10px 10px; background: #eeb; margin-bottom: 25px;}
  .profile-block-about {background: #f6f6f6 !important; border-left: 3px solid #e0e0db; padding: 10px 0 10px 10px; margin-bottom: 25px;}

  .search-r {padding-right: 10px; width: 73%; float: right; margin-right: 10px;}
  .search-l {width: 240px; vertical-align: top; padding: 0 0 0 10px; float: left;}

  .t-left-container .search-input, .search-r .search-input {width: 50%;}
  .t-left-container .search-button {width: 13%;}

  .t-center-container .search-input {width: 80%;}
  .t-center-container .search-button {width: 20%;}

  .tsearch .search-input, .profile-l .search-input {width: 82%;}
  .tsearch .search-button, .profile-l .search-button {width: 18%;}
  .tsearch .search-input {border-radius: 0; background: #e9e9e9; border: 1px solid #e9e9e9; border-right: 0; padding: 0 0 0 10px;}
  .tsearch .search-button {border-radius: 0; background: #e9e9e9; border: 1px solid #e9e9e9; border-left: 0;}
  .tsearch .search-button img {opacity: 0.3;}
  .tsearch {margin-bottom: -28px; margin-top: 28px;}
  .usearch .search-input {padding-left: 10px;}

  .searchable-forums {width: 63%; margin-top: 5px; height: 280px; border: 1px solid #e0e0e0; padding: 5px 0; outline: none; background: #f7f7f7}
  .searchable-forums option {padding: 1px 10px; font-size: 0.95em}
  .t-center-container .searchable-forums {width: 100%;}

  .karma .vneg:hover img, .karma .vpos:hover img {opacity: 0.6;}

  .login-popup {background: #f0f0f0; width: 660px; height: 360px; padding: 0px 0px; margin: 0 auto; border: 1px solid #fff; display: block;}

  .upload_picture {display: inline-block;}
  .upload_picture img {height: 200px; max-width: 100%;}
  .upload_picture .blank {width: 250px; height: 130px; background: #ccc;}
  .g-recaptcha {-webkit-transform:scale(.77);-moz-transform:scale(.77);-ms-transform:scale(.77);-o-transform:scale(.77);transform:scale(.77);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
  .m_postmenu {display: none !important;}
  .mod_panel {width: 100%; background: #e9e9e7; margin: -10px 0 0 10px;}
  .mod_panel div {font-size: 0.98em; display: inline-block;}

  .gar-gal-over {width: 100%; overflow: hidden;}
  .car-gal {width: 100%; padding: 0; margin: 20px 0 0 10px;}
  .car-block {width: 23%; margin: 0 2% 40px 0; display: block; overflow: hidden; min-height: 250px;}
  .car-block .ins {padding: 10px; background: #fff;}
  .car-block .ins .title {font-size: 1.05em; float: left; padding-top: 5px; max-width: 85%; font-weight: bold;}
  .car-block .bar {color: #aaa; font-size: 0.95em; height: 14px; line-height: 14px; margin-top: 7px;}
  .car-block .bar img {width: 13px; opacity: 0.25; margin: 0 3px -2px 0;}

  .car-top-ava {height: 24px; margin: 7px 3px 0 12px;}

  .incar-gal {margin-top: 10px;} 

  .car-top-img {width: 47.7%; height: 260px; overflow: hidden; position: relative;}
  .car-top-img img.thu {position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

  .car-thumb {width: 15.5%; height: 105px; float: left; margin: 0 1% 10px 0; overflow: hidden; position: relative; border-radius: 2px;}
  .car-thumb img.thu {width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

  .car-text {margin: 20px 10px 0 10px; font-size: 1.1em  }
  .car-r {width: 47.5%; background: #e7e7e5; float: left; height: 240px; padding-top: 20px; margin-left: 0.9%; padding-right: 0.2% }
  .car-l {width: 400px;  background: #e7e7e5; float: left; padding-bottom: 20px; padding-left: 25px; padding-top: 20px;}
  .car-r .ico-bar, .car-l .ico-bar {position: absolute; top: 25px; right: 10px;}

  .car-info tr, .car-info td {font-size: 1.03em; padding: 1px 0;}
  .car-info .left {padding: 0 30px 0 20px; color: #777;}

  .car-up-btn {margin: 25px 0 10px 20px;}
  .car-up-btn .green-button {margin-right: 15px;}
  .car-up-btn .progress {position: absolute; top: 7px; left: 150px;}
  .photo-container {padding: 5px 0; margin: 0;}
  .m-autopic img {height: 400px !important; width: auto !important; margin: 0 auto;}
  .rl-icon-r, .rl-icon-l {opacity: 0.2; filter: alpha(opacity=10); z-index: 1; position: absolute;}
  .rl-icon-r img {width: 55px; padding: 50px 8px 50px 50px;}
  .rl-icon-l img {width: 55px; padding: 50px 50px 50px 8px;}
  .rl-icon-r:hover, .rl-icon-l:hover {opacity: 0.7; filter: alpha(opacity=30); cursor: pointer;}
  .rl-icon-top12 {top: 40%;}
  .ph-ava {margin-top: 18px; margin-right: 5px;}

  .ph-left {padding-left: 20px; width: 700px !important;}
  .ph-left .reply-input {height: 110px;}
  .ph-left .likes {margin: 5px 0 0 55px; line-height: 1.5em; min-height: 23px;}
  .ph-like img {width: 20px; height: 20px; line-height: 20px; margin-right: 8px; margin-bottom: -5px;}
  .ph-r-container {width: 320px; margin-top: 49px; float: right;}

  .reply_bar {height: 16px; background: #e7e7e7; line-height: 16px; padding: 6px 0;}
  .reply_bar a {height: 16px; padding: 6px 9px;}
  .reply_bar a img {opacity: 0.25; height: 16px;}
  .reply_bar a:hover img {opacity: 1;}
}
@media only screen and (min-width: 1224px) AND (max-width: 1439px) {

  /* desktop 1/2 1389 */

  #container-white, #header-container, #top-menu-inner, .container-black, #footer-over, .inpage-wide {min-width: 1024px; max-width: 1340px;}
  #header-over, #top-menu {min-width: 1024px;}
  #header-container, #top-menu-inner, #container-white, .fixed-block-inner, .container-black, #footer-over, .inpage-wide {margin: 0; width: 84%; margin: 0 auto;}
  body {overflow-x: hidden;}

  .t-left-container {width: 73%;}
  .t-right-container {width: 240px;}

  .car-top-img {height: 280px;}
  .car-r {height: 260px;}

/*  .yandex-adaptive, .topic-yandex-r, #fix-r {width: 240px; height: 400px;} */

  #fixed-menu div {background: transparent;}

  .fixed-block1 {width: 100%; position: fixed; top: 0; left: 0; height: 0; display: none;}
  .fixed-block2 {min-width: 1024px; max-width: 1340px; position:relative; text-align:left; margin-left:auto;margin-right:auto;}
  .fixed-block-inner {position: relative;}
  .fixed-r {width: 240px; display: block; vertical-align: top; padding-top: 18px; position: absolute; right: 5px; top: 20px; height: 400px;}

  .m-autopic img {height: 500px !important; width: auto !important; margin: 0 auto;}

}
@media only screen and (min-width: 1300px) AND (max-width: 1439px) {

  /* semi w2 */

  .show-w2 {display: inline-block !important;}
  .show-w2t {display: table-cell !important;}
  .t-title .t-subforum {display: none;}
  .search-r {width: 74%;}
  .name-container {max-width: 25%;}
  .name-container-new {max-width: 24%;}

}
@media only screen and (min-width: 1440px) {

  /* desktop2 1390 wide */
 
  #container-white, #header-container, #top-menu-inner, .container-black, #footer-over, .inpage-wide {min-width: 1340px; max-width: 1340px;}
  #header-over, #top-menu {min-width: 1340px;}
  body {overflow-x: hidden;}
  .forum-r-cell {width: 45%;}

  .show-w2, .show-w2-full {display: inline-block !important;}
  .show-w2t {display: table-cell !important;}
  .t-title .t-subforum {display: none;}

  .search-r {width: 77%;}

  .logbook-table {width: 1320px}

  .root-forum-nav {width: 15% !important; min-width: 190px !important} /* was 15% / 19 */
  .t-left-container {width: 73%;}
  .t-right-container {width: 300px;}

  .yandex-adaptive, .topic-yandex-r, #fix-r {width: 300px; height: 500px;}

  .name-title {max-width: 380px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
  .name-title-new {max-width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
  .name-container, .name-container-new  {max-width: 380px;}

  #fixed-menu div {background: transparent;}
  .fixed-block1 {width: 100%; position: fixed; top: 0; left: 0; height: 0; display: none;}
  .fixed-block2 {min-width: 1340px; max-width: 1340px; position:relative; text-align:left; margin-left:auto;margin-right:auto;}
  .fixed-block-inner {position: relative;}
  .fixed-r {width: 300px; display: block; vertical-align: top; padding-top: 18px; position: absolute; right: 10px; top: 20px; height: 400px;}

  .tbl-root-topics {width: 73%; float: left;}
  .root-r {width: 300px; float: right}

  .incar-gal {margin-top: 20px;}
  .car-top-img {width: 640px; height: 340px; padding: 0;}
  .car-thumb {width: 200px; height: 115px; float: left; display: block; margin: 0 20px 20px 0; background: #fff; overflow: hidden; position: relative;}
  .car-thumb img.thu {width: 100%; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
  .car-r {width: 640px; float: left; margin-left: 20px; height: 320px; padding-right: 0;} 
  .m-autopic img {height: 600px !important; width: auto !important; margin: 0 auto;}
/*  .rl-icon-top12 {top: 345px;} */
}
@media only screen and (min-width: 1124px) {

  #header-over, #top-menu {z-index: 1000;}
  /* bigger scroller */
  
  #fixed-menu.scroller2 {position: fixed; left: 0px; top: 0px; z-index: 900; height: 100%;}
  #fixed-menu.scroller2 div {pointer-events:auto; background: transparent; display: block; height: 100%; width: 46px;}
  #fixed-menu.scroller2 img {opacity: 0.3; width: 16px; position: absolute; bottom: 35px; left: 15px; padding: 0;}
  #fixed-menu.scroller2 div:hover img {opacity: 0.9;}
  #fixed-menu.scroller2 div:hover {background: #e3e3e1;}   
}
@media only screen and (min-width: 1800px) {

  /* add frames */

  #container-white, #footer, .wide-cut {min-width: 1400px; max-width: 1400px;}
  #footer, .wide-cut {margin: 0 auto;}
  #wrapper {padding-left: 30px; padding-right: 30px; background: #f0f0f0; padding-bottom: 30px; margin-bottom: 0px;}
  body {background: #c0c8cf;}  
  #container-over2 {background: #f0f0f0; max-width: 1400px; margin: 0 auto; min-height: calc(100% - 141px);}
}

a.div-more-i {background: #111; width: 100%; height: 100%; font-size: 2.5em; display: block; color: #e0e0e0; text-decoration: none; padding: 0; margin: 0;} 
a.div-more-i:hover {color: #fff;}
a.div-more-i:hover img {opacity: 0.2;}
.div-more-i .count {position: absolute; z-index: 10; top: 38%; left: -2%; text-align: center; width: 100%; height: 100%;}
a.div-more-i img {opacity: 0.3;}

.search-help-box div {margin-bottom: 5px;}
.search-help-box .shelp {color: #03b; font-weight: 500;}

.text-bg1 {background: #e3e3e3;}

.board-cat {background: #e8e8e8; color: #999; cursor: pointer; user-select: none;}
.new-post-after {height: 10px; width: 100%;}

.car-block {float: left;}
.car-block img {width: 100%; height: auto; margin-bottom: 5px;}

.edit-topic label, label.grey-label, .grey-label {font-size: 0.95em; color: #777; vertical-align: bottom;}

.carlist .row {height: 50px; width: 280px; display: inline-block; margin: 15px 10px 15px 0}
.carlist .row .name {width: 190px;}
.carlist .row .th {height: 50px; width: 75px; overflow: hidden; display: block; margin-right: 0px;}
.carlist .row .th img {height: 50px; margin-left: 0; display: block;}

.connect-button-over {display: block; position: relative;}
.connect-del {position: absolute; top:0px; right: 5px; color: #9a9; padding: 5px; text-decoration: none;}
.connect-del:hover{color: #000}
.connect-button-ok {position: relative;}

.fixed-r {background: #e6e6e6;}

.karma {height: 29px; line-height: 29px; font-size: 1.4em; margin-top: -5px;} 
.karma .pos {color: #555;}
.karma .neg {color: #a66;}
.karma .neu {color: #aaa;}
.karma .vneg, .karma .vpos {width: 32px; display: inline-block;}
.karma .vneg img, .karma .vpos img {opacity: 0.2; height: 16px; margin: 0 8px -2px 8px;}
.karma .active img {opacity: 0.6 !important;}

.pbar .bar .ava {padding-top: 3px; height: 24px; line-height: 24px; vertical-align: top; margin-top: -7px;}
.pbar .bar .rating .num {display: inline-block; min-width: 30px; text-align: center;}
.pbar .bar .rating .pos {color: #290}
.pbar .bar .rating .bg {font-weight: bold;}
.pbar .bar .rating .neg {color: #c66}
.pbar .bar .rating .zero {color: #999}
.pbar .bar .rating .vpos, .pbar .bar .rating .vneg {width: 25px; display: inline-block;}
.pbar .bar .rating .vpos img.hide, .pbar .bar .rating .vneg img.hide {width: 16px; opacity: 0.2; margin-bottom: -4px; display: none;}
.pbar .bar .rating .vpos img.nohide, .pbar .bar .rating .vneg img.hide {width: 16px; opacity: 0.2; margin-bottom: -4px;}
.pbar .bar .rating .vpos img, .pbar .bar .rating .vneg img {width: 16px; opacity: 0.6; margin-bottom: -4px;}
.pbar .bar .rating .vpos a:hover img, .pbar .bar .rating .vneg a:hover img {opacity: 0.8;}
.pbar .bar .ico {width: 14px; margin: 0px 4px -2px 0; opacity: 0.3;}
.pbar .bar .dd img {width: 14px; margin: 0 0 -3px 3px; opacity: 0.2;}
.pbar .bar img.unseen  {opacity: 1;}
.post-first .chains {font-size: 0.85em; margin-top: 0.8em;}
.post-first .chains td {vertical-align: top}
.post-first ul, .post ul, .wtopic-post ul {padding-left: 16px;}

.del-icon {width: 30px; text-align: center;}
.del-icon a {padding: 10px !important; color: #ccc !important; text-decoration: none;}
.del-icon a:hover {color: #000 !important; text-decoration: none !important;}

.center-text {margin: 0 auto; text-align: center; width: 100%;}

.profile-partner {background: #d0efd5; color: #171717;}
.profile-partner {padding: 10px; margin-bottom: 25px;}
.topic-badge {background: #c8e5c7; max-width: 100%; padding: 50px 10px; margin-bottom: 20px; text-align: center; border-top: 20px solid #b8d5b7; color: #284527}

.name-container, .name-container-new {min-height: 42px; line-height: 18px; padding-top: 7px; padding-bottom: 0px; margin-left: 8px;}

.nocolor {background: #e3e3e3;}
.mycolor {background: #d0e3ef;} /* #85909f */
.tocolor {background: #d2e3c5;} /* #859f84 */

.topic-title {font-size: 1.3em; margin-bottom: 0em;}
.topic-title .title h1 {font-size: 1.2em; margin: 10px 10px 6px 10px; max-width: 100%; line-height: 1em; font-weight: normal; word-wrap: break-word;}
.topic-title .title h1 img {width: 24px; margin: -2px 2px -6px -6px; padding: 0; opacity: 0.7}
.topic-title .tnav  {font-size: 0.79em; line-height: 1em; min-height: 1em; margin-left: 10px;}
.topic-title .tnav, .topic-title .tnav a {color: #555; text-decoration: none;}
.topic-title .tnav a:hover {color: #777; text-decoration: underline;}
.topic-title .tnav i {width: 10px; height: 10px; display: inline-block; margin-right: 3px;}
.topic-title .tnav img  {width: 14px; vertical-align: top; margin: -2px 3px 0 0; opacity: 0.3;}

.t-menu-count, .t-menu-count-new {height: 37px; text-align: center; padding-top: 11px; text-decoration: none; line-height: 15px;}
.t-menu-count i, .t-menu-count-new i {font-style: normal; color: #333; padding: 2px 4px; font-size: 1.1em; margin-bottom: -2px;}
.t-menu-count-new i {color: #670; background: #e5d584; padding: 2px 8px;}
.t-menu-count span, .t-menu-count-new span {color: #999; font-size: 0.85em;}

.dd-ico {width: 16px;margin-right: 8px;}

.t-poll-block {padding: 10px 30px 10px 3%; background: #e7e7e7; border-left: 5px solid #169; margin-bottom: 20px;}
.t-poll-block table tr, .t-poll-block table td {height: 16px; line-height: 16px; padding: 4px 0;}

.post-div .new-post a {color: #995; text-decoration: none; padding: 10px 12px}

.post-div .del-img, .post-first .del-img {color: #aaa;}

.tbl-root-topics table tr td {border-bottom: 1px solid #fff; vertical-align: top; padding-top: 9px; padding-bottom: 8px; line-height: 16px; font-size: 1em }
.tbl-root-topics table tr.last td {border-bottom: 1px solid #f0f0f0 !important; vertical-align: top; padding-top: 9px; padding-bottom: 8px; line-height: 16px; font-size: 1em }
.tbl-root-topics a {color: #000;}
.root-t-icon {text-align: center; width: 16px; padding-right: 6px;}
.tbl-root-topics-last {height: 5px; border-bottom: 1px solid #f0f0f0;}

.root-r-box {padding: 10px; background: #e9e9e9; margin-bottom: 1em;}
.root-stats {line-height: 1.5em; font-size: 0.95em; background: #e5e5e0; padding: 10px 0 10px 15px; margin-bottom: 1em; position: relative;}
.root-contacts {background: #f6f6f6; margin-top: -13px; padding: 15px 0 5px 10px; border: 1px solid #e5e5e0; border-top: 0;}

.topic-r-box {background: #e9e9e9; padding: 10px 10px 10px 15px; margin-bottom: 2em;}

.people-search input:focus, .forum-search input:focus {background: #ffd; outline: none; appearance: none;}
.people-search input:focus::-webkit-input-placeholder, .forum-search input:focus::-webkit-input-placeholder {color: #aa7}

.no-outline {outline: none;}

/* old emos */

.emo-click {width: 45px; height: 40px; float: left; line-height: 30px; text-align: center;}
.emo-click a img {width:auto !important; height:auto !important; opacity: 0.8 !important;}
.emo-click a:hover img {opacity: 1 !important;}
.emo-click a {border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center;}

/* new emos */

.epop_reply_post, .epop_reply_msg {position: absolute; top: -174px; left: 45%; z-index: 2;} /* main container topic reply */
.epop_reply_post #em_scroll, .epop_reply_msg #em_scroll {width: 100%; height: 173px; overflow-y: scroll; background: #f9f9f9; border: 1px solid #e7e7e7; margin-left: -2px;}
.epop_edit_post, .epop_edit_cpost {position: absolute; top: 0; right: -235px;} /* main container edit post/topic */
.epop_edit_post #em_scroll, .epop_edit_cpost #em_scroll {width: 215px; height: 308px; overflow-y: scroll; background: #f9f9f9; border: 1px solid #e7e7e7; margin-left: -2px;}

.em_list {padding-left: 2px;}
.em_list div.e {width: 34px; height: 34px; display: block; float: left;}
.em_list div.e:hover {border-radius: 50%; background: #ffc; cursor: pointer;}
.em_list div.e img {width: 20px; height: 20px; margin: auto; padding: 7px;}

.epop_reply_post .cats, .epop_reply_msg .cats {position: absolute; top: 0; left: -32px; width: 32px; background: #f0f0f0; height: 173px; border: 1px solid #e7e7e7} 
.epop_edit_post .cats, .epop_edit_cpost .cats {position: absolute; top: 0; right: -33px; width: 32px; background: #f0f0f0; height: 173px; border: 1px solid #e7e7e7;}
.epop_reply_post .cats .cat a, .epop_reply_msg .cats .cat a, .epop_edit_post .cats .cat a, .epop_edit_cpost .cats .cat a {padding: 0; margin: 0;} 
.epop_reply_post .cats .cat img, .epop_reply_msg .cats .cat img, .epop_edit_post .cats .cat img, .epop_edit_cpost .cats .cat img {width: 16px; padding: 4px 7px 0 8px;} 

.emo-cat-name {font-size: 1.15em; padding: 7px 0 7px 7px; border-bottom: 1px solid #e0e0e0; color: #555; margin: 5px 0;}

/* profile */

.pbg-user {background: #e0e0db;}
.pbg-validate {background: #f0f0ba;}
.pbg-banned {background: #ffd5c9;} 
.pbg-user .user-info-bar, .ib-user {background: #e0e0db;} /* d5d5d0 e0e0db */
.ib-validate {background: #f0f0ba;}
.ib-banned {background: #ffd5c9;} 

.user-info-bar {padding: 10px 10px 0 10px;}
.user-info-bar .user {background: #d9d9d3;}
.user-name-h1 h1 {font-weight: normal; padding: 0; margin: 0; min-height: 20px; line-height: 24px; color: #444;}

.letter-ava div {text-align: center; vertical-align: middle; display: block; color: #fff; opacity: 0.7; margin: auto;}

/* ajax hnav (faq) */

.hnav_pop_inner {position:absolute;top:0px;left:10px;z-index:100; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
#hnav_pop {position: relative;}
.hnav-ajax {padding: 2px 8px 2px 10px; background: #06b; height: 30px; line-height: 30px; font-size: 1.06em; margin-top: 0; position: relative; margin: 0 10px; color: #fff }
.hnav-ajax i {font-size: 15px; font-style: normal; display: inline-block; margin: -5px 5px 0 5px} 

.ajax-hnav-list {padding: 6px 15px 7px 16px; background: #fefefe; min-width: 130px; display: block;}
.ajax-hnav-list i {padding-right: 14px;}

.t-tags, .t-desc {font-size: 0.9em; color: #999 !important;}
.t-tags a, .t-desc a {color: #999 !important;}

/* search-menu */

.search-menu {border: 1px solid #e0e0d5; background: #f9f9f9;}
.search-menu .col {max-width: 100%; font-size: 1.1em; height: 36px; line-height: 36px;}
.search-menu .col a {text-decoration: none; max-width: 100%; height: 100%; display: block; color: #333; text-decoration: none;}
.search-menu .col a:hover {text-decoration: none; background: #f9f9e3}

/* stuff */

.bold {font-weight: bold;}
.fl-l, .float-l {float: left;}
.fl-r, .float-r {float: right;}
.clr {clear: both;}
.ta-r {text-align: right;}
.ta-l {text-align: left;}
.p-5 {padding: 5px;} 
.p-10 {padding: 10px;}
.pl-5 {padding-left: 5px !important;}
.pl-8 {padding-left: 8px !important;}
.pl-7 {padding-left: 7px !important;}
.pl-10 {padding-left: 10px !important;} 
.pl-12 {padding-left: 12px !important;}
.ml-12 {margin-left: 12px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-50 {padding-left: 50px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}
.pt-3 {padding-top: 3px !important;}
.pt-4 {padding-top: 4px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pv-1 {padding-top: 1px !important; padding-bottom: 1px !important;}
.pb-3 {padding-bottom: 3px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-7 {padding-bottom: 7px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.mr-0 {margin-right: 0 !important;}
.mr-5 {margin-right: 5px !important;}
.mr-6 {margin-right: 6px !important;}
.mr-7 {margin-right: 7px !important;}
.mr-8 {margin-right: 8px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.ml-2 {margin-left: 2px !important;}
.ml-3 {margin-left: 3px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-8 {margin-left: 8px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-3 {margin-right: 3px !important;}
.mr-30 {margin-right: 30px !important;}
.ml-50 {margin-left: 50px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-3 {margin-top: 3px !important;}
.mt-4 {margin-top: 4px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.nowrap {white-space: nowrap;}
.cut-line {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.blue {color: #069;}
.green0 {color: #494;}
.grey {color: #777;}
.grey1, .grey1 a {color: #999;}
.grey1 a:hover {color: #555; text-decoration: underline !important;}
.grey2, .grey2 a {color: #bbb;}
.grey2 a:hover {color: #777; text-decoration: underline !important;}
.red1, .red1 a, a.red1 {color: #b66 !important;}
.red1 a:hover, a.red1:hover {color: #955 !important; text-decoration: underline !important;}
.hidden, .slider {display: none;}
.fs-0-85  {font-size: 0.85em;}
.fs-0-9  {font-size: 0.9em;}
.fs-0-95 {font-size: 0.95em;}
.fs-1-05  {font-size: 1.05em;}
.fs-1-1  {font-size: 1.1em;}
.fs-1-2  {font-size: 1.2em;}
.fs-1-3  {font-size: 1.3em;}
.pointer {cursor: pointer;}
.cur-def, .pdate {cursor: default;}
.cur-alias {cursor: alias !important;}
.opa-20 {opacity: 0.2;}
.opa-30 {opacity: 0.3;}
.opa-40 {opacity: 0.4;}
.opa-50 {opacity: 0.5;}
.opa-60 {opacity: 0.6;}
.opa-70 {opacity: 0.7;}
.opa-80 {opacity: 0.8;}
.breakw {word-wrap: break-word;}
.relative {position: relative;}
.lh-16 {height: 16px; line-height: 16px; vertical-align: top;}
.lh-18 {height: 18px; line-height: 18px; vertical-align: middle;}
.bg-l1-x550 {background: #e5e5e0;}
.bg-l1-x999 {background: #e9e9e9;}
.bg-noimg {background: #b8b8b6;}

.ico-16 img {width: 16px; height: 16px; opacity: 0.4; vertical-align: middle; margin-bottom: 3px;}
.ico-16-h img {width: 16px; height: 16px; opacity: 0.2; vertical-align: middle; padding: 3px;}
.ico-16-h:hover img {opacity: 0.8; cursor: pointer}
.partner-forum-up {width: 35%; background: #ebebeb; border-left: 5px solid #bdb; height: 31px; line-height: 31px; padding: 0 10px; margin: 4px 20px 0 0}

.hover-a-i-0-9:hover img {opacity: 0.9 !important}
.hover-a-i-0-8:hover img {opacity: 0.8 !important}

label.checkbox-label input[type=checkbox]{ position: relative; vertical-align: middle; bottom: 1px; }
label.radio-label input[type=radio]{ position: relative; vertical-align: middle; margin-top: -2px }

.bg-ddd {background: #ddd;}
.bg-999 {background: #999;}
.bg-169 {background: #169;}

.hnav-th {padding-left: 10px;}
.nav {font-size: 1.1em; float: left; text-align: center;}

.yellow-circle {display: inline-block; margin: 0 auto; text-align: center; color: #775;}
.yellow-circle, .notify-yellow {background: #f2f0a8;}
.s24 {width: 24px; height: 24px; line-height: 24px; font-size: 0.9em}
.s30 {width: 30px; height: 30px; line-height: 30px; font-size: 1em}

.hidden_title {cursor: pointer;}
.hidden_title img {height: 16px; width: 16px; margin: 0 0 -3px 5px; opacity: 0.3;}
.post-hidden {display: none; margin-top: 10px;}

.w100 {width: 100%;}
.w15px {width: 15px;}
.miw10px {min-width: 10px;}
.miw70px {min-width: 70px;}
.miw130px {min-width: 130px;}
.clean-tbl {border-spacing: 0;border-collapse: separate;}
.a-color {color: #4d83ad;}

/* flist */

.div-list {max-width: 100%; display: block;}
.div-list .menu-row {width: 100%; padding: 8px 0; height: 28px;}
.div-list .row {width: 100%; border-bottom: 1px solid #fff; padding: 8px 0; display: block;}
.div-list .cell {float: left; min-height: 16px; vertical-align: top; padding: 3px 0;}
.div-list .cell-img {float: left; height: 16px; line-height: 16px; vertical-align: top; margin-top: 4px;}
.div-list .cell-img-24 {float: left; height: 24px; line-height: 24px; vertical-align: top; margin-top: 8px;}

.div-list .row-bg {background: none;}
.div-list .row-bg-yellow {background: #efefd0;}
.div-list .row-bg-green {background: #d8efd8;}

.table-bt-white tr:first-child td {border-top: 1px solid #fff;}

#expand-icon {position: absolute; top: 10px; right: 10px;}
#expand-icon img {width: 16px; margin: -5px -4px -9px 0; opacity: 0.3; padding: 5px; cursor: pointer;}
#expand-icon:hover img {opacity: 0.6;}

.va-top {vertical-align: top;}
.va-middle {vertical-align: middle !important;}
.row-flist td, .row-flist-green td, .row-flist-grey-nohover td, .row-flist-red td, .row-flist-yellow td, .row-flist-blue td {padding: 9px 0 8px 0; border-bottom: 1px solid #fff; height: 24px; line-height: 16px;}
.row-flist-grey td {padding: 9px 0 8px 0; border-bottom: 1px solid #efefef; height: 24px; line-height: 16px;}

.flist-thin td {padding-top: 3px !important; padding-bottom: 2px !important}

.row-flist a, .row-flist-green a, .row-flist-red a, .row-flist-yellow a, .row-flist-grey a, .row-flist-blue a, .row-flist-grey-nohover a {text-decoration: none; padding: 0; color: #171717}
.row-flist a:hover, .row-flist-green a:hover, .row-flist-red a:hover, .row-flist-yellow a:hover, .row-flist-grey a:hover, .row-flist-blue a:hover {text-decoration: underline; padding: 0; color: #555; background: transparent}

.row-flist-th th, .hnav-th {font-weight: normal; color: #999; font-size: 0.85em; border-bottom: 1px solid #fff; padding: 5px 0 5px 0; background: #e7e7e7; text-align: left;}

.row-flist-green {background: #e0f2e0;}
tr.row-flist-green:hover {background: #d0e5d0;}

.row-flist-blue {background: #DEE9EF;}
tr.row-flist-blue:hover {background: #cEd9dF;}

.row-flist-grey {background: #e0e0db;}
tr.row-flist-grey:hover {background: #d7d7d2;}

.row-flist-grey-nohover {background: #e0e0db;}

.row-flist-red {background: #ffe2e0;}
tr.row-flist-red:hover {background: #efd2d0;}

.row-flist-yellow {background: #efefd0;}
tr.row-flist-yellow:hover {background: #e9e9cb;}

.t-ico2 {opacity: 0.9;}

.row-flist .t-icon,
.row-flist-yellow .t-icon,
.row-flist-grey .t-icon {width: 50px; font-size: 0.9em; text-align: center;}

.div-list .cell-img img,
.row-flist .t-icon img,
.row-flist-yellow .t-icon img,
.row-flist-grey .t-icon img {width: 16px; height: 16px; margin: 0 0 -3px 0px;}

.t-subforum-i {padding-right: 6px;}
.f-chevron {width: 16px; opacity: 0.3; padding: 6px 8px 6px 0; margin-bottom: -4px;}
.r-chevron {width: 16px; opacity: 0.3; padding: 6px 7px 6px 8px; margin: 0 0 -4px 0 !important;}

/* msg */

.red {background: #ffc2c0;}
.red2 {background: #ffd5c9;}
.yellow {background: #ffffc0;}
.green {background: #c0ffc0;}
.msg, .msg-wide {padding: 10px 20px 10px 20px; font-size: 1em; position: relative;}

.notice-grey {background: #fbfbfb; border-left: 5px solid #aaa;}

/* faq list */

.tbl-faqlist {border: 0; width: 100%; margin-top: -6px}
.tbl-faqlist tr th {padding: 10px 0 10px 0; font-weight: bold; font-size: 1em; color: #000;}

.row-ftopic td, .row-fpost-inner-2 td, .tbl-faqlist tr th {border-bottom: 1px solid #fff; line-height: 16px;} /* + media */
.row-ftopic:hover {background: #e9e9e9;}

.row-fpost td, .row-fpost-inner-1 td, .row-fpost-inner-2 td {padding: 3px 0 3px 0;}
.row-fpost-new td {padding: 8px 0 8px 0;}

/* forums main */

.forum-cell td.in {border-bottom: 1px solid #e0e0e0; padding: 15px; vertical-align: top;}
.forum-cell td.in span.stats {font-size: 0.9em; color: #aaa }
.forum-cell td.in div.topic, .forum-cell td.in div.forum-desc {padding: 0 0 4px 0;}

.forum-cell td.in div span.date {padding-left: 10px;}
.forum-cell td.in div.subforums a {color: #555; padding: 0 5px 5px 0;}
.forum-cell td.in div.subforums a:hover {color: #999; padding: 0 5px 5px 0;}
.forum-cell td.in div.subforum {padding: 0 10px 5px 0; float: left;}

.cat-closer {padding: 0 10px; cursor: pointer; width: 10px; margin-top: 6px;}
.root-closer {padding: 0 10px 0 0; cursor: pointer; width: 10px; margin-top: 0px; opacity: 0.4; font-size: 0.85em;}

/* nav */

.nav {font-size: 1.1em; float: left; text-align: center;}
.nav-sel:hover {cursor: pointer;}
.nav div {display: block; min-width: 70px; margin-right: 20px; height: 30px; line-height: 30px; float: left; padding: 0px;}
.nav-a a, .nav-sel a {display: block; min-width: 70px; text-decoration: none; background: #e0e0e0; height: 20px; line-height: 20px; padding: 5px;}
.nav-a a {background: transparent; color: #171717;}
.nav-a a:hover {background: #c0e9fb; color: #159;}
.nav-sel a {background: #06b; color: #fff;}

/* mobile nav */

.mnav {font-size: 1.1em; float: left; text-align: center; position: relative; padding: 0; width: 110px;}
.mnav {display: block; min-width: 110px; margin-right: 20px; height: 30px; line-height: 30px;}
.mnav-noa {display: block; min-width: 70px; text-decoration: none; background: #fff; height: 20px; line-height: 20px; margin: 5px; color: #999 }
.mnav-a a {display: block; min-width: 70px; text-decoration: none; background: #fff; height: 20px; line-height: 20px; padding: 5px;}
.mnav-a a {background: #fff; color: #171717;}
.mnav-sel {color: #000; background: #06b; color: #fff;}
.mnav-sel i {font-style: normal; margin-left: 7px;}

.mnav-dd {position: absolute; left: 0; top: 30px; background: #fff; text-align: left; padding: 0 10px; min-width: 90px; display: none;}

/* subnav */

.subnav {font-size: 1em; float: left; min-height: 30px; line-height: 30px; margin-bottom: 0; text-align: center; margin-bottom: 10px;}
.subnav-a, .subnav-sel {float: left;}
.subnav a, .subnav-a a, .subnav-sel a {display: block; width: 100px; text-decoration: none;}
.subnav a {color: #171717;}
.subnav-a a:hover {color: #000; background: #f9f9e3 }
.subnav-sel a {color: #000; background: #f0f0b0;}

/* video */

.post-div .post .coub_div, .post-div .wtopic-post .coub_div {height: 135px; width: 240px; overflow: hidden; margin: 8px 0 0 0; background: #bbb; text-align: center;}
.coub_div img {height: 100%; border-radius: 2px;}

.yt_div {width: 240px; height: 135px; overflow: hidden; margin: 8px 0 0 0;}
.yt_div img {width: 100%; border-radius: 2px;}
/*.yt_play {position:relative; bottom: 100px; left: 90px; width: 60px; height: 44px; z-index: 200; border-radius: 9px; background: transparent url(/static/fa/white/png/128/play.png) no-repeat; opacity: 0.5; filter: alpha(opacity=40); background-size: 32px 32px; background-color: #000; background-position: center;} */

/* https://codepen.io/injms/pen/gemvi */
.yt_play {z-index: 200; bottom: 113px; left: 00px; background: #000; opacity: 0.5; border-radius: 50% / 10%; color: #fff; font-size: 16px; height: 3em; margin: 20px auto; padding: 0; position: relative; text-align: center; text-indent: 0.1em; transition: all 150ms ease-out; width: 4em;}
.yt_div:hover .yt_play, .coub_div:hover .yt_play {background: steelblue; opacity: 1}
.yt_play::before {background: inherit; border-radius: 5% / 50%; bottom: 9%; content: ""; left: -5%; position: absolute; right: -5%; top: 9%;}
.yt_play::after {border-style: solid; border-width: 1em 0 1em 1.732em; border-color: transparent transparent transparent rgba(255, 255, 255, 0.75); content: ' '; font-size: 0.75em; height: 0; margin: -1em 0 0 -0.75em; top: 50%; position: absolute; width: 0;}

.agif_div {position: relative; width: 240px; height: 135px; margin: 8px 0 0 0;}
.agif_play {position:absolute; top: 30px; left: 90px; width: 64px; height: 64px; z-index: 200; background: transparent url(//css.ffclub.ru/static/images/icons/agif.png) no-repeat; opacity: 0.4; filter: alpha(opacity=40); background-size: 64px 64px; transition: all 150ms ease-out;}
.agif_div:hover .agif_play {opacity: 0.7; filter: alpha(opacity=70);} 

/* post parser zomg html post engine */

img.emoimg {vertical-align: top; border: 0; position: static;}
/*.emoimg img {border: 0;} */
.extico {margin: 0 4px; opacity: 0.7;}
img.emojione {width: 20px; height: 20px; vertical-align: top; margin-top: -1px; border: 0;}
img.emojione64 {width: 64px; height: 64px; vertical-align: top; border: 0;}

.em-small img.emojione {width: 16px; height: 16px;}

div.subblock {background: #e7e7e7; display: none; padding: 10px 10px 15px 10px; margin-top: 10px; width: 100%; margin-left: -10px; margin-right: -10px; position: relative; z-index: 1; }

#QUOTE .subblock, .tdq .subblock {max-width: 98%; margin-left: 3px; padding-left: 0 !important; position: relative;  }
table.tabq {background: #eaeaea; border-left: 3px solid #dbdbdb; padding: 10px 10px 10px 10px; margin-left: 0 !important; width: 98% !important; color: #444; font-size: 0.95em; margin: 5px 0 8px 0; word-wrap:break-word; table-layout: fixed; border-spacing: 0;border-collapse: separate;}
.tabq + br {display: none;}
.qpid-ico {float: right; margin-top: -26px; margin-right: -5px; height: 16px;}
.qpid-ico img {opacity: 0.1; width: 14px; padding: 5px 5px 0px 5px;}
.qpid-ico:hover img {opacity: 0.6;}
#QUOTE, .tdq {padding-top: 6px;}
.tabq .q_title {font-weight: 500; height: 16px; line-height: 16px; vertical-align: top; color: #555;}
.tabq .q_name {height: 16px; line-height: 16px; vertical-align: top;}
.tabq .q_name b {font-weight: 500; color: #555}

.autobad {color: #f11; background: #ffd9d9;}

/* cut link dashed */

a.a-cut, .mod_container a.a-cut, .ex_container a.a-cut {font-weight: normal; font-size: 1em; margin-top: 5px; border-bottom: 1px dashed #06b; text-decoration: none;}
a.a-cut:hover, .mod_container a.a-cut:hover, .ex_container a.a-cut:hover {text-decoration: none; border-bottom: 1px dashed #4af;}

.cut-link {font-weight: normal; font-size: 1em; color: #363636; margin-top: 5px; display: block;}
.cut-link a, .cut-link a:link, .cut-link a:visited, .cut-link a:active {text-decoration: none; border-bottom: 1px dashed #06b; color: #06b; z-index: 10 !important  }
.cut-link a:hover, .cut-link a:visited:hover, 
.ex_container .cut-link a:hover, .ex_container .cut-link a:visited:hover,
.mod_container .cut-link a:hover, .mod_container .cut-link a:visited:hover {text-decoration: none; border-bottom: 1px dashed #06b;}

/* k/p item */

table.topic-item {margin-bottom: 1.4em; min-width: 60%; font-size: 0.9em; background: #e0e0d5}
.topic-item td.left {background: #e0e0d5; text-align: left; padding: 5px 10px 5px 10px}
.topic-item td.right {background: #e7e7e3; text-align: left; padding: 5px 0 5px 10px; width: 50%;}
.topic-item td {border-bottom: 1px solid #f0f0f0;}

table.some-item {margin-bottom: 1.4em; min-width: 50%;}
.some-item td.left {background: #e7e7e5; text-align: left; padding: 8px 10px; width: 30%; vertical-align: top;}
.some-item td.right {background: #e7e7e5; text-align: left; padding: 8px 10px; min-width: 50%;}
.some-item td {border-bottom: 1px solid #f0f0f0;}

/* cut block normal urls */

.cut-link .subblock a:link, .cut-link .subblock a:visited, .cut-link .subblock a:active {border-bottom: none; text-decoration: underline  }
.cut-link .subblock a:hover, .cut-link .subblock a:visited:hover {border-bottom: none; text-decoration: underline;}

.cut-closer {position: absolute; bottom: 0; right: 5px; font-size: 1.1em; opacity: 0.3; padding: 10px; cursor: pointer;}
.cut-closer:hover {opacity: 0.9;}

/* MOD tags */

.exdiv {margin: 20px; background-color:#FEF2F2; border-left: 0px solid #ffd5d5; border-top: 1px solid #ffd5d5; border-right: 1px solid #ffd5d5; border-bottom: 1px solid #ffd5d5;}
.moddiv {margin: 20px; background-color:#F2F2FE; border-left: 0px solid #6060FF; border-top: 1px solid #e9e9f3; border-right: 1px solid #e9e9f3; border-bottom: 1px solid #e9e9f3;}
.modblock, .exblock {width: 50px; height: 50px; display: block;}

.exdiv a:link, .moddiv a:link,
.exdiv a:active, .moddiv a:active,
.exdiv a:visited, .moddiv a:visited {color: #555; text-decoration: underline }
.exdiv a:hover, .moddiv a:hover, .exdiv a:visited:hover, .exdiv.moddiv a:visited:hover {color: #000; text-decoration: underline }

.mod_container, .ex_container, .faq-inside, .grey_container, .apoll-inside {vertical-align: middle; padding: 10px; margin: 10px 0 5px 0; display: block;}
.mod_container table, .ex_container table {margin-left: 0 !important }

.mod_text a, .ex_text a {color: #06b; text-decoration: underline;}
.mod_text a:hover, .ex_text a:hover {color: #4af; text-decoration: underline }
.mod_td, .ex_td {vertical-align: top; padding: 5px 0 5px 5px; display: none;}

.mod_container, .mod_border {background: #ccebff; border-left: 3px solid #37e }
.mod_container div.subblock {background: #bcdbef !important;}

.ex_container, .ex_border {border-left: 3px solid #f53; background: #ffe2e2;}
.ex_container div.subblock {background: #efd2d2 !important;}

/* other topic blocks */

.faq-inside {background: #C8E8C8; border-left: 3px solid #7a7 }
.faq-inside .title {margin-bottom: 5px; color: #252; font-size: 1.1em}

.apoll-inside {background: #e2e2e2; border-left: 3px solid #999; font-size: 0.95em;}
.apoll-inside .title {margin-bottom: 5px; color: #555; font-size: 1.05em}

.grey_container {border-left: 3px solid #999; background: #e2e2e2;}
.grey_container div.subblock {background: #d2d2d2 !important;}

/* gallery */

.p-gal1, .p-gal2, .p-gal3, .p-gal4, .p-gal5, .p-gal6, .p-gal7, .p-gal8, .p-gal9, .p-gal10 {width: 100%; display: block; padding: 0; margin: 5px 0;}
.p-gal1 .p-img-g, .p-gal2 .p-img-g, .p-gal3 .p-img-g, .p-gal4 .p-img-g, .p-gal5 .p-img-g, .p-gal6 .p-img-g, .p-gal7 .p-img-g, .p-gal8 .p-img-g, .p-gal9 .p-img-g,
.p-gal10 .p-img-g {background: #e0e0e0; max-width: 98%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; margin: 0px 4px 0px 0;}
.z-gall {-webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -ms-user-select: none !important; -moz-user-select: none !important; -user-select: none !important;}

/* old imgs */

.p-img {max-width: 98%; padding: 0px; margin:3px 0 3px 0; border: 0px solid #e7e7e7 !important;}

.p-img-z {margin: 4px 4px 0 0; height: 135px; max-height: 135px; max-width: 98%; background: #f0f0f0; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; background: #f0f0f0;}
.pimg_zoom {height: auto; max-height: 100%;}

.pointer-zoom {cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}

.post-first img, .post img, .wtopic-post img {max-width: 95%;}
.post-first .tags {margin-top: 0.8em; margin-bottom: -0.7em; color: #777; font-size: 0.8em; min-height: 1em; line-height: 1.4em;}
.post-first .tags td {vertical-align: top;}
.post-first .tags img, .post-first .chains img {width: 14px; height: 14px; opacity: 0.5; margin-right: 0.5em; vertical-align: top; margin-top: 0.2em;}

/* banner */

.box-banner {margin-bottom: 1em; display:block; background: #f0f4c0; padding: 10px 10px 10px 15px; text-decoration: none; font-size: 0.95em; color: #000;}
.box-banner:hover {background: #eaecb8; text-decoration: none; color: #000;}
.box-banner-title {font-weight: bold; text-decoration: none; color: #3f3f33; font-size: 1.05em; line-height: 1.2em; text-align: left;}

.del_banner {color: #171717; position:absolute; top: 4px; right:10px; opacity: 0.3; cursor: pointer;}
.del_banner:hover {opacity: 1;}

/* input */

.userform {display:inline; color: #092c64; border-style: none; border: 1px solid #d9d9d9; padding: 0px 4px 0px 5px; height: 22px; line-height: 22px; border-radius: 0; width: 100%;}
.userform:focus {border: 1px solid #b0b0b0;}
.userform[disabled] {color: #000; background: #e3e3e3; border: 1px solid #d9d9d9; padding: 0px 4px 0px 4px; line-height:100%; height: 22px; line-height: 22px;}
.search-input {height: 32px; font-size: 1em; outline: none; padding: 0 5px; border: 1px solid #e9e9e7; border-radius: 0; -webkit-appearance: none; border-right: none;}
.search-input:focus {background: #fbffe0; border: 1px solid #e9e9c9; border-right: none;}
.search-input:focus::-webkit-input-placeholder {color: #cca}
.search-input:focus::-moz-placeholder {color: #cca}
.search-input:focus:-ms-input-placeholder {color: #cca}
.search-input-r-border {border-right: 1px solid #e9e9e7}
.userform1 {display:inline; color: #237; border-style: none; border: 1px solid #ddd; padding: 0px 4px 0px 5px; height: 30px; border-radius: 0; width: 100%; font-size: 1.1em}
.reg-page label.formval-err {background: #f6f6bb; color: #000; display: block; padding: 2px 6px}

.search-button {font-size: 1em; border: none; height: 32px; outline: none; line-height: 32px; text-decoration: none; background: #e3e3e0; color: #171717; padding: 0 10px; margin-left: 0; border-radius: 0 }
.search-button:hover {cursor: pointer; text-decoration: none; background: #d3d3d0;}
.search-button:hover img {opacity: 0.8;}
.search-button img {height: 16px; margin: 0 auto -3px auto; opacity: 0.5;}

.searchlite {background-color:#ffff9f; padding: 0; color: #000 } 

.subtxt {min-height: 16px; line-height: 16px; display: block; padding-top: 3px;}
.subtxt .ins {display: inline-block; height: 100%; line-height: 100%; vertical-align:middle;}
.subtxt .ins-a {display: inline-block; height: 16px; line-height: 16px; vertical-align:bottom; padding-bottom: 0px;}

/* photo */

.photo_zoom-12 img:hover {cursor: nesw-resize; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}

/* desc */

.desc {font-size: 0.9em; color:#7f7f7f; text-decoration: none;} 
.desc a {color:#7f7f7f; text-decoration: none;}
.desc a:hover {color:#7f7f7f; text-decoration: underline;}

.desc2 {font-size: 0.9em; color:#3f3f3f;}
.desc2 a {color:#3f3f3f; text-decoration: none;}
.desc2 a:hover {color:#3f3f3f; text-decoration: underline;}

/* buttons */

.button, .button a, .grey-button, .grey-button a, .green-button, .green-button a, .grey1-button, .grey1-button a, .grey0-button, a.grey2-button, .red-button, .no-button, .border-nobutton {font-size: 0.95em; border: 0; padding: 0 9px; height: 28px; line-height: 28px; margin: auto; border-radius: 1px; text-decoration: none; display: inline-block;}
.button:hover, .button a:hover, .grey-button:hover, .grey-button a:hover, a.grey2-button:hover, .grey1-button:hover, .grey1-button a:hover, .green-button:hover, .green-button a:hover, .red-button:hover {cursor: pointer; text-decoration: none;}

.button:disabled {opacity: 0.7; cursor: default;}

.button, .grey-button, .green-button, .red-button, .border-nobutton {outline: none;}

.button, .button a {background-color: #236DAD; color: #fff;} /* 08c */
.button:hover, .button a:hover {background-color: #135D9D; color: #fff;}

.border-nobutton, .border-nobutton a {background-color: transparent; color: #171717; border: 1px solid #bbb } /* 08c */
.border-nobutton:hover, .border-nobutton a:hover {cursor: pointer;}

.red-button {background-color: #a22; color: #fff;}
.red-button:hover {background-color: #700; color: #fff;}

.border-button {font-size: 1em; border: 1px solid #aaa; padding: 0px 10px; height: 28px; line-height: 28px; margin: auto; border-radius: 2px; text-decoration: none; color: #444;}
.border-button:hover {background: #e0e0e0; color: #000;}

.green-button, .green-button a {background-color: #39945c; color: #fff;}
.green-button:hover, .green-button a:hover {background-color: #29744c; color: #fff;}
.grey-button:hover img, .grey0-button:hover img, .grey1-button:hover img {opacity: 1}

.grey0-button {background-color: #e2e2e1; color: #555;}
.grey1-button, .grey1-button a {background-color: #e9e9e7; color: #555;}
.grey-button, .grey-button a {background-color: transparent; color: #555;}
.grey-button:hover, .grey-button a:hover, .grey1-button:hover, .grey1-button a:hover, .grey0-button:hover {background-color: #d9d9d7; color: #222;}

a.grey2-button {background-color: #666; color: #fff;}
a.grey2-button:hover {background-color: #555;}

a.green-login {font-size: 1em; border: 0px; padding: 4px 8px 4px 8px; margin: auto; border-radius: 1px; text-decoration: none; color: #e3f8e0; background: #39945c}
a.green-login:hover {background: #49a46c; color: #fff;}

.nohover {background: none !important;}

/* links */

.a-dashed a {text-decoration: none; border-bottom: 1px dashed #06b;}
.a-dashed a:hover {text-decoration: none; border-bottom: 1px dashed #4af;}

.a-black a, a.a-black {color: #171717;}
.a-black a:hover, a.a-black:hover {text-decoration: underline; color: #777;}

.a-black-dashed a, a.a-black-dashed {color: #171717; text-decoration: none; border-bottom: 1px dashed #171717;}
.a-black-dashed a:hover, a.a-black-dashed:hover {text-decoration: none; color: #777; text-decoration: none; border-bottom: 1px dashed #777;}

.no-a a, a.no-a, a.no-a-fix {text-decoration: none;}
.no-a a:hover, a.no-a:hover {text-decoration: none;}

.a-mail-list {text-decoration: none !important;}
.a-mail-list:hover {text-decoration: none !important;}

.no-a-black a, .no-a-black-hover a, .no-ah-black a, a.no-a-black, a.no-ah-black, a.no-a-b-u {text-decoration: none; color: #171717;}

.no-a-black a:hover {text-decoration: underline; color: #555;}
a.no-a-black:hover {text-decoration: none; color: #555;}
.no-ah-black a:hover, a.no-ah-black:hover {text-decoration: none; color: #999;}
.no-a-black-hover a:hover {text-decoration: none; background: #333; color: #f0f0f0;}
a.no-a-b-u:hover {text-decoration: underline; color: #777;}
.black-a a {color: #171717;}

a.no-hover-dec:hover, .no-hover-dec:hover {text-decoration: none !important;}

a.show-more-3 {padding: 0 6px;}
.show-more-3 img {width: 20px; opacity: 0.5; vertical-align: top; margin: 0;}
a.show-more-3:hover img {opacity: 0.9;}

.no-a-grey a, .no-a-grey-hover a, a.no-a-grey, a.no-a-grey-hover, .no-ah-grey a, a.no-ah-grey {text-decoration: none; color: #666;}
.no-ah-grey1 a, a.no-ah-grey1 {text-decoration: none; color: #999;}
.no-a-grey a:hover, a.no-a-grey:hover {text-decoration: underline; color: #888;}
.no-ah-grey a:hover, a.no-ah-grey:hover {text-decoration: none; color: #888;}
.no-ah-grey1 a:hover, a.no-ah-grey1:hover {text-decoration: none; color: #666;}
.no-a-grey-hover a:hover {text-decoration: none; color: #f0f0f0; background: #555;}
.no-a-grey1 a, a.no-a-grey1 {text-decoration: none; color: #999;}
.no-a-grey1 a:hover {text-decoration: underline; color: #666;}
.no-a-grey2 a {text-decoration: none; color: #bbb;}
.no-a-grey2 a:hover {text-decoration: none; color: #888;}

.fsearch-closer {font-size: 1.3em; padding: 5px 5px 5px 11px;}

.a-hover-wh:hover {color: #555 !important;}

/* libs import */

.ui-autocomplete { max-height: 290px; overflow-y: auto; overflow-x: hidden; }
html .ui-autocomplete {max-height: 290px;} 

.textcomplete-dropdown {background: #fbfbfb; padding: 0; border: 1px solid #ddd;}
.textcomplete-dropdown li {padding: 6px 10px; min-width: 130px;}
.textcomplete-dropdown li img {margin-right: 7px;}
.textcomplete-dropdown li:hover, .textcomplete-dropdown .active {background-color: #fbfbd0; cursor: pointer;}
.textcomplete-dropdown {list-style: none; padding: 0; margin: 0;}
.textcomplete-dropdown a {color: #333;}
.textcomplete-dropdown a:hover {color: #333;}
.textcomplete-dropdown li:first-child, .textcomplete-dropdown li:last-child {padding: 0;} 

.tag-cloud-all {text-align: center; margin: 25px 10px 0 10px; font-size: 11px;}
.tag-cloud-all ul {white-space: normal; line-height: 25px;}
.tag-cloud-all ul,
.tag-cloud-all ul li {display: inline;}

.tag-cloud-all a.tc0  {font-size: 110%;}
.tag-cloud-all a.tc1  {font-size: 120%;}
.tag-cloud-all a.tc2  {font-size: 130%;}
.tag-cloud-all a.tc3  {font-size: 145%;}
.tag-cloud-all a.tc4  {font-size: 160%;}
.tag-cloud-all a.tc5  {font-size: 175%;}
.tag-cloud-all a.tc6  {font-size: 190%;}
.tag-cloud-all a.tc7  {font-size: 205%;}
.tag-cloud-all a.tc8  {font-size: 220%;}
.tag-cloud-all a.tc9  {font-size: 230%;}
.tag-cloud-all a.tc10  {font-size: 240%;}

.tag-cloud-all a {color: #555; text-decoration: none; line-height:1.1em; padding: 0 10px 0 10px;}
.tag-cloud-all a:hover {color: #000; text-decoration: underline;}

/* mp */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* ok, bye! */