/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
body, html {
    margin: 0;
    padding: 0;
    color: #000;
    height: 100%;
    min-width: 1170px;
    background: #FFF;
}

body {
    font: 14px/20px 'Ubuntu', 'Trebuchet MS', Tahoma, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, img, table, ul, ol, form, li, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    list-style: none;
}

input, textarea, select, button {
    outline: none;
    font: inherit;
    margin: 0;
}

a {
    color: #000;
    outline: none;
}

a:hover {
    color: #ffc426;
}

* {
    outline: none;
}

img, area {
    outline: none;
}

p {
    margin: 0 0 10px;
}

button {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

h1, h2, h3, h4, h5 {
    font: 500 24px/30px 'Ubuntu', sans-serif;
    margin: 0 0 20px;
    padding: 0;
}

h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #000;
}

h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
}

h4 {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 25px;
    color: #db3e3e;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    margin: 0 0 20px;
    line-height: 22px;
    color: #717a81;
    font-weight: bold;
}

h6 {
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 20px;
    color: #717a81;
    text-transform: uppercase;
    font-weight: normal;
}

.form h3 {
    margin-top: 20px;
}

.form h3:first-child {
    margin-top: 0;
}

td, th {
    vertical-align: top;
    text-align: left;
}

ul, ol {
    margin: 0;
}

li {
    list-style: none;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

b {
    font-weight: bold;
}

#main {
    min-height: 100%;
    position: relative;
    background-color: #f3f4f6;
}

.header, .footer {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
}

.header {
    top: 0;
    height: 130px;
}

.middle {
    padding: 200px 0 290px;
    position: relative;
}

.index .middle {
    padding-top: 130px;
    padding-bottom: 210px;
}

.center {
    max-width: 1240px;
	width: 100%;
    margin: 0 auto;
    position: relative;
}

.center:after {
    content: '';
    display: table;
    clear: both;
}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 6px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 3px;
    /* please don't change 'position' */
    position: absolute;
    border-radius: 3px;
}

.ps__rail-y {
    display: none;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 6px;
    border-radius: 3px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 3px;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: #ebf0f5;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #c5cdd5;
    border-radius: 8px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 12px;
    /* there must be 'right' for ps__thumb-y */
    right: -3px;
    /* please don't change 'position' */
    position: absolute;
    border: 2px solid #FFF;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
    background-color: #999;
    height: 6px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

a {
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -khtml-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn {
    display: inline-block;
    cursor: pointer;
    border: 0 solid rgba(0, 0, 0, 0.01);
    background-color: #ffc426;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 24px;
    padding: 5px 15px 8px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.1s;
}

.btn:hover {
    /*background-color: #ffde85; box-shadow: 0 3px 0 #ffc65a;*/
    opacity: 0.7;
    color: #000;
}

.btn:active, .btn.active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
    border-top: 0px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    padding-top: 8px;
}

.btn.big-btn {
    padding: 15px 15px 18px;
}

.btn.big-btn:active, .btn.big-btn.active {
    padding-bottom: 15px;
    padding-top: 18px;
}

.btn.gray {
    background-color: #f3f4f6;
    color: #000;
}

.btn.gray:hover {
    background-color: #f8f8f8;
    color: #000;
    opacity: 0.9;
}

.btn.gray.active {
    box-shadow: none;
}

.btn.main-user-consent-request-popup-buttons {
    align-items: flex-start;
}

.btn.main-user-consent-request-popup-button {
    vertical-align: top;
    height: 39px;
    line-height: 30px;
}

button.btn::-moz-focus-inner,
input.btn::-moz-focus-inner {
    margin: -1px 0;
    padding: 0;
}

.btn-white {
    display: inline-block;
    border-radius: 3px;
    box-shadow: none;
    background-color: #FFF;
    color: #878787;
    text-transform: none;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;
    line-height: 15px;
    text-decoration: none;
}

.btn-white:hover {
    color: #000;
}

.action-timer {
    position: absolute;
    background-color: #fff6d5;
    padding: 15px 20px 15px 15px;
    height: 75px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 12px;
}

.action-timer:before {
    position: absolute;
    content: '';
    border-style: solid;
    border-width: 37px 18px 37px 0;
    border-color: transparent #fff6d5;
    left: -18px;
    top: 0;
    height: 1px;
}

.action-timer .time {
    margin: 0;
    padding: 0;
}

.action-timer .time li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 0 0 15px;
    text-align: center;
}

.action-timer .time li:first-child {
    margin-left: 0;
}

.action-timer .time li:first-child:before {
    display: none;
}

.action-timer .time li:before {
    content: ':';
    position: absolute;
    left: -9px;
    font-size: 18px;
    line-height: 24px;
    top: 0;
    margin: 0;
    font-family: inherit;
}

.action-timer .time li .num {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.action-timer .action-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.hint-block .hint-text, .favorite-link .hint-text {
    width: 160px;
    background-color: #f8f5eb;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    bottom: 30px;
    left: -100px;
    font-weight: normal;
    -webkit-transform: translateY(-15px);
    -khtml-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 5px;
}

.hint-block .hint-text:after, .favorite-link .hint-text:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: #f8f5eb transparent;
    border-width: 8px 8px 0;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
}

.hint-block:hover .hint-text, .favorite-link:hover .hint-text {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.hint-block {
    position: relative;
    width: 10px;
    height: 10px;
    border: 1px solid #c3c7ca;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
}

.hint-block .hint-icon {
    line-height: 10px;
    text-align: center;
    font-size: 9px;
}

.hint-block:hover {
    background-color: #e8edf1;
    border-color: #e8edf1;
}

.favorite-link {
    position: relative;
}

.favorite-link .hint-text {
    left: -92px;
    color: #000;
    text-align: center;
}

@media (max-width: 675px) {
    .favorite-link .hint-text {
        left: auto;
        right: 0;
    }

    .favorite-link .hint-text:after {
        left: auto;
        right: 5px;
    }
}

.compare-float-block {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(82, 141, 202, 0.85);
    color: #FFF;
    padding: 5px 0;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

.compare-float-block .toggle-holder {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    top: -29px;
}

.compare-float-block .toggle-holder .toggle {
    width: 50px;
    height: 50px;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNpinD9/PgMSsAPigwxEABY0TWuhbEZsihMSEsD0ggUL/jOhaQplIBIwoWk6QKxGFiQ/7Ud3EjF+ZGQgEbDgsgUUAFBxRjRxuB/JAkzotsBsIkkj2TbiAthcQlsbsQFGYCL/T0Y8/qe/U2Ep5z+pGgECDABSByUqTGlbWQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.compare-float-block .toggle-holder .qty {
    width: 15px;
    height: 15px;
    color: #FFF;
    background-color: #db3d3d;
    position: absolute;
    right: 12px;
    top: 9px;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    display: block;
}

.compare-float-block .block-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-ustify-content: space-between;
    justify-content: space-between;
    -webkit-ustify-content: space-evenly;
    position: relative;
    margin: 0 100px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.compare-float-block .block-content .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.compare-float-block .block-content .title .added {
    display: none;
}

.compare-float-block .block-content .title.item-added .default {
    display: none;
}

.compare-float-block .block-content .title.item-added .added {
    display: block;
}

.compare-float-block.open {
    padding: 20px 0;
}

.compare-float-block.open .toggle-holder {
    top: -45px;
}

.compare-float-block.open .toggle-holder .toggle {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAmElEQVR42nXQuwnCABSF4YsSH0QncJ6so4WuoMSAlYJ23zbaOUo2kGujkAQ97Q/nFSpbi+jJwlYVNtLVrANmrtImlI5ezqYfMHX2clRGhLFGuphHmLtIjfHXotBIJysnqVF0gycOWnetg0kMWi09paflEBT2Wg+tfd/uX5aRetCwNooIpfrHrloZ1tJt8MZNWofK7seHO9UbOUdwju8vVcIAAAAASUVORK5CYII=) 50% 50% no-repeat;
}

.compare-float-block.open .toggle-holder .toggle .qty {
    display: none;
}

.compare-float-block.open .block-content {
    max-height: 200px;
}

.buy-btn {
    font-size: 10px;
    position: relative;
    text-transform: uppercase;
    color: #acacac;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAABI0lEQVR4AYXRA1OuQRiA4T3G+Ni27dwo23adurNt2zXK9qgfkPGb+rSf8d6DZ5+9RvsKxlVlC1sftxUFUmEbKuI7LXhbTw1fMU2ulco5VsPbjCOs5ECDerjMIsKkF3hoplSi5HKFCyZsEm/N3MlXuZ7iumbK4pMRO8cGFyQc5plmcmURHx1T9IUuhDy08wWhpe06piiSVB2swQFhoXocdTAPTwvsEnNc1cEUBf2JK75EkUYhtXQwwhQrLDGK0MEwNmmmnGwSCcEdez7xlOvy0XTQkzyEtXQ/qZFgcniL3PyiHA9T+IVtiohklgcIRX84ppRa0ozhRbY1D7/PhqJtvBE8ZE4HZSME85g+fiIUeRPHdaqoMYX2dDBDkvaczQp1vJDnE/E24sxarJQQAAAAAElFTkSuQmCC) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    margin-left: 45px;
    overflow: hidden;
}

.buy-btn:hover {
    overflow: visible;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABQklEQVR4Aa3TA2wkQBhA4TkjPtv2XW1GtW23Qa+2bTuq7aixasRsbNvsq9vJeneSLxi8aH6xb2MzdEGa0HcReXrCH8WGCJ4yQT089XEx+AVjyNBREfYuBp9iCEJHdqi+uHEXMxAa+AQ3aS8ZEfLFedzSIDYCT2m/BUby5VE8lPb+44+a2A0s45Yc7MMHac8ZM/BSGAP+oVX+NgJN+AchcUaTwhgQjmRFwXLYQWipCvaKgplwh9DCHUzivqJgEjJhBmd4IwIpyEEFmtGPUcxjFgPS6AEIwQrqUIQ0xCMIrrDFH7zHQ9xSPsuAOzKFPkvB+NQgEOn4DiExRxHcNAn+wxpyEY4JvII4YYk9FKACKeqCt7EmffQtLJ9YgycEXmNSUVDWj0C8RSfMIE54IgYPUYpyTYK2aMY4EiAkaZhHJT7JvQMwBPGlTgPAywAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

.buy-btn:hover span {
    display: block;
    transform: translateX(-105%);
    opacity: 1;
    visibility: visible;
}

.buy-btn span {
    /*display: none;*/
    position: absolute;
    left: 0px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
}

.buy-btn.in {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABTUlEQVR4Aa3UA4wcURyA8Y2quLZtW3FSBrVt27aC2rYV1u3ZVnC27XffqTd5Ga2S32L+k2+4Y4kYN+6RwlaLvS8irWrMxCF5bk94GM5huj2UwZ74Dl8bBSJKPvQ/EHZ4rww2wl8II3Hbtom0+/fl5eVYJ5/H32ZixQkJIv3xY3mWiCFy8KscyP3zRyQcPqwWk0Wgvhx8CqGUev26KElOFulPnsgx2Wu1W+cKhFq0MDRUL1aADWrBYxA2iMBEteAO5NsQ9EYTteAaZEKoKEY2UhGPGEQhHM+1/n7z4It3uItz2IlFmIzxGIguaIb6Rv/nqdjhyAfEBJzGbGxDH5V1RuIgppgJDoYz9mAhXqC9Yj4a3tiP41hnFGwAZ8Xvm3DH5xrOmF4z64CXZvbyFmajE65ghGI2HcvQDEdwzExwPC7hOVapzLfiPU6guzyvAK96HhA8yPr2AAAAAElFTkSuQmCC) 0 0 no-repeat;
}

.social-nav {
    overflow: hidden;
}

.social-nav li {
    float: left;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    list-style: none;
}

.social-nav li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 2px;
}

.social-nav li a img {
    vertical-align: middle;
}

.social-nav li a:hover {
    background-color: #446bbd;
}

.social-nav li a.fa-vk {
    background-color: #4e759d;
}

.social-nav li a.fa-vk:hover {
    background-color: #7f9bb8;
}

.social-nav li a.fa-facebook {
    background-color: #4065b4;
}

.social-nav li a.fa-facebook:hover {
    background-color: #758fc7;
}

.social-nav li a.fa-twitter {
    background-color: #39b9dc;
}

.social-nav li a.fa-twitter:hover {
    background-color: #70cbe4;
}

.social-nav li a.fa-youtube {
    background-color: #c13a35;
}

.social-nav li a.fa-youtube:hover {
    background-color: #d0716f;
}

.social-nav li a.fa-ok, .social-nav li a.fa-odnoklassniki {
    background-color: #ec760d;
}

.social-nav li a.fa-ok:hover, .social-nav li a.fa-odnoklassniki:hover {
    background-color: #f99740;
}

.social-nav li a.fa-google-plus {
    background-color: #dc5246;
}

.social-nav li a.fa-google-plus:hover {
    background-color: #ec6155;
}

.social-nav li a.yandex {
    background-color: #ef3124;
}

.social-nav li a.yandex:hover {
    background-color: #fd4a3e;
}

.social-nav li a.b24 {
    background-color: #23bfef;
}

.social-nav li a.b24:hover {
    background-color: #50d6ff;
}

.social-nav li a.boxcom {
    background-color: #2d82c0;
}

.social-nav li a.boxcom:hover {
    background-color: #4ba4e4;
}

.social-nav li a.fa-dropbox {
    background-color: #1975cc;
}

.social-nav li a.fa-dropbox:hover {
    background-color: #4199ec;
}

.social-nav li a.fa-google {
    background-color: #0058c6;
}

.social-nav li a.fa-google:hover {
    background-color: #2c81ec;
}

.social-nav li a.liveid {
    background-color: #e7ebed;
}

.social-nav li a.liveid:hover {
    background-color: #ebf2f5;
}

.social-nav li a.office365 {
    background-color: #eb3d01;
}

.social-nav li a.office365:hover {
    background-color: #fd612b;
}

.social-nav li a.mm {
    background-color: #3d6cb0;
}

.social-nav li a.mm:hover {
    background-color: #6093de;
}

.social-nav li a.lj {
    background-color: #e7ebed;
}

.social-nav li a.lj:hover {
    background-color: #e8f1f5;
}

.social-nav li a.mailru {
    background-color: #134785;
}

.social-nav li a.mailru:hover {
    background-color: #2761a7;
}

.social-nav li a.li {
    background-color: #30889e;
}

.social-nav li a.li:hover {
    background-color: #4eb2cb;
}

.social-nav li a.blogger {
    background-color: #fe6700;
}

.social-nav li a.blogger:hover {
    background-color: #f98435;
}

.social-nav li a.fa-openid {
    background-color: #ff6200;
}

.social-nav li a.fa-openid:hover {
    background-color: #f8863f;
}

.social-nav li a.fa-instagram {
    background-color: #D52A8E;
}

.social-nav li a.fa-instagram:hover {
    background-color: #f970c0;
}

.social-nav.bottom-social-nav {
    position: absolute;
    right: -15px;
    top: 60px;
    max-width: 190px;
}

.social-nav.bottom-social-nav li {
    margin-bottom: 15px;
}

.social-nav.top-social-nav {
    position: absolute;
    right: 200px;
    top: 33px;
}

.fa-ok:before {
    content: "\f263";
}

.splash-form .social-nav {
    margin-bottom: -15px;
}

.splash-form .social-nav li {
    margin-bottom: 15px;
}

.file-block {
    overflow: hidden;
}

.file-block .icon {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.file-block .text {
    overflow: hidden;
    word-wrap: break-word;
}

.file-block .meta {
    color: #8f969c;
}

.main-box {
    border-style: solid;
    padding: 20px;
    border-width: 3px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.main-box.form,
.main-box.c1 {
    background-color: #fff;
}

.main-box.form {
    padding: 25px 30px;
}

.main-box.form h3 {
    font-weight: bold;
    text-transform: none;
}

.main-box.form .controlls {
    margin-top: 0;
}

.show-up-button.showup-btn .up-btn {
    opacity: 1;
}

.up-btn {
    position: fixed;
    left: 60px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    background: #8dcde6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAQAAADly58hAAAAoUlEQVR42t3JJUIlABiF0X/KWJ0+toZxwb3iRNydjkXaWwGdhO8Fdym4y6HgsALObfeL+3w3oSCe559pbCt9LuZZBRypfRyLbLtzqSvuqHTgsf6b2OnccxLehR7AoQmHuDBpBTAYEuBEmV/OQLH/NsFIeGPAogohCVAtpJs25EMIr3wVQjagQQifvBfhblmA+rvvZeQ8QOvz+Y95S5aU3n1XXLVfbBVx5WoAAAAASUVORK5CYII=) 50% 50% no-repeat;
    transition: opacity 0.3s;
    opacity: 0;
}

.tags {
    position: absolute;
    right: 5px;
    top: 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.tags .tag {
    margin: 0 5px;
    float: left;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    padding: 0 6px 0 4px;
    position: relative;
}

.tags .tag .hint-block {
    margin-left: 10px;
    margin: 0 -6px 0 5px;
    border: none;
    height: 20px;
    border-radius: 0;
    float: right;
    background: #d11010;
    width: 15px;
    text-transform: none;
}

.tags .tag .hint-block .hint-icon {
    display: block;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
}

.tags .tag .hint-block .hint-text {
    color: #000;
    text-align: center;
}

@media (max-width: 675px) {
    .tags .tag .hint-block .hint-text {
        right: 0;
        left: auto;
    }

    .tags .tag .hint-block .hint-text:after {
        left: auto;
        right: 2px;
    }
}

.tags .tag:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
    border-style: solid;
    border-width: 10px 5px 10px 0;
    border-color: inherit;
}

.tags .tag.new {
    background-color: #528dca;
    border-color: transparent #528dca;
}

.tags .tag.action {
    background-color: #ff4747;
    border-color: transparent #ff4747;
}

.tags .tag.action .hint-block {
    background-color: #d11010;
}

.tags .tag.hit {
    background-color: #4ab900;
    border-color: transparent #4ab900;
}

.viewed-goods {
    background-color: #eceef3;
    padding: 65px 0;
    clear: both;
    margin: 70px 0 -75px;
}

.page-share-block {
    margin: 30px 0 40px;
}

.right-column .page-share-block {
    margin: 20px 0 0;
}

.page-share-nav {
    float: right;
    position: relative;
    cursor: pointer;
    color: #717a81;
}

.page-share-nav i {
    color: #c7ccd0;
    margin-left: 5px;
}

.page-share-nav .page-share-block {
    cursor: default;
    position: absolute;
    margin: 0;
    top: -6px;
    right: 100%;
    white-space: nowrap;
    padding: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.page-share-nav:hover .page-share-block {
    opacity: 1;
    visibility: visible;
}

.pagination {
    margin: 0 0 50px 0;
}

.pagination .pages li {
    list-style: none;
    display: inline-block;
    list-style: none;
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
}

.pagination .pages li a {
    display: block;
    text-align: center;
    width: 30px;
    text-decoration: none;
    color: #000;
}

.pagination .pages li a:hover {
    color: #fec73e;
}

.pagination .pages li.current a {
    border-radius: 2px;
}

.pagination .pages li.page.prev {
    margin-right: 10px;
}

.pagination .pages li.page.next {
    margin-left: 10px;
}

.pagination .pages li.page.disabled a {
    color: #beccd6;
}

.pagination .pages li.page a {
    text-align: center;
    color: #717a81;
    width: auto;
    font-size: 22px;
}

@media screen and (max-width: 999px) {
    .up-btn {
        left: 10px;
        width: 30px;
        height: 30px;
        bottom: 40px;
        background-size: 50%;
    }

    .social-nav.bottom-social-nav {
        max-width: 135px;
    }

    .viewed-goods {
        background-color: #eceef3;
        padding: 50px 0;
        clear: both;
        margin: 50px 0 -20px;
    }

    .compare-float-block .block-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .compare-float-block .block-content .count-str {
        margin: 15px 0;
    }
}

@media screen and (max-width: 509px) {
    .social-nav.bottom-social-nav {
        width: 90px;
    }

    .compare-float-block .block-content {
        margin: 0;
    }

    .compare-float-block .block-content .btn {
        width: 100%;
    }
}

.header .center {
    height: 130px;
}

#logo {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-49%);
    -ms-transform: translateY(-49%);
    -o-transform: translateY(-49%);
    transform: translateY(-49%);
}

#logo img {
    width: auto;
    height: auto;
    max-height: 110px;
    max-width: 260px;
}

.top-contacts {
    position: absolute;
    top: 0;
    left: 300px;
    color: #717a81;
    max-width: 600px;
    height: 98px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.top-contacts .phone {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    margin-right: 28px;
    max-width: 200px;
    margin-top: 4px;
    color: #000;
}

.top-contacts .phone a {
    text-decoration: none;
    color: #000;
}

.top-contacts .phone + div,
.top-contacts div[id^=bx_incl_area] {
    display: inline-block;
}

.top-nav-block .main-nav.nav > li {
    margin-right: 30px;
}

.top-nav-block {
    padding: 13px 25px 14px;
    right: 50%;
    top: 98px;
    position: absolute;
    width: 900px;
    margin-right: -585px;
}

.float-nav.nav-scrolled .top-nav-block {
    position: fixed;
    top: -100px;
    opacity: 0;
    z-index: 1;
}

.float-nav.nav-scrolled .top-nav-block.nav-showed {
    width: 1170px;
    top: 15px;
    opacity: 1;
    -webkit-transition: opacity 0.7s;
    -khtml-transition: opacity 0.7s;
    -moz-transition: opacity 0.7s;
    -ms-transition: opacity 0.7s;
    -o-transition: opacity 0.7s;
    transition: opacity 0.7s;
}

.float-nav.nav-scrolled .top-nav-block.nav-showed .main-nav {
    margin-right: 130px;
}

.float-nav.nav-scrolled .top-nav-block.nav-showed .main-nav .subnav-block.show {
    margin-left: -30px;
}

.float-nav.nav-scrolled .top-nav-block.nav-showed .main-nav .subnav-block:before {
    left: 90px;
}

.float-nav.nav-scrolled .top-nav-block.nav-showed .main-nav .subnav-block:after {
    left: 80px;
}

.top-nav-block .main-nav .subnav-block {
    display: none;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    padding: 20px 30px 0;
    position: absolute;
    left: 0;
    width: 1230px;
    top: -9060px;
    margin-left: -9300px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
}

.top-nav-block .main-nav .subnav-block.overflow {
    overflow: auto;
}

.top-nav-block .main-nav .show-on .subnav-block {
    display: block;
}

.top-nav-block .main-nav .subnav-block:hover {
    z-index: 999;
}

.top-nav-block .main-nav .subnav-block.show {
    top: 60px;
    margin-left: -300px;
}

.top-nav-block .main-nav li:hover .subnav-block {
    opacity: 1;
    z-index: 999;
}

.top-nav-block .main-nav .subnav-block:before {
    background: #fff;
    border-radius: 9px 0 0;
    box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.1);
    content: "";
    height: 20px;
    left: 360px;
    position: absolute;
    top: -7px;
    -webkit-transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -o-transform: skewY(45deg);
    transform: skewY(45deg);
    width: 15px;
}

.top-nav-block .main-nav .subnav-block:after {
    position: absolute;
    left: 350px;
    width: 30px;
    height: 15px;
    background-color: #fff;
    content: '';
    top: 0;
}

.top-nav-block .main-nav .subnav-block .subnav {
    -webkit-columns: 4;
    -moz-columns: 4;
    -o-columns: 4;
    columns: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    -o-column-gap: 30px;
    column-gap: 30px;
}

.top-nav-block .main-nav .subnav > li {
    font-size: 12px;
    line-height: 20px;
    /*display: inline-block;*/
    break-inside: avoid-column;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    width: 270px;
    text-transform: none;
    font-weight: normal;
    padding-bottom: 30px;
}

.top-nav-block .main-nav .subnav.short > li {
    vertical-align: top;
    margin-left: 27px;
}

.top-nav-block .main-nav .subnav .title,
.top-nav-block .main-nav .subnav .title a {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000;
    text-decoration: none;
    display: block;
}

.top-nav-block .main-nav .subnav .categories {
    padding-right: 30px;
}

.top-nav-block .main-nav .subnav .categories li {
    display: inline;
    margin-right: 5px;
}

.top-nav-block .main-nav .subnav .categories a {
    display: inline;
    text-decoration: underline;
}

.top-search-form {
    position: absolute;
    top: 30px;
    right: 200px;
    width: 270px;
    background-color: #f3f4f6;
    border-radius: 3px;
}

.top-search-form input[type=text] {
    color: #333;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 30px 10px 15px;
    background: none;
}

.top-search-form input[type=text].placeholder {
    color: #a9b7c1;
}

.top-search-form input[type=text]::-moz-placeholder {
    color: #a9b7c1;
}

.top-search-form input[type=text]::-webkit-input-placeholder {
    color: #a9b7c1;
}

.top-search-form input[type=text]:-ms-input-placeholder {
    color: #a9b7c1;
}

.top-search-form input[type=text]::-ms-input-placeholder {
    color: #a9b7c1;
}

.top-search-form button {
    background: none;
    border: none;
    color: #7d858b;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 11px;
}

.top-search-form .results {
    position: absolute;
    background-color: #FFF;
    padding: 1px 1px 20px;
    left: 0;
    top: 36px;
    width: 430px;
    z-index: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    display: none;
}

.top-search-form .results .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-top: 1px solid #e3e4e6;
    padding: 15px 20px;
}

.top-search-form .results .item:first-child {
    border-top: none;
}

.top-search-form .results .item .picture {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    min-width: 60px;
    margin-right: 35px;
}

.top-search-form .results .item .picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    line-height: 14px;
    font-size: 11px;
}

