/* Import
-----------------------------------------------------------------------------*/
@import url(articles.css);
@import url(grid.css);
@import url(form.css);
@import url(table.css);
@import url(social-likes.css);
@import url(prettyPhoto.css);
/* Font: Ubuntu */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic);
/* Font: IconicStroke */
@font-face {
    font-family: 'IconicStroke';
    src: url('font/iconic/iconic_stroke-webfont.eot');
    src: url('font/iconic/iconic_stroke-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/iconic/iconic_stroke-webfont.woff') format('woff'),
    url('font/iconic/iconic_stroke-webfont.ttf') format('truetype'),
    url('font/iconic/iconic_stroke-webfont.svg#IconicStrokeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Font: WebSymbolsRegular */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('font/websymbols/websymbols-regular-webfont.eot');
    src: url('font/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/websymbols/websymbols-regular-webfont.woff') format('woff'),
    url('font/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
    url('font/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset
-----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

header, nav, section, article, aside, footer {
    display: block;
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

/* body
-----------------------------------------------------------------------------*/
body {
    color: #666;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    background: #f1f2e9;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 100;

    text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 20px;
    font-weight: 100;
}

h3 {
    font-size: 24px;
}

a {
    color: #268cbf;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.js-show-lnk, a.js-hide-lnk {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 0 auto !important;
}

a.js-show-lnk span, a.js-hide-lnk span {
    border-bottom: 1px dotted #268cbf;
}

a.js-show-lnk:hover span, a.js-hide-lnk:hover span {
    border: 0;
}

/* Error */
p.error-mess {
    width: 125px;
    color: #fff !important;
    font-size: 11px !important;
    font-style: italic !important;
    font-weight: 100 !important;
    line-height: 14px;
    display: block;
    padding: 7px 8px;
    position: absolute;
    margin-top: -17px;
    right: -125px;
    background: #ff1f44;
    z-index: 999;

    -webkit-box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.3);
}

p.error-mess:before {
    content: '';
    width: 12px;
    height: 10px;
    display: block;
    position: absolute;
    margin-top: -7px;
    margin-left: -20px;
    background: url('../images/error-li.png');
}

.error404 {
    text-align: center;
    margin-bottom: 100px;
}

.error404 img {
    margin: 20px 0 50px;
}

.error404 p {
    color: #666;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.error404 span {
    color: #000;
    font-size: 14px;
    font-style: italic;
    display: block;
    margin-bottom: 30px;
}

/* Button */
.btn-yellow {
    height: 40px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    line-height: 41px;
    padding: 0 25px;
    display: inline-block;
    background-color: #fff41f;
    border-bottom: 2px solid #999100;
    cursor: pointer;

    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2);

    text-shadow: 0px 1px 0px #fff98c;
    filter: dropshadow(color=#fff98c, offx=0, offy=1);
}

.btn:hover {
    background-color: #f4e91d;
}

.btn:active {
    margin-top: 2px;
    border-bottom: 0px solid #999100;
}

/* Paginator */
div#paginator {
    clear: both;
    display: block;
    margin: 20px auto;
    border: 0px solid #000;
}

div#paginator li {
    display: inline-block;

}

div#paginator li a {
    color: #000;
    font-size: 16px;
    text-decoration: underline;
    padding: 6px 8px;
    margin: 0px 2px;
}

div#paginator li a:hover, div#paginator li.selected a {
    background: #fff41f;
}

/* Micro style */
.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb60 {
    margin-bottom: 60px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* Clear style */
.cf:after {
    content: '';
    display: block;
    font-size: 0px;
    line-height: 0px;
    width: 0px;
    height: 0px;
    clear: both;
}

/* Header
-----------------------------------------------------------------------------*/
header#main {
    height: 690px;
    margin-bottom: 40px;
    background: #221426 url('../images/bg/main.jpg') top center no-repeat;
}

header#page {
    height: 180px;
    margin-bottom: 40px;
    background: #221426 url('../images/bg/page.jpg') top center no-repeat;
}

header div.head {
    height: 110px;
    text-align: center;
}

header div.head img {
    float: left;
}

header div.head img.map {
    float: right;
}

header div.head address {
    color: #262626;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    margin-top: 25px;
}

header div.head address span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

