/* ==========================================================================
	Fonts
	========================================================================== */
@font-face {
    font-family: "MorePro";
    src: url('../fonts/MoreProBook.eot?1440073990');
    src: url('../fonts/MoreProBook.eot?&1440073990#iefix') format('embedded-opentype'), url('../fonts/MoreProBook.woff2?1440194320') format('woff2'), url('../fonts/MoreProBook.woff?1440073990') format('woff'), url('../fonts/MoreProBook.ttf?1440073990') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MorePro";
    src: url('../fonts/MoreProMedium.eot?1440074040');
    src: url('../fonts/MoreProMedium.eot?&1440074040#iefix') format('embedded-opentype'), url('../fonts/MoreProMedium.woff2?1440194392') format('woff2'), url('../fonts/MoreProMedium.woff?1440074040') format('woff'), url('../fonts/MoreProMedium.ttf?1440074040') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "MoreProWide";
    src: url('../fonts/MoreProWideBook.eot?1440074058');
    src: url('../fonts/MoreProWideBook.eot?&1440074058#iefix') format('embedded-opentype'), url('../fonts/MoreProWideBook.woff2?1440194505') format('woff2'), url('../fonts/MoreProWideBook.woff?1440074058') format('woff'), url('../fonts/MoreProWideBook.ttf?1440074058') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl100.eot?1440074240');
    src: url('../fonts/MuseoSansCyrl100.eot?&1440074240#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl100.woff2?1440194596') format('woff2'), url('../fonts/MuseoSansCyrl100.woff?1440074240') format('woff'), url('../fonts/MuseoSansCyrl100.ttf?1440074240') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl100Italic.eot?1440074568');
    src: url('../fonts/MuseoSansCyrl100Italic.eot?&1440074568#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl100Italic.woff2?1440194638') format('woff2'), url('../fonts/MuseoSansCyrl100Italic.woff?1440074568') format('woff'), url('../fonts/MuseoSansCyrl100Italic.ttf?1440074568') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl300.eot?1440074586');
    src: url('../fonts/MuseoSansCyrl300.eot?&1440074586#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl300.woff2?1440195241') format('woff2'), url('../fonts/MuseoSansCyrl300.woff?1440074586') format('woff'), url('../fonts/MuseoSansCyrl300.ttf?1440074586') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl300Italic.eot?1440074620');
    src: url('../fonts/MuseoSansCyrl300Italic.eot?&1440074620#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl300Italic.woff2?1440195303') format('woff2'), url('../fonts/MuseoSansCyrl300Italic.woff?1440074620') format('woff'), url('../fonts/MuseoSansCyrl300Italic.ttf?1440074620') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl500.eot?1440074636');
    src: url('../fonts/MuseoSansCyrl500.eot?&1440074636#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl500.woff2?1440195340') format('woff2'), url('../fonts/MuseoSansCyrl500.woff?1440074636') format('woff'), url('../fonts/MuseoSansCyrl500.ttf?1440074636') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl500Italic.eot?1440074652');
    src: url('../fonts/MuseoSansCyrl500Italic.eot?&1440074652#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl500Italic.woff2?1440195375') format('woff2'), url('../fonts/MuseoSansCyrl500Italic.woff?1440074652') format('woff'), url('../fonts/MuseoSansCyrl500Italic.ttf?1440074652') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl900.eot?1440074666');
    src: url('../fonts/MuseoSansCyrl900.eot?&1440074666#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl900.woff2?1440195427') format('woff2'), url('../fonts/MuseoSansCyrl900.woff?1440074666') format('woff'), url('../fonts/MuseoSansCyrl900.ttf?1440074666') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "MuseoSans";
    src: url('../fonts/MuseoSansCyrl900Italic.eot?1440074696');
    src: url('../fonts/MuseoSansCyrl900Italic.eot?&1440074696#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl900Italic.woff2?1440195454') format('woff2'), url('../fonts/MuseoSansCyrl900Italic.woff?1440074696') format('woff'), url('../fonts/MuseoSansCyrl900Italic.ttf?1440074696') format('truetype');
    font-weight: 900;
    font-style: italic;
}
.normal-header__logo h2, .mobile-header-top__logo .logo h2, .mfs-copy__logo h3 {
    background: url('../img/logo-sb3b4d51e9d.png') no-repeat;
}
@media (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25), print {
    .normal-header__logo h2, .mobile-header-top__logo .logo h2, .mfs-copy__logo h3 {
        -moz-background-size: 138px auto;
        -o-background-size: 138px auto;
        -webkit-background-size: 138px auto;
        background-size: 138px auto;
        background-image: url('../img/logo@2x-s5132315c6e.png');
    }
}

.jq-selectbox .jq-selectbox__trigger-arrow, .num-adjust__button--minus:before, .num-adjust__button--plus:before, .normal-header .tels:before, .normal-header .basket__icon, .search-form button span:before, .mobile-header-top__menu-switcher .menu-switcher:before, .mobile-header-top__basket .basket__icon:before, .mobile-header-top__search-switcher .search-switcher:before, .mobile-header-menu .main-menu > ul > li.sm > a:after, .filters-reset a:before, .pd-more-info__title a:after, .p-soc-medias-list a, .bxslider-tiles a:before, .fancybox-close, .fancybox-nav span, .bx-wrapper .bx-controls a.bx-prev:before, .bx-wrapper .bx-controls a.bx-next:before, .mf-soc-medias-list a {
    background: url('../img/sprites-s19053e62c2.png') no-repeat;
}
@media (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25), print {
    .jq-selectbox .jq-selectbox__trigger-arrow, .num-adjust__button--minus:before, .num-adjust__button--plus:before, .normal-header .tels:before, .normal-header .basket__icon, .search-form button span:before, .mobile-header-top__menu-switcher .menu-switcher:before, .mobile-header-top__basket .basket__icon:before, .mobile-header-top__search-switcher .search-switcher:before, .mobile-header-menu .main-menu > ul > li.sm > a:after, .filters-reset a:before, .pd-more-info__title a:after, .p-soc-medias-list a, .bxslider-tiles a:before, .fancybox-close, .fancybox-nav span, .bx-wrapper .bx-controls a.bx-prev:before, .bx-wrapper .bx-controls a.bx-next:before, .mf-soc-medias-list a {
        -moz-background-size: 46px auto;
        -o-background-size: 46px auto;
        -webkit-background-size: 46px auto;
        background-size: 46px auto;
        background-image: url('../img/sprites@2x-s620a44ddd7.png');
    }
}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   main styles
   ========================================================================== */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    height: 100%;
}

html,
body {
    width: 100%;
    background: #ffffff;
}

body {
    position: relative;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: #4d4d4d;
}

img, video {
    max-width: 100%;
    height: auto;
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
}

.jq-selectbox__select {
    height: 27px;
    padding: 0 36px 0 10px;
    border: 1px solid #4d4d4d;
    background: #ffffff;
    font: 14px/24px Arial, sans-serif;
    color: #808080;
}

.jq-selectbox__select:hover {
    color: #000;
}

.jq-selectbox__select:active {
    color: #000;
}

.jq-selectbox.focused .jq-selectbox__select {
    color: #000;
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888;
}

.jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jq-selectbox .placeholder {
    color: #888;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 100%;
}

.jq-selectbox .jq-selectbox__trigger-arrow {
    position: absolute;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 13px;
    height: 7px;
    background-position: 0 -516px;
    left: 50%;
    top: 50%;
    margin-left: -6.5px;
    margin-top: -3.5px;
}

/*.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: $color-brand;
}*/
/*.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #aaa;
}*/
.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: -2px 0;
    padding: 0;
    border: 1px solid #4d4d4d;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.jq-selectbox__search {
    margin: 5px;
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333;
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 13px;
}

.jq-selectbox ul {
    margin: 0;
    padding: 0;
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #231f20;
}