.top-search-form .results .item .info {
    flex-grow: 1;
    padding-right: 10px;
}

.top-search-form .results .item .info .title {
    font-size: 13px;
    margin-bottom: 10px;
}

.top-search-form .results .item .info .title a {
    text-decoration: none;
}

.top-search-form .results .item .info .price-block .price {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
}

.top-search-form .results .item .info .price-block .old-price {
    color: #989898;
    font-size: 13px;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 3px;
    font-weight: 500;
}

.top-search-form .results .item .info .price-block .old-price + .price {
    color: #ff4747;
}

.top-search-form .results .item .extra {
    width: 90px;
    min-width: 90px;
}

.top-search-form .results .item .extra .status {
    font-size: 11px;
    line-height: 14px;
    margin-top: 5px;
}

.top-search-form .results .item .extra .buy-btn {
    margin-left: 0;
    margin-top: 5px;
}

.top-search-form .results .item.section .info .title {
    margin-bottom: 0;
}

.top-search-form .results .item.selected {
    position: relative;
}

.top-search-form .results .item.selected .extra,
.top-search-form .results .item.selected .info {
    position: relative;
}

.top-search-form .results .item.selected:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.05);
}

.top-search-form .results .all-results {
    margin-top: 10px;
    padding: 0 15px;
}

.top-search-form .results .all-results a {
    display: inline-block;
    border-radius: 3px;
    box-shadow: none;
    background-color: #f3f4f6;
    color: #878787;
    text-transform: none;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;
    line-height: 15px;
    text-decoration: none;
}

.top-search-form .results .all-results a:hover {
    color: #000;
}

.minimalistic-search-result .top-search-form .results .item .info .price-block,
.minimalistic-search-result .top-search-form .results .item .extra,
.minimalistic-search-result .top-search-form .results .item .picture {
    display: none;
}

.top-basket-block {
    color: #8f969c;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 21px;
    border: 1px solid #e3e4e6;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABVElEQVR42q3U03YzUQBA4d+2bdS2bdu2bdu2rms8Qv1a3RdFjNNkrS842NHM3KhoG6xBF4YRdUMXN0KGMEcuusRLiuO/MAUnOAgyxxvJ6FfsoA/tAtqwhhzJ6Bf04fU1vm0ToiUHXqEfHwWDd9EHfcnBx+jGf8HofwziseTgHbTCXDAajAZFE81wEoyWIFnRRB38BIK30A07RZNliBSIfsQQ3iqazEaiQNQa3bipaDIZSQrGb+IRXuITfsMYdvDCNPKVvWMQVpCMfFSgAa3oQBf6znWhFY2ow3dlUXfsIQuxCIUvnGGO//iCF3iIu5r8Nq4o1fWVygijKEE34hSs0ZP4Oaw0iX7GKXrhh3nE4da5r5hHKqKxAj1Noit4dP7aAAfoOLeOLon1FchUF32EEYTiCYoxArtziVjEd7zDDHw0+QlsMIcxDOOdzHwKZjGJIkVHwBlFUFe6/yFCjAAAAABJRU5ErkJggg==) 20px 50% no-repeat;
    border-radius: 3px;
    padding: 10px 0 0 53px;
    width: 87px;
    height: 41px;
}

.top-basket-block .title {
    line-height: 17px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
}

.top-basket-block.full {
    color: #FFF;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaJJREFUeNqs1b0vBEEYBvDZu+Xu3EUjIYL4iAgqlRAaEZ2GhkqhVEgoVDqV+AdINDoFhUtcR6PQ6BBfkcjpxGdiuXPHet7k2WTMbUjmTPLL7s3tvTsz7ztzju/7C0qpakjAIWypMlsEdmEbLqFH/UNz4ZT3LzAPg/BlGe8dbl2towANMAp5i4A+dMGea3RewAo8WI50EZ4iWscbOFBpGbACUnCiB5UpF1kJNq0NopA1g35AlWXQDpk6eHrQIrOetAzaKpkP6lQZFZCyrPc6uAoLmrMcqQSMwXVYUA/iFkEbmZP7YEeZI3VCfuTwbIjxmmBCk1yuMSkl1npJUMneOIOk+OM4azDKmblaYgu8SoIy+t43p1/DET1y5DlujFdePd7ntcAlB4repKT2Yb3cU0pvsudbYJYZPYZN45lOmOBypOEorL7MNe2DejiAIZjkc6IJ5uCGL5zhS34dqbQzWOL6ZWEVurVRymG+wc/ykgE4/2ukzzDC7A9zehna4bI0Qy20B1vzR/3hP8rs64VpZv0TluFO+34K+pl5OX/XzAr4FmAADlxjKdx5a5wAAAAASUVORK5CYII=) 20px 50% no-repeat;
}

.top-basket-block.full .title {
    color: #FFF;
}

.top-basket-block.full .count {
    position: absolute;
    width: 17px;
    height: 17px;
    line-height: 17px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    top: 10px;
    left: 30px;
}

.top-basket-block.full a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.mobile-nav-block .top-search-form {
    width: auto;
    margin: 10px 15px 0;
    position: relative;
    top: 0;
    right: 0;
}

.sign-link {
    position: absolute;
    right: 160px;
    top: 35px;
}

.sign-link img {
    width: 23px;
    height: auto;
}

.nav-trigger {
    display: none;
    position: absolute;
    right: 0;
    height: 24px;
    width: 26px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 4px 0;
    cursor: pointer;
    top: 40px;
}

.nav-trigger:before {
    display: block;
    content: '';
    border-top: 4px solid;
    margin-top: 6px;
}

@media screen and (min-width: 1000px) {
    .float-nav.nav-scrolled .top-basket-block {
        right: 50%;
        position: fixed;
        top: 20px;
        margin-right: -580px;
        z-index: 2;
        color: #FFF;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaJJREFUeNqs1b0vBEEYBvDZu+Xu3EUjIYL4iAgqlRAaEZ2GhkqhVEgoVDqV+AdINDoFhUtcR6PQ6BBfkcjpxGdiuXPHet7k2WTMbUjmTPLL7s3tvTsz7ztzju/7C0qpakjAIWypMlsEdmEbLqFH/UNz4ZT3LzAPg/BlGe8dbl2towANMAp5i4A+dMGea3RewAo8WI50EZ4iWscbOFBpGbACUnCiB5UpF1kJNq0NopA1g35AlWXQDpk6eHrQIrOetAzaKpkP6lQZFZCyrPc6uAoLmrMcqQSMwXVYUA/iFkEbmZP7YEeZI3VCfuTwbIjxmmBCk1yuMSkl1npJUMneOIOk+OM4azDKmblaYgu8SoIy+t43p1/DET1y5DlujFdePd7ntcAlB4repKT2Yb3cU0pvsudbYJYZPYZN45lOmOBypOEorL7MNe2DejiAIZjkc6IJ5uCGL5zhS34dqbQzWOL6ZWEVurVRymG+wc/ykgE4/2ukzzDC7A9zehna4bI0Qy20B1vzR/3hP8rs64VpZv0TluFO+34K+pl5OX/XzAr4FmAADlxjKdx5a5wAAAAASUVORK5CYII=) 20px 50% no-repeat;
        opacity: 0;
    }

    .float-nav.nav-scrolled .top-basket-block .title {
        color: #FFF;
    }

    .float-nav.nav-scrolled .top-basket-block .count {
        position: absolute;
        width: 17px;
        height: 17px;
        line-height: 17px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        font-size: 10px;
        top: 10px;
        left: 30px;
    }

    .float-nav.nav-scrolled .top-basket-block a {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .nav-scrolled.float-nav .header:before {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        box-shadow: 0 0 130px rgba(0, 0, 0, 0.55);
        height: 130px;
        top: -130px;
        opacity: 0;
    }

    .nav-showed.float-nav.nav-scrolled .header:before,
    .nav-showed.float-nav.nav-scrolled .top-basket-block {
        -webkit-transition: opacity 0.7s;
        -khtml-transition: opacity 0.7s;
        -moz-transition: opacity 0.7s;
        -ms-transition: opacity 0.7s;
        -o-transition: opacity 0.7s;
        transition: opacity 0.7s;
        opacity: 1;
    }
}

@media screen and (max-width: 999px) {
    .header .center > .top-search-form {
        display: none;
    }

    .header, .header .center {
        height: 105px;
    }

    .top-basket-block {
        left: 270px;
        right: auto;
        top: 26px;
    }

    .nav-trigger {
        display: block;
    }

    .sign-link {
        right: 44px;
        top: 38px;
    }

    .sign-link img {
        width: 30px;
        height: auto;
    }
}

@media screen and (max-width: 509px) {
    .header, .header .center {
        height: 90px;
    }

    #logo {
        max-width: 37.33%;
        width: 140px;
    }

    #logo img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .top-basket-block {
        left: 37.33%;
        margin-left: 10px;
        right: auto;
        top: 18px;
    }

    .nav-trigger {
        top: 33px;
    }

    .sign-link {
        right: 33px;
        top: 33px;
    }

    .sign-link img {
        width: 25px;
    }
}

.footer {
    bottom: 0;
    height: 210px;
    border-top: 5px solid #e5e6e8;
}

.index .footer {
    border-top: none;
}

.bottom-nav {
    position: absolute;
    left: 300px;
    top: 54px;
    right: 200px;
}

.bottom-nav .main-nav {
    line-height: 26px;
    margin-bottom: 20px;
}

.bottom-nav .main-nav.nav li {
    margin: 0 20px 0 0;
}

.bottom-nav .main-nav li a {
    color: #717a81;
    font-weight: 400;
}

.copyright {
    max-width: 270px;
    color: #717a81;
    line-height: 22px;
    font-weight: 500;
    padding: 56px 0 10px;
}

.dev {
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 35px;
    font-size: 12px;
    line-height: 14px;
    top: 57px;
}

.dev a {
    color: #717a81;
    text-decoration: none;
}

.dev a:hover {
    text-decoration: underline;
}

.dev a img {
    position: absolute;
    right: 0;
    top: 0px;
}

@media screen and (max-width: 999px) {
    .footer {
        height: auto;
        position: relative;
        padding-bottom: 10px;
    }

    .social-nav.bottom-social-nav {
        top: 30px;
    }

    .copyright {
        padding-top: 25px;
    }

    .dev {
        top: 25px;
    }

    .bottom-nav {
        left: 0;
        top: 0;
        right: auto;
        padding-top: 20px;
        position: relative;
        margin-right: 120px;
    }
}

@media screen and (max-width: 509px) {
    .bottom-nav {
        margin-right: 80px;
    }

    .footer {
        height: auto;
    }
}

.main-catalog-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 30px -15px 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-catalog-list .item {
    height: 200px;
    position: relative;
    width: 25%;
    margin-bottom: 30px;
}