header div.head address span.bold {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

/* Menu */
header nav {
    position: relative;
    border: 0px solid #eee;
}

header nav ul.menu {
    width: 790px;
    margin-left: 0px;
    display: block;
    position: relative;
    border: 0px solid #ccc;
}

header nav ul.menu li {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: -3px;
    margin-right: 15px;
    border: 0px solid #ccc;
}

header nav ul.menu li:last-child {
    margin-right: 0;
}

header nav ul.menu li a {
    color: #000;
    display: block;
    margin-top: 4px;
    padding: 13px 11px 11px;
    text-decoration: none;
    border: 0px solid #f00;
}

header nav ul.menu li:hover > a {
    background: #fff41f;

    position: relative;
    -webkit-box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.16);
}

header nav ul.menu li.active a,
header nav ul.menu li a:hover {
    background: #fff41f;
    -webkit-box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.16);
}

/* Sub Menu */
header nav ul.menu li ul {
    margin-left: 0px;
    position: absolute;
    background: #f1f2e9;
    display: none;
    z-index: 9999;

    -webkit-box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.16);
}

header nav ul.menu li:hover > ul {
    display: block;
}

header nav ul.menu li ul:before {
    content: "";
    width: 12px;
    height: 9px;
    display: block;
    position: absolute;
    margin-top: -9px;
    margin-left: 15px;
    background: url('../images/sub_li.png') 0px 0px no-repeat;
}

header nav ul.menu li ul li {
    display: block;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
    background: url('../images/table_bg.jpg') bottom repeat-x;
}

header nav ul.menu li ul li > a:hover {
    background: #fff41f url('../images/table_bg.jpg') bottom repeat-x !important;
}

header nav ul.menu li ul li:last-child {
    background: none;
}

header nav ul.menu li ul li a {
    font-size: 11px;
    font-weight: bold;
    padding: 10px 30px 10px 10px;
    margin: 0px !important;
}

header nav ul.menu li ul li:last-child a {
    color: #000;
    background-image: none;
    background-color: #f1f2e9;
}