.jq-selectbox li.selected {
    background-color: #ffffff;
    color: #4d4d4d;
}

.jq-selectbox li:hover {
    background-color: #00e5e6;
    color: #000;
}

.jq-selectbox li.disabled {
    color: #aaa;
}

.jq-selectbox li.disabled:hover {
    background: none;
}

.jq-selectbox li.optgroup {
    font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231f20;
    cursor: default;
}

.jq-selectbox li.option {
    padding-left: 25px;
}

label.trigger {
    position: relative;
    display: inline-block;
    color: #808080;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    cursor: pointer;
}
label.trigger:hover {
    color: #000;
}
@media (min-width: 768px) {
    label.trigger {
        padding-left: 30px;
    }
}
label.trigger input {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: -1;
}
label.trigger:before {
    content: '';
    display: none;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}
@media (min-width: 768px) {
    label.trigger:before {
        display: block;
    }
}
label.trigger.checked {
    color: #000;
    font-weight: bold;
}
label.trigger.checked:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    cursor: pointer;
}
.button__body {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold;
    color: #000;
    background-color: #00e5e6;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.buy .button__body {
    padding: 0 7px;
    font-size: 0.9375rem;
    font-weight: normal;
}
@media (min-width: 640px) {
    .buy .button__body {
        padding: 0 10px;
        font-size: 1.0625rem;
    }
}
.button:hover .button__body {
    background-color: #00afc0;
}