.main-catalog-list .item .wrapper {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    background-color: #Fee;
    color: #000;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    -webkit-transition: opacity 0.3s;
    -khtml-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.main-catalog-list .item .wrapper:hover {
    opacity: 0.8;
}

.main-catalog-list .item .title {
    position: relative;
    font-size: 1.0625rem;
    background-color: #fff;
    line-height: 1.25rem;
    padding: 8px 13px 9px 13px;
    border-radius: 3px;
    display: inline-block;
    margin: 15px 30px 0 15px;
}

.main-catalog-list .item.span2 {
    width: 50%;
}

.main-catalog-list .item.span3 {
    width: 75%;
}

.main-catalog-list .item.span4 {
    width: 100%;
}

.main-banner {
    margin: 45px 0;
}

.main-banner img {
    width: 100%;
    height: auto;
}

.main-about {
    overflow: hidden;
    margin: 45px 0 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.main-news-block {
    /*float: right; width: 470px;*/
    margin-left: 30px;
    flex: 2 0 270px;
}

.main-news .shorties .item {
    margin: 18px 0;
}

.main-news .shorties .data {
    color: #878787;
    margin-bottom: 10px;
}

.main-text {
    flex: 1 0 570px;
    margin-bottom: 15px;
}

.main-text.article {
    margin-bottom: 0;
}

.main-text.article p {
    margin-top: 0;
}

.catalog-filter .main-articles {
    margin-top: 30px;
}

.main-articles-list {
    margin: 25px 0 30px;
}

.main-articles-list .item {
    overflow: hidden;
    margin: 20px 0;
}

.main-articles-list .item .picture {
    float: left;
    margin-right: 15px;
    width: 130px;
    height: 88px;
    overflow: hidden;
}

.main-articles-list .item .picture img {
    width: 100%;
    height: auto;
}

.main-articles-list .item .text {
    overflow: hidden;
}

.catalog-filter .main-articles-list .item .picture {
    width: 100px;
    height: 68px;
}

.sidebar .main-news,
.sidebar .main-articles {
    margin: 40px 0;
}

.main-actions-block {
    margin: 30px 0 45px;
}

.main-actions {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.main-actions .item {
    width: 270px;
    background-color: #fff;
}

.main-actions .item .picture {
    height: 164px;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    -khtml-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.main-actions .item .picture img {
    width: 100%;
    height: auto;
}

.main-actions .item .text {
    padding: 15px 20px;
}

.main-actions .item .date {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 3px;
}

.main-actions .item .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #717a81;
    margin-bottom: 10px;
}

.main-actions .item .title a {
    color: #717a81;
    text-decoration: none;
}

.main-actions .item .description {
    font-size: 12px;
    line-height: 18px;
}

.main-actions .item:hover .picture {
    opacity: 0.8;
}

.main-slider-block {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}

.main-slider-block .main-slider {
    width: 1440px;
    position: relative;
    left: 50%;
    margin-left: -720px;
    overflow: hidden;
    padding-bottom: 40px;
}

.main-slider-block .main-slider .items {
    width: 9000%;
    position: relative;
}

.main-slider-block .main-slider .items .item {
    width: 1440px;
    height: 460px;
    overflow: hidden;
    position: relative;
    float: left;
    background: #f6f6fb url(images/design/preloader.gif) no-repeat 50% 50%;
}

.main-slider-block .main-slider .items .item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.main-slider-block .main-slider .items .item iframe {
    position: relative;
    width: 100%;
    height: 100%;
}

.main-slider-block .main-slider .items .item video {
    width: auto;
    height: auto;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main-slider-block .main-slider .items .item iframe,
.main-slider-block .main-slider .items .item video {
    max-height: 100%;
}

.main-slider-block .main-slider .items .item video,
.main-slider-block .main-slider .items .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-slider-block .main-slider .items .item .fit-container {
    display: block;
    width: 100%;
    height: 100%;
}

.main-slider-block .main-slider .items .item video + .fit-container,
.main-slider-block .main-slider .items .item video + img,
.main-slider-block .main-slider .items .item video + a img {
    position: absolute;
    top: 0;
    left: 0;
}

.main-slider-block .main-slider .items .item .alternative {
    display: none;
}

.main-slider-block .main-slider .items .item .text {
    position: absolute;
    width: 520px;
    left: 45%;
    top: 45%;
    margin-top: 30px;
    color: #000;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-slider-block .main-slider .items .item .text .item-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: 20px;
    display: block;
}

.main-slider-block .main-slider .items .item .text .description {
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
    display: block;
}

.main-slider-block .main-slider .items .item.light .text {
    color: #FFF;
}

.main-slider-block .main-slider .navi {
    position: absolute;
    bottom: 0px;
    text-align: center;
    left: 0;
    right: 0;
    cursor: pointer;
}

.main-slider-block .main-slider .navi a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #c8c8c8;
    margin: 0 5px;
    border-radius: 50%;
}

.main-features {
    display: table;
    width: 1170px;
    margin: 25px auto 40px;
    table-layout: fixed;
    counter-reset: no;
}

.main-features li {
    display: table-cell;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    list-style: none;
}

.main-features li:first-child {
    padding-left: 0;
}

.main-features li:first-child:after {
    left: 0;
}

.main-features li .text {
    max-width: 220px;
}

.main-features li .icon {
    width: 55px;
    height: 55px;
    border: 1px solid #528dca;
    text-align: center;
    line-height: 53px;
    border-radius: 50%;
    margin-bottom: 22px;
}

.main-features li .icon img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.main-features a {
    text-decoration: none;
}

.main-features a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 999px) {
    .main-about {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-about .main-text {
        float: none;
        width: auto;
        flex: 0 0 100%;
    }

    .main-about .main-news-block {
        flex: 0 0 100%;
        margin: 30px 0 0;
    }

    .main-catalog-list .item {
        width: 50%;
    }

    .main-catalog-list .item.span3 {
        width: 50%;
    }

    .main-catalog-list .item.span2, .main-catalog-list .item.span4 {
        width: 100%;
    }

    .main-catalog-list .item .title {
        margin-right: 15px;
    }

    .sidebar .main-news,
    .sidebar .main-articles {
        display: none;
    }

    .main-actions {
        margin-bottom: 0;
    }

    .main-actions .item {
        width: 240px;
        margin-bottom: 30px;
    }

    .main-actions .item .picture {
        height: 145px;
    }

    .catalog-filter .main-articles,
    .show-main-articles .catalog-filter .main-articles {
        display: none;
    }

    .main-slider-block {
        width: 510px;
    }

    .main-slider-block .main-slider {
        width: 510px;
        left: 0;
        margin-left: 0;
        padding-bottom: 40px;
    }

    .main-slider-block .main-slider .items .item {
        width: 510px;
        height: 180px;
    }

    .main-slider-block .main-slider .items .item img {
        width: auto;
        height: 100%;
    }

    .main-slider-block .main-slider .items .item .text {
        width: auto;
        right: 20px;
        margin-top: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-slider-block .main-slider .items .item .text .item-title {
        font-size: 24px;
        line-height: 26px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .main-slider-block .main-slider .items .item .text .description {
        font-size: 12px;
        line-height: 16px;
    }

    .main-slider-block .main-slider .items .item .alternative {
        display: block;
    }

    .main-slider-block .main-slider .items .item video {
        display: none;
    }

    .main-features {
        display: block;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 510px;
        margin: 25px auto 0;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: start;
    }

    .main-features li {
        display: block;
        border: none;
        width: 50%;
        min-width: 50%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        font-size: 13px;
        line-height: 16px;
        padding: 0;
        margin-bottom: 30px;
    }

    .main-features li .text {
        padding-right: 27px;
    }

    .main-features li .icon {
        min-width: 55px;
        margin: 0 20px 0 0;
    }

    .main-features li .icon img {
        max-width: 60%;
        max-height: 60%;
    }
}

@media screen and (max-width: 509px) {
    .main-catalog-list .item {
        height: 150px;
    }

    .main-actions .item {
        width: 100%;
        margin-bottom: 30px;
    }

    .main-actions .item .picture {
        height: 210px;
    }

    .main-slider-block {
        width: 345px;
    }

    .main-slider-block .main-slider {
        width: 345px;
        left: 0;
        margin-left: 0;
        padding-bottom: 40px;
    }

    .main-slider-block .main-slider .items .item {
        width: 345px;
        height: 130px;
    }

    .main-slider-block .main-slider .items .item .text {
        width: auto;
        right: 20px;
    }

    .main-slider-block .main-slider .items .item .text .item-title {
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .main-slider-block .main-slider .items .item .text .description {
        display: none;
    }

    .main-features {
        margin: 20px auto 0;
        width: 345px;
    }

    .main-features li {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .main-features li .text {
        padding-right: 27px;
        min-width: 100%;
        box-sizing: border-box;
        font-size: 13px;
    }

    .main-features li .icon {
        min-width: 45px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin: 0 20px 15px 0;
    }
}

.form .r {
    color: #F00;
}

.form .label {
    display: block;
    margin-bottom: 3px;
}

.form .form_element,
.form .form-element {
    margin-bottom: 15px;
    color: #717a81;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c1c1c1;
    background-color: #FFF;
    font-size: 15px;
    line-height: 23px;
    min-height: 35px;
    padding: 5px 10px;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

.form .form_element.ui-selectmenu-button,
.form .form-element.ui-selectmenu-button {
    padding-right: 20px;
}

.form .form_element:focus, .form .form_element.ui-state-focus,
.form .form-element:focus,
.form .form-element.ui-state-focus {
    box-shadow: 0 0 3px #ffc426;
}

.form .form_element:disabled, .form .form_element.ui-state-disabled,
.form .form-element:disabled,
.form .form-element.ui-state-disabled {
    background-color: #EEE;
}

.form .form_element.error,
.form .form-element.error {
    color: #FF868A;
    border: 1px solid #FF868A;
    background-color: #FFF0F1;
}

.form .form_element::-webkit-outer-spin-button, .form .form_element::-webkit-inner-spin-button,
.form .form-element::-webkit-outer-spin-button,
.form .form-element::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form .form_element[type=number],
.form .form-element[type=number] {
    -moz-appearance: textfield;
}

.form textarea.form-element {
    overflow: auto;
    resize: vertical;
    height: 115px;
}

.form .error-text {
    font-size: 13px;
    color: #db3d3d;
    line-height: 16px;
    display: none;
}

.form .error + .error-text {
    display: block;
}

.form .note {
    margin: 10px 0;
}

.form .controlls {
    margin-top: 15px;
}

.form .reset {
    display: inline-block;
    border: none;
    border-bottom: 1px dotted;
    background: none;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
}

.form .reset:hover {
    color: #000;
}

.form .reset::-moz-focus-inner, .form .reset::-moz-focus-inner {
    margin: -1px 0;
    padding: 0;
}

.form .custom-element input {
    opacity: 0;
    position: absolute;
}

.form .custom-element input[type=checkbox] + .marker:after {
    font-family: 'FontAwesome', sans-serif;
    content: '\f00c';
    left: 1px;
    top: -1px;
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.3s;
}

.form .custom-element input[type=checkbox]:checked + .marker:after {
    opacity: 1;
}

.form .custom-element input[type=checkbox].error + .marker:before {
    border: 1px solid #FF868A;
    background-color: #FFF0F1;
}

.form .custom-element input[type=radio] + .marker:before {
    border-radius: 50%;
}

.form .custom-element input[type=radio] + .marker:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 4px;
    top: 4px;
    opacity: 0;
    transition: opacity 0.3s;
}

.form .custom-element input[type=radio]:checked + .marker:after {
    opacity: 1;
}

.form .custom-element .marker {
    padding-left: 25px;
    position: relative;
    color: #717a81;
}

.form .custom-element .marker:before {
    content: '';
    position: absolute;
    background-color: #fff;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #c1c1c1;
    left: 0;
    top: 0;
    cursor: pointer;
}

.form .custom-element .marker:after {
    content: '';
    position: absolute;
    cursor: pointer;
}

.form .range-block {
    display: inline-block;
    vertical-align: middle;
}

.form .range-block .range {
    position: relative;
    height: 3px;
    background-color: #c6d1da;
    margin: 7px 8px 30px;
    vertical-align: middle;
    width: 194px;
}

.form .range-block .ui-slider-range {
    height: 3px;
    background-color: #c6d1da;
    z-index: auto;
}

.form .range-block .ui-slider-handle {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: 3px solid #e4e7ea;
    top: -7px;
    z-index: auto;
    margin-left: -8px;
}

.form .range-block .value {
    display: inline-block;
    width: 103px;
    text-align: right;
    color: #a4b0ba;
    line-height: 33px;
}

.form .range-block .value .form-element {
    vertical-align: middle;
    margin-left: 5px;
    width: 75px;
    text-align: left;
    margin-bottom: 0;
}

.form.clear-fields .form-element {
    background: none;
}

.sidebar .form .field {
    margin-bottom: 10px;
}

.sidebar .form .form-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #717a81;
    margin-bottom: 15px;
}

.form .field img {
    max-width: 100%;
    height: 35px;
    width: auto;
    margin: 0 0 5px;
}

.feedback-form {
    width: 570px;
}

.feedback-form .field.inline {
    display: inline-block;
    vertical-align: top;
}

.feedback-form .field.long {
    width: 210px;
}

.feedback-form .field.long2 {
    width: 470px;
}

.feedback-form .field.short {
    margin-left: 27px;
    width: 149px;
}

.feedback-form textarea.form-element {
    height: 150px;
}

.order-form {
    padding: 25px 30px;
}

.order-form textarea.form-element {
    height: 95px;
}

.fancybox-opened .fancybox-inner > form,
.fancybox-opened .fancybox-inner > div {
    max-width: 100%;
}

.splash-form {
    width: 370px;
    max-width: 100%;
}

.splash-form.wide-form {
    width: 540px;
}

.splash-form .form-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #717a81;
    margin-bottom: 15px;
}

.splash-form .fields {
    margin-left: -30px;
}

.splash-form .fields:after {
    clear: both;
    content: '';
    display: table;
}

.splash-form .field {
    padding-left: 30px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.splash-form .field.short {
    width: 50%;
}
.field.short label[for="forgot_captcha"]{
    display: none;
}
.splash-form .controlls .btn {
    vertical-align: middle;
}

.splash-form .controlls .btn + .btn {
    margin-left: 10px;
}

.splash-form .controlls .options {
    display: inline-block;
    vertical-align: middle;
}

.splash-form .controlls .options li {
    display: inline-block;
    margin-left: 20px;
}

.splash-form.confirm-form {
    width: auto;
    min-width: 200px;
}

.splash-form.confirm-form .controlls {
    margin-top: 30px;
}

.splash-form.confirm-form .controlls .btn + .btn {
    margin-left: 20px;
}

.main-user-consent-request,
.form .custom-input {
    display: inline-block;
    padding-left: 20px;
}

.main-user-consent-request input,
.form .custom-input input {
    position: absolute;
    opacity: 0;
}

.main-user-consent-request input + span,
.form .custom-input input + label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 16px;
    color: #717a81;
}

.main-user-consent-request input + span:before,
.form .custom-input input + label:before {
    font-family: 'FontAwesome';
    text-align: center;
    background-color: #fff;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #c1c1c1;
    margin-top: 2px;
    margin-left: -20px;
    content: '';
}

.main-user-consent-request input:disabled + span,
.form .custom-input input:disabled + label {
    opacity: .8;
    cursor: default;
    color: #888;
}

.main-user-consent-request input:disabled + span:after,
.form .custom-input input:disabled + label:after {
    opacity: .5;
}

.main-user-consent-request input:checked + span:before,
.form .custom-input input[type=checkbox]:checked + label:before {
    content: '\f00c';
    font-size: 16px;
    line-height: 10px;
}

.main-user-consent-request input.error + span:before,
.form .custom-input input[type=checkbox].error + label:before {
    border: 1px solid #FF868A;
    background-color: #FFF0F1;
}

.form .custom-input input[type=radio] + label:before {
    border-radius: 50%;
}

.form .custom-input input[type=radio]:checked + label:before {
    content: '';
    background-color: currentColor;
    box-shadow: inset 0 0 0 3px #FFF;
    background-clip: content-box;
}

@-moz-document url-prefix() {
    .selector .form .custom-input input[type=radio]:checked + label:before {
        line-height: 13px;
    }
}

@media screen and (max-width: 999px) {
    .feedback-form {
        width: auto;
    }

    .feedback-form .field,
    .feedback-form .field.short,
    .feedback-form .field.long,
    .feedback-form .field.long2 {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 509px) {
    .splash-form .field img {
        margin-bottom: 15px;
        margin-top: -10px;
    }

    .splash-form .controlls .options,
    .splash-form .controlls .options li {
        display: block;
        margin: 10px 0 0;
    }
}

.articles {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.articles .item {
    width: 370px;
    margin-bottom: 50px;
    background-color: #fff;
    margin-left: 30px;
}

.articles .item .picture {
    height: 251px;
    overflow: hidden;
}

.articles .item .picture img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s;
    -khtml-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.articles .item .title {
    padding: 0 20px;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #717a81;
    margin: 15px 0 10px;
}

.articles .item .title a {
    color: #717a81;
    text-decoration: none;
}

.articles .item .description {
    padding: 0 20px 20px;
    font-size: 13px;
    line-height: 20px;
}

.articles .item:hover .picture img {
    opacity: 0.8;
}

@media screen and (max-width: 999px) {
    .articles .item {
        width: 240px;
    }

    .articles .item .picture {
        height: 163px;
    }

    .articles .text .description {
        font-size: 13px;
    }
}

@media screen and (max-width: 509px) {
    .articles .item {
        width: 100%;
    }

    .articles .item .picture {
        height: 250px;
    }
}

.actions,
.services {
    margin: 20px 0 0px -30px;
    line-height: 0;
    font-size: 0;
}

.actions .item,
.services .item {
    width: 270px;
    margin: 0 0 30px 30px;
    padding-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    font-size: 12px;
    background-color: #FFF;
    min-height: 335px;
}

.actions .item:hover .picture img,
.services .item:hover .picture img {
    opacity: 0.8;
}

.actions .title,
.services .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #717a81;
    margin: 0 20px 10px;
}

.actions .title a,
.services .title a {
    color: #717a81;
    text-decoration: none;
}

.actions .title a:hover,
.services .title a:hover {
    text-decoration: underline;
}

.actions .text,
.services .text {
    margin: 0 20px;
}

.actions .picture,
.services .picture {
    margin-bottom: 15px;
    height: 165px;
    overflow: hidden;
}

.actions .picture img,
.services .picture img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.actions .date,
.services .date {
    color: #9b9b9b;
    font-size: 12px;
    margin: 10px 20px 3px;
    font-weight: 100;
}

.action .text {
    background-color: #FFF;
    position: relative;
    padding: 85px 90px;
}

.action .description {
    font-weight: 500;
}

.action .description .lead {
    color: #d73536;
}

.action .action-timer {
    right: -20px;
    top: 50px;
}

.action .action-timer + .description h2 {
    margin-right: 70px;
}

.action-goods {
    margin-top: 50px;
}

@media screen and (max-width: 999px) {
    .actions .item,
    .services .item {
        width: 240px;
    }

    .action .text {
        padding: 30px;
    }

    .action .text .description > *:first-child {
        margin-right: 135px;
    }

    .action .text .description > h2:first-child {
        min-height: 52px;
    }

    .action .action-timer {
        top: 16px;
        right: 0;
    }
}

@media screen and (max-width: 509px) {
    .actions .item,
    .services .item {
        width: 345px;
        min-height: 0;
        height: auto;
    }

    .action .text {
        padding: 80px 25px 25px;
    }

    .action .text .description > *:first-child {
        margin-right: 0;
    }

    .action .text .description > h2:first-child {
        min-height: 0;
    }

    .action .action-timer {
        top: 0;
    }
}

/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */
@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #46505a;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 44px;
    bottom: 0;
    width: 10%;
    height: auto;
    min-width: 40px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
    margin-top: -27px;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #46505a;
    opacity: 0.8;
}

.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;
    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: -0.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;
    box-shadow: none;
    touch-action: manipulation;
}

button.mfp-close {
    overflow: hidden;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 7px;
    top: 7px;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    text-indent: 100%;
    overflow: hidden;
}

.mfp-close:after {
    content: '\f00d';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    right: 0;
    text-indent: 0;
    width: 44px;
    height: 44px;
    font-size: 22px;
    top: 0;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    color: #c7ccd0;
}

@media (max-width: 360px) {
    .mfp-close {
        top: -5px;
        right: -5px;
    }
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close-btn-in .mfp-close {
    color: #FFF;
}

.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: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    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 {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    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, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.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, 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) {
    /**
       * Remove all paddings around the image on small screen
       */
    .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, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        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, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.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;
    }
}

/************************************************************************************/
/**
 * Fade-zoom animation
 */
/* start state */
.mfp-anim-zoom-in .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.mfp-anim-zoom-in.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.mfp-anim-zoom-in.mfp-removing .mfp-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.mfp-anim-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.mfp-anim-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.mfp-anim-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.mfp-anim-slide-bottom .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.mfp-anim-slide-bottom.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.mfp-anim-slide-bottom.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.mfp-anim-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.mfp-anim-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.mfp-anim-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/************************************************************************************/
.mfp-wrap.popup-modal-block .mfp-content {
    width: auto;
    max-width: 95%;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
}

@media (max-width: 509px) {
    .mfp-wrap.popup-modal-block .mfp-content {
        padding: 20px;
    }
}

.search-query {
    margin: 20px 0;
    font-size: 16px;
}

.search-form {
    margin-bottom: 20px;
}

.search-form .field {
    margin-right: 30px;
    flex: 1 1 100px;
}

.search-form .field .form-element {
    background-color: #f3f4f6;
}

.search-form .controlls {
    margin: 0;
}

.search-form .search-line {
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.search-form .search-language-guess {
    margin-bottom: 5px;
}

.search-results {
    margin: 20px 0 40px 27px;
}

.search-results .item {
    margin: 20px 0;
}

.search-results .title {
    font-size: 18px;
    font-weight: 500;
    color: #717a81;
    margin-bottom: 10px;
}

.search-results .title .no {
    position: absolute;
    margin-left: -27px;
    font-weight: 300;
    color: #cacdd2;
    font-size: 15px;
    padding-top: 2px;
}

.search-results .title a {
    color: #717a81;
    text-decoration: none;
}

.search-results .title a:hover {
    color: #000;
}

.basket-block {
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset -300px 0 0 0 #f3f4f6;
    margin-bottom: 50px;
}

.basket-block:after {
    content: '';
    display: table;
    clear: both;
}

.basket-block .basket {
    float: left;
    width: 870px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px;
}

.basket-block .basket-table {
    width: 100%;
}

.basket-block .basket-table td {
    padding: 20px 0;
    vertical-align: middle;
    border-top: 1px solid #e8edf1;
}

.basket-block .basket-table tr:first-child td {
    border-top: none;
}

.basket-block .basket-table .picture {
    width: 110px;
}

.basket-block .basket-table .picture img {
    max-width: 110px;
    max-height: 110px;
    width: auto;
    height: auto;
}

.basket-block .basket-table .title {
    padding: 20px 30px;
    font-size: 16px;
}

.basket-block .basket-table .title a {
    text-decoration: none;
}

.basket-block .basket-table .qty {
    width: 90px;
    padding-bottom: 0;
}

.basket-block .basket-table .qty .unit {
    text-align: center;
    width: 88px;
}

.basket-block .basket-table .price {
    font-size: 18px;
    line-height: 24px;
    padding-left: 13px;
    min-width: 100px;
    padding-bottom: 0;
}

.basket-block .basket-table .price:after {
    content: '';
    display: block;
    height: 20px;
}

.basket-block .basket-table .price .old-price {
    display: inline-block;
    font-size: 14px;
    text-decoration: line-through;
    color: #9e9e9e;
    font-weight: normal;
}

.basket-block .basket-table .price .new-price {
    color: #db3d3d;
}

.basket-block .basket-table .price .rub {
    font-size: 16px;
}

.basket-block .basket-table .price.cost {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.basket-block .basket-table .remove {
    width: 30px;
    text-align: right;
}

.basket-block .basket-table .unit {
    font-weight: normal;
    color: #AAA;
    font-style: italic;
    font-size: 13px;
}

.basket-block .basket-total-block {
    overflow: hidden;
    padding: 35px 40px;
}

.basket-block .basket-total-block .block {
    margin-bottom: 20px;
}

.basket-block .promocode-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.basket-block .promocode-block .field {
    margin: 0;
    flex-grow: 1;
}

.basket-block .promocode-block .controlls {
    margin-left: 10px;
    margin-top: 0;
}

.basket-block .promocode-block .controlls .btn {
    width: 35px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.basket-block .promocodes .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.basket-block .promocodes .item {
    margin-top: 10px;
}

.basket-block .promocodes .remove {
    text-decoration: none;
    color: #db3d3d;
    font-size: 1.125rem;
}

.basket-block .promocodes .promocode {
    background-color: #FFF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 20px;
    display: inline-block;
    margin-right: 10px;
}

.basket-block .promocodes .promocode:after {
    content: '\f00c';
    font-family: 'Fontawesome';
    color: #4ab900;
    font-size: 20px;
    margin-left: 5px;
}

.basket-block .discount {
    color: #db3d3d;
    margin-bottom: 10px;
    font-size: 15px;
}

.basket-block .old-cost {
    font-size: 15px;
    line-height: 20px;
    color: #888;
    text-decoration: line-through;
}

.basket-block .cost {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
}

.basket-block .cost .rub {
    font-size: 20px;
}

.basket-block .btn {
    margin: 20px 0;
}

.splash-form.basket-message {
    width: 460px;
    padding-bottom: 5px;
}

.splash-form.basket-message .btn {
    margin-left: 25px;
    width: 215px;
    vertical-align: top;
}

.splash-form.basket-message .btn:first-child {
    margin-left: 0;
}

.splash-form.basket-message p {
    margin: 25px 0 30px;
}

@media screen and (max-width: 999px) {
    .basket-block {
        box-shadow: none;
        background: none;
    }

    .basket-block .basket {
        float: none;
        width: auto;
        padding: 0;
        background: none;
    }

    .basket-block .basket-table {
        display: block;
        width: auto;
    }

    .basket-block .basket-table tr {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        margin: 20px 0;
        position: relative;
        padding: 25px 50px 25px 125px;
        width: 100%;
        box-sizing: border-box;
    }

    .basket-block .basket-table tr td {
        border: none;
        display: block;
        padding: 0;
    }

    .basket-block .basket-table tr .picture {
        position: absolute;
        left: 25px;
        width: 80px;
        padding: 0;
    }

    .basket-block .basket-table tr .picture img {
        width: 100%;
    }

    .basket-block .basket-table tr .title {
        padding: 0;
        font-size: 16px;
        color: #000;
        order: 1;
        margin-bottom: 10px;
    }

    .basket-block .basket-table tr .title a {
        color: #000;
    }

    .basket-block .basket-table tr .price {
        order: 2;
        min-width: 0;
        padding: 0 0 15px;
    }

    .basket-block .basket-table tr .price.cost {
        order: 3;
        padding: 10px 0 5px;
    }

    .basket-block .basket-table tr .qty {
        order: 3;
    }

    .basket-block .basket-table tr .remove {
        position: absolute;
        bottom: 32px;
        right: 25px;
    }

    .basket-block .basket-total-block {
        padding: 0;
    }

    .basket-block .basket-total-block .block {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .basket-block .basket-total-block h3 {
        float: left;
        width: 125px;
        flex: 0 0 125px;
        font-size: 18px;
    }

    .basket-block .basket-total-block h3:first-child {
        margin-top: 5px;
    }

    .basket-block .basket-total-block .promocodes {
        margin-top: 15px;
        flex: 1 1 100%;
    }

    .basket-block .basket-total-block .btn {
        width: 100%;
    }

    .basket-block .basket-total-block .total {
        margin-top: 5px;
    }

    .basket-block .basket-total-block .reset {
        display: block;
        margin: auto;
    }

    .splash-form.basket-message {
        width: 100%;
    }

    .splash-form.basket-message .btn {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
}

.catalog {
    margin: 10px -2px 0 -30px;
    font-size: 0;
    line-height: 0;
}
.catalog.grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
margin: 0;
margin-bottom: 24px;
}
.catalog .item {
    display: inline-block;
	width: 290px;
    margin: 0 0 30px 30px;
    background-color: #FFF;
    height: 350px;
    vertical-align: middle;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0 0 0 0 #FFF, 0 0 6px rgba(0, 0, 0, 0.05);
    position: relative;
    -webkit-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    overflow: hidden;
}
.catalog.grid .item {
margin: 0;
width: 100%;
}
.catalog .item:hover {
    box-shadow: 0 0 0 4px #FFF, 0 0 0 4px #FFF, 0 0 0 4px #FFF, 0 0 0 4px #FFF, 0 0 16px rgba(0, 0, 0, 0.2);
}

.catalog .item:hover .picture img {
    opacity: 0.8;
}

/*.catalog.grid {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(3, 1fr);*/
/*  grid-gap: 30px;*/
/*  padding-left: 30px;*/
/*}*/
/*.catalog.grid > .item {*/
/*  max-width: 290px;*/
/*  width: 100%;*/
/*  margin: 0 0;*/
/*}*/

.catalog .picture {
    overflow: hidden;
    line-height: 180px;
    height: 180px;
    text-align: center;
    margin-bottom: 14px;
}

.catalog .picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.catalog .title {
    overflow: hidden;
    height: 54px;
    font-weight: 500;
}

.catalog .title a {
    text-decoration: none;
}

.catalog .features {
    display: none;
}

.catalog .data {
    margin-bottom: 5px;
    overflow: hidden;
    display: inline-block;
    width: 150px;
}

.catalog .price-block {
    margin-right: 0px;
}

.catalog .price-block .old-price {
    font-size: 12px;
    line-height: 14px;
    text-decoration: line-through;
    color: #a2a2a2;
}

.catalog .price-block .price {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    margin-top: 14px;
}

.catalog .price-block .old-price + .price {
    color: #ff4747;
    margin-top: 0;
}

.catalog .price-block .price .rub {
    font-size: 16px;
}

.catalog .availability {
    font-size: 12px;
}

.sidebar .catalog .item:hover {
    box-shadow: 0 0 0 0 #FFF, 0 0 6px rgba(0, 0, 0, 0.05);
}

.catalog.list {
    margin: 10px 0;
}

.catalog.list .item {
    overflow: hidden;
    margin: 30px 0;
    display: block;
    width: auto;
    background-color: #FFF;
    height: auto;
    min-height: 230px;
    padding: 25px;
    box-shadow: none;
}

.catalog.list .item:hover .tags,
.catalog.list .item .tags {
    right: 610px;
    top: 10px;
}

.catalog.list .picture {
    float: left;
    width: 220px;
    text-align: center;
    margin-right: 25px;
    margin-bottom: 0;
}

.catalog.list .text {
    float: left;
    width: 400px;
    margin-right: 30px;
}

.catalog.list .title {
    overflow: hidden;
    height: auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.catalog.list .title a {
    text-decoration: none;
}

.catalog.list .features {
    display: block;
    margin-top: 15px;
}

.catalog.list .features li {
    margin: 5px 0;
}

.catalog.list .extra {
    float: left;
    width: 145px;
}

.catalog.list .price-block {
    float: none;
    margin-right: 0;
}

.catalog.list .price-block .price {
    margin-top: 0;
    font-size: 22px;
    line-height: 30px;
}

.catalog.list .price-block .old-price {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
}

.catalog.list .buy-btn {
    float: none;
    display: block;
    margin-top: 35px;
    margin-left: 0;
}

.catalog.list .buy-btn span {
    position: absolute;
}

.catalog.list .buy-btn:hover span {
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

.catalog.list .availability {
    margin: 10px 0 0;
}

.catalog.list2 {
    margin: 10px 0 40px;
}

.catalog.list2 .item {
    overflow: hidden;
    margin: 1px 0;
    display: block;
    width: auto;
    background-color: #FFF;
    height: auto;
    min-height: 0;
    padding: 25px;
    box-shadow: none;
}

.catalog.list2 .item .tags,
.catalog.list2 .item:hover .tags {
    right: 715px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.catalog.list2 .item .tags .tag,
.catalog.list2 .item:hover .tags .tag {
    margin-bottom: 5px;
}

.catalog.list2 .item .tags .tag:last-child,
.catalog.list2 .item:hover .tags .tag:last-child {
    margin-bottom: 0;
}

.catalog.list2 .picture {
    float: left;
    width: 100px;
    text-align: center;
    margin-right: 50px;
    margin-bottom: 0;
    height: 80px;
    line-height: 80px;
}

.catalog.list2 .text {
    float: left;
    width: 415px;
    margin-right: 30px;
}

.catalog.list2 .title {
    overflow: hidden;
    height: auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.catalog.list2 .title a {
    text-decoration: none;
}

.catalog.list2 .features {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #6c6c6c;
}

.catalog.list2 .features li {
    margin: 0;
    display: inline-block;
}

.catalog.list2 .features li:after {
    content: ' / ';
}

.catalog.list2 .features li:last-child:after {
    content: none;
}

.catalog.list2 .extra {
    float: left;
    width: 225px;
}

.catalog.list2 .extra .data {
    display: block;
    float: none;
    overflow: visible;
    width: auto;
}

.catalog.list2 .price-block {
    float: left;
    margin-right: 10px;
    width: 125px;
}

.catalog.list2 .price-block .price {
    margin-top: 0;
    line-height: 26px;
}

.catalog.list2 .price-block .old-price {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
}

.catalog.list2 .buy-btn {
    float: none;
    display: block;
    margin-top: 15px;
    margin-left: 135px;
}

.catalog.list2 .buy-btn span {
    position: absolute;
}

.catalog.list2 .buy-btn:hover span {
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

.catalog.list2 .availability {
    margin: 0;
}

.catalog.favorites-list .item .tags {
    right: 30px;
}

.catalog.favorites-list .item .remove-link {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAG1BMVEXbPT5HcEzbPT7bPT3bPT3bPT3bPT3bPT3bPT1Bbh4fAAAACHRSTlPUABUV1NhqFo/B3acAAABNSURBVAjXTU7BDQAxCEKqlv0nPmqTS30YASQgesXM6kALnDvV2BCsMZUbh0p6mcIYqkY2CJZUJ+YHvICPbX55A85tC6EkWjkVjBpvnQ+KVgG93snl/gAAAABJRU5ErkJggg==) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.results .buy-btn:hover span {
    -webkit-transform: translate(30px);
    transform: translate(30px);
}

.catalog-top-options {
    min-height: 35px;
    border-top: 3px solid #dadbdd;
    border-bottom: 1px solid #dadbdd;
    padding: 15px 0;
    margin-bottom: 30px;
}

.catalog-top-options .options-block {
    display: inline-block;
    color: #72808b;
    margin-left: 30px;
}

.catalog-top-options .options-block:first-child {
    margin-left: 0;
}

.catalog-top-options .options-nav {
    height: 35px;
    background-color: #FFF;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 3px;
}

.catalog-top-options .options-nav:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.catalog-top-options .options-nav:after {
    content: '\f107';
    font-size: 16px;
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.catalog-top-options .options-nav li {
    margin: 0;
    display: block;
}

.catalog-top-options .options-nav li a {
    display: block;
    margin: 0 -1px;
    position: relative;
    border-bottom: none;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background-color: #fff;
    height: 33px;
    padding: 0 30px 0 10px;
    line-height: 34px;
    text-decoration: none;
    height: 0;
    overflow: hidden;
}

.catalog-top-options .options-nav li a.active {
    height: auto;
}

.catalog-top-options .options-nav li:last-child a {
    border-bottom: 1px solid #c1c1c1;
}

.catalog-top-options .options-nav.open {
    z-index: 2;
}

.catalog-top-options .options-nav.open:after {
    z-index: 1;
    content: '\f106';
}

.catalog-top-options .options-nav.open li a {
    display: block;
    height: auto;
    z-index: 1;
}

.catalog-top-options .options-nav.open li a.active {
    background-color: #fafafa;
}

.catalog-top-options .view-block {
    float: right;
    color: #72808b;
    margin-top: 4px;
}

.catalog-top-options .view-nav {
    display: inline-block;
    vertical-align: middle;
}

.catalog-top-options .view-nav li {
    display: inline-block;
    margin-left: 10px;
}

.catalog-top-options .view-nav li a {
    display: block;
    width: 27px;
    height: 27px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.catalog-top-options .view-nav li .grid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARAQAAAAATFnpXAAAAAnRSTlMAAQGU/a4AAAAYSURBVHjaY2BoYGCo248Vg+X+/28gpAYAmL0TWyzPgpkAAAAASUVORK5CYII=);
}

.catalog-top-options .view-nav li .grid.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARAQMAAAABo9W5AAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAYSURBVHjaY2BoYGCo248Vg+X+/28gpAYAmL0TWyzPgpkAAAAASUVORK5CYII=);
}

.catalog-top-options .view-nav li .list {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATAQAAAABe3ttcAAAAAnRSTlMAAQGU/a4AAAAaSURBVHjaY2D/38BQDsIMDCAazP8PwaTKAQDLGyBGGPP6XgAAAABJRU5ErkJggg==);
}

.catalog-top-options .view-nav li .list.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATAQMAAABMa3SyAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAABlJREFUeNpj+MHAwNABwv8bQDSQDwekygEARqAPFo3jG7kAAAAASUVORK5CYII=);
}

.catalog-top-options .view-nav li .list2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARAQAAAAATFnpXAAAAAnRSTlMAAQGU/a4AAAATSURBVHjaY/j/vwGOgQBEkyoGAKm6IuWTDxTvAAAAAElFTkSuQmCC);
}

.catalog-top-options .view-nav li .list2.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAK0lEQVR42mL8//8/A6WAiYEKgCqGsADxf2oYwjh8wmQ0YEcDdmiFCUCAAQBUqwYrCWSkTgAAAABJRU5ErkJggg==);
}

@media screen and (max-width: 1279px) {
    .catalog-top-options {
        overflow: visible;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    .catalog-top-options .catalog-option-label {
        display: none;
    }

    .catalog-top-options .options-block {
        margin-left: 30px;
    }

    .catalog-top-options .options-nav {
        margin-left: 0;
        display: block;
    }

    .catalog-top-options .view-block {
        font-size: 0;
        line-height: 0;
        color: #F3F4F6;
        float: right;
        margin: 0 0 0 auto;
    }

    .sidebar .catalog {
        display: none;
    }

    .catalog .item {
        width: 240px;
    }

    .catalog .buy-btn {
        float: right;
        margin-left: 10px;
    }

    .catalog.list .item {
        padding: 15px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        min-height: 160px;
        margin: 20px 0;
    }

    .catalog.list .item .picture {
        float: none;
        width: 95px;
        min-width: 95px;
        line-height: 1;
        height: auto;
        margin: 0;
        padding-top: 18px;
    }

    .catalog.list .item .extra {
        width: 81px;
        min-width: 81px;
    }

    .catalog.list .item .extra .data {
        width: auto;
        display: block;
    }

    .catalog.list .item .extra .data .price-block .old-price {
        font-size: 12px;
    }

    .catalog.list .item .extra .data .price-block .price {
        font-size: 20px;
        line-height: 22px;
    }

    .catalog.list .item .extra .buy-btn {
        margin-top: 20px;
    }

    .catalog.list .item .text {
        padding: 0 15px;
        margin: 0;
        flex-grow: 1;
    }

    .catalog.list .item .text .title {
        font-size: 14px;
        line-height: 18px;
    }

    .catalog.list .item .text .features {
        font-size: 12px;
    }

    .catalog.list .item .text .features li {
        margin: 2px 0;
    }

    .catalog.list .item .tags {
        left: 0;
        top: 10px;
        width: 118px;
        text-align: right;
    }

    .catalog.list .item .tags .tag {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .catalog.list2 .item:hover .extra .tags,
    .catalog.list2 .item .tags {
        right: 355px;
    }

    .catalog.list2 .item .text {
        width: 310px;
        margin-right: 0;
        margin-left: 150px;
        float: none;
    }

    .catalog.list2 .item .extra {
        margin-left: 150px;
        width: 310px;
    }

    .catalog.list2 .item .extra .price-block {
        width: 200px;
    }

    .catalog.list2 .item .extra .buy-btn {
        display: block;
        margin: 8px 80px 0 0;
        float: right;
    }
}

@media screen and (max-width: 509px) {
    .catalog-top-options .options-block.count {
        display: none;
    }

    .catalog .item {
        width: 345px;
        height: auto;
    }

    .catalog.list .item .picture {
        width: 66px;
        min-width: 66px;
    }

    .catalog.list .item .tags {
        width: 88px;
    }

    .catalog.list2 .item .picture {
        float: none;
        width: auto;
        text-align: center;
        display: none;
    }

    .catalog.list2 .item .title {
        margin-right: 70px;
    }

    .catalog.list2 .item:hover .extra .tags,
    .catalog.list2 .item .tags {
        right: 15px;
        top: 30px;
    }

    .catalog.list2 .item .text {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
        float: none;
    }

    .catalog.list2 .item .extra {
        margin-left: 0;
        width: auto;
        float: none;
    }

    .catalog.list2 .item .extra .price-block {
        width: 200px;
    }

    .catalog.list2 .item .extra .buy-btn {
        margin-right: 65px;
    }
}

.catalog-item {
    margin-top: 15px;
}

.catalog-item:after {
    content: '';
    display: table;
    clear: both;
}

.catalog-item .item-top-block {
    background-color: #FFF;
    padding: 28px 28px 63px;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.07);
    margin-bottom: 35px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-item .item-top-block .left-column {
    width: 542px;
    position: relative;
    padding-top: 35px;
}

.catalog-item .item-top-block .left-column .favorite-link {
    position: absolute;
    top: 3px;
    right: 0;
    background: #d3d3d3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNpi+P//PwMQWwHxDiB+DsTHgTgIKu4NxEeh4ruB2AkkDpKw/I8dbMEh7sgIJC4xMDDoMhAPboI0/QMyGEnQxMAExO8ZSAOfQZomkqhpEgM0lHB5Gh3shIUeDG8loGEPTC2yJhDei0PDMWR16JpA+BAWDYyENIHwSmgqWIdNHiDAAGfnTPXDRWmqAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    width: 25px;
    height: 24px;
    background-color: #d3d3d3;
    border-radius: 3px;
}

.catalog-item .item-top-block .left-column .favorite-link:after {
    width: 7px;
    height: 7px;
    background-color: #d3d3d3;
    left: 9px;
    bottom: -3px;
    content: '';
    position: absolute;
    transform: rotate(45deg);
    border-radius: 0 0 2px 0;
}

.catalog-item .item-top-block .left-column .favorite-link + .tags {
    right: 27px;
}

.catalog-item .item-top-block .left-column .tags {
    right: -5px;
    top: 5px;
}

.catalog-item .item-top-block .action-timer {
    right: 0;
    top: 40px;
    font-size: 9px;
    padding: 5px 10px 5px 10px;
    height: 51px;
}

.catalog-item .item-top-block .action-timer:before {
    border-width: 25px 12px 25px 0;
    left: -12px;
}

.catalog-item .item-top-block .action-timer .time li:before {
    line-height: 16px;
}

.catalog-item .item-top-block .action-timer .time li .num {
    line-height: 18px;
}

.catalog-item .item-top-block .extra-options {
    border: 1px solid #eaeaea;
    padding: 5px 18px;
    border-radius: 5px;
}

.catalog-item .item-top-block .extra-options li {
    margin: 16px 0;
    font-size: 13px;
    line-height: 18px;
}

.catalog-item .item-top-block .extra-options li a {
    color: #797979;
    text-decoration: none;
    border-bottom: 1px dotted;
    margin-left: 23px;
    display: inline-block;
}

.catalog-item .item-top-block .extra-options li a:before {
    content: '';
    margin-left: -23px;
    width: 17px;
    height: 17px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 2px;
}

.catalog-item .item-top-block .extra-options li a.compare-link:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAATElEQVR42pXNUQrAIAwE0ZxMelMP2ENERIZUWVPC/C0P1vqqdRfZDPAyRCyA504AlhGnhHxHEkRWJ061IyuT84QNovsjHtVIciTayADkwA1ynnA4WQAAAABJRU5ErkJggg==);
}

.catalog-item .item-top-block .extra-options li a.compare-link.active:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARAgMAAABGA69pAAAADFBMVEVHcEyxsbGxsbGxsbEULNqIAAAAA3RSTlMAPuuMa+RTAAAAO0lEQVQI12Ng/P//AwMD2wEGAwYGSTCZAib/g8kD/H9AJAMDnDz8HyrCACMP/z/AgBBhBvJgJAiAjQcAhrYcb1144CAAAAAASUVORK5CYII=);
}

.catalog-item .item-top-block .extra-options li a.cheaper-link:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAA1UlEQVR42m2RCaGDMAxAkYAEJODgI6ES5gAcrBLq4NXBcEAdMAfgoDgIV5p/LfedQKv/QE3PBPTVZ6Als+KJh5xp/nZ/HbgQzR+ZLE3HC1GccFYkdLf5QIg4XRQQ0KI3Qyl4/LlnI1gJNZnhdHE8T9TFQntKmnPGqr2JlURS7ziVTLjNaCX+tuw+bwkrEfJ5VVlVWSKo1dDhyeo5tlIyMNvoJy+7LDKWkqb8HgKJkVajZaWmMu2fp5hJ6tjQTE9tVyy8i2eAZ0OYDswI4V+BfaY/0P1N7+pLqhI0fCCfAAAAAElFTkSuQmCC);
}

.catalog-item .swiper-wrapper,
.catalog-item .swiper-container {
    z-index: auto;
}

.catalog-item .thumbs {
    float: left;
    width: 64px;
    position: relative;
    height: 270px;
}

.catalog-item .thumbs .scroll {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #72808b;
    font-size: 18px;
    cursor: pointer;
}

.catalog-item .thumbs .scroll:before {
    font-family: 'FontAwesome';
}

.catalog-item .thumbs .scroll.prev {
    top: 0;
}

.catalog-item .thumbs .scroll.prev:before {
    content: '\f106';
}

.catalog-item .thumbs .scroll.next {
    bottom: 0;
}

.catalog-item .thumbs .scroll.next:before {
    content: '\f107';
}

.catalog-item .thumbs .scroll.slick-disabled, .catalog-item .thumbs .scroll.disabled {
    opacity: 0.5;
}

.catalog-item .thumbs .items-holder {
    overflow: hidden;
    position: relative;
    height: 220px;
    padding: 25px 0;
}

.catalog-item .thumbs .items-holder .items {
    position: relative;
    margin: auto;
    height: 100%;
}

.catalog-item .thumbs .items-holder .items li {
    width: 64px;
    height: 52px;
    margin-bottom: 4px;
    border: 2px solid #FFF;
    box-sizing: border-box;
    text-align: center;
    line-height: 44px;
    border-radius: 3px;
}

.catalog-item .thumbs .items-holder .items li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    width: auto;
    height: auto;
    display: inline;
}

.catalog-item .main-picture {
    width: 400px;
    height: 260px;
    float: left;
    margin: 5px 0 5px 35px;
    position: relative;
    line-height: 260px;
    text-align: center;
}

.catalog-item .main-picture.no-photo {
    border: 1px solid #E3E3E3;
}

.catalog-item .main-picture img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline;
}