header nav ul.menu li ul li:last-child a:hover {
    color: #000;
    background-image: none !important;
    background: #fff41f;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

header nav ul.menu li ul li:last-child > a:after {
    background: none;
}

/* Menu Icons */
header nav ul.menu li a span.model {
    width: 17px;
    height: 17px;
    float: left;
    margin-bottom: -3px;
    margin-right: 10px;
    border: 0px solid #f00;
    background: url('../images/icons/nav.png') 0px 0px no-repeat;
}

header nav ul.menu li a span.media {
    width: 18px;
    height: 17px;
    float: left;
    margin-bottom: -4px;
    margin-right: 10px;
    border: 0px solid #f00;
    background: url('../images/icons/nav.png') 0px -21px no-repeat;
}

header nav ul.menu li a span.money {
    width: 12px;
    height: 17px;
    float: left;
    display: block;
    margin-top: -1px;
    margin-right: 10px;
    border: 0px solid #f00;
    background: url('../images/icons/nav.png') 0px -40px no-repeat;
}

header nav ul.menu li a span.articles {
    width: 13px;
    height: 20px;
    float: left;
    margin-top: -3px;
    margin-right: 10px;
    border: 0px solid #f00;
    background: url('../images/icons/nav.png') 0px -61px no-repeat;
}

header nav ul.menu li a span.contacts {
    width: 13px;
    height: 18px;
    float: left;
    margin-top: -2px;
    margin-right: 10px;
    border: 0px solid #f00;
    background: url('../images/icons/nav.png') 0px -87px no-repeat;
}

/* forum */
header nav ul.menu li a span.forum {
    width: 25px;
    height: 19px;
    float: left;
    margin-top: -2px;
    margin-right: 10px;
    background: url('../images/icons/nav.png') 0px -144px no-repeat;
}

header nav ul.menu li a:hover span.forum {
    background-position: -25px -144px;
}

header nav ul.menu li:last-child {
    margin-left: 25px;
}

header nav ul.menu li:last-child > a {
    color: #fff;
    display: block;
    position: relative;
    background-color: #000;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}

header nav ul.menu li:last-child > a:hover {
    color: #fff41f;
}

header nav ul.menu li:last-child > a:after {
    content: '';
    width: 170px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: -30px;

}

/* Model Line
-----------------------------------------------------------------------------*/
ul.model-line {
    position: relative;
    padding-bottom: 50px;
    margin: 0 -30px 0px 0;
    z-index: 100;
    /*border: 1px solid #f00;*/
}

ul.model-line li {
    width: 298px;
    height: 328px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 27px;
    margin-bottom: 66px;
    border: 1px solid #fff;
    background: #fff;

    -webkit-box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
}

ul.model-line li:hover {
    background: url('../images/bg/model-bg-hover.jpg');
}

ul.model-line li a {
    text-decoration: none;
}

ul.model-line li img {
    display: block;
    margin: 25px auto 0;
    position: relative;
    z-index: 50;
}

ul.model-line li img.bg {
    display: none;
}

/* btr */
ul.model-line li div.btr {
    text-align: left;
    padding-left: 20px;
    overflow: hidden;
    border: 0px solid #f00;
}

ul.model-line li div.btr .title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

ul.model-line li div.btr p {
    width: 255px;
    color: #000;
    line-height: 20px;
}

/* price */
ul.model-line li div.price {
    width: 298px;
    height: 40px;
    color: #fff;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    bottom: 0;
    position: absolute;
    background: #000;
}

ul.model-line li div.price p {
    margin: 10px 0 0 20px;
}

ul.model-line li div.price p span {
    font-size: 30px;
}

/* btn */
ul.model-line li div.btn {
    width: 296px;
    bottom: -28px;
    text-align: center;
    position: absolute;
}

ul.model-line li div.btn:hover {
    background: none;
}

ul.model-line li div.btn a.more {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 20px;
    margin-right: 3px;
    background: #fff41f;
    border-bottom: 2px solid #999100;
}

ul.model-line li div.btn a.more:hover {
    color: #fff;
    background: #000;
    border-bottom: 2px solid #fff41f;
}

ul.model-line li div.btn a.buy {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 20px;
    background: #268cbf;
    border-bottom: 2px solid #004166;

    text-shadow: 0px -1px 0px #4c4900;
}

ul.model-line li div.btn a.buy:hover {
    background: #004166;
    border-bottom: 2px solid #268cbf;
}

ul.model-line li div.btn a.buy span {
    width: 17px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -1px;
    background: url('../images/icons/buy.png');
}

/* hit */
ul.model-line li.hit {
    background: none;
}

ul.model-line li.hit:hover {
    background: url('../images/bg/model-hover-hit.jpg') bottom repeat-x;
}

ul.model-line li.hit img.bg {
    top: -55px;
    left: 0px;
    position: absolute;
    display: block;
    z-index: 10;
}

ul.model-line li.hit div.price p {
    margin-left: 65px;
}

ul.model-line li.hit div.price:before {
    content: "";
    width: 68px;
    height: 40px;
    display: inline-block;
    margin-left: 0px;
    position: absolute;
    background: url('../images/icons/hit.png');
}

/* none */
ul.model-line li.none {
    text-align: center;
}

ul.model-line li.none:hover {
    background: #fff;
}

ul.model-line li.none.coll-1 img {
    margin-top: 50px;
    margin-bottom: 40px;
}

ul.model-line li.none.coll-2 {
    width: 625px;
}

ul.model-line li.none.coll-2 img {
    margin-top: 70px;
    margin-left: 60px;
    float: left;
}

ul.model-line li.none.coll-2 div {
    float: right;
    margin-top: 90px;
    margin-right: 55px;
}

ul.model-line li.none h2 {
    color: #000;
    font-size: 36px;
    font-style: italic;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 15px;
}

ul.model-line li.none p {
    width: 288px;
    color: #000;
    float: none;
    font-style: italic;
    line-height: 20px;
}

ul.model-line li.none p a {
    width: auto;
    height: auto;
    color: #278dc0;
    text-decoration: underline;
    position: relative !important;
    display: inline-block !important;
    border: 0px solid #f00;
}

ul.model-line li.none p a:hover {
    text-decoration: none;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
    position: relative;
}

div.gray {
    padding-top: 25px;
    padding-bottom: 10px;
    margin-top: 45px;
    margin-bottom: 50px;
    display: block;
    position: relative;
    background: url('../images/bg/gray.jpg');
}

div.gray hr {
    width: 960px;
    margin-left: 0px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}

div.gray p.line {
    width: 100%;
    height: 0;
    margin-left: -2px;
    position: absolute;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #fff;
}

div.gray p.line.top {
    top: 0 !important;
}

div.gray p.line.foot {
    bottom: 0 !important;
}

div.gray ul {
    margin: 40px -80px 0 0;
}

div.gray ul li {
    width: 280px;
    margin-right: 55px;
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
    border: 0px solid #ccc;
}

div.gray ul li:last-child {
    margin-right: 0px;
}

div.gray ul li a {
    text-decoration: none;
}

div.gray ul li a.link {
    color: #fff;
    text-decoration: none;
    padding: 3px 25px 5px;
    background: #268cbf url('../images/icons/plus.png') 10px 7px no-repeat;
}

div.gray ul li a.link span {
    font-size: 10px;
    font-style: italic;
    text-decoration: underline;
    display: inline-block;
}

div.gray ul li a:hover span {
    text-decoration: none;
}

div.gray ul li p {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}

div.gray ul li p img {
    display: block;
}

div.gray ul li .rules {
    width: 52px;
    height: 131px;
    position: absolute;
    top: 0;
    right: 60px;
    background: url('../images/more/rules.png') top left no-repeat;
    /*border: 1px solid;*/
}

div.gray ul li .rules img {
    display: block;
    margin: 38px 0 0 16px;
    z-index: 10;
    position: relative;
}

div.gray ul li .rules .bg {
    width: 40px;
    height: 131px;
    position: absolute;
    top: 0;
    right: 0px;
    background: #fff41f;
    border: 0 !important;
}

div.gray ul li .rules .bg p {
    width: 45px;
    margin-top: -10px;
}

div.gray ul li .rules .bg p span {
    width: 60px;
    font-size: 14px;
    top: -7px;
    right: -70px;
    position: absolute;
}

div.gray ul li.forum {
    width: 100px;
    position: relative;
    text-align: center;
    padding-left: 5px;
    padding-bottom: 15px;
    margin-left: 30px;
    margin-top: 50px;
}

div.gray ul li.forum:before {
    content: '';
    width: 107px;
    height: 62px;
    display: block;
    position: absolute;
    top: -65px;
    left: 0;
    background: url('../images/more/s1.png');
}

div.gray ul li.forum:after {
    content: '';
    width: 108px;
    height: 62px;
    display: block;
    position: absolute;
    bottom: -40px;
    left: 0;
    background: url('../images/more/s2.png');
}

div.gray ul li.forum img {
    display: block;
}

div.gray ul li.forum a {
    color: #000;
    font-family: Helvetica;
    font-size: 24px;
    display: block;
    font-weight: lighter;
}

/*.other {
  padding: 1.56250em 0;
  position: relative;
  background: #ebebeb url('../images/bg/gray.png');
}
.other .title {
  color: #666666;
  font: bold 1.5em/1.25em Arial;
  text-shadow: 0px 1px 0px #fff;
  margin-bottom: 2.5em;
}
.other-item {
  overflow: hidden;
  border: 0px solid #f00;
}
.other-item-row {
  width: 18.13em;
  height: 7.813em;
  text-decoration: none;
  float: left;
  position: relative;
  margin-right: 2.1em;
  margin-bottom: 3.438em;
  cursor: default;
  z-index: 1;
}
.other-item-row .table {
  display: block;
}
.other-item-row .table .col {
  width: 8.75em;
  height: 7.813em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.other-item-row .table .col img {
  display: inline-block;
}
.other-item-row .table .col .title {
  width: 105px;
  font-size: 1.875em;
  position: absolute;
  top: .9em;
  left: 1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  transition: all 250ms ease;
}
.other-item-row .table .col .ico {
  display: block;
  position: absolute;
  top: 2.8em;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  transition: all 250ms ease;
}
.other-item-row .table .col .ico.engine {
  width: 17px;
  height: 31px;
  left: 2.2em;
  background: url('../images/icons/engine.png');
}
.other-item-row .table .col .ico.speed {
  width: 34px;
  height: 31px;
  left: 4.2em;
  background: url('../images/icons/speed.png');
}
.other-item-row .table .col .ico.power {
  width: 17px;
  height: 31px;
  left: 7.2em;
  background: url('../images/icons/power.png');
}
.other-item-row .table .col .ico:hover {
  opacity: 1 !important;
}
.other-item-row .table .col:first-child {
  text-align: center;
}
.other-item-row:hover .table .col img {
  cursor: pointer;
}
.other-item-row:hover .table .col .title {
  top: 0;
  border-bottom: 1px solid #000000;
  cursor: pointer;
}
.other-item-row:hover .table .col .ico {
  opacity: .3;
}
.other-item-row:nth-of-type(3n) {
  margin-right: 0;
}
.other-item-row:nth-last-child(1) {
  margin-bottom: 0;
}
.other-item-row:nth-last-child(1) .table .col .title {
  top: .9em;
  border: 0;
}
.other-item-row:nth-last-child(1) .table .col .title:before {
  content: '';
  width: 107px;
  height: 62px;
  display: block;
  top: -2em;
  left: 3px;
  position: absolute;
  background: url('../images/other/forum-top.png');
  opacity: .7;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  transition: all 250ms ease;
}
.other-item-row:nth-last-child(1) .table .col .title:after {
  content: '';
  width: 108px;
  height: 62px;
  display: block;
  bottom: -2em;
  left: 3px;
  position: absolute;
  background: url('../images/other/forum-bottom.png');
  opacity: .7;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  transition: all 250ms ease;
}
.other-item-row:nth-last-child(1) .table .col:hover .title:before,
.other-item-row:nth-last-child(1) .table .col:hover .title:after {
  opacity: 1;
}
.other-item-row:nth-last-child(1):after {
  opacity: 0;
}
.other-item-row:nth-last-child(2) {
  margin-bottom: 0;
}
.other-item-row:nth-last-child(2) .table .col .title {
  font-size: 1.601em;
}
.other-item-row:after {
  content: '';
  width: 18.13em;
  height: 0px;
  display: block;
  position: absolute;
  bottom: -1.1em;
  left: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #fff;
  opacity: .8;
}
.other:before {
  content: '';
  width: 100%;
  height: 0px;
  display: block;
  position: absolute;
  top: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #fff;
}
.other:after {
  content: '';
  width: 100%;
  height: 0px;
  display: block;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #fff;
}*/

/* Footer
-----------------------------------------------------------------------------*/
footer {
    color: #000;
    height: 265px;
    margin-top: 80px;
    border-top: 5px solid #fff41f;
    background: #eae7c8 url('../images/bg/footer.png') bottom repeat-x;
}

footer div.foot {
    position: relative;
}

footer div.foot a.top {
    top: -45px;
    right: 0px;
    width: 70px;
    height: 40px;
    display: block;
    position: absolute;
    background: url('../images/top.png') 0px 0px no-repeat;
}

footer div.foot p.copy {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 16px;
    float: left;
    margin-top: 30px;
    margin-right: 30px;
}

footer div.foot nav {
    margin-top: 30px;
    float: left;
}

footer div.foot nav ul.site {
    border: 0px solid #f00;
}

footer div.foot nav ul.site li {
    display: inline-block;
    margin: 0px 5px;
}

footer div.foot nav ul.site li a {
    color: #000;
    font-weight: bold;
}

footer div.foot nav ul.site li a:hover {
    text-decoration: none;
}

footer div.foot nav ul.sites {
    margin-top: 15px;
    border: 0px solid #f00;
}

footer div.foot nav ul.sites li {
    display: inline-block;
    margin: 0px 5px;
}

footer div.foot nav ul.sites li a {
    color: #268cbf;
    font-size: 18px;
}

footer div.foot nav ul.sites li a:hover {
    text-decoration: none;
}

footer div.foot address {
    color: #262626;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    float: right;
    display: inline-block;
    margin-top: 30px;
}

footer div.foot address span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

footer div.foot address span.min {
    font-size: 12px;
    display: inline;
}

/* Icons
-----------------------------------------------------------------------------*/
i.ico {
    font-family: 'WebSymbolsRegular';
    font-size: 11px;
    font-style: normal;
}

/* Comments
-----------------------------------------------------------------------------*/
#comments {

}

.start {
    position: relative;
    width: 960px;
    margin: 0px auto;
    border: 0px solid #f00;
}

.start-wrap {
    padding: 0 0 0;
}

.moving-block {
    /*position: absolute;*/
    width: 267px;
    height: 310px;
    top: 0px;
    left: 693px;
    display: inline-block;
    padding-left: 25px;
    /*margin-top: 0px !important;*/
}

.m-moving-block {
    width: 267px;
    height: 296px;
    overflow: hidden;
    top: 0px;
    margin-left: 65px;
    /*margin-top: 0px !important;*/
}

.moving-block.fixed {
    position: fixed;
}

/* Text box */
div#comments, div#m-comments {
    min-height: 280px;
    position: relative;
}