.num-adjust {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 34px;
    padding-right: 30px;
}
.b-table .num-adjust {
    width: 60px;
    height: 36px;
    border: 1px solid #bbbbbb;
}
.num-adjust__input {
    width: 100%;
    height: 34px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    font-size: 0.8125rem;
    line-height: 33px;
}
.b-table .num-adjust__input {
    font-size: 0.75rem;
    text-align: center;
}
.num-adjust__button {
    text-decoration: none;
    outline: none;
    display: block;
    width: 30px;
    height: 17px;
    position: absolute;
    right: 0;
}
.num-adjust__button--minus {
    bottom: 0;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.num-adjust__button--minus:before {
    content: '';
    display: block;
    width: 13px;
    height: 7px;
    background-position: 0 -516px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -3px;
}
.num-adjust__button--minus:before {
    margin-top: -3.5px;
}
.num-adjust__button--minus:hover {
    background-color: #eee;
}
.num-adjust__button--plus {
    top: 0;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.num-adjust__button--plus:before {
    content: '';
    display: block;
    width: 13px;
    height: 7px;
    background-position: 0 -509px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -3px;
}
.num-adjust__button--plus:hover {
    background-color: #eee;
}

.form-sect h3 {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 20px 0 15px;
    color: #000;
}
.form-sect .s-descr {
    font-size: 0.625rem;
    margin-bottom: 5px;
}
.form-sect .form-line {
    margin-bottom: 7px;
}
.form-sect label {
    display: block;
    font-size: 0.75rem;
    margin-bottom: 3px;
}
.form-sect input[type="text"] {
    margin: 0;
    padding: 2px 5px;
    display: block;
    width: 100%;
    height: 21px;
    line-height: 15px;
    border: 1px solid #c5c5c5;
    font-size: 0.8125rem;
}
.form-sect textarea {
    margin: 0;
    padding: 2px 5px;
    display: block;
    width: 100%;
    height: 90px;
    line-height: 15px;
    border: 1px solid #c5c5c5;
    font-size: 0.8125rem;
    resize: none;
}
.form-sect .f-check {
    margin-bottom: 5px;
}
.form-sect .f-check input {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 5px 0 0;
    padding: 0;
}
.form-sect .note {
    font-size: 0.625rem;
    margin: 10px 0;
}
.form-sect .button-line {
    margin-top: 30px;
    text-align: right;
}
.form-sect p {
    margin: 0 0 15px;
    color: #808080;
}
.form-sect p b {
    color: #000;
}
.form-sect p.total {
    color: #000;
    font-size: 1rem;
    line-height: 1.125rem;
    margin: 20px 0 30px;
}
.form-sect p + .note {
    margin-top: -10px;
}

.main-header {
    border-bottom: 1px solid #1a171b;
    color: #808080;
    background: #ffffff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.lang-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 0.75rem;
}
.lang-switcher li {
    display: inline-block;
}
.lang-switcher a {
    text-decoration: none;
    color: #808080;
}
.lang-switcher a:hover {
    color: #4d4d4d;
}

.normal-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 21px 40px 12px;
    height: 65px;
}
.normal-header:before, .normal-header:after {
    content: " ";
    display: table;
}
.normal-header:after {
    clear: both;
}
.normal-header__logo {
    position: relative;
    float: left;
    margin-right: -100%;
}
.normal-header__logo h2 {
    margin: 0;
    display: block;
    width: 97px;
    height: 29px;
    background-position: 0 -86px;
}
.normal-header__logo h2 a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.normal-header__lang-switcher {
    margin-left: 97px;
    padding: 0 20px;
    margin-top: 16px;
    width: 14%;
    text-align: center;
    float: left;
    margin-right: -100%;
}
.normal-header__lang-switcher .lang-switcher {
    font-size: 0.9375rem;
}
.normal-header__body {
    margin-left: 127px;
    float: right;
    text-align: right;
    width: 66.66%;
    display: table;
    border-collapse: collapse;
}
.normal-header__body .lang-switcher {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9375rem;
    margin-left: 35px;
    /*@include breakpoint(1170px) {
        margin-left: 30px;
    }*/
}
.normal-header .nhb-buttons {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    padding-left: 10px;
    padding-top: 7px;
}
.normal-header .main-menu {
    display: table-cell;
    vertical-align: top;
    font-size: 1.0625rem;
    text-align: left;
    padding-top: 6px;
}
@media (min-width: 1170px) {
    .normal-header .main-menu {
        font-size: 1.0625rem;
    }
}
.normal-header .main-menu a {
    text-decoration: none;
    color: #808080;
}
.normal-header .main-menu a:hover {
    color: #000;
}
.normal-header .main-menu > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
.normal-header .main-menu > ul > li {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    padding: 5px 0;
    font-weight: bold;
}
@media (min-width: 1170px) {
    .normal-header .main-menu > ul > li {
        margin-left: 25px;
    }
}
.normal-header .main-menu > ul > li:first-child {
    margin-left: 0;
}
.normal-header .main-menu > ul > li:hover .sub-menu {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.normal-header .main-menu > ul > li:hover > a {
    color: #000;
}
.normal-header .main-menu > ul > li.active > a {
    color: #000;
}
.normal-header .sub-menu {
    margin: 0;
    list-style: none;
    border: 1px solid #000;
    padding: 20px;
    background: #ffffff;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 160px;
    font-size: 1.0625rem;
    line-height: 1.25rem;
    white-space: nowrap;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: visibility 0s linear 0.3s, opacity 0.3s;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s;
    -webkit-transition: visibility 0s linear, opacity 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
    font-weight: normal;
}
.normal-header .sub-menu li {
    margin-top: 5px;
}
.normal-header .sub-menu li:first-child {
    margin-top: 0;
}
.normal-header .sub-menu li.active > a {
    color: #000;
}
.normal-header .sub-menu a:hover {
    color: #000;
}
.normal-header .search-form {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -2px;
}
@media (min-width: 1170px) {
    .normal-header .search-form {
        margin-left: 30px;
    }
}
.normal-header .search-form__field {
    width: 150px;
    height: 25px;
    padding-right: 30px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
@media (min-width: 1170px) {
    .normal-header .search-form__field {
        width: 150px;
    }
}
.normal-header .tels {
    display: inline-block;
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    color: #4d4d4d;
    padding-left: 10px;
    margin-left: 20px;
    margin-top: -12px;
}
.normal-header .tels:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    background-position: 0 -551px;
}
@media (min-width: 1170px) {
    .normal-header .tels {
        font-size: 0.875rem;
        margin-left: 25px;
        padding-left: 14px;
    }
}
.normal-header .tels:before {
    margin: 2px -100% 0 -10px;
    float: left;
}
@media (min-width: 1170px) {
    .normal-header .tels:before {
        margin-left: -14px;
    }
}
.normal-header .basket-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    margin-left: 30px;
}
@media (min-width: 1170px) {
    .normal-header .basket-wrap {
        margin-left: 30px;
    }
}
.normal-header .basket {
    display: block;
    position: relative;
    font-size: 0.9375rem;
    padding-top: 7px;
    margin-top: -4px;
    text-decoration: none;
    color: #808080;
    outline: none;
}
.normal-header .basket:hover {
    color: #000;
}
.normal-header .basket__icon {
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 28px;
    height: 22px;
    background-position: 0 -53px;
    margin-left: 5px;
    margin-top: -7px;
    float: right;
}

.search-form__field {
    border: 1px solid #00e5e6;
    background: #ffffff;
    height: 25px;
    padding-right: 30px;
    overflow: hidden;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
.search-form input {
    margin: 0 -100% 0 0;
    padding: 3px 0 3px 10px;
    border: none;
    outline: none;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    font-size: 0.8125rem;
    line-height: 16px;
    font-weight: 100;
}
.search-form input:-moz-placeholder {
    opacity: 1;
}
.search-form input::-moz-placeholder {
    opacity: 1;
}
.search-form input:-ms-input-placeholder {
    opacity: 1;
}
.search-form input::-webkit-input-placeholder {
    opacity: 1;
}
.search-form input:focus:-moz-placeholder {
    opacity: 0.5;
}
.search-form input:focus::-moz-placeholder {
    opacity: 0.5;
}
.search-form input:focus:-ms-input-placeholder {
    opacity: 0.5;
}
.search-form input:focus::-webkit-input-placeholder {
    opacity: 0.5;
}
.search-form button {
    display: block;
    width: 30px;
    height: 100%;
    border: none;
    outline: none;
    margin: 0 -30px;
    padding: 0;
    float: right;
    background: none;
}
.search-form button span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.search-form button span:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-position: 0 -282px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
}

.mobile-header {
    position: relative;
    width: 100%;
}

.mobile-header-top {
    width: 100%;
    padding: 13px 9px;
    height: 59px;
}
.mobile-header-top:before, .mobile-header-top:after {
    content: " ";
    display: table;
}
.mobile-header-top:after {
    clear: both;
}
@media (min-width: 640px) {
    .mobile-header-top {
        padding: 20px 29px;
        height: 105px;
    }
}
.mobile-header-top__logo {
    overflow: hidden;
    text-align: center;
    line-height: 32px;
}
@media (min-width: 640px) {
    .mobile-header-top__logo {
        line-height: 64px;
    }
}
.mobile-header-top__logo .logo {
    display: inline-block;
    vertical-align: middle;
}
.mobile-header-top__logo .logo h2 {
    margin: 0;
    display: block;
    width: 61px;
    height: 18px;
    background-position: 0 -68px;
}
@media (min-width: 640px) {
    .mobile-header-top__logo .logo h2 {
        width: 138px;
        height: 41px;
        background-position: 0 0;
    }
}
.mobile-header-top__logo .logo h2 a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.mobile-header-top__menu-switcher {
    float: left;
    margin-right: 10px;
}
.mobile-header-top__menu-switcher .menu-switcher {
    position: relative;
    outline: none;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.mobile-header-top__menu-switcher .menu-switcher:before {
    content: '';
    display: block;
    width: 13px;
    height: 12px;
    background-position: 0 -360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -6px;
}
.mobile-header-top__menu-switcher .menu-switcher:hover:before {
    background-position: 0 -348px;
}
@media (min-width: 640px) {
    .mobile-header-top__menu-switcher .menu-switcher {
        width: 64px;
        height: 64px;
    }
    .mobile-header-top__menu-switcher .menu-switcher:before {
        background-position: 0 -321px;
        width: 29px;
        height: 27px;
        margin-top: -13.5px;
        margin-left: -14.5px;
    }
    .mobile-header-top__menu-switcher .menu-switcher:hover:before {
        background-position: 0 -294px;
    }
}
.mobile-header-top__lang-switcher {
    float: right;
    /*@include breakpoint($point-xs) {
        margin-left: 10px;
    }*/
}
.mobile-header-top__lang-switcher .lang-switcher a {
    display: block;
    font-size: 0.75rem;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
@media (min-width: 640px) {
    .mobile-header-top__lang-switcher .lang-switcher a {
        font-size: 1.5625rem;
        width: 64px;
        height: 64px;
        line-height: 64px;
    }
}
.mobile-header-top__basket {
    float: right;
    margin-left: 20px;
}
@media (min-width: 360px) {
    .mobile-header-top__basket {
        position: relative;
    }
}
@media (min-width: 640px) {
    .mobile-header-top__basket {
        margin-left: 30px;
    }
}
.mobile-header-top__basket .basket {
    display: block;
    height: 32px;
    line-height: 32px;
    font-weight: 100;
    font-size: 0.75rem;
    text-decoration: none;
    color: #808080;
    outline: none;
}
@media (min-width: 640px) {
    .mobile-header-top__basket .basket {
        height: 64px;
        line-height: 64px;
        font-size: 1.5625rem;
    }
}
.mobile-header-top__basket .basket__icon {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    float: right;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.mobile-header-top__basket .basket__icon:before {
    content: '';
    display: block;
    width: 23px;
    height: 18px;
    background-position: 0 -35px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    margin-top: -9px;
}
.mobile-header-top__basket .basket__icon:before {
    margin-top: -12px;
}
@media (min-width: 640px) {
    .mobile-header-top__basket .basket__icon {
        width: 64px;
        height: 64px;
    }
    .mobile-header-top__basket .basket__icon:before {
        background-position: 0 0;
        width: 46px;
        height: 35px;
        margin-top: -24.5px;
        margin-left: -23px;
    }
}
.mobile-header-top__search-switcher {
    float: left;
    margin-right: 20px;
}
@media (min-width: 640px) {
    .mobile-header-top__search-switcher {
        margin-right: 40px;
    }
}
.mobile-header-top__search-switcher .search-switcher {
    position: relative;
    outline: none;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
.mobile-header-top__search-switcher .search-switcher:before {
    content: '';
    display: block;
    width: 17px;
    height: 16px;
    background-position: 0 -266px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}
.mobile-header-top__search-switcher .search-switcher:hover:before {
    background-position: 0 -250px;
}
@media (min-width: 640px) {
    .mobile-header-top__search-switcher .search-switcher {
        width: 64px;
        height: 64px;
    }
    .mobile-header-top__search-switcher .search-switcher:before {
        background-position: 0 -215px;
        width: 36px;
        height: 35px;
        margin-top: -17.5px;
        margin-left: -18px;
    }
    .mobile-header-top__search-switcher .search-switcher:hover:before {
        background-position: 0 -180px;
    }
}

.mhm-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 101;
    display: none;
    cursor: pointer;
}

.mobile-header-menu {
    position: absolute;
    top: 0;
    right: 100%;
    background: #ffffff;
    width: 255px;
    border-right: 3px solid rgba(0, 0, 0, 0.5);
    overflow: auto;
    z-index: 110;
}
@media (min-width: 640px) {
    .mobile-header-menu {
        width: 380px;
    }
}
.mobile-header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-header-menu .main-menu {
    padding: 30px;
}
@media (min-width: 640px) {
    .mobile-header-menu .main-menu {
        padding: 50px;
    }
}
.mobile-header-menu .main-menu a {
    outline: none;
    color: #808080;
    text-decoration: none;
}
.mobile-header-menu .main-menu a:hover {
    color: #4d4d4d;
}
.mobile-header-menu .main-menu > ul > li {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-top: 20px;
}
@media (min-width: 640px) {
    .mobile-header-menu .main-menu > ul > li {
        font-size: 1.875rem;
        line-height: 2rem;
        margin-top: 30px;
    }
}
.mobile-header-menu .main-menu > ul > li:first-child {
    margin-top: 0;
}
.mobile-header-menu .main-menu > ul > li.sm > a {
    position: relative;
    display: block;
    padding-right: 31px;
}
.mobile-header-menu .main-menu > ul > li.sm > a:after {
    content: '';
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 26px;
    height: 14px;
    background-position: 0 -537px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}
.mobile-header-menu .main-menu > ul > li.sm.opened > a:after {
    background-position: 0 -523px;
}
.mobile-header-menu .main-menu > ul > li.opened .sub-menu {
    display: block;
}
.mobile-header-menu .main-menu > ul > li.active > a {
    color: #000;
}
.mobile-header-menu .sub-menu {
    margin: 0;
    padding: 0 0 0 50px;
    list-style: none;
    display: none;
}
.opened .mobile-header-menu .sub-menu {
    display: block;
}
.mobile-header-menu .sub-menu li {
    font-size: 1.0625rem;
    font-weight: 100;
    padding-top: 20px;
}
@media (min-width: 640px) {
    .mobile-header-menu .sub-menu li {
        font-size: 1.5rem;
        padding-top: 25px;
    }
}
.mobile-header-menu .sub-menu li.active > a {
    color: #000;
}
.mobile-header-menu .mh-soc-medias {
    border-top: 1px solid #1a171b;
    padding: 30px;
}
.mobile-header-menu .mh-soc-medias__title {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.mobile-header-menu .mfs-copy {
    border-top: 1px solid #1a171b;
    padding: 30px 30px 30px 75px;
    display: block;
    margin: 0;
    width: auto;
    float: none;
}
@media (min-width: 640px) {
    .mobile-header-menu .mfs-copy {
        display: none;
    }
}

.mobile-header-search {
    position: relative;
    width: 100%;
    background: #ffffff;
    display: none;
}
.mobile-header-search .search-form {
    padding: 0 20px 20px;
}
@media (min-width: 640px) {
    .mobile-header-search .search-form {
        padding: 0 40px 20px;
    }
}
.mobile-header-search .search-form__field {
    height: 35px;
    padding-right: 40px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}
.mobile-header-search .search-form input {
    padding: 5px 0 5px 15px;
    font-size: 0.9375rem;
    line-height: 25px;
}
.mobile-header-search .search-form button {
    width: 40px;
    margin: 0 -40px;
}

.basket-preview {
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #00e5e6;
    padding: 24px;
    text-align: left;
    display: none;
    z-index: 120;
    white-space: normal;
}
@media (min-width: 360px) {
    .basket-preview {
        width: 340px;
        margin-top: 14px;
    }
}
@media (min-width: 640px) {
    .basket-preview {
        margin-top: 21px;
    }
}
@media (min-width: 980px) {
    .basket-preview {
        margin-top: 13px;
    }
}
.basket-preview__title {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    font-weight: bold;
    color: #000;
}
.basket-preview__body {
    max-height: 220px;
    overflow: auto;
    margin-bottom: 25px;
    margin-top: 20px;
}
.basket-preview__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.basket-preview__list li {
    margin-top: 20px;
}
.basket-preview__list li:first-child {
    margin-top: 0;
}

.b-prod:before, .b-prod:after {
    content: " ";
    display: table;
}
.b-prod:after {
    clear: both;
}
.b-prod__pict {
    width: 50%;
    float: left;
}
.b-prod__descr {
    width: 50%;
    float: left;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    padding-left: 20px;
}

.bCover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 101;
    display: block;
}

a {
    color: #4d4d4d;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
a:hover {
    color: #000;
}

p {
    margin: 25px 0 0;
}
p:first-child {
    margin-top: 0;
}

*:first-child {
    margin-top: 0;
}

.text-content {
    font-family: MoreProWide, Arial, Helvetica, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
}
@media (min-width: 980px) {
    .text-content {
        font-size: 1.125rem;
        line-height: 2rem;
    }
}
.text-content h1 {
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 900;
    margin: 0 0 30px;
}
.text-content h2 {
    font-family: MorePro, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 40px 0 30px;
}
.text-content p.img-full-width,
.text-content p.img-content-width {
    margin: 40px 0;
}
.text-content p.img-full-width:first-child,
.text-content p.img-content-width:first-child {
    margin-top: 0;
}
.text-content p.img-full-width:last-child,
.text-content p.img-content-width:last-child {
    margin-bottom: 0;
}
.text-content p.img-full-width img,
.text-content p.img-content-width img {
    width: 100%;
}
@media (min-width: 768px) {
    .text-content p.img-full-width {
        width: 150%;
        margin-left: -50%;
    }
}
.text-content .incut {
    display: none;
    width: 50%;
    float: left;
    margin: 5px -100% 0 -50%;
    padding-right: 55px;
}
@media (min-width: 768px) {
    .text-content .incut {
        display: block;
    }
}
.text-content p.author {
    font-size: 0.875rem;
    line-height: 1.0625rem;
}

.page-wrap {
    padding-top: 59px;
}
@media (min-width: 640px) {
    .page-wrap {
        padding-top: 105px;
    }
}
@media (min-width: 980px) {
    .page-wrap {
        padding-top: 65px;
    }
}

.main-part {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}
@media (min-width: 640px) {
    .main-part {
        padding: 40px;
    }
}

.mp-new {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}
.mp-new__item {
    margin-top: 15px;
}
.mp-new__item:first-child {
    margin-top: 0;
}
.mp-new__item a {
    text-decoration: none;
}

.mpn-book {
    position: relative;
    /*border: 1px solid #000;
    @include transition(border-color 0.3s);*/
    /*@include breakpoint($point-sm) {
        border: none;
    }

    a:hover & {
        border-color: $color-brand;
    }*/
}
.mpn-book__pict {
    position: relative;
    z-index: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
a:hover .mpn-book__pict {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}
.mpn-book__pict img {
    width: 100%;
}
.mpn-book__text {
    width: 100%;
}
@media (min-width: 768px) {
    .mpn-book__text {
        position: absolute;
        padding: 30px;
        width: 50%;
        max-width: 420px;
        z-index: 1;
    }
}
.mpn-book__text.mbt--bottom-right {
    bottom: 0;
    right: 0;
}
.mpn-book__text.mbt--bottom-left {
    bottom: 0;
    left: 0;
}
.mpn-book__text.mbt--top-right {
    top: 0;
    right: 0;
}
.mpn-book__text.mbt--top-left {
    top: 0;
    left: 0;
}

.mbt {
    background: #ffffff;
    color: #808080;
    padding: 10px 20px 20px;
    text-align: center;
}
@media (min-width: 768px) {
    .mbt {
        border: 1px solid #000;
        padding: 29px;
        -moz-transition: border-color 0.3s, color 0.3s;
        -o-transition: border-color 0.3s, color 0.3s;
        -webkit-transition: border-color 0.3s, color 0.3s;
        transition: border-color 0.3s, color 0.3s;
    }
}
a:hover .mbt {
    border-color: #00e5e6;
    color: #000;
}
.mbt__type {
    font-size: 0.75rem;
    margin-bottom: 5px;
}
@media (min-width: 980px) {
    .mbt__type {
        font-size: 0.9375rem;
        margin-bottom: 10px;
    }
}
.mbt h3 {
    font-size: 1.25rem;
    line-height: 1.4375rem;
    margin: 0 0 10px;
}
@media (min-width: 768px) {
    .mbt h3 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}
@media (min-width: 980px) {
    .mbt h3 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-bottom: 15px;
    }
}
.mbt__descr {
    font-size: 0.9375rem;
    line-height: 1.125rem;
}
@media (min-width: 980px) {
    .mbt__descr {
        font-size: 1.1875rem;
        line-height: 1.375rem;
    }
}

.mp-hits {
    text-align: center;
}
.mp-hits__title {
    font-size: 2.625rem;
    line-height: 2.6875rem;
    font-weight: bold;
    color: #4d4d4d;
    margin-bottom: 30px;
}

.hits-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.hits-list:before, .hits-list:after {
    content: " ";
    display: table;
}
.hits-list:after {
    clear: both;
}
@media (min-width: 640px) {
    .hits-list {
        margin: 0 -10px;
    }
}
.hits-list__item {
    width: 100%;
    margin-top: 30px;
}
.hits-list__item:first-child {
    margin-top: 0;
}
@media (min-width: 640px) {
    .hits-list__item {
        width: 33.33%;
        float: left;
        padding: 0 10px;
        margin-top: 0;
    }
}
.hits-list__item a {
    text-decoration: none;
}

.hit-book {
    position: relative;
}
.hit-book__pict {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
}
@media (min-width: 640px) {
    .hit-book__pict {
        padding-top: 0;
        height: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.hit-book__pict img {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 640px) {
    .hit-book__pict img {
        position: static;
        top: auto;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.hit-book__text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1;
    padding: 0 20px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hbt {
    color: #4d4d4d;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #00e5e6;
    font-size: 1.0625rem;
    line-height: 1.5625rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
a:hover .hbt {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
@media (min-width: 640px) {
    .hbt {
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 980px) {
    .hbt {
        font-size: 1.0625rem;
        line-height: 1.5625rem;
    }
}
.hbt h3 {
    font-size: 1.0625rem;
    line-height: 1.5625rem;
    margin: 0 0 15px;
}
@media (min-width: 640px) {
    .hbt h3 {
        font-size: 0.8125rem;
        line-height: 1.25rem;
        margin: 0 0 10px;
    }
}
@media (min-width: 980px) {
    .hbt h3 {
        font-size: 1.0625rem;
        line-height: 1.5625rem;
        margin: 0 0 15px;
    }
}

.main-layout:before, .main-layout:after {
    content: " ";
    display: table;
}
.main-layout:after {
    clear: both;
}
@media (min-width: 768px) {
    .main-layout__side {
        width: 33.33%;
        float: left;
        padding-right: 40px;
    }
}
@media (min-width: 768px) {
    .main-layout__content {
        width: 66.66%;
        float: right;
    }
}

.page-title {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.authors-select-list {
    margin-bottom: 30px;
}
.authors-select-list:before, .authors-select-list:after {
    content: " ";
    display: table;
}
.authors-select-list:after {
    clear: both;
}
.authors-select-list__wrap {
    float: right;
}
@media (min-width: 768px) {
    .authors-select-list__wrap {
        float: none;
    }
}
.authors-select-list .authors-select {
    width: 200px;
}

.authors-list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.authors-list__item {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 50%;
    padding: 0 10px 25px;
}
@media (min-width: 480px) {
    .authors-list__item {
        width: 33.33%;
    }
}
@media (min-width: 980px) {
    .authors-list__item {
        width: 25%;
    }
}
.authors-list a {
    text-decoration: none;
    color: #4d4d4d;
}
.authors-list .author-person {
    font-size: 0.875rem;
    line-height: 1.0625rem;
}
.authors-list .author-person__photo {
    margin-bottom: 10px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.authors-list .author-person__photo img {
    width: 100%;
}
.authors-list a:hover .author-person__photo {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}

.pagination {
    text-align: center;
    font-size: 0.875rem;
}
@media (min-width: 768px) {
    .pagination {
        text-align: right;
    }
}
.pagination a {
    display: inline-block;
    padding: 4px 6px;
    text-decoration: none;
    color: #808080;
}
.pagination a:hover {
    color: #4d4d4d;
}
.pagination a.active {
    font-weight: bold;
    color: #000;
}
.pagination .pages {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.pagination .pages li {
    display: inline;
}

.author-details:before, .author-details:after {
    content: " ";
    display: table;
}
.author-details:after {
    clear: both;
}
.author-details__pict {
    padding-bottom: 30px;
}
@media (min-width: 480px) {
    .author-details__pict {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-bottom: 0;
    }
}
.author-details__pict img {
    width: 100%;
}
.author-details__info {
    font-family: MoreProWide, Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    line-height: 1.6875rem;
}
@media (min-width: 480px) {
    .author-details__info {
        width: 50%;
        float: right;
        padding-left: 15px;
    }
}
.author-details__info h3 {
    font-family: MuseoSans, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 900;
    color: #000;
}
.author-details__info h4 {
    font-family: MorePro, Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    line-height: 1.6875rem;
    margin: 40px 0 30px;
}

.f-prods {
    margin-top: 40px;
}
.f-prods__title {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 15px;
}

.f-prod-list {
    margin: 0 -5px -20px;
    padding: 0;
    list-style: none;
}
.f-prod-list:before, .f-prod-list:after {
    content: " ";
    display: table;
}
.f-prod-list:after {
    clear: both;
}
.f-prod-list__item {
    padding: 0 5px;
    margin-bottom: 20px;
}
@media (min-width: 380px) {
    .f-prod-list__item {
        display: inline-block;
        vertical-align: top;
        margin-right: -3px;
        width: 50%;
    }
}
@media (min-width: 480px) {
    .f-prod-list__item {
        width: 33.33%;
    }
}
@media (min-width: 768px) {
    .f-prod-list__item {
        width: 25%;
    }
}
@media (min-width: 980px) {
    .f-prod-list__item {
        width: 20%;
    }
}
.f-prod-list a {
    text-decoration: none;
    color: #4d4d4d;
}

.f-prod {
    font-size: 0.75rem;
    line-height: 0.9375rem;
}
.f-prod__pict {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
a:hover .f-prod__pict {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}
.f-prod__descr {
    color: #808080;
}
a:hover .f-prod__descr {
    color: #000;
}
.f-prod__descr h3 {
    margin: 0;
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 0.9375rem;
}

.products-list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.products-list__item {
    padding: 0 10px;
    margin-bottom: 30px;
}
@media (min-width: 480px) {
    .products-list__item {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 50%;
    }
}
.products-list a {
    text-decoration: none;
    color: #4d4d4d;
}

.product {
    font-size: 0.75rem;
    line-height: 0.9375rem;
}
.product__pict {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
a:hover .product__pict {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}
.product__text h3 {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-weight: normal;
    color: #4d4d4d;
    margin: 0 0 2px;
}
a:hover .product__text h3 {
    color: #000;
}

.product-price {
    color: #808080;
}
a:hover .product-price {
    color: #000;
}
.product-price__value {
    margin-right: 4px;
}
.product-price__discount {
    display: inline-block;
    color: #d12959;
    padding: 0 3px;
}
a:hover .product-price__discount {
    background: #00e5e6;
}

.filters {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .filters {
        margin-bottom: 0;
    }
}

.filter-sect {
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .filter-sect {
        margin-bottom: 25px;
    }
}
.filter-sect__title {
    display: block;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .filter-sect__title {
        margin-bottom: 15px;
    }
}
.filter-sect__body {
    display: inline-block;
    color: #808080;
}
@media (min-width: 768px) {
    .filter-sect__body {
        display: block;
    }
}
.filter-sect__body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.filter-sect__body ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 3px;
}
@media (min-width: 768px) {
    .filter-sect__body ul li {
        display: block;
        margin-right: 0;
    }
}

.filters-reset {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
}
.filters-reset a {
    position: relative;
    color: #000;
    display: inline-block;
    text-decoration: none;
    padding-left: 15px;
    outline: none;
}
@media (min-width: 768px) {
    .filters-reset a {
        padding-left: 30px;
    }
}
.filters-reset a:before {
    content: '';
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 10px;
    height: 10px;
    background-position: 0 -75px;
    position: absolute;
    left: 0;
    top: 4px;
}

.product-details {
    color: #000;
}
.product-details:before, .product-details:after {
    content: " ";
    display: table;
}
.product-details:after {
    clear: both;
}
.product-details__picts {
    margin-top: 50px;
}
@media (min-width: 768px) {
    .product-details__picts {
        margin-top: 0;
        width: 50%;
        float: left;
    }
}
@media (min-width: 980px) {
    .product-details__picts {
        width: 60%;
        padding-right: 50px;
    }
}
.product-details__picts img {
    width: 100%;
}
@media (min-width: 768px) {
    .product-details__info {
        width: 50%;
        float: right;
        padding-left: 50px;
    }
}
@media (min-width: 980px) {
    .product-details__info {
        width: 40%;
        padding-left: 5px;
    }
}
.product-details__info h2 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    font-weight: normal;
    margin: 0 0 20px;
}

.pd-data {
    font-size: 0.9375rem;
    line-height: 1.125rem;
    margin-bottom: 15px;
}
.pd-data p {
    margin: 0 0 3px;
}

.pd-buy-line:before, .pd-buy-line:after {
    content: " ";
    display: table;
}
.pd-buy-line:after {
    clear: both;
}

@media (min-width: 640px) {
    .pd-buy {
        float: right;
    }
}
@media (min-width: 768px) {
    .pd-buy {
        float: none;
    }
}
@media (min-width: 980px) {
    .pd-buy {
        float: right;
    }
}
.pd-buy__num {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 33px;
    border: 1px solid #bbbbbb;
    margin-right: 2px;
}
.pd-buy__num .pd-num-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px 0 5px;
}
.pd-buy__button {
    display: inline-block;
    vertical-align: middle;
}
.pd-buy__button .in-basket {
    display: none;
}

.pd-price {
    font-size: 1.375rem;
    line-height: 2.25rem;
    white-space: nowrap;
    margin-bottom: 5px;
}
@media (min-width: 640px) {
    .pd-price {
        float: left;
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .pd-price {
        float: none;
        margin-bottom: 5px;
    }
}
@media (min-width: 980px) {
    .pd-price {
        float: left;
        margin-bottom: 0;
    }
}

.pd-descr {
    margin: 20px 0 0;
}
.pd-descr__title {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.pd-descr__body h4 {
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    margin: 5px 0 0;
}
.pd-descr__body h4:first-child {
    margin-top: 0;
}
.pd-descr__body p {
    margin: 5px 0 0;
}
.pd-descr__body p:first-child {
    margin-top: 0;
}
.pd-descr__body h4 + p {
    margin-top: 3px;
}

.pd-more-info {
    margin-top: 20px;
}
.pd-more-info__title {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.pd-more-info__title a {
    outline: none;
    position: relative;
    display: block;
    text-decoration: none;
    color: #000;
}
.pd-more-info__title a:after {
    content: '';
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 26px;
    height: 14px;
    background-position: 0 -537px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}
.opened .pd-more-info__title a:after {
    background-position: 0 -523px;
}
.pd-more-info__body {
    display: none;
}
.opened .pd-more-info__body {
    display: block;
}

.pd-tech-data {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pd-tech-data li {
    overflow: hidden;
}
.pd-tech-data .pdtd-label {
    display: block;
    width: 145px;
    float: left;
    padding-right: 5px;
}
.pd-tech-data .pdtd-val {
    overflow: hidden;
}

.p-soc-medias-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.p-soc-medias-list li {
    display: inline;
}
.p-soc-medias-list a {
    margin-right: 2px;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 28px;
    height: 28px;
    background-position: 0 -152px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #808080;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.p-soc-medias-list a.icon-fb {
    background-position: 0 -152px;
}
.p-soc-medias-list a.icon-tw {
    background-position: 0 -591px;
}
.p-soc-medias-list a.icon-pn {
    background-position: 0 -439px;
}
.p-soc-medias-list a:hover {
    background-color: #00e5e6;
    border-color: #00e5e6;
}

.pd-pict-gallery {
    margin-bottom: 20px;
}

.bxslider-tiles {
    margin: 0 -5px -10px;
    padding: 0;
    list-style: none;
}
.bxslider-tiles li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-right: -3px;
    padding: 0 5px 10px;
}
.bxslider-tiles a {
    position: relative;
    display: block;
}
.bxslider-tiles a img {
    position: relative;
    display: block;
    z-index: 1;
}
.bxslider-tiles a:before {
    content: '';
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    background-position: 0 -619px;
    position: absolute;
    top: 15px;
    right: 15px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 2;
}
.bxslider-tiles a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.fancybox-close {
    top: 10px;
    right: 10px;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    background-position: 0 -85px;
}

.fancybox-nav {
    width: 50%;
}
.fancybox-nav span {
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    background-position: 0 -467px;
    margin-top: -21px;
}
.fancybox-nav.fancybox-prev span {
    background-position: 0 -467px;
}
.fancybox-nav.fancybox-next span {
    background-position: 0 -372px;
}

.bx-wrapper {
    position: relative;
}
.bx-wrapper .bx-viewport {
    z-index: 1;
}
.bx-wrapper .bx-controls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0);
}
.bx-wrapper .bx-controls .bx-controls-direction {
    width: 100%;
    height: 100%;
}
.bx-wrapper .bx-controls a {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    outline: none;
}
.bx-wrapper .bx-controls a.disabled {
    display: none;
}
.bx-wrapper .bx-controls a:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.bx-wrapper .bx-controls a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.bx-wrapper .bx-controls a.bx-prev {
    left: 0;
}
.bx-wrapper .bx-controls a.bx-prev:before {
    content: '';
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    background-position: 0 -467px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -21px;
}
.bx-wrapper .bx-controls a.bx-next {
    right: 0;
}
.bx-wrapper .bx-controls a.bx-next:before {
    content: '';
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    background-position: 0 -372px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -21px;
}

.order-layout {
    position: relative;
}
.order-layout:before, .order-layout:after {
    content: " ";
    display: table;
}
.order-layout:after {
    clear: both;
}
.order-layout .ol-title {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #000;
}
@media (min-width: 980px) {
    .order-layout .basket-sect {
        width: 65%;
        float: left;
        padding-right: 50px;
    }
    .order-layout .basket-sect:after {
        content: '';
        display: block;
        width: 1px;
        background: #000;
        position: absolute;
        left: 65%;
        top: 50px;
        bottom: 0;
    }
}
@media (min-width: 980px) {
    .order-layout .udata-sect {
        width: 35%;
        float: right;
        padding-left: 50px;
    }
}

.b-table-wrap {
    margin-bottom: 30px;
}

.b-table {
    width: 100%;
    border-collapse: collapse;
}
.b-table td.bt-num {
    width: 70px;
}
@media (min-width: 480px) {
    .b-table td.bt-num {
        width: 90px;
    }
}
@media (min-width: 480px) {
    .b-table td.bt-num .total-title {
        display: none;
    }
}
.b-table td.bt-price {
    display: none;
    width: 85px;
}
@media (min-width: 480px) {
    .b-table td.bt-price {
        display: table-cell;
    }
}
.b-table td.bt-cost {
    width: 80px;
}
.b-table thead td {
    font-size: 0.75rem;
    color: #808080;
    padding: 0 0 10px 10px;
    border-bottom: 1px solid #000;
}
@media (min-width: 480px) {
    .b-table thead td {
        padding-left: 20px;
    }
}
.b-table thead td:first-child {
    padding-left: 0;
}
.b-table tfoot td {
    font-size: 0.875rem;
    color: #000;
    padding: 10px 0 0 10px;
    border-top: 1px solid #000;
}
@media (min-width: 480px) {
    .b-table tfoot td {
        padding-left: 20px;
    }
}
.b-table tfoot td:first-child {
    padding-left: 0;
}
.b-table tfoot td a {
    font-size: 0.75rem;
}
.b-table tbody td {
    padding: 20px 0 20px 10px;
    font-size: 0.875rem;
    color: #000;
    vertical-align: top;
}
@media (min-width: 480px) {
    .b-table tbody td {
        padding-left: 20px;
    }
}
.b-table tbody td:first-child {
    padding-left: 0;
}
.b-table tbody td.bt-item {
    font-size: 0.75rem;
}
.b-table tbody td.bt-price {
    color: #808080;
    line-height: 35px;
}
.b-table tbody td.bt-cost {
    line-height: 35px;
}
@media (min-width: 640px) {
    .b-table .bt-item-title {
        padding-left: 160px;
    }
}
.b-table .btp-val {
    display: inline-block;
}

.bt-prod {
    max-width: 200px;
}
.bt-prod:before, .bt-prod:after {
    content: " ";
    display: table;
}
.bt-prod:after {
    clear: both;
}
@media (min-width: 640px) {
    .bt-prod {
        max-width: 390px;
    }
}
.bt-prod__pict {
    position: relative;
}
@media (min-width: 640px) {
    .bt-prod__pict {
        width: 140px;
        float: left;
        margin-right: 20px;
    }
}
.bt-prod__pict img {
    width: 100%;
}
.bt-prod__pict .btp-check {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 5px;
    top: 5px;
}
.bt-prod__title {
    overflow: hidden;
    padding-top: 10px;
}

.discount {
    margin: 0 0 50px;
    text-align: right;
}
@media (min-width: 980px) {
    .discount {
        margin-bottom: 0;
    }
}
.discount .discount-field {
    display: inline-block;
    width: 145px;
    text-align: left;
}
.discount .discount-field label {
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 1px;
}
.discount .discount-field input[type="text"] {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 33px;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #00e5e6;
    outline: none;
    font-size: 14px;
    background: #fff;
}

.pay-systems {
    background: #00afc0;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    margin: 0 0 0 -15px;
}
.pay-systems button {
    display: block;
    width: 100%;
    background: none;
    padding: 0;
    margin: 5px 0 0;
    outline: none;
    border: none;
    cursor: pointer;
    /*&:hover span {
        background: $color-brand;
    }*/
}
.pay-systems button:first-child {
    margin: 0;
}
.pay-systems button span {
    display: block;
    padding: 5px 10px;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: bold;
    background: #fff;
    color: #000;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.pay-systems button span img {
    margin-left: 5px;
}
.pay-systems .ps-text {
    margin: 5px 0 0;
}

.b-back a {
    display: inline-block;
    border: 1px solid #00e5e6;
    height: 36px;
    line-height: 33px;
    padding: 0 15px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.b-back a:hover {
    background: #00e5e6;
}

.error-404 {
    color: #000000;
    background: #fff url('../img/bg-404.jpg?1445876668') no-repeat 50% 100%;
    padding-bottom: 320px;
    margin-bottom: -30px;
}
@media (min-width: 640px) {
    .error-404 {
        background-position: 100% 100%;
        margin-bottom: -40px;
    }
}
.error-404__text {
    margin-top: 20px;
    font-weight: 300;
}
@media (min-width: 640px) {
    .error-404__text {
        margin-top: 40px;
        width: 70%;
    }
}
@media (min-width: 980px) {
    .error-404__text {
        margin-top: 60px;
    }
}
.error-404__text h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    margin: 0;
}
@media (min-width: 640px) {
    .error-404__text h2 {
        font-size: 46px;
        line-height: 54px;
    }
}
@media (min-width: 980px) {
    .error-404__text h2 {
        font-size: 54px;
        line-height: 64px;
    }
}
.error-404__text h2 b {
    font-weight: 900;
}
.error-404__text h2 sup {
    font-size: 46.3%;
}
.error-404__text p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.2;
}
@media (min-width: 640px) {
    .error-404__text p {
        font-size: 18px;
        margin: 40px 0 20px;
    }
}
@media (min-width: 980px) {
    .error-404__text p {
        font-size: 24px;
        margin: 60px 0 30px;
    }
}
.error-404__text p.big {
    font-weight: 100;
    font-size: 36px;
    line-height: 42px;
    margin: 0;
}
@media (min-width: 640px) {
    .error-404__text p.big {
        font-size: 46px;
        line-height: 54px;
    }
}
@media (min-width: 980px) {
    .error-404__text p.big {
        font-size: 54px;
        line-height: 64px;
    }
}

.main-footer {
    border-top: 1px solid #1a171b;
    color: #808080;
}
.main-footer__body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 40px 50px;
    /*@include breakpoint($point-sm) {
        padding-right: 33.33%;
    }*/
}

.mf-sects-wrap {
    width: 100%;
}
.mf-sects-wrap:before, .mf-sects-wrap:after {
    content: " ";
    display: table;
}
.mf-sects-wrap:after {
    clear: both;
}

.mf-sect {
    float: left;
}
.mf-sect.mfs-partners {
    display: none;
    width: 37%;
    padding-right: 40px;
}
@media (min-width: 980px) {
    .mf-sect.mfs-partners {
        display: block;
    }
}
.mf-sect.mfs-contacts {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .mf-sect.mfs-contacts {
        width: 33.33%;
        text-align: left;
    }
}
@media (min-width: 980px) {
    .mf-sect.mfs-contacts {
        width: 33.33%;
    }
}
.mf-sect.mfs-contacts a {
    text-decoration: none;
    color: inherit;
}
.mf-sect.mfs-contacts a:hover {
    color: #000;
}
.mf-sect.mfs-soc-medias {
    display: none;
    width: 33.33%;
    padding-right: 5px;
}
@media (min-width: 768px) {
    .mf-sect.mfs-soc-medias {
        display: block;
    }
}
.mf-sect__title {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.mf-sect__body {
    font-family: MorePro, Arial, Helvetica, sans-serif;
    line-height: 1.375rem;
}
.mfs-partners .mf-sect__body {
    max-width: 260px;
}

.mfs-copy {
    width: 33.33%;
    float: left;
    display: none;
}
@media (min-width: 768px) {
    .mfs-copy {
        display: block;
    }
}
.mfs-copy__wrap {
    width: 200px;
    padding-left: 45px;
    float: right;
    font-family: MorePro, Arial, Helvetica, sans-serif;
    font-size: 0.6875rem;
    line-height: 1.375rem;
}
.mfs-copy__logo {
    margin-bottom: 8px;
}
.mfs-copy__logo h3 {
    margin: 0 0 0 -45px;
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 122px;
    height: 27px;
    background-position: 0 -41px;
}
.mfs-copy a {
    text-decoration: none;
    color: inherit;
}
.mfs-copy a:hover {
    color: #000;
}

.mf-soc-medias-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mf-soc-medias-list li {
    display: inline;
    margin-left: 3px;
}
.mf-soc-medias-list li:first-child {
    margin-left: 0;
}
.mf-soc-medias-list a {
    margin-right: 2px;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 25px;
    height: 25px;
    background-position: 0 -127px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #808080;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.mf-soc-medias-list a.icon-fb {
    background-position: 0 -127px;
}
.mf-soc-medias-list a.icon-tw {
    background-position: 0 -566px;
}
.mf-soc-medias-list a.icon-pn {
    background-position: 0 -414px;
}
.mf-soc-medias-list a:hover {
    background-color: #00e5e6;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl,
.visible-from-sm,
.visible-from-md,
.visible-from-lg,
.visible-from-xl {
    display: none;
}

@media (min-width: 640px) and (max-width: 767px) {
    .visible-xs {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .visible-sm {
        display: block;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .visible-md {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .visible-lg {
        display: block;
    }
}

@media (min-width: 1600px) {
    .visible-xl {
        display: block;
    }
}

.visible-from-xs {
    display: block;
}

@media (min-width: 768px) {
    .visible-from-sm {
        display: block;
    }
}

@media (min-width: 980px) {
    .visible-from-md {
        display: block;
    }
}

@media (min-width: 1200px) {
    .visible-from-lg {
        display: block;
    }
}

@media (min-width: 1600px) {
    .visible-from-xl {
        display: block;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .hidden-sm {
        display: none;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .hidden-md {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 1600px) {
    .hidden-xl {
        display: none;
    }
}

@media (min-width: 640px) {
    .hidden-from-xs {
        display: none;
    }
}

@media (min-width: 768px) {
    .hidden-from-sm {
        display: none;
    }
}

@media (min-width: 980px) {
    .hidden-from-md {
        display: none;
    }
}

@media (min-width: 1200px) {
    .hidden-from-lg {
        display: none;
    }
}

@media (max-width: 319px) {
    .hidden-before-xxs {
        display: none;
    }
}

@media (max-width: 639px) {
    .hidden-before-xs {
        display: none;
    }
}

@media (max-width: 767px) {
    .hidden-before-sm {
        display: none;
    }
}

@media (max-width: 979px) {
    .hidden-before-md {
        display: none;
    }
}

@media (max-width: 1199px) {
    .hidden-before-lg {
        display: none;
    }
}

@media (max-width: 1599px) {
    .hidden-before-xl {
        display: none;
    }
}

.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
@media (min-width: 768px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.col-xs-1 {
    width: 8.33333%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-2 {
    width: 16.66667%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-3 {
    width: 25%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-4 {
    width: 33.33333%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-5 {
    width: 41.66667%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-6 {
    width: 50%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-7 {
    width: 58.33333%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-7 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-8 {
    width: 66.66667%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-8 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-9 {
    width: 75%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-10 {
    width: 83.33333%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-11 {
    width: 91.66667%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-11 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-xs-12 {
    width: 100%;
    float: left;
}
@media (min-width: 768px) {
    .col-xs-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-1 {
        width: 8.33333%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-2 {
        width: 16.66667%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-3 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-4 {
        width: 33.33333%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-5 {
        width: 41.66667%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-7 {
        width: 58.33333%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-7 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-8 {
        width: 66.66667%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-8 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-9 {
        width: 75%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-10 {
        width: 83.33333%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-11 {
        width: 91.66667%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-11 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
        float: left;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .col-sm-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-1 {
        width: 8.33333%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-2 {
        width: 16.66667%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-3 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-4 {
        width: 33.33333%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-5 {
        width: 41.66667%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-6 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-7 {
        width: 58.33333%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-7 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-8 {
        width: 66.66667%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-8 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-9 {
        width: 75%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-10 {
        width: 83.33333%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-11 {
        width: 91.66667%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-11 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 980px) {
    .col-md-12 {
        width: 100%;
        float: left;
    }
}
@media (min-width: 980px) and (min-width: 768px) {
    .col-md-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-1 {
        width: 8.33333%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-2 {
        width: 16.66667%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-3 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-4 {
        width: 33.33333%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5 {
        width: 41.66667%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-6 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-7 {
        width: 58.33333%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-7 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-8 {
        width: 66.66667%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-8 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-9 {
        width: 75%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-10 {
        width: 83.33333%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-11 {
        width: 91.66667%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-11 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
        float: left;
    }
}
@media (min-width: 1200px) and (min-width: 768px) {
    .col-lg-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-1 {
        width: 8.33333%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-2 {
        width: 16.66667%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-3 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-4 {
        width: 33.33333%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-5 {
        width: 41.66667%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-6 {
        width: 50%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-7 {
        width: 58.33333%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-7 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-8 {
        width: 66.66667%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-8 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-9 {
        width: 75%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-10 {
        width: 83.33333%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-11 {
        width: 91.66667%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-11 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1600px) {
    .col-xl-12 {
        width: 100%;
        float: left;
    }
}
@media (min-width: 1600px) and (min-width: 768px) {
    .col-xl-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.col-right {
    float: right;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

@media print {
    /**,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }*/
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*# sourceMappingURL=main.css.map */
.required:after { content:" *"; }

label.error {
    color:#d03434;
    font-weight: bold;
}

.form-sect input.error {
    border: 1px solid #d03434;
}

.product-details__info h1 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    font-weight: normal;
    margin: 0 0 20px;
}
.product-details__picts{
position: relative;
}

.slider-close {
    position: absolute;
    z-index:9;
    top: 15px;
    right: 65px;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    /*background-position: 0 -85px;*/
    background: url('../img/sprites-s19053e62c2.png') no-repeat 0 -85px;
}

a.popup{

    position: absolute;
    z-index:9;
    bottom: 70px;
    right: 65px;
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    width: 42px;
    height: 42px;
    /*background-position: 0 -85px;*/
    background: url('../img/popup_icon.png') no-repeat ;
}

.basket__num-items{
    color:#000;
    padding-right: 3px;
}

.order-layout .ol-title  span{
    float: right;
}

.order-layout .ol-title  .change_data{
    color:#808080;
    display: none;
    cursor: pointer;
    font-size: 0.57rem;
    font-weight: lighter;
    text-decoration: underline;
}


.filters  a {
    text-decoration: none;
    color: #808080;
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    cursor: pointer;
}
.filters  span{
    color: #ececec;
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.0625rem;
}

.filters  li a, .filters  li span {

    margin-left: 30px;
}

.filters .checked{
    color:#000;
    font-weight: bold;

}

.filters .filter-sect__title a{
    color:#000;
}

.filters .checked:before {
    opacity: 1;
    content: '';
    /*display: none;*/
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    /*opacity: 0;*/
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;



}

.b-table tbody td.bt-remove {
    line-height: 35px;
}

.b-table tbody td.bt-remove span {
    color:red;
    cursor: pointer;

}
.b-table tbody td.bt-remove span:hover {
    font-weight: bold;

}

/*??*/
.num-adjust__button {
    width: 28px!important;
}
.num-adjust__input {
    line-height: 32px!important;
}

.button__body{
     border: solid #00e5e6 1px!important;
    line-height: 35px!important;
}

.success_buy h1{
    font-size: 54px;
    line-height: 64px
}

.success_buy h2{
    font-size: 34px;
    line-height: 34px
}


.success_buy p{
    font-size: 24px;
    margin: 60px 0 30px;
}

.form-sect input[type="email"] {
    margin: 0;
    padding: 2px 5px;
    display: block;
    width: 100%;
    height: 21px;
    line-height: 15px;
    border: 1px solid #c5c5c5;
    font-size: 0.8125rem;
}


div.price__discount{
    color: #e2001a;
}

div.price__line-through{
    text-decoration: line-through;
    line-height: 0.5;
}

.mf-soc-medias-list a.icon-ins {
    -moz-background-size: 25px auto;
    -o-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
    background-position: 0 0;
    background-image: url('../img/ins_icon2.png');
}



.mp-hits__title {
    font-size: 2.025rem!important;
}

.morelink{
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
}

.morecontent {
    display: none;
}

.text-content span.img-full-width,
.text-content span.img-content-width {
    margin: 40px 0;
}
.text-content span.img-full-width:first-child,
.text-content span.img-content-width:first-child {
    margin-top: 0;
}
.text-content span.img-full-width:last-child,
.text-content span.img-content-width:last-child {
    margin-bottom: 0;
}
.text-content span.img-full-width img,
.text-content span.img-content-width img {
    width: 100%;
}

@media (min-width: 768px) {
    .text-content span.img-full-width {
        width: 150%;
        margin-left: -50%;
    }
}

figcaption.img-caption {
    text-align: right;
    font-family: MoreProWide, Arial, Helvetica, sans-serif;
    font-size: 0.938rem;
    line-height: 1.6875rem;
}


#regions-styler .jq-selectbox__select{
    width: 135px!important;
    color: #000;
    font-size: 0.75rem;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 33px;
    border: 1px solid #bbbbbb;
    margin-right: 2px;}