.catalog-item .main-picture a:after {
    opacity: 0;
    content: '';
    background: rgba(255, 255, 255, 0.75) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAmCAMAAAB01KKfAAAAMFBMVEUAAABcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3BcZ3Dx2+dVAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAABB0lEQVR42p2TBZJrMQwEZZRRuv9pP6zirVE46YJQv7EgJkfIOUd6RqhD9IfJj8zAokC/6+WtHuFbifWWHsjT9R4r3E+Sycxj/6ahlNTY9RQ51cDaFtbh0iXSoWJ8nc1/ebAyhn2Yqi4tuqokoGXvsDKGT2hlW5Z7JqKFleAHoVtr4OMnuCjSTinZW6zIfGCl+R9Rnf+pzjqT93VBWwGLTLeWYFuMqwCr4koo6glzVrBxVX/+Ct7qsDhbBWiJC0j4BxsXLdEhXL7aAS6ZqNHNiyyK+XimYYM9eK3qI3yavKVZvcBir7nrBZeuggZEHuu/Mdl6va8h32iN3tGE3tE2vaMxvSL1UegvNp0jQZnUCsQAAAAASUVORK5CYII=) 50% 50% no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    bottom: -1px;
    left: -1px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.catalog-item .main-picture a:hover:after {
    opacity: 1;
}