div#comments ul, div#comments .noComments {
    width: 630px;
    margin-bottom: 40px;
    border: 0px solid #f00;
    display: inline-block;
    vertical-align: top;
}

div#m-comments ul {
    border: 0px solid #f00;
}

div#comments ul li {
    position: relative;
    margin-bottom: 20px;
}

div#comments > .start > .comments > li:after {
    content: '';
    width: 564px;
    height: 2px;
    margin-top: 22px;
    margin-left: 66px;
    display: block;
    background: url('../images/table_bg.jpg') bottom repeat-x;
}

div#m-comments > .start > ul > li:after {
    content: '';
    width: 514px;
    height: 2px;
    margin-top: 22px;
    margin-bottom: 20px;
    margin-left: 66px;
    display: block;
    background: url('../images/table_bg.jpg') bottom repeat-x;
}

div#comments p.more-comm, div#m-comments p.more-comm {
    text-align: center;
    display: none;
    padding-top: 22px;
    margin-top: -22px;
    position: relative;
    border-top: 2px solid #f1f2e9;
}

div#comments a.more-link, div#comments a.more-link-clsd {
    color: #268cbf;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #268cbf;
}

div#comments a.more-link:hover,
div#comments a.more-link-clsd:hover {
    border: 0px;
}

div#comments a.more-link-clsd {
    display: none;
}