.catalog-item .item-top-block .right-column {
    width: 170px;
    margin-left: 30px;
}

.catalog-item .item-top-block .articul {
    color: #989898;
    font-size: 13px;
    margin-bottom: 15px;
    white-space: normal;
}

.catalog-item .item-top-block .articul .value {
    color: #000;
}

.catalog-item .item-top-block .price-block {
    margin: 22px 0 0px;
}

.catalog-item .item-top-block .price-block .old-price {
    color: #a2a2a2;
    text-decoration: line-through;
    font-size: 14px;
}

.catalog-item .item-top-block .price-block .price {
    color: #000;
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
    white-space: nowrap;
}

.catalog-item .item-top-block .price-block .price .rub {
    font-size: 24px;
}

.catalog-item .item-top-block .price-block .price .unit {
    font-size: 16px;
}

.catalog-item .item-top-block .availability {
    font-weight: bold;
    margin: 0 0 20px;
}

.catalog-item .item-top-block .price-block + .btn {
    margin-top: 0;
}

.catalog-item .item-top-block .availability + .btn {
    margin-top: 0;
}

.catalog-item .item-top-block .multiplicity {
    text-align: center;
    margin: -7px 0 7px;
}

.catalog-item .item-top-block .btn {
    width: 165px;
    margin-bottom: 10px;
}

.catalog-item .description {
    clear: both;
    margin: 35px 0;
}

.catalog-item .chars-block {
    float: left;
    width: 470px;
    margin-right: 130px;
    margin-bottom: 35px;
}

.catalog-item .chars-block .list li .value {
    float: right;
    width: 170px;
    font-weight: bold;
}

.catalog-item .docs-blocks {
    float: left;
    width: 270px;
    margin-bottom: 35px;
}

.catalog-item .list li {
    padding: 10px 0;
    border-top: 1px solid #d1d6da;
    overflow: hidden;
}

.catalog-item .list li:first-child {
    border: none;
}

.catalog-item .catalog-item-tabs {
    margin: 35px 0;
    overflow: hidden;
    position: relative;
}

.catalog-item .catalog-item-tabs.left-fade:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    background: -moz-linear-gradient(90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    height: 52px;
    border-left: 3px solid #f3f4f6;
}

.catalog-item .catalog-item-tabs.right-fade:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    background: -moz-linear-gradient(-90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(-90deg, #f3f4f6 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    height: 52px;
    border-right: 3px solid #f3f4f6;
}

.catalog-item .catalog-item-tabs .tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    display: table;
    position: relative;
    white-space: nowrap;
}

.catalog-item .catalog-item-tabs .tabs li {
    list-style: none;
    display: table-cell;
}

.catalog-item .catalog-item-tabs .tabs a {
    display: block;
    padding: 16px 30px;
    font-size: 15px;
    color: #808080;
    text-decoration: none;
    border: solid #e7e7e7;
    line-height: 19px;
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.catalog-item .catalog-item-tabs .tabs a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.catalog-item .catalog-item-tabs .tabs a.active {
    background-color: #FFF;
    border-color: #FFF;
}

.catalog-item .catalog-item-tabs .tabs-holder {
    padding: 30px;
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
}

.catalog-item .catalog-item-tabs .description,
.catalog-item .catalog-item-tabs .docs-blocks {
    width: auto;
    margin: 0;
    float: none;
}

.catalog-item .catalog-item-tabs .description .docs li,
.catalog-item .catalog-item-tabs .docs-blocks .docs li {
    padding: 15px 0;
}

.catalog-item .catalog-item-tabs .reviews-block {
    margin: 0;
}

.catalog-item .catalog-item-tabs .reviews-block .reviews-header .reviews-sorting-block .sorting-nav li a.active {
    background-color: #eef1f4;
}

.catalog-item .catalog-item-tabs .reviews-block .reviews-list {
    border-top: 3px solid #dfe5ea;
    padding: 20px 0 0;
    margin-top: 30px;
}

.catalog-item .catalog-item-tabs .reviews-block .pagination {
    margin-bottom: 0;
}

.catalog-item .catalog-item-tabs .chars-block {
    margin: 0;
    width: auto;
    float: none;
}

.catalog-item .catalog-item-tabs .chars-block .list li .value {
    width: 50%;
}

.reviews-block {
    clear: both;
    margin: 40px 0;
}

.reviews-block .reviews-header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.reviews-block .reviews-header .grade-block .grade-value {
    color: #7e7e7e;
    font-size: 12px;
    margin-top: 5px;
}

.reviews-block .reviews-header .yama-logo {
    width: 190px;
}

.reviews-block .reviews-header .yama-logo img {
    max-width: 100%;
}

.reviews-block .reviews-header .reviews-sorting-block .title {
    font-weight: 500;
    color: #72808b;
    vertical-align: middle;
    display: inline-block;
}

.reviews-block .reviews-header .reviews-sorting-block .sorting-nav {
    display: inline-block;
    vertical-align: middle;
}

.reviews-block .reviews-header .reviews-sorting-block .sorting-nav li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.reviews-block .reviews-header .reviews-sorting-block .sorting-nav li a {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.reviews-block .reviews-header .reviews-sorting-block .sorting-nav li a.active {
    display: block;
    padding: 7px 25px 7px 10px;
    background: #FFF url(data:image/gif;base64,R0lGODlhBwAIAIABAICAgP///yH5BAEAAAEALAAAAAAHAAgAAAIMhINhkN17FHQPWlgAADs=) right 10px top 14px no-repeat;
    border-radius: 4px;
    border: none;
    color: #808080;
}

.reviews-block .reviews-header .reviews-sorting-block .sorting-nav li a.active.desc {
    background-image: url(data:image/gif;base64,R0lGODlhBwAIAIABAICAgP///yH5BAEAAAEALAAAAAAHAAgAAAILhI8Yy5H7WjvTtAIAOw==);
}

.reviews-block .reviews-list {
    background-color: #FFF;
    padding: 30px;
    margin: 40px 0;
}

.reviews-block .reviews-list .reviews-item {
    border-top: 1px solid #dfe5ea;
    padding-top: 30px;
    margin-top: 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.reviews-block .reviews-list .reviews-item:first-child {
    border: none;
    padding-top: 0;
    margin-top: 10px;
}

.reviews-block .reviews-list .reviews-item .text-holder {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.reviews-block .reviews-list .reviews-item .slide.on {
    max-height: 240px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.reviews-block .reviews-list .reviews-item .slide.on:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, #FFF));
    background-image: -o-linear-gradient(bottom, transparent 0%, #FFF 100%);
    background-image: -moz-linear-gradient(bottom, transparent 0%, #FFF 100%);
    background-image: -webkit-linear-gradient(bottom, transparent 0%, #FFF 100%);
    background-image: -ms-linear-gradient(bottom, transparent 0%, #FFF 100%);
    background-image: linear-gradient(to bottom, transparent 0%, #FFF 100%);
    height: 50px;
}

.reviews-block .reviews-list .reviews-item .slide.on.open {
    max-height: 600px;
}

.reviews-block .reviews-list .reviews-item .slide.on.open:before {
    height: 0;
}

.reviews-block .reviews-list .reviews-item .text {
    color: #7e7e7e;
}

.reviews-block .reviews-list .reviews-item .text h5 {
    color: #000;
    margin: 10px 0;
}

.reviews-block .reviews-list .reviews-item .text h5:first-child {
    margin-top: 0;
}

.reviews-block .reviews-list .reviews-item .text ol, .reviews-block .reviews-list .reviews-item .text ul {
    margin: 10px 0;
    margin-left: 20px;
}

.reviews-block .reviews-list .reviews-item .text ol li {
    list-style: decimal;
}

.reviews-block .reviews-list .reviews-item .toggle {
    display: none;
    color: #7e7e7e;
    border-bottom: 1px dotted;
    cursor: pointer;
}

.reviews-block .reviews-list .reviews-item .toggle:after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    margin-top: 2px;
    content: '\f107';
    font-family: 'FontAwesome';
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.reviews-block .reviews-list .reviews-item .slide.on + .toggle {
    display: inline-block;
}

.reviews-block .reviews-list .reviews-item .slide.on.open + .toggle:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.reviews-block .reviews-list .reviews-item .data {
    width: 160px;
    margin-left: 40px;
    flex: 0 0 160px;
}

.reviews-block .reviews-list .reviews-item .date {
    color: #7e7e7e;
    font-size: 13px;
    margin: 20px 0 15px;
}

.reviews-block .reviews-list .reviews-item .votes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.reviews-block .reviews-list .reviews-item .votes a {
    color: #676767;
    font-size: 13px;
    line-height: 17px;
    padding: 7px 30px 7px 10px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
}

.reviews-block .reviews-list .reviews-item .votes .agree {
    background: #deeed7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAQAAADcF/zKAAAAh0lEQVR42nzJgwEDQRQE0FgNxE6dv5mUFtvG3Jy5O8v5LyXhNRJwld0eZSwwhUDJTIQLUuTK81fxmBOb4a2+wGN7tcg3PLiOrGO8LX5bkx0nZDsvljuC+dv8s8qN5R/iV5DvLN8Qn/U8t/nvcTBfdqmRv/hzkbnW3mIz1oTqb4c6AySeASjkAVU2Fuhy2RS2AAAAAElFTkSuQmCC) right 10px top 7px no-repeat;
}

.reviews-block .reviews-list .reviews-item .votes .disagree {
    margin-left: 10px;
    background: #f8d8d6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAQAAADcF/zKAAAAiUlEQVR42n2P1QECMQBDi8sCuDMAIzAZtgqj4e4uuZx7k5O+vK+KHqx2ex2beM4IQf3Fn71r49oqaaRqKkbTznzJvTz1z9ScnJlzkeizU98Ifzjz0rQD7nDmr+sbHuyRMMZbE29t2enaakP9MvZSVq+W7KXYBE9ZS3MR/pjaZJ9eYCrR7R7YjMkKpE0DtgwLvVUAAAAASUVORK5CYII=) right 10px top 11px no-repeat;
}

.reviews-block .grade {
    width: 65px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAYAAAC/zUevAAABw0lEQVR42r2WA+wdQRjE6zaogtp2w9q2bdu2bVthGVRRw9r627ZtzEsmyZfHw+Yu+R32vpmd3WMFM0vZzwrHwD9wsYLVCwMMAWWCqUa9KpnIcZjbI/LYylloydGH8vg/j7tZOROHuP3I7QduT1g1C3U56mzQim21QQzbG1sRYjc7e2XX/oTt51R2VhU0Bn3ANLAenAI57GyMXX1PtheBM2ADmAH6giagmp7Ou4MPIA4U09ieRy60d1zUl4B48AX00RIiyM7gM3gBroJdoK8HfW+wHVwBz8AnO79oLSFSWbwVVFF0aSuDZfTN0SKYJFLvURRinfBcqFU0U4iOmwywS3gt0yseLcRnDQY4IDxmGh3FAGHySqf2hdCONXs9e4EomrXXqKnP+gQwXNWL6x5Nl2qsn8b6Fyo/YN25/a+lWNR1UzULtUA+R1ZDhy6CmuYqQgyn2Tsn57qBtbatk3PPqJuhIsRmml0Uba3l3U/egi6i5jDbD6gIcV/elDZT8SVNA9fFv0QpOGl3cz5XEcKHZpPBN/klBfXFfXNTnPsH5nA/DlRUEkLwEwx3UdsPfLSrT1ARog/wBYFgi0bNauBPzVBP9eUQiyM4o7sMcQAAAABJRU5ErkJggg==) -1px 0/auto 100% repeat-x;
}

.reviews-block .grade .fill {
    height: 10px;
    width: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAYAAAC/zUevAAABJ0lEQVR42sXUA0xuYRzH8evx3ltD5syas23XmO2a8pA9ZDdvNTc7227Mbsh6+o3x+Dnn/W+f6eh79HyTMmT6WwksQP03VQwu7AjkjSBVRAx9iFhWOsAYyBdMlIzoZYgYUCpAHQgLXSUicjkiamhe7DfogiUEQxpUwBVHxANUQTqEghXowR8hFzeFITiARyAUPMEhjIEln4gtIDLa5RNxLnPEFZ8If5kjIvh+F2EyBcQK/Ts8KAeEif1NbSkFeEldL8xhB4gIR+BCa+HqEBnRT3P1nBIZsUkr4B/cAhHJkEaECxAJQmlEZEmMKKIR0QmEwQU0wh4QBn00IlaAfKEHNN98N80M+x3Ad9oR0+DCsK81DH9cK2hEWMIqbEI2z2OSYB02wYlr/xdUXv5Bs2T0DAAAAABJRU5ErkJggg==) -1px 0/auto 100% repeat-x;
}

.reviews-block .grade.average-grade {
    width: 157px;
    height: 25px;
    background-position: -4px 0;
}

.reviews-block .grade.average-grade .fill {
    height: 25px;
    background-position: -4px 0;
}

.reviews-block .grade.s1 .fill {
    width: 18%;
}

.reviews-block .grade.s2 .fill {
    width: 39%;
}

.reviews-block .grade.s3 .fill {
    width: 60%;
}

.reviews-block .grade.s4 .fill {
    width: 81%;
}

.reviews-block .grade.s5 .fill {
    width: 100%;
}

@media screen and (max-width: 1279px) {
    .catalog-item .item-top-block {
        padding: 15px;
    }

    .catalog-item .item-top-block .left-column {
        float: none;
        width: 100%;
    }

    .catalog-item .item-top-block .images {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
    }

    .catalog-item .item-top-block .images .thumbs {
        order: 2;
        float: none;
        width: auto;
        height: auto;
        display: none;
    }

    .catalog-item .item-top-block .images .thumbs .items-holder {
        height: auto;
    }

    .catalog-item .item-top-block .images .thumbs .items-holder .items {
        text-align: center;
    }

    .catalog-item .item-top-block .images .thumbs .items-holder .items li {
        width: auto;
        height: auto;
        display: inline-block;
        margin: 0 4px;
    }

    .catalog-item .item-top-block .images .thumbs .items-holder .items li a {
        display: block;
        width: 6px;
        height: 6px;
        border: 2px solid #d8d9db;
        border-radius: 50%;
    }

    .catalog-item .item-top-block .images .thumbs .items-holder .items li a img {
        display: none;
    }

    .catalog-item .item-top-block .images .thumbs .scroll {
        display: none;
    }

    .catalog-item .item-top-block .images .main-picture {
        order: 1;
        padding: 0 0 70px;
        width: auto;
        margin-left: 0;
    }

    .catalog-item .item-top-block .images .main-picture > .swiper-pagination-bullets {
        line-height: 1;
        bottom: 30px;
    }

    .catalog-item .item-top-block .images .main-picture > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px;
        width: 6px;
        height: 6px;
        border: 2px solid #d8d9db;
        border-radius: 50%;
        background: none;
        opacity: 1;
    }

    .catalog-item .item-top-block .images .main-picture > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: none;
    }

    .catalog-item .item-top-block .right-column {
        margin: 0;
        width: 100%;
        float: none;
    }

    .catalog-item .item-top-block .right-column .articul {
        float: right;
    }

    .catalog-item .item-top-block .right-column .price-block {
        margin: 0;
    }

    .catalog-item .item-top-block .right-column .btn {
        width: 100%;
    }

    .catalog-item .item-top-block .extra-options {
        padding: 5px 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .catalog-item .docs-blocks,
    .catalog-item .chars-block {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .catalog-item .list li {
        overflow: hidden;
    }

    .catalog-item .list li span {
        float: left;
        width: 50%;
    }

    .catalog-item .catalog-item-tabs {
        margin: 35px 0;
    }

    .catalog-item .catalog-item-tabs .tabs {
        justify-content: stretch;
    }

    .catalog-item .catalog-item-tabs .tabs li {
        flex-grow: 1;
    }

    .catalog-item .catalog-item-tabs .tabs a {
        padding: 16px 5px;
    }

    .reviews-block .reviews-header {
        position: relative;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .reviews-block .reviews-header .empty-msg {
        margin-right: 130px;
    }

    .reviews-block .reviews-header .grade-block .grade-value {
        color: #7e7e7e;
        font-size: 12px;
        margin-top: 5px;
    }

    .reviews-block .reviews-header .yama-logo {
        width: auto;
        position: absolute;
        right: 0;
    }

    .reviews-block .reviews-header .reviews-sorting-block {
        margin: 20px 0;
    }

    .reviews-block .reviews-header .reviews-sorting-block .title {
        display: block;
    }

    .reviews-block .reviews-header .reviews-sorting-block .sorting-nav {
        display: block;
        margin-top: 15px;
    }

    .reviews-block .reviews-header .reviews-sorting-block .sorting-nav li:first-child {
        margin-left: 0;
    }

    .reviews-block .reviews-list .reviews-item {
        flex-direction: column;
    }

    .reviews-block .reviews-list .reviews-item:first-child {
        border: none;
        padding-top: 0;
        margin-top: 10px;
    }

    .reviews-block .reviews-list .reviews-item .text-holder {
        width: 100%;
        order: 2;
    }

    .reviews-block .reviews-list .reviews-item .data {
        width: 100%;
        margin-left: 0;
        order: 1;
        margin-bottom: 20px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex: 0 0 auto;
    }

    .reviews-block .reviews-list .reviews-item .data .date {
        margin: 0;
    }
}

@media screen and (max-width: 509px) {
    .catalog-item .catalog-item-tabs.right-fade:after, .catalog-item .catalog-item-tabs.left-fade:before {
        height: 40px;
    }

    .catalog-item .catalog-item-tabs .tabs a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .catalog-item .catalog-item-tabs .tabs-holder {
        padding: 25px;
    }

    .catalog-item .catalog-item-tabs .reviews-block .reviews-header .yama-logo {
        top: 2px;
    }

    .catalog-item .catalog-item-tabs .reviews-block .reviews-header .empty-msg {
        margin-right: 0;
        margin-top: 30px;
    }

    .catalog-item .catalog-item-tabs .reviews-block .reviews-header .empty-msg + .yama-logo {
        left: 0;
        right: auto;
        top: 0;
    }
}

.compare-block .compare-tabs .tabs-header {
    position: relative;
}

.compare-block .compare-tabs .tabs-header .fader {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 32px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.compare-block .compare-tabs .tabs-header .fader.show {
    opacity: 1;
    visibility: visible;
}

.compare-block .compare-tabs .tabs-header .fader:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
}

.compare-block .compare-tabs .tabs-header .fader.left {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(1, #f1f2f5));
    background-image: -o-linear-gradient(left, transparent 0%, #f1f2f5 100%);
    background-image: -moz-linear-gradient(left, transparent 0%, #f1f2f5 100%);
    background-image: -webkit-linear-gradient(left, transparent 0%, #f1f2f5 100%);
    background-image: -ms-linear-gradient(left, transparent 0%, #f1f2f5 100%);
    background-image: linear-gradient(to left, transparent 0%, #f1f2f5 100%);
}

.compare-block .compare-tabs .tabs-header .fader.left:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAt0lEQVR42mNAB////3cD4l4gPg7EH6D4OFTMDaESU6MCEPcA8ef/uMFnqBoFbJoX/yceLEYxBGwq6aAH7mdczn756vX/GbPmgmhc3nEDGdCLS3NX74T/rR09YDYO0Asy4Dg+zU+fPcfnjeMM4GhCBWDN9U1tYM0EwAesBqxcvRZswNZtOwkaAPcCmYYchwQiDrBk2UqwIddv3MQbiG74Ut/5C5f+f/nyFWc0UpiQKE/KlGcmirMzAPOpT0gbs9rOAAAAAElFTkSuQmCC) 0 50% no-repeat;
}

.compare-block .compare-tabs .tabs-header .fader.right {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(1, #f1f2f5));
    background-image: -o-linear-gradient(right, transparent 0%, #f1f2f5 100%);
    background-image: -moz-linear-gradient(right, transparent 0%, #f1f2f5 100%);
    background-image: -webkit-linear-gradient(right, transparent 0%, #f1f2f5 100%);
    background-image: -ms-linear-gradient(right, transparent 0%, #f1f2f5 100%);
    background-image: linear-gradient(to right, transparent 0%, #f1f2f5 100%);
}

.compare-block .compare-tabs .tabs-header .fader.right:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAt0lEQVR42mNAB////3cD4l4gPg7EH6D4OFTMDaESU6MCEPcA8ef/uMFnqBoFbJoX/yceLEYxBGwq6aAH7mdszn756vX/GbPmgmh83nFjgAbOf2wGtHb0/O/qnYDPkF4GcAjjAE+fPSdkyHEGaDT9x2dIfVMb2BAs4ANBA7Zu2wk2YOXqtTgNOE66ZoQXcAbi9Rs3wZqXLFuJz4G9OKPxy5ev/89fuARi4o1GChMS5UmZ8sxEcXYGAF+YT0iIPl7fAAAAAElFTkSuQmCC) 100% 50% no-repeat;
}

.compare-block .compare-tabs .tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    overflow: hidden;
}

.compare-block .compare-tabs .tabs a {
    display: block;
    padding: 16px 30px;
    font-size: 15px;
    color: #808080;
    text-decoration: none;
    border: solid #e7e7e7;
    line-height: 19px;
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    white-space: nowrap;
}

.compare-block .compare-tabs .tabs a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.compare-block .compare-tabs .tabs a.active {
    background-color: #FFF;
    border-color: #FFF;
}

.compare-block .compare-tabs .tabs-holder {
    background-color: #FFF;
    border-radius: 0 0 5px 5px;
    padding-bottom: 30px;
}

.compare-block .compare-tabs .tab-content {
    position: relative;
}

.compare-block .compare-tabs .tab-content .fader {
    position: absolute;
    top: 51px;
    bottom: 40px;
    width: 72px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.compare-block .compare-tabs .tab-content .fader .arrow, .compare-block .compare-tabs .tab-content .fader:before {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #999b9e;
    top: 175px;
    background-repeat: no-repeat;
}

.compare-block .compare-tabs .tab-content .fader.show {
    opacity: 1;
    visibility: visible;
}

.compare-block .compare-tabs .tab-content .fader.left {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(0.7, #FFF));
    background-image: -o-linear-gradient(left, transparent 0%, #FFF 70%);
    background-image: -moz-linear-gradient(left, transparent 0%, #FFF 70%);
    background-image: -webkit-linear-gradient(left, transparent 0%, #FFF 70%);
    background-image: -ms-linear-gradient(left, transparent 0%, #FFF 70%);
    background-image: linear-gradient(to left, transparent 0%, #FFF 70%);
}

.compare-block .compare-tabs .tab-content .fader.left .arrow, .compare-block .compare-tabs .tab-content .fader.left:before {
    left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAQAAACBg/b2AAAAYElEQVR42mNAgP/M/xP/uyALZP7//78ewfX5//X/zv9iMK7F/2f/z/6Xh3GV/l/+//S/EYwrCFT65b8XjMv5f/7/X/+TEIa1Ac2ugbAxBTC1YBqKaS2GwzCcjuE5DO8DAEmRV0u19HQHAAAAAElFTkSuQmCC);
    background-position: 45% 50%;
}

.compare-block .compare-tabs .tab-content .fader.right {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.7, #FFF));
    background-image: -o-linear-gradient(right, transparent 0%, #FFF 70%);
    background-image: -moz-linear-gradient(right, transparent 0%, #FFF 70%);
    background-image: -webkit-linear-gradient(right, transparent 0%, #FFF 70%);
    background-image: -ms-linear-gradient(right, transparent 0%, #FFF 70%);
    background-image: linear-gradient(to right, transparent 0%, #FFF 70%);
}

.compare-block .compare-tabs .tab-content .fader.right .arrow, .compare-block .compare-tabs .tab-content .fader.right:before {
    right: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAQAAACBg/b2AAAAX0lEQVR42mP47/I/8T8zAwL8r////38msoDY/53/v/73QRaS/3/2/7P/FshCRv+f/r/8XwlZyOv/F6BWQWShpP+//s//z4ksVAO0rw1TAFMLpqEIa9EchuZ0nJ7D8D4AmNVXS+EwEw4AAAAASUVORK5CYII=);
    background-position: 55% 50%;
}

.compare-block .compare-show-options {
    margin: 0 30px;
    border-bottom: 1px solid #d7d7da;
    padding: 15px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.compare-block .compare-show-options .opts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex: 1 1 100px;
}

.compare-block .compare-show-options .opts li {
    margin-left: 15px;
}

.compare-block .compare-show-options .opts li.remove {
    margin-left: auto;
}

.compare-block .compare-show-options a {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.compare-block .compare-show-options a.active {
    border: none;
}

.compare-block .compare-show-options .remove-list-link {
    text-decoration: none;
    border: none;
}

.compare-block .compare-show-options .remove-list-link:hover {
    color: #C00;
}

.compare-block .compare-show-options .remove-list-link i {
    color: #C00;
    margin-right: 3px;
    vertical-align: 1px;
}

@media (max-width: 999px) {
    .compare-block .compare-show-options {
        display: block;
    }

    .compare-block .compare-show-options .opts {
        display: block;
        margin: 15px;
    }

    .compare-block .compare-show-options .opts li {
        margin: 5px 0 0;
    }

    .compare-block .compare-show-options .opts li.remove {
        margin: 20px 0 0 -20px;
    }
}

.compare-block .compare-list {
    overflow: hidden;
    border: solid #FFF;
    border-width: 0 30px;
    border-radius: 5px;
    padding-bottom: 60px;
    position: relative;
}

.compare-block .compare-list .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
}

.compare-block .compare-list .row .item {
    flex: 1 0 190px;
    padding-right: 30px;
    box-sizing: border-box;
}

.compare-block .compare-list .row .item:last-child {
    padding-right: 0;
    flex: 1 0 160px;
}

.compare-block .compare-list .row.compare-list-prop:last-child .item {
    border: none;
}

.compare-block .compare-list .row.compare-list-prop .prop-name {
    position: absolute;
    left: 0;
    color: #757575;
    font-size: 13px;
    top: 12px;
}

.compare-block .compare-list .row.compare-list-prop .item {
    color: #000;
    font-weight: bold;
    padding: 35px 30px 10px 0;
    border-bottom: 1px solid #d7d7da;
}

.compare-block .compare-list .row.compare-list-header {
    margin: 0 0 25px;
}

.compare-block .compare-list .row.compare-list-header .item {
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
    border-bottom: 3px solid #d7d7da;
}

.compare-block .compare-list .row.compare-list-header .item .picture {
    height: 125px;
    line-height: 125px;
    margin-bottom: 65px;
}

.compare-block .compare-list .row.compare-list-header .item .picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.compare-block .compare-list .row.compare-list-header .item .title {
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
}

.compare-block .compare-list .row.compare-list-header .item .title a {
    text-decoration: none;
}

.compare-block .compare-list .row.compare-list-header .item .buy-btn {
    float: right;
    margin-top: 3px;
}

.compare-block .compare-list .row.compare-list-header .item .buy-btn span {
    display: none;
}

.compare-block .compare-list .row.compare-list-header .item .price {
    font-size: 18px;
    font-weight: 500;
}

.compare-block .compare-list .row.compare-list-header .item .remove-item {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 24px;
    height: 24px;
    background: #fdfefe url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAARklEQVR42m2NtQGAMBREb7xUuDNFJnrjpAwt0+BOvuudsPQ6hB4rGgaarT0rchzxoo78PDWMixopPCC7XrK1rfEXqKf+0c6/9SwrsvOEIAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1) inset;
    border-radius: 50%;
    text-decoration: none;
}

.compare-block .compare-list .row.compare-list-header .item .remove-item:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAARUlEQVR42m2NtQGAMBREb7xUuDNFpkz5aZnm4c53vROeXrvQ40XDQLO2R0VOIJ41kB+njnFWJ/0PyM6XbGlr7AQ16g/tBMOxOyso1gbWAAAAAElFTkSuQmCC);
}

@media screen and (max-width: 999px) {
    .compare-block .compare-list .row .item {
        flex: 1 0 240px;
    }

    .compare-block .compare-list .row .item:last-child {
        flex: 1 0 210px;
    }
}

@media screen and (max-width: 509px) {
    .compare-block .compare-tabs .tab-content .fader {
        width: 35px;
    }

    .compare-block .compare-tabs .tab-content .fader .arrow, .compare-block .compare-tabs .tab-content .fader:before {
        width: 35px;
        height: 35px;
        top: 190px;
    }

    .compare-block .compare-list {
        border-width: 0 15px;
    }

    .compare-block .compare-list .row .item {
        flex: 1 0 165px;
        padding-right: 15px;
    }

    .compare-block .compare-list .row .item:last-child {
        flex: 1 0 150px;
    }
}

.nav > li {
    text-transform: uppercase;
    font-weight: 500;
}

.nav > li a {
    color: #717a81;
    text-decoration: none;
}

.nav > li a:hover {
    color: #ffc426;
    text-decoration: underline;
}

.nav > li a.current {
    color: #43d8d4;
    text-decoration: none;
}

.main-nav.nav {
    overflow: hidden;
}

.main-nav.nav > li {
    display: inline-block;
    margin: 5px 24px 5px 0;
}

.main-nav.nav > li > a {
    color: #000;
    text-decoration: none;
}

.bottom-nav .main-nav > li > a:hover, .main-nav > li > a:hover {
    color: #ffc426;
}

.bottom-nav .main-nav > li > a.current, .main-nav > li > a.current {
    color: #43d8d4;
}

.breadcrumbs {
    margin-bottom: 35px;
}

.breadcrumbs li {
    display: inline-block;
    list-style: none;
    color: #717a81;
    font-size: 13px;
}

.breadcrumbs li:after {
    content: ' /';
    margin: 0 5px;
    color: #ccc;
    font-weight: 100;
}

.breadcrumbs li a {
    color: #717a81;
}

.breadcrumbs li a:hover {
    color: #000;
}

.breadcrumbs.no-end-slash li:last-child:after {
    display: none;
}

.index-top {
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.content {
    float: left;
    width: calc(100% - 300px);
}

.sidebar {
    float: right;
    width: 270px;
    /*margin-top: 8px;*/
}

.shift .content {
    float: left;
    width: 770px;
}

.shift .sidebar {
    float: right;
    width: 300px;
    /*margin-top: 8px;*/
}

.wide .content {
    width: auto;
    float: none;
}

.catalog-slider {
    position: relative;
}

.catalog-slider .items-holder {
    position: relative;
    overflow: hidden;
    margin: -25px;
    padding: 25px;
	
}

.catalog-slider .catalog {
    margin: 0;
    width: 9000%;
    position: relative;
}

.catalog-slider .catalog .item {
    float: left;
    margin: 0 30px 0 0;
}

/*.catalog-slider .catalog .item:hover{margin: -10px 20px -10px -10px;}*/
.catalog-slider .scroll {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 24px;
    margin-top: -12px;
    color: #717a81;
    opacity: .7;
    cursor: pointer;
}

.catalog-slider .scroll:hover {
    opacity: 1;
}

.catalog-slider .scroll.prev {
    left: -35px;
}

.catalog-slider .scroll.next {
    right: -35px;
}

.content .catalog-slider .scroll.prev {
    left: -22px;
}

.content .catalog-slider .scroll.next {
    right: -22px;
}

.catalog-slider .scroll:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 40px;
}

.catalog-slider .scroll.prev:before {
    content: '\f104';
}

.catalog-slider .scroll.next:before {
    content: '\f105';
}

.catalog-slider .scroll.disabled {
    color: #d3d4d4 !important;
    cursor: default;
    visibility: hidden;
}

@media (min-width: 1000px) and (max-width: 1252px) {
    .catalog-slider .scroll.prev {
        left: 5px;
    }

    .catalog-slider .scroll.next {
        right: 5px;
    }

    .compare-float-block .toggle-holder {
        right: 30px;
    }

    .compare-float-block .center {
        max-width: 100%;
    }

    .catalog-slider .items-holder {
        padding: 0;
        margin: 0;
    }

    .social-nav.bottom-social-nav {
        right: 0;
    }
}

.index .content,
.index .sidebar {
    margin-bottom: 70px;
}

.article:first-child {
    margin-top: 0;
}

.simple_page .content {
    line-height: 22px;
}

.simple_page .content h1 {
    margin-bottom: 20px;
}

.article .lead,
.simple_page .content .lead {
    font-size: 16px;
    color: #717a81;
}

.article p,
.simple_page .content p {
    margin: 0 0 20px ;
}

.article li,
.simple_page .content li {
    margin: 15px 0;
}

.article ul,
.article ol,
.simple_page .content ul,
.simple_page .content ol {
    margin: 20px 0 20px 18px;
}

.article ul li:before,
.simple_page .content ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -18px;
}

.article ol li,
.simple_page .content ol li {
    list-style-type: decimal;
}

.article ul li li,
.simple_page .content ul li li {
    color: #717a81;
}

.article table,
.simple_page .content table {
    border-collapse: collapse;
}

.article table th,
.simple_page .content table th {
    padding: 15px 20px;
    color: #717a81;
    background-color: #FFF;
    font-size: 16px;
    border-bottom: 2px solid #b6bbbf;
    font-weight: normal;
}

.article table td,
.simple_page .content table td {
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #b6bbbf;
}

.article table.noborders th, .article table.noborders td,
.simple_page .content table.noborders th,
.simple_page .content table.noborders td {
    border: none;
}

.article .date,
.simple_page .content .date {
    margin-bottom: 20px;
    color: #8d99a4;
}

.article img,
.simple_page .content img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 800px;
    margin-bottom: 10px;
}

.article img[align=left],
.simple_page .content img[align=left] {
    margin-right: 15px;
}

.article img[align=right],
.simple_page .content img[align=right] {
    margin-left: 15px;
}

.article {
    line-height: 22px;
    margin: 20px 0 30px 0;
}

.article h3 {
    color: #000;
}

.article h4, .article h5, .article h3 {
    margin-top: 20px;
}

.article h4:first-child, .article h5:first-child, .article h3:first-child {
    margin-top: 0;
}

.pagination + .article {
    margin-bottom: 0;
}

.pagination + .article > p:last-child {
    margin-bottom: 0;
}

.sidebar-block {
    border-bottom: 3px solid #528dca;
    padding: 15px 30px;
    background-color: #FFF;
    margin-bottom: 40px;
}

.sidebar-nav {
    background: #FFF url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAoAQ4DAREAAhEBAxEB/8QAjwAAAgIDAAMBAAAAAAAAAAAABQYEBwADCAECCQoBAAIDAQEBAAAAAAAAAAAAAAMEAQIFAAYHEAABAgQEAwYFAwMFAAAAAAABAgMAEQQFITFBBlESImGRoeEyE/BxwdEjgbFiUrIz8UKSohQRAAIDAAICAgIDAQEAAAAAAAABEQIDIQQSEzEiUWFBFAVxgf/aAAwDAQACEQMRAD8A/TE5uzmV/k8fOPp/pg+UwpCFBujqH5NeMUeJKSLHtO6JpT+Thr8oDbEJWqYWr9zAsK/Jpxgfq5DevgovdF4TUOLTzAzJ1gyrCOWfIAstuRWvpJTOavrAdbwOZ4qxeVl2e040k+2MhoOEZ193I7XqqApW7PbQk/jAw4RT3sl9VIRrjtlCCqSP+vlEPUC8EmLqrAAr0eHkYW11C0xQXoLACodAzGYjPvq/gfzxQ/W7bjZA6B3QH2MarghhG2Gij0DswjvNsv6UCqzaaDOSB3RXyZDxQo1+0R1Sb8OMR5A7YJidWbTWnmk2e6O84AW63AvO7cdbJ6CJdn7RdaALdYk0VodQsDlPdBq2TKelos2y2t2ScDpFmkMZ1j5LDpKFxKU4HKKeI2vgJpp3U8fGLJFjS+l1AOJwxi1akNwLddXOMzmojWD1zkE7i29fygmbnjBViDesEM7hmcV+Ii6wYP3oktXsKHr8cI62P5JrsmzH7tNJ6vGFdKQN52kWay5KVPqzhWzGUhdfq1KJxz7YG2W8eCArmcPaYoyUjBQqc0nOBuQlUjYLQo4y8Io2FSNibMNUxUvBIFjHITy+HyjiTn1zcCgr/Ie+PsrxPkXsClv3AoqT1nPjAnicteSyrTfV8oPOcuPxOAXxQxnoF66/r9lXWcuPz+8BeKTG1crGvuynX5FRMzEXzhF6Wlll7HeS461Mg4pjJ7FWaeEHXe20tGnbyyHDhGPonJq0SgM3BpsoMgIGpOskV3caVJUrAa8PtFp/AtaqkWl0Seb0+EK6svSpLpmkNkYDCM+/yPZpDLSVjaJDDCOrWRpfAxMVzSgBMeEFVCSUVsuDjOO8CpGXRtO/7QZ9giLUgjggOWFp2fQO77QC6gsqJgWr2q3In2x3QDyckPJAZO3G23PRLHHCGsrNil80hutlraaAmAJS4Q7VNgkkhjDbDYHp+0XVAiskYDT/AMYt63JLugVcFsJQozTl2QWmbAX0SKd3NcW2A5JQEp/6Q/lgI32KKvO7EMLUPcGBOsN0wkVvv+xca3klxcvdGcvV5wwuuvwL23HK27hDoEl59sU0wSRfLdth43UFPq0jD7VVU3eo3YEVFyGOPjGNe/Js0z4BS7ohJkVDw+8Wonb/AIUv9STSXJtawOYd8MelwC80OdE60pIJliIXvm0GrZMmO1TDYzT8ZygPgGlQRU3FgH1DvEW8GyPMJCuZ9pZmMh/cBE+pkeaPn5U3oe4euWPGPtNkfHrWgN2e6c609XjA2inmW3aq+TaerSA2omM53gn1tyHtkc2EuMCdBqtxHqa4e9Pm14wvdcDFLSyztl3hLTjU1AYp1jL3pJp4Xg642vuBCmWxzjIaxlaZGpnoh6duSXkZjL9IW9cBneQBUkOExR1hAmCHW5Tw+POEtS9AVUOe3OXzhFrnkco45BKrkpCpT1g+dZC+YYorsTLq4awwqI7yGemuPNLH4EojwIkO09WDKZitqlpDtK+hUpyhPWoWrJjwbUgnDLs+JQk19grfAoV7zbJJwEs8oe69ZM7e0AB3cLVOD1gS7fONnPGUZt90hZrt7ttEj3R3wwuuD/tfsEp36iZ/KP8Al8Ti665R9pfkiVu90LbP5RiP6oYz6/Irp2uCld3bsC0OSc0OvYYfphAhp2TlbdO7Vh5yThGJ184brkgFt2K1s3U64+ke4fVxg6zUAXqy8Nu3xa0I6tBqeyF981Afr6fYsBu6qUkdRjyn+hWJg9f/AJrTgjv16iMz3x5uz+x6WqXiL9VXOAmRJjW6eflBl9zXxk2UFycSsTJlONn+svExn2ft8j5S3wttCapYYxnb4x8Gjht5IEXLdXJMe5l2+cKLJSO+fAIp90KWsfk14wauPAO2g1I3Ar/xOq58kp1/mmLelFPPg+fdVele76tTrH0+2q/k+TORr29eZrT1TxGsD9qAtsum2Xge0nq04/Gsc7oLSzRIrLx0nq8YHa6G6XYovXXmcwM8frCul0OZ2HXbV0WlxuStRr2whpdGhmzpXa19cSlscxyGvyhDSyNDO3BcdvvC3EpBUThClo/8GlcZWHS6AeMAuWVpZtcamIz9Q1Bdr2jyqkM/jDshN/P6GqiXUoWlZzzMMZsltmylccSRnDEkSNNHUrEp6RHBaRgZreUDHH4z4RS0Eyw3R3CZHV5wprz8BaWD6qslrM5Qi19gtrcFc7hr1ICyCdfr+safVRkdu7RSF8vzrfP1nXX5x6HGqgwNtWmVDdtzVHOqS1a6mG1VCdt7AJvcdRzetWfGCKqBvaxLXf31IxWddYPRJC99bCHuG6uuNrmpWR4w1WEBdrNnOe5Khxbq8TmYKmkRLB9hC1VCJT9Q/eJ8zoZ0vtSlcW23gchC22iaHMKuUWkzQu8owOAwjy/fi0nr/wDOlRJ7KoXJZGPNWr9z1NLfQhOWlbh9Jja6TSgw/wDQfzBjdpW2Z8pH6Rvqy8TzrVvI0VnustkCYwMZ3Yhmt1ZSUldXOofK1Yqz7YTrXk0vLgj0Lr3OJkynDFVwDsx5Q+5/4HsT6U/3o+kVjmCP4OBa6uSlZPNrx849R/al/J81tkGbHdglxHXhhkYmvYbFLU5LmtN3m0kc2g184J7zkoJlbdOj1acYHbcYouRdTcSp0dWZ49sK33kfyRa20yp5TctSmENd2amNZOntrUDq0tkA6QhfsGhSnBd1otj0kHlOn7RRayMKkFgUdAtCQSDE2tKLKsE1ynwy+OEKahqIEVNGXJ4QjYbpWUAnrIpZny5z0i1bFnU9EWJYOCPCD+f5KqpNRa1oGKSPKJ8yfFnldI4njHeR0Ml0iFpUJzzhfQJRcjIFfil2fSc4UcSEaccCBuFhToXKeUaPVtEGX2qtplI3yzvulckk56Ru434PP75Nsq+4bYqVrV+NXdDa0UCTxYNb2pUg/wCNXcYstCrwZIXtmpSkzQcuBgtdUUfXsJV9sD4bXNBOekM10kG8GURfrE6HV9BzOkGTkj1mrb9kWKhE0H1DTtjrNpF6ZyzqfZ9qAaamnQTwhDazg0evkpLeZtjftjpGmkYXZmx6Lqrxg9VWxE8vD7RkWz+xs11ar+jwm2I/pHdDeH0Eux9/kx22t8pkkRorVwZrw+0irc7UFpUAnjAb3kayoqlfVm3ytZ6NfvA0+Rn+DVT7fKFDoljwgitwV/YwJtRFM4jlzCRl/JJ+kQ7cot/B/9k=) 0 0 no-repeat;
    padding: 50px 30px 15px;
}

.sidebar-nav li {
    margin: 15px 0 15px 25px;
}

.sidebar-nav li a:before {
    content: '';
    position: absolute;
    margin-left: -25px;
    width: 6px;
    height: 6px;
    border: 1px solid #adbac6;
    border-radius: 2px;
    margin-top: 6px;
}

.sidebar-nav li a.current:before {
    background-color: #adbac6;
}

.slide-block .toggle {
    display: none;
    position: relative;
    cursor: pointer;
}

.slide-block .toggle.show {
    display: inline-block;
}

.slide-block .block-content {
    display: none;
}

.slide-block .toggle:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZJREFUeNpiLKxqZACCDCBeC8SvGVCBKBAHA/EMFiCRA8STobQjkmKQov1ArA3ELExAYiUQX4UK7IcqQFYEklvJAjXBEUniMNREdagisC0sUEF0xQzIikAcFiSHwxQHQ/kongMIMACSThlDREYAMQAAAABJRU5ErkJggg==) 0 0 no-repeat;
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    content: '';
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.slide-block.open .toggle:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slide-block.open .toggle .first, .slide-block .toggle .second {
    display: none;
}

.slide-block.open .toggle .second {
    display: inline;
}

.agree-link {
    text-decoration: none;
    color: #969EA4;
    font-size: 11px;
    margin-top: 5px;
    font-weight: normal;
    left: 0;
}

.filter-close,
.open-filter-btn {
    display: none;
}

.catalog-filter {
    float: left;
    width: 270px;
    margin-right: 30px;
    /*margin-top: 60px;*/
}

.catalog-filter .filter-top {
    background-color: #e4e7ea;
    padding: 25px 30px;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3) inset;
}

.catalog-filter .filter-top .filter-section {
    margin-bottom: 20px;
    border-top: 1px solid #c6d1da;
    padding-top: 20px;
}

.catalog-filter .filter-top .filter-section:first-child {
    border-top: none;
    padding-top: 0;
}

.catalog-filter .filter-top .filter-section .title {
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
}

.catalog-filter .filter-top .filter-section .title:after {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #959faa;
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 12px;
    line-height: 11px;
}

.catalog-filter .filter-top .filter-section.open .title:after {
    content: '\f106';
    font-family: 'FontAwesome';
    color: #959faa;
}

.catalog-filter .boxes {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.catalog-filter .boxes li {
    margin-top: 9px;
}

.catalog-filter .boxes li:first-child {
    margin-top: 0;
}

div.bx-filter {
    font-family: 'Ubuntu', sans-serif;
}

div.bx-filter.bx-blue .bx-filter-section,
div.bx-filter .bx-filter-section {
    background-color: #e8ebf1;
    padding: 25px 30px;
}

div.bx-filter .bx-filter-section > .row {
    padding: 0;
}

div.bx-filter .row {
    margin: 0;
}

div.bx-filter .bx-filter-parameters-box {
    position: relative;
    margin-bottom: 0;
    border-top: 1px solid #d6dce5;
    padding-top: 10px;
}

div.bx-filter .bx-filter-parameters-box:first-child {
    border-top: none;
    padding-top: 0;
}

div.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

div.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block .bx-filter-input-container {
    display: inline-block;
    vertical-align: middle;
}

div.bx-filter .bx-filter-parameters-box-title {
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
    padding: 0;
}

div.bx-filter .bx-filter-parameters-box-title span {
    color: #000;
    border: none;
    padding-right: 15px;
    display: inline-block;
}

div.bx-filter .bx-filter-parameters-box-title i {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #959faa;
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 12px;
    line-height: 11px;
}

div.bx-filter.bx-blue .bx-ui-slider-track,
div.bx-filter .bx-ui-slider-track {
    height: 3px;
    background-color: #CCC;
}

div.bx-filter .bx-ui-slider-track-container {
    margin: 28px 7px;
    width: auto;
    float: none;
    padding: 0;
}

div.bx-filter .col-xs-6 {
    float: none;
    display: inline-block;
    width: 103px;
    vertical-align: top;
}

div.bx-filter .col-xs-6.bx-filter-parameters-box-container-block {
    float: none;
    color: #a4b0ba;
    display: inline-block;
    line-height: 33px;
    text-align: right;
    width: 103px;
    font-weight: 300;
}

div.bx-filter .col-xs-6.bx-filter-parameters-box-container-block input {
    margin-bottom: 0;
    margin-left: 5px;
    text-align: left;
    vertical-align: middle;
    width: 60px;
}

div.bx-filter .bx-ui-slider-range {
    z-index: auto;
}

div.bx-filter .bx-ui-slider-pricebar-vn,
div.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
    background: none;
    z-index: auto;
}

div.bx-filter .bx-ui-slider-pricebar-vn,
div.bx-filter.bx-blue .bx-ui-slider-pricebar-vd {
    background: none;
}

div.bx-filter .bx-ui-slider-pricebar-v,
div.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background-color: #c6d1da;
    z-index: auto;
}

div.bx-filter .bx-filter-input-container input {
    padding: 0 7px;
    height: 33px;
    border: 1px solid #c1c1c1;
    font-size: 14px;
}

div.bx-filter .bx-ui-slider-handle {
    background: #fff;
    border: 3px solid #e4e7ea;
    border-radius: 50%;
    height: 12px;
    margin-left: -8px;
    position: absolute;
    top: -8px;
    width: 12px;
    z-index: auto;
}

div.bx-filter .bx-ui-slider-handle.left {
    margin-left: -8px;
}

div.bx-filter .bx-ui-slider-handle.right {
    margin-right: -8px;
}

div.bx-filter .bx-filter-parameters-box-container .checkbox {
    margin-bottom: 5px;
}

div.bx-filter .bx-filter-parameters-box-container .checkbox .bx-filter-input-checkbox {
    position: relative;
    padding-left: 20px;
    display: block;
}

div.bx-filter .bx-filter-parameters-box-container .checkbox .bx-filter-input-checkbox input {
    position: absolute;
    left: 0;
    top: 4px;
}

div.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    color: #717a81;
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    position: relative;
    font-weight: 300;
}

div.bx-filter .bx-filter-popup-result {
    font-weight: bold;
    padding: 10px 20px;
}

div.bx-filter .bx-ui-slider-part {
    display: none;
}

div.bx-filter .bx-filter-button-box {
    margin-top: 20px;
}

div.bx-filter .bx-filter-button-box .bx-filter-parameters-box-container {
    padding-bottom: 0;
}

div.bx-filter .bx-filter-button-box .btn {
    vertical-align: middle;
}

@media screen and (max-width: 999px) {
    .catalog-filter {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0s;
        -khtml-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        margin: 0;
        background-color: rgba(70, 80, 90, 0.8);
        width: 100%;
    }

    .catalog-filter .bx-filter {
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.3s;
        -khtml-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #FFF;
        width: 310px;
        box-sizing: border-box;
        padding: 50px 40px 70px;
        height: 100%;
        margin: 0;
        float: right;
    }

    .catalog-filter .bx-filter .bx-filter-section {
        padding: 0 5px;
        background-color: #FFF;
        height: 100%;
        overflow: auto;
    }

    .catalog-filter.open {
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        display: block;
    }

    .catalog-filter.open .bx-filter {
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .filter-close {
        position: absolute;
        right: 15px;
        top: 15px;
        display: block;
        font-size: 20px;
        cursor: pointer;
        z-index: 1;
    }

    .filter-close:before {
        content: '\f00d';
        font-family: 'FontAwesome', sans-serif;
    }

    .open-filter-btn {
        /*float: right;*/
        position: absolute;
        right: 15px;
        display: block;
    }
}

.catalog-section {
    overflow: hidden;
    /*margin: 30px 0 0 -30px;*/
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.catalog-section .item {
    background-color: #FFF;
    /*max-width: 270px;*/
	width: 100%;
    /*max-height: 270px !important;*/
	height: 100% !important;
	box-sizing: border-box;
    /*border-bottom: 25px solid #FFF;*/
	padding: 20px;
    overflow: hidden;
    /*margin: 0 0 30px 30px;
    float: left;*/
}

.catalog-section .item:hover .picture img {
    opacity: 0.8;
}

.catalog-section .picture {
    height: 165px;
    overflow: hidden;
    text-align: center;
    line-height: 163px;
}

.catalog-section .picture img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.catalog-section .title {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 15px 20px 0;
	text-align: center;
}

.catalog-section .title a {
    text-decoration: none;
    color: #000;
}

.catalog-section .title a:hover {
    color: #777;
}

.catalog-section .categories {
    margin: 0 20px;
}

.catalog-section .categories li {
    font-size: 13px;
    line-height: 20px;
    display: inline;
    margin-right: 5px;
}

.catalog-section .categories li a {
    color: #4d4d4d;
}

.catalog-section .categories li a:hover {
    color: #888;
}

.catalog-section.inner .item {
    height: auto;
    border-bottom-width: 7px;
}

.catalog-section.inner .item .title {
    height: 40px;
    overflow: hidden;
}

@media screen and (max-width: 999px) {
    /*.catalog-section .item {
        width: 240px;
    }*/

    .catalog-section .item .picture {
        line-height: 1;
    }
}

@media screen and (max-width: 509px) {
    /*.catalog-section .item {
        width: 345px;
        height: auto;
    }*/

    .catalog-section .item .picture {
        line-height: 1;
        height: auto;
    }

    .catalog-section .item .picture img {
        max-height: 150px;
    }

    .catalog-section.inner .item .title {
        height: auto;
        max-height: 40px;
    }
}

.catalog-nav {
    border: solid #FFF;
    border-width: 5px 0;
    box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.03);
}

.catalog-nav > li {
    border-top: 1px solid #f3f4f6;
}

.catalog-nav > li:first-child {
    border: none;
}

.catalog-nav .title {
    display: block;
    background-color: #FFF;
    padding: 13px 45px 13px 30px;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}

.catalog-nav .title:after {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #dae4ed;
    position: absolute;
    text-align: center;
    right: 30px;
    top: 50%;
    margin-top: -6px;
    width: 11px;
    height: 11px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 12px;
    border: 1px solid #dae4ed;
    padding: 0 0 0 0.5px;
}

.catalog-nav .title.simple:after {
    display: none;
}

.catalog-nav .open .title:after {
    content: '\f106';
    line-height: 11px;
}

.catalog-nav .active .title {
    font-weight: bold;
}

.catalog-nav li ul {
    display: none;
    border-left: 3px solid #528dca;
    padding: 15px 25px;
}

.catalog-nav li ul li {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
}

.catalog-nav li ul li:first-child {
    margin-top: 0;
}

.catalog-nav li ul li a {
    color: #4d4d4d;
    text-decoration: none;
    max-width: 90%;
    display: inline-block;
}

.catalog-nav li ul li.active a,
.catalog-nav li ul li a.current {
    color: #999;
}

.catalog-nav li ul li .qty {
    float: right;
    font-size: 11px;
    color: #a0a0a0;
}

.catalog-nav li.open ul {
    display: block;
}

@media screen and (max-width: 999px) {
    .catalog-nav {
        display: none;
    }
}

.order-block .order {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.order-block .order .order-options {
    float: left;
    width: 700px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 120px 50px 40px;
    background-color: #FFF;
}

.order-block .order .fields {
    margin-left: -30px;
}

.order-block .order .fields:after {
    content: '';
    display: table;
    clear: both;
}

.order-block .order .fields .field {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.order-block .order .fields .field.short {
    float: left;
    width: 50%;
}

.order-block .order .boxes {
    margin-left: -35px;
}

.order-block .order .boxes li {
    display: inline-block;
    margin-left: 35px;
    margin-bottom: 20px;
    vertical-align: top;
}

.order-block .order .boxes .selected {
    margin-top: 10px;
}

.order-block .order .boxes .selected img {
    vertical-align: middle;
    margin-right: 10px;
}

.order-block .order .boxes .selected a {
    color: #adadad;
    font-size: 12px;
}

.order-block .order .promocodes {
    margin-top: 20px;
}

.order-block .order .promocodes .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.order-block .order .promocodes .item {
    margin-top: 10px;
}

.order-block .order .promocodes .remove {
    text-decoration: none;
    color: #db3d3d;
    font-size: 1.125rem;
}

.order-block .order .promocodes .promocode {
    background-color: #FFF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 20px;
    display: inline-block;
    margin-right: 10px;
}

.order-block .order .promocodes .promocode:after {
    content: '\f00c';
    font-family: 'Fontawesome';
    color: #4ab900;
    font-size: 20px;
    margin-left: 5px;
}

.order-block .order .order-info {
    overflow: hidden;
    padding: 30px 40px;
}

.order-block .order .order-info .order-table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 2px solid #bac1c8;
}

.order-block .order .order-info .order-table td {
    padding: 0 0 16px;
}

.order-block .order .order-info .order-table .qty {
    width: 50px;
    color: #98a2aa;
}

.order-block .order .order-info .order-table .cost {
    width: 70px;
}

.order-block .order .order-info .order-table .extra td {
    padding: 16px 0;
    border-top: 1px solid #d1d6db;
}

.order-block .order .total-block {
    margin: 40px 0 20px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.order-block .order .total-block .old-cost {
    font-size: 15px;
    line-height: 20px;
    text-decoration: line-through;
    font-weight: normal;
    color: #888;
}

.order-block .order .total-block .old-cost .rub {
    font-size: 16px;
}

.order-block .order .total-block .total-cost {
    font-size: 40px;
    line-height: 44px;
    text-transform: none;
}

.order-block .order .total-block .total-cost .rub {
    font-size: 20px;
}

.order-block .order .total-block .discount {
    color: #db3d3d;
}

.order-block .controlls {
    margin-top: 50px;
}

.order-block .controlls .btn {
    width: 175px;
}

@media screen and (max-width: 999px) {
    .order-block .order {
        box-shadow: none;
    }

    .order-block .order .order-options {
        width: auto;
        float: none;
        padding: 15px;
    }

    .order-block .order .fields .field.short {
        width: 100%;
        float: none;
    }

    .order-block .order .order-info {
        padding: 15px;
        margin-top: 15px;
    }

    .order-block .controlls {
        margin-top: 20px;
    }

    .order-block .controlls .btn {
        width: 100%;
    }
}

a.remove-link {
    text-decoration: none;
    font-size: 20px;
}

.qty-block {
    width: 88px;
    border: 1px solid #dedede;
    text-align: center;
    user-select: none;
}

.qty-block span {
    color: #72808b;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.qty-block input.form-element {
    width: 42px;
    border: none;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.content .form .form-element:disabled,
.content .form .form-element.ui-state-disabled {
    background-color: #DDD;
}

.error-404-banner {
    float: left;
    background-color: #FFF;
    width: 470px;
    text-align: center;
    padding: 50px 0;
    color: #717a81;
    margin-right: 130px;
    border-radius: 8px 8px 0 8px;
    position: relative;
}

.error-404-banner:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -30px;
    background: url(/images/design/404-cut.png) 0 0 no-repeat;
    width: 44px;
    height: 30px;
}

.error-404-banner b {
    font-weight: bold;
    font-size: 197px;
    line-height: 135px;
}

.error-404-banner .text {
    font-size: 27px;
    text-transform: uppercase;
    line-height: 21px;
    margin-top: 15px;
}

.error-404-text {
    overflow: hidden;
    padding-top: 45px;
}

.error-404-text .description {
    font-size: 18px;
    line-height: 24px;
    color: #717a81;
}

.sitemap {
    margin: 20px 0;
}

.sitemap > li {
    margin: 12px 0;
}

.sitemap > li > a {
    font-weight: bold;
}

.sitemap > li ul {
    margin: 10px 30px;
}

.sitemap > li ul ul {
    margin: 5px 20px;
    font-size: 13px;
}

.sitemap > li ul ul a {
    color: #555;
}

.sitemap > li ul ul a:hover {
    color: #000;
}

.org_page .content {
    float: none;
    width: auto;
}

.org_page .picture {
    float: right;
    margin-top: 10px;
}

.org_page .picture img {
    max-width: 470px;
}

.org_page h1,
.org_page h4 {
    overflow: hidden;
}

.org_page .tabs-block {
    margin-bottom: 30px;
}

.page-nav {
    clear: both;
    margin: 30px 0;
}

.page-nav li {
    display: inline-block;
    margin-left: 20px;
}

.page-nav li:first-child {
    margin-left: 0;
}

.page-nav li a {
    display: block;
    position: relative;
    background-color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 15px;
    border: 3px solid #FFF;
    border-radius: 6px;
    text-decoration: none;
}

.page-nav li a.current {
    border-radius: 6px 6px 6px 0;
}

.page-nav li a.current:before,
.page-nav li a.current:after {
    bottom: -16px;
    height: 16px;
    left: -3px;
    position: absolute;
    overflow: hidden;
    line-height: 10px !important;
}

.page-nav li a.current:before {
    color: #FFF;
    content: "\0048";
    font-size: 18px;
    text-shadow: 0 -2px 0 #fff;
}

.page-nav li a.current:after {
    content: "\0047";
    font-size: 20px;
}

.page-nav li:first-child a.current:after {
    font-size: 24px;
}

.main-tabs .tabs {
    border-bottom: 3px solid #FFF;
}

.main-tabs .tabs li {
    display: inline-block;
    margin-left: 15px;
}

.main-tabs .tabs li:first-child {
    margin-left: 0;
}

.main-tabs .tabs li a {
    display: block;
    padding: 15px 0;
    font-weight: bold;
    color: #717a81;
    text-decoration: none;
    position: relative;
}

.main-tabs .tabs a:hover {
    color: #ffc426;
}

.main-tabs .tabs li a.active {
    color: #000;
}

.main-tabs .tabs li a.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 3px;
    content: '';
}

.tab-content .article table {
    width: 100%;
}

.tab-content .article table tr:first-child td {
    border: none;
}

.tab-content .article table td {
    padding: 15px 15px 15px 0;
}

.tab-content .article table th {
    padding-right: 15px;
}

.tab-content .article table h4 {
    margin: 0;
}

.tab-content .article table.hidden_table {
    margin: 0 0 10px 1.3%;
    width: 98.7%;
    background-color: #fff;
    border: solid #FFF;
    border-width: 10px 20px;
}

.tab-content .article table.hidden_table td:first-child {
    padding-left: 15px;
}

.tab-content .article table td.taLeft {
    text-align: left;
}

.tab-content .article table td.taRight {
    text-align: right;
}

.tab-content .article table td.taCenter {
    text-align: center;
}

.tab-content .article h4 {
    margin: 10px 0 0px;
}

.tab-content .article table.listlike td {
    width: 50%;
    border: none;
    padding-bottom: 0;
    padding-top: 5px;
}

a.toggle {
    border-bottom: 1px dashed;
    text-decoration: none;
}

.page-filter {
    background-color: #FFF;
    padding: 11px 15px;
    margin-top: 15px;
    text-align: right;
}

.page-filter .form-element {
    display: inline-block;
    width: auto;
    min-width: 80px;
    vertical-align: middle;
    margin: 0 5px;
}

.news-list {
    margin: 20px 0;
}

.news-list .item {
    overflow: hidden;
    margin-bottom: 45px;
}

.news-list .picture {
    float: left;
    width: 270px;
    margin-right: 30px;
    text-align: center;
    margin-top: 5px;
    height: 165px;
    overflow: hidden;
}

.news-list .picture img {
    width: 100%;
    height: auto;
}

.news-list .text {
    overflow: hidden;
}

.news-list .date {
    margin-bottom: 3px;
    color: #db3d3d;
    font-size: 13px;
}

.news-list .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 10px 0;
}

.news-list .title a {
    color: #000;
    text-decoration: none;
}

.news-list .title a:hover {
    color: #000;
}

@media screen and (max-width: 999px) {
    .news-list .item .picture {
        float: none;
        margin: 0 0 15px 0;
    }

    .news-list .item .title {
        font-size: 16px;
    }

    .news-list .item .title a {
        color: #000;
        text-decoration: none;
    }
}

@media screen and (max-width: 509px) {
    .news-list .item .picture {
        width: 100%;
        height: auto;
    }

    .news-list .item .title {
        font-size: 16px;
    }

    .news-list .item .title a {
        color: #000;
        text-decoration: none;
    }
}

.contacts-map {
    height: 370px;
    margin: 0 auto;
}

.contacts-columns {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.contacts-columns .column {
    display: table-cell;
    width: 500px;
    background-color: #f8f9fb;
    padding: 30px 50px;
}

.contacts-columns .column + .column {
    width: 670px;
    background-color: #FFF;
}

.contacts {
    margin-bottom: 35px;
}

.contacts p {
    margin: 25px 0;
}

.geo-map.was-map-yandex {
    position: relative;
}

.was-map-dots {
    background: #fff none repeat scroll 0 0;
    bottom: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 230px;
}

.was-dots-header {
    font-size: 18px;
}

.was-map-dot {
    border-bottom: 1px solid #e9e9e9;
    padding: 9px 0;
    margin-right: 20px;
}

.was-map-dots-holder {
    position: absolute;
    top: 50px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    overflow: auto;
}

.was-map-balloon-inner-header {
    display: none;
}

.was-map-dot:last-child {
    border: none;
}

.was-map-dot .was-map-balloon-inner-header {
    display: inline;
    cursor: pointer;
    border-bottom: 1px dotted;
}

.was-map-dot.active .was-map-balloon-inner-header {
    font-weight: bold;
    border: none;
}

.ui-selectmenu-button:after {
    content: '\f107 ';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 5px;
    color: #717a81;
}

.ui-selectmenu-button.ui-corner-top {
    border-bottom: none;
}

.ui-selectmenu-button.ui-corner-top:after {
    color: #b6aea9;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0;
}

.ui-menu {
    background-color: #FFF;
    color: #000;
    border: 1px solid #c1c1c1;
    border-top: none;
}

.ui-menu .ui-menu-item {
    padding: 8px 10px;
}

.ui-menu .ui-menu-item.ui-state-focus,
.ui-menu .ui-menu-item:hover {
    margin: 0;
}

.ui-selectmenu-open {
    z-index: 9000;
}

.ui-selectmenu-menu .ui-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.back-link {
    color: #717a81;
}

.back-link:before {
    content: '\f060 ';
    color: #c7ccd0;
    font-family: 'FontAwesome';
    position: absolute;
    margin-left: -20px;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    /*Edge fix*/
}

.map {
    height: 495px;
    clear: both;
    border-top: 5px solid #e5e6e8;
    margin-top: 70px;
}

.index .map {
    height: 400px !important;
    margin-top: 25px;
}

.hidden {
    display: none;
}

.service-order-block {
    display: none;
    margin: 20px 0 35px;
}

body:before {
    background-color: rgba(70, 80, 90, 0.8);
    height: 100%;
    content: "";
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

.mobile-nav-block {
    z-index: 2;
    display: none;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.5s;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.47, transparent), color-stop(0.47, #FFFFFF));
    background-image: -o-linear-gradient(right, transparent 47%, #FFFFFF 47%);
    background-image: -moz-linear-gradient(right, transparent 47%, #FFFFFF 47%);
    background-image: -webkit-linear-gradient(right, transparent 47%, #FFFFFF 47%);
    background-image: -ms-linear-gradient(right, transparent 47%, #FFFFFF 47%);
    background-image: linear-gradient(to right, transparent 47%, #FFFFFF 47%);
}

.mobile-nav-block.showSubnav {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.47, #E5E8EA), color-stop(0.47, #FFFFFF));
    background-image: -o-linear-gradient(right, #E5E8EA 47%, #FFFFFF 47%);
    background-image: -moz-linear-gradient(right, #E5E8EA 47%, #FFFFFF 47%);
    background-image: -webkit-linear-gradient(right, #E5E8EA 47%, #FFFFFF 47%);
    background-image: -ms-linear-gradient(right, #E5E8EA 47%, #FFFFFF 47%);
    background-image: linear-gradient(to right, #E5E8EA 47%, #FFFFFF 47%);
}

.showNav .mobile-nav-block {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    overflow: auto;
}

.mobile-nav-block .column {
    width: 53%;
    background-color: #fff;
    padding: 50px 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
}

.mobile-nav-block .close-nav {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
}

.mobile-nav-block .close-nav:before {
    content: '\f00d';
    font-family: 'FontAwesome', sans-serif;
}

.mobile-nav-block .mobile-nav {
    padding: 0 20px 0 40px;
}

.mobile-nav-block .mobile-nav > li {
    margin-bottom: 30px;
}

.mobile-nav-block .mobile-nav > li .subnav-toggle {
    position: absolute;
    margin: -20px;
    margin-top: -22px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    color: #c7cacd;
}

.mobile-nav-block .mobile-nav > li .subnav-toggle:before {
    content: '\f104';
    font-family: 'FontAwesome', sans-serif;
}

.mobile-nav-block .mobile-nav > li .subnav-toggle.open + .subnav {
    visibility: visible;
    opacity: 1;
}

.mobile-nav-block .mobile-nav > li > a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.mobile-nav-block .mobile-nav > li .subnav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 47%;
    background-color: #e5e8ea;
    overflow: auto;
    padding-left: 30px;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    padding-top: 35px;
    visibility: hidden;
}

.mobile-nav-block .mobile-nav > li .subnav:after {
    top: 0;
    right: -1px;
    bottom: 0;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 1px;
}

.mobile-nav-block .mobile-nav > li .subnav li {
    border-bottom: 1px solid #cacfd5;
}

.mobile-nav-block .mobile-nav > li .subnav li a {
    color: #5c5c5c;
    text-decoration: none;
    padding: 15px 20px 15px 0;
    display: block;
}

.mobile-nav-block .mobile-nav > li .subnav li a:hover, .mobile-nav-block .mobile-nav > li .subnav li a.active {
    color: #000;
}

.mobile-nav-block .mobile-nav > li .subnav li.active a {
    color: #000;
}

.mobile-nav-block .phone {
    font-size: 17px;
    margin: 30px 25px;
    font-weight: bold;
    color: #898888;
}

.mobile-nav-block .phone a {
    color: #898888;
    text-decoration: none;
}

.mobile-nav-block .social-nav {
    margin-left: 20px;
}

.mobile-nav-block .social-nav li {
    margin: 0 0 15px 10px;
}

@media screen and (max-width: 999px) {
    body.showNav {
        overflow: hidden;
    }

    body.showNav:before {
        opacity: 1;
        position: fixed;
    }

    body.showNav #main {
        height: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .mobile-nav-block {
        display: block;
    }
}

@media screen and (min-width: 999px) and (max-width: 1170px) {
    body {
        min-width: 1200px;
    }

    .main-features,
    .center {
        padding: 0 15px;
    }

    #logo {
        left: 15px;
    }

    .catalog-slider .items-holder {
        margin: -15px;
        padding: -15px;
    }

    .catalog-slider .scroll.next {
        right: -10px;
    }

    .catalog-slider .scroll.prev {
        left: -10px;
    }
}

@media screen and (max-width: 999px) {
    body, html {
        min-width: 375px;
        position: relative;
    }

    /*.center {
        width: 510px;
    }*/

    .middle {
        padding: 105px 0 20px;
    }

    .index .middle {
        padding-top: 105px;
        padding-bottom: 0px;
    }

    .index h1, .index h2 a {
        color: #717a81;
    }

    .mobile-hidden,
    .top-contacts,
    .top-social-nav,
    .top-nav-block {
        display: none;
    }

    .catalog-slider .items-holder {
        margin: 0;
        padding: 0;
    }

    .catalog-slider .item {
        width: 240px;
    }

    .catalog-slider .scroll {
        width: auto;
    }

    .catalog-slider .scroll:before {
        font-size: 30px;
    }

    .catalog-slider .scroll.next {
        right: 0px;
    }

    .catalog-slider .scroll.prev {
        left: 0px;
    }

    .content .catalog-slider .scroll {
        width: auto;
    }

    .content .catalog-slider .scroll:before {
        font-size: 30px;
    }

    .content .catalog-slider .scroll.next {
        right: -12px;
    }

    .content .catalog-slider .scroll.prev {
        left: -12px;
    }

    .main-news-block {
        float: none;
        width: auto;
    }

    .main-news-block .shorties .text {
        font-size: 16px;
        font-weight: 500;
    }

    .map {
        margin-top: 40px;
    }

    .index .map {
        height: 250px !important;
    }

    .error-404-banner {
        float: none;
        width: auto;
        margin: 0;
    }

    .sitemap {
        font-size: 1rem;
    }

    ._show_1e.wrap_mW {
        z-index: 1 !important;
    }

    .content {
        width: auto;
        float: none;
    }

    .sidebar {
        float: none;
        margin: 20px 0 0 0;
        width: auto;
    }

    .sidebar .sidebar-block {
        border: none;
    }

    .sidebar-nav {
        display: none;
    }

    .content .geo-map.was-map-yandex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        height: auto !important;
        min-height: 250px;
    }

    ymaps {
        order: 1;
    }

    .was-map-dots {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        order: 2;
        width: auto;
    }

    .was-dots-header {
        position: relative;
        cursor: pointer;
    }

    .was-dots-header:after {
        content: '\f107';
        position: absolute;
        right: 0;
        font-family: 'FontAwesome', sans-serif;
        top: 50%;
        transform: translateY(-50%);
    }

    .was-map-dots-holder {
        position: static;
        display: none;
        max-height: 255px;
    }

    .was-map-dots.open .was-map-dots-holder {
        display: block;
    }

    .was-map-dots.open .was-dots-header:after {
        content: '\f106';
    }

    .contacts-columns {
        margin-top: 20px;
        display: block;
    }

    .contacts-columns .column {
        display: block;
        padding: 20px 15px;
        width: auto;
    }

    .contacts-columns .column + .column {
        width: auto;
    }

    .back-link {
        margin-left: 20px;
    }

    .article {
        overflow: hidden;
    }

    .article table {
        max-width: 100%;
    }

    .article table th,
    .article table td {
        padding-left: 10px;
        padding-right: 10px;
    }

    .service-order-block {
        display: block;
    }

    .service-order-block .btn {
        width: 100%;
    }

    .breadcrumbs {
        margin: 15px 0;
    }

    .splash-form.wide-form {
        width: 100%;
    }

    .splash-form.wide-form .field, .splash-form.wide-form .field.short {
        width: 100%;
    }

    .fancybox-nav {
        position: absolute;
    }

    .fancybox-prev {
        left: -30px;
    }

    .fancybox-next {
        right: -30px;
    }
}

@media screen and (max-width: 689px) {
    .center {
        width: 100%;
    }

    .middle {
        padding: 90px 0 20px;
    }

    .index .middle {
        padding-top: 90px;
        padding-bottom: 0px;
    }

    .sidebar > h2 {
        display: none;
    }

    #catalog_viewed_products_sidebar, #catalog_viewed_products_sidebar h2 {
        display: none;
    }

    .catalog-slider {
        width: auto;
    }
    .catalog.grid {
        margin: 0;
    }
    .grid > .item {
        width: 100%;
        margin: 15px 0;
    }

    .catalog-slider .item {
        width: calc(100vw - 30px);
        margin-right: 0;
    }

    .catalog-slider .item .buy-btn {
        float: right;
    }

    .catalog-slider .scroll {
        width: auto;
    }

    .catalog-slider .scroll:before {
        font-size: 30px;
    }

    .main-news-block {
        float: none;
        width: auto;
    }

    .main-news-block .shorties .text {
        font-size: 16px;
    }

    .map {
        margin-top: 40px;
    }

    .error-404-banner {
        float: none;
        width: auto;
        margin: 0;
    }

    .sitemap {
        font-size: 1rem;
    }

    .catalog-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .catalog:not(.items):not(.list) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .catalog-slider .catalog .item {
        /*margin: 0 30px;*/
        margin: 0 15px;
    }

    .index .catalog-slider .catalog .item {
        margin: 0 30px 0 0;
    }

    .contacts-columns .column {
        margin: 0 -15px;
    }
}
@media (min-width: 680px) {
    .catalog.grid > .item {
        /*width: 270px;*/
    }
}

/*@media (min-width: 1240px) {
	.center--right {
		width: calc(100vw - (100vw - 1240px)/2);
		margin: 0 0 0 auto;
	}
	.center--right .content {
		width: calc(100vw - (100vw - 1240px)/2 - 300px);
}
}*/
@media (min-width: 1740px) {
	.catalog-section {
	width: 100%;
}
}
@media (max-width: 1739px) and (min-width: 1524px) {
    /*.catalog-section {
            width: 1100px;
        }*/
    .catalog-section .item {
        /*max-width: 240px !important;*/
        max-height: 240px !important;
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 1524px) and (min-width: 1440px) {
    /*.catalog-section {
        width: 1000px;
    }*/
    .catalog-section .item {
        max-width: 210px !important;
        max-height: 210px !important;
        display: flex;
        flex-direction: column;
    }

    .catalog-section .picture {
        display: flex;
    }

    .catalog-section a {
        width: 100%;
        height: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}

@media(max-width: 768px) {
    #calculator_block .calculator_container:after {
        display: none;
    }
}