/* Left box */
div#comments div.avtr, div#m-comments div.avtr {
    width: 46px;
    height: 46px;
    position: relative;
    float: left;
}

div#comments .avtr1 {
    float: left;
}

div#comments span.avtr-brb, div#m-comments span.avtr-brb {
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    background: url('../images/avtr-brd.png');
}

/*Right box*/
div#comments div.comment, div#m-comments div.comment {
    overflow: hidden;
    margin-left: 66px;
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}

div#comments p.name, div#m-comments p.name {
    height: 40px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 41px;
    padding-left: 20px;
    background: url('../images/bg/comm-bg.jpg') repeat-x;
}

div#comments p.name:before, div#m-comments p.name:before {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: 15px;
    margin-left: -30px;
    display: block;
    position: absolute;
    background: url('../images/c-arow-l.png');
}

div#comments p.name span, div#m-comments p.name span {
    color: #666;
    font-weight: normal;
    padding-left: 10px;
}

div#comments .subscript, div#m-comments .subscript {
    position: absolute;
    top: 0;
    right: 15px;
    text-decoration: none;
    line-height: 12px;
    color: #000;
    margin-top: 13px;
    border-bottom: 1px dotted #000;
}

div#comments .subscript:hover,
div#m-comments .subscript:hover {
    border: 0;
}

div#comments p.text {
    font-size: 12px;
    padding: 10px 20px 20px;
    background: #fff;
}

div#m-comments p.text {
    font-size: 12px;
    padding: 10px 20px 10px;
    margin: 0;
    margin-top: -15px;
    background: #fff;
}

div#comments p.sub-text {
    font-size: 11px;
    padding: 10px 40px 20px 40px;
    background: #fff;
}

div#m-comments p.sub-text {
    font-size: 11px;
    padding: 10px 40px 20px 40px;
    margin: 0;
    margin-top: -15px;
    background: #fff;
}

div#comments p.sub-text:before,
div#m-comments p.sub-text:before {
    content: 'Ответ:';
    display: block;
    font-weight: bold;
    margin-left: -17px;
    margin-bottom: 5px;
}

div#comments .otvet,
div#m-comments .otvet {
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
    display: none;
}

div#comments .otvet input,
div#m-comments .otvet input {
    width: 520px;
    padding-left: 5px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0);
}

div#comments .otvet textarea,
div#m-comments .otvet textarea {
    width: 520px;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0);
}

div#comments .otvet .send,
div#m-comments .otvet .send {
    float: right;
}

/* Form */
form.art-comm-mess {
    display: block;
    margin: 0px;
}

form.art-comm-mess p.bold {
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Special class */
p.t_left {
    display: block;
    overflow: hidden;
    position: relative;
    float: right;
    border: 1px solid #f00 !important;
}

.other {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    z-index: 100;

    text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}