html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
}

body {
    margin: 0;    
}

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

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 0
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: 700
}

code,
kbd,
samp {
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

a:active,
a:hover {
    outline-width: 0
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

abbr[title],
dfn[title] {
    cursor: help
}

button {
    cursor: pointer
}

button:disabled {
    cursor: not-allowed
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[readonly] {
    cursor: default
}

input:disabled {
    cursor: not-allowed
}

.selectize-input input{
    pointer-events:none;
}

html {
    position: relative;
    height: 100%;
    font-size: 12px
}

*,
:after,
:before {
    box-sizing: inherit
}

svg {
    -webkit-transition: fill .1s ease;
    transition: fill .1s ease
}

svg:hover {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

a {
    color: #647e8d;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

a:hover {
    color: #00afe8;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

body {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    min-width: 320px;
    font-family: DINRoundPro
}

pre {
    padding: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    border-width: 0;
    white-space: pre;
    white-space: pre-wrap;
    background: #eee;
    word-wrap: break-word
}

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

small {
    display: inline-block;
    vertical-align: text-bottom
}

svg {
    pointer-events: none
}

hr {
    border-width: 0;
    border-top: 1px solid #aaa
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

::-ms-selection {
    text-shadow: none;
    color: #fff;
    background: #2597ff
}

input {
    box-shadow: none
}

input::-webkit-input-placeholder {
    color: #999
}

input::-moz-placeholder {
    color: #999;
    opacity: .5
}

input:-ms-input-placeholder {
    color: #999
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea {
    box-shadow: none
}

textarea::-webkit-input-placeholder {
    color: #999
}

textarea::-moz-placeholder {
    color: #999;
    opacity: .5
}

textarea:-ms-input-placeholder {
    color: #999
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

.view-wrapper {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    padding-top: 100px
}

.view-wrapper.js-menu-opened {
    -webkit-transform: translate3d(-8%, -300px, -200px) rotateY(-10deg);
    transform: translate3d(-8%, -300px, -200px) rotateY(-10deg)
}

.view-size {
    position: relative;
    max-width: 1280px;
    max-width: calc(1280px + 32px);
    padding: 0 16px;
    margin: 0 auto;
    width: 100%
}

.view-size--no-gap {
    max-width: 1280px
}

.view-section {
    position: relative
}

.view-header {
    padding-top: 4px;
    height: 60px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 -2px 21px -1px #000;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    display: -webkit-box;
    display: flex
}

.view-header__content {
    display: -webkit-box;
    display: flex
}

.view-footer {
    position: relative;
    padding-bottom: 24px;
    z-index: 25;
    display: none;
    padding-top: 30px;
    border-top: 1px solid #ebebeb
}

.view-footer__content {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.zoom-in .hidden-wrapper {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.zoom-in.mfp-ready .hidden-wrapper {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.zoom-in.mfp-removing .hidden-wrapper {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
}

.zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.hidden-wrapper {
    position: relative;
    padding: 10px;
    margin: 1.2rem auto;
    background-color: #fff;
    width: 96%;
    max-width: 1024px
}

.hidden-wrapper--lg {
    max-width: 1300px
}

.hidden-wrapper--enreg {
    max-width: 850px
}

.hidden-wrapper--md {
    max-width: 768px
}

.hidden-wrapper--sm {
    max-width: 440px
}

.hidden-wrapper--strip {
    background: none;
    padding: 0
}

.hidden-wrapper--no-gap {
    padding: 0
}

.hidden-wrapper ._show-in--hidden-wrapper {
    display: block
}

.view-text {
    color: #1e395a;
    position: relative;
    font-size: 16px;
    line-height: 1.5
}

.view-text blockquote>:first-child,
.view-text>:first-child {
    margin-top: 0
}

.view-text blockquote>:last-child,
.view-text>:last-child {
    margin-bottom: 0
}

.view-text h1,
.view-text h2,
.view-text h3,
.view-text h4,
.view-text h5,
.view-text h6 {
    clear: both;
    line-height: 1.25;
    font-weight: 700;
    margin: 1.4em 0 1rem
}

.view-text li {
    color: #00afe8
}

.view-text li span {
    color: #647e8d
}

.view-text h1 {
    font-size: 28px
}

.view-text h2 {
    font-size: 2.25em
}

.view-text h3 {
    font-size: 1.75em
}

.view-text h4 {
    font-size: 1.5em
}

.view-text h5 {
    font-size: 1.25em
}

.view-text h6 {
    font-size: 1em
}

.view-text p,
.view-text ul,
.view-text ol,
.view-text hr,
.view-text dl,
.view-text pre,
.view-text address,
.view-text blockquote,
.view-text table,
.view-text .table-wrapper,
.view-text .media-wrapper {
    margin: 1em 0
}

.view-text blockquote {
    padding: 1em 1.5em;
    background-color: #f7f8e2
}

.view-text hr {
    clear: both;
    border-width: 0;
    border-top-width: 1px
}

.view-text ul,
.view-text ol {
    padding-left: 1.5em
}

.view-text dd {
    margin-left: 1.5em
}

.view-text dt {
    font-weight: 700
}

.view-text dd+dt {
    margin: 1em 0 0
}

.view-text pre,
.view-text code,
.view-text kbd,
.view-text samp {
    font-style: normal;
    font-weight: 400;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace
}

.view-text pre {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    padding: 1em 1.5em;
    background-color: #f5f5f5
}

.view-text code,
.view-text kbd,
.view-text samp {
    padding: 0 .4em
}

.view-text code {
    background-color: #f5f5f5
}

.view-text kbd {
    background-color: #e1f0fa
}

.view-text samp {
    background-color: #f7f8e2
}

.view-text iframe {
    border-width: 0
}

.view-text audio {
    width: 100%
}

.view-text audio[controls] {
    display: block
}

.view-text .media-wrapper__holder {
    background-color: #f5f5f5;
    position: relative
}

.view-text .media-wrapper__holder iframe,
.view-text .media-wrapper__holder video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.view-text table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.view-text caption {
    margin-bottom: .5em;
    caption-side: top
}

.view-text tbody,
.view-text tfoot,
.view-text thead,
.view-text tr,
.view-text th,
.view-text td {
    border: inherit
}

.view-text th,
.view-text td {
    padding: .5em;
    text-align: left;
    vertical-align: top
}

.view-text th {
    font-weight: 700;
    text-align: center;
    background-color: #f5f5f5
}

.view-text--item-descr table {
    border: none;
    overflow: hidden
}

.view-text--item-descr table tr td {
    font-size: 18px
}

.view-text--item-descr table tr td:nth-child(1) {
    padding-left: 0
}

.view-text--item-descr table tr td:nth-child(1) span {
    position: relative;
    padding-right: 6px;
    padding-left: 0
}

.view-text--item-descr table tr td:nth-child(1) span:after {
    left: 100%;
    bottom: 0;
    width: 2000px;
    content: "";
    background-color: #e1e1e1;
    height: 1px;
    position: absolute
}

.view-text--item-descr table tr td:nth-child(2) {
    text-align: right;
    padding-right: 0
}

.view-text--item-descr table tr td:nth-child(2) span {
    padding-left: 6px
}

.view-text--item-descr table tr td span {
    display: inline-block;
    background-color: #fafafa;
    position: relative;
    padding-right: .5em
}

.view-text .table-null,
.view-text .table-null th,
.view-text .table-null td {
    border-color: transparent
}

.view-text .table-null th {
    background: transparent
}

.view-text .table-zebra,
.view-text .table-zebra th,
.view-text .table-zebra td {
    border-color: transparent
}

.view-text .table-zebra th {
    background: transparent
}

.view-text .table-zebra tr:nth-child(odd) {
    background-color: #f5f5f5
}

.view-text a {
    color: #43f
}

.view-text a:visited {
    color: #0e00ad
}

.view-text a:hover {
    color: #f34
}

.view-text a:active {
    color: #000
}

.view-text b,
.view-text strong {
    font-weight: 700
}

.view-text i,
.view-text cite,
.view-text em,
.view-text var,
.view-text address,
.view-text dfn,
.view-text caption {
    font-style: italic
}

.view-text abbr[title],
.view-text dfn[title] {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: help
}

.view-text--article>p,
.view-text--article>h1,
.view-text--article>h2,
.view-text--article>h3,
.view-text--article>h4,
.view-text--article>h5,
.view-text--article>h6,
.view-text--article>hr,
.view-text--article>ul,
.view-text--article>ol,
.view-text--article>dl,
.view-text--article>audio,
.view-text--article>address {
    max-width: 14px;
    margin-left: auto;
    margin-right: auto
}

.table-wrapper {
    clear: both;
    display: block;
    position: relative;
    padding: 0;
    margin: 0
}

.table-wrapper__holder {
    max-width: 100%;
    overflow-x: auto;
    padding: 0;
    margin: 0
}

.table-wrapper__table {
    width: 100%;
    border-collapse: collapse
}

.table-wrapper:before,
.table-wrapper:after {
    content: '';
    width: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.table-wrapper:before {
    left: 0;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .8) 0, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .8) 0, transparent 100%)
}

.table-wrapper:after {
    right: 0;
    background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .8) 100%)
}

.table-wrapper--outside-left:before {
    opacity: .3
}

.table-wrapper--outside-right:after {
    opacity: .3
}

.content-image {
    position: relative
}

.content-image--width-1200-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.view-text--article .content-image--width-600-and-more {
    display: block;
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.title {
    line-height: 1.2;
    font-weight: 700;
    color: #404040;
    font-size: 2rem;
    margin: 1.2em 0 1rem
}

.title:first-child {
    margin-top: 0
}

.title--sup {
    font-size: 2.5rem
}

.title--sub {
    font-size: 1.5rem
}

.breadcrumbs {
    width: auto;
    display: table;
    font-size: 0;
    line-height: 0;
    margin-bottom: 18px;
    font-size: 15px;
    border-radius: 8px;
    background-color: #f2f2f2;
    padding: 8px 0;
    min-height: 30px;
    padding: 0 28px;
}

.breadcrumbs a {
    color: #1e395a;
    text-decoration: none;
    text-transform: uppercase
}

.breadcrumbs a:hover {
    color: #ffadcf
}

.breadcrumbs span {
    color: #1e395a;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.1;
    text-transform: uppercase;
    padding-left: 32px;
    margin-right: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.breadcrumbs span:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 30px;
    vertical-align: top;
    background-image: url(pic/breadcrumb_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -7px
}

.breadcrumbs span:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.breadcrumbs span:first-child:before {
    display: none;
    width: 0px;
}

.sitemap {
    max-width: 769px;
    padding: 1rem;
    background-color: #f6f7f9;
    position: relative;
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.sitemap ul {
    list-style: none;
    padding: 0 0 0 2em;
    margin: 0
}

.sitemap li {
    list-style: none;
    line-height: 1.4em
}

.sitemap a {
    padding: .2em 1em .2em .5em;
    display: block;
    color: #00e
}

.sitemap a:visited {
    color: #0e00ad
}

.sitemap a:hover {
    color: #f34;
    background-color: rgba(0, 0, 0, .035)
}

.sitemap a:active {
    color: #000;
    background-color: rgba(0, 0, 0, .035)
}

.sitemap>ul {
    padding: 0;
    margin: 1em 0;
    position: relative;
    overflow: hidden
}

.sitemap>ul>li>ul {
    padding-left: 0
}

.sitemap>ul ul {
    list-style: none;
    padding: 0 0 0 2em;
    margin: 0
}

.sitemap>ul ul li {
    position: relative;
    margin: .1em 0
}

.sitemap>ul ul li:hover {
    background-color: rgba(0, 0, 0, .035)
}

.sitemap>ul ul li a {
    position: relative;
    padding-left: 2.5em
}

.sitemap>ul ul li a:before,
.sitemap>ul ul li a:after {
    content: '';
    position: absolute;
    top: .2em;
    width: 1600px;
    height: 1.4em;
    text-align: right;
    opacity: .3;
    background: transparent repeat-x center right
}

.sitemap>ul ul li a:before {
    left: 0;
    width: 2em;
    background-image: url(pic/sitemap-start.svg)
}

.sitemap>ul ul li a:after {
    right: 100%;
    background-image: url(pic/sitemap-middle.svg)
}

.sitemap>ul ul li:last-child>a:only-child:before {
    background-image: url(pic/sitemap-end.svg)
}

.pagination {
    text-align: center
}

.form {
    position: relative;
    font-size: 1rem
}

.form__group {
    display: block;
    position: relative;
    margin: 0 0 1.6rem
}

.form__group .form__group {
    margin: 0 0 .8rem
}

.form__label {
    cursor: default;
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: .4rem
}

.form__caption {
    font-size: 15px;
    color: #647e8d;
    margin-bottom: 4px
}

.form__info {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .7em;
    background-color: #000;
    color: #fff;
    padding: .1em .3em
}

input:focus~.form__info,
textarea:focus~.form__info,
select:focus~.form__info {
    display: block
}

label.form__label {
    cursor: pointer
}

.control-holder {
    position: relative
}

.control-holder label.has-error {
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .75em;
    line-height: 1em;
    padding: .1em .5em;
    background-color: #ff82b6;
    color: #fff;
    position: absolute;
    top: 100%;
    border-radius: 0 0 4px 4px;
    left: 0
}

.control-holder--text input,
.control-holder--text textarea,
.control-holder--text select {
    display: block;
    width: 100%;
    outline: none;
    font-family: DINRoundPro;
    border: 2px solid #ebebeb;
    border-radius: 20px;
    padding: 10px
}

.control-holder--text input,
.control-holder--text select {
    height: 44px
}

.control-holder--text textarea {
    resize: none;
    height: 100px
}

.control-holder--flag label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.control-holder--flag label:only-child,
.control-holder--flag label.has-error {
    cursor: default;
    margin-right: 0
}

.control-holder--flag ins {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 9px
}

.control-holder--flag ins:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #00afe8;
    width: 9px;
    height: 9px;
    border-radius: 45%;
    opacity: 0
}

.control-holder--flag span {
    font-size: 15px;
    color: #647e8d
}

.control-holder--flag input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1
}

.control-holder--flag input[type=radio]~ins {
    border-radius: 50%
}

.control-holder--flag input:checked~ins:after {
    opacity: 1
}

.control-holder--flag input:disabled~ins,
.control-holder--flag input:disabled~span {
    opacity: .5;
    cursor: not-allowed
}

.control-holder--file label {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.control-holder--file input {
    position: absolute;
    outline: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.control-holder--file ._ellipsis {
    max-width: 200px;
    width: auto;
    display: inline-block;
    vertical-align: top
}

#fPopUp {
    max-width: 80%!important;
    min-width: 280px!important
}

#m_menu .mm-title {
    color: #647e8d;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-family: DINRoundPro;
    font-size: 18px;
    font-weight: 700
}

#m_menu .mm-navbar-top-1 {
    height: 80px;
    padding: 4px 0;
    overflow: hidden
}

#m_menu .mm-navbar-bottom-1 {
    height: 60px
}

#m_menu .mm-navbar-bottom-2 {
    bottom: 60px
}

#m_menu .lk {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
}

#m_menu .soc-widget {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

#m_menu .mm-panels {
    top: 80px
}

#m_menu .mm-listview .mm-next+a,
#m_menu .mm-listview .mm-next+span {
    margin-right: 0
}

#m_menu .m-menu__link {
    color: #647e8d;
    font-family: DINRoundPro;
    font-weight: 400;
    font-size: 16px;
    padding: 10px
}

#m_menu .m-menu__item {
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
}

#m_menu .m-menu__item .phones-widget__link {
    padding: 0;
    width: 36px;
    height: 36px;
    margin: 0 20px
}

#m_menu .m-menu__item .phones-widget__link svg {
    width: 36px;
    height: 36px
}

#m_menu .m-menu__item .call-center {
    height: 38px;
    display: -webkit-box;
    display: flex;
    padding: 0;
    pointer-events: none
}

#m_menu .m-menu__item .call-center__text {
    white-space: normal
}

#m_menu .mobile-logo {
    display: -webkit-box;
    display: flex;
    padding: 0
}

#m_menu .mobile-logo img:nth-child(1) {
    max-height: 70px
}

#m_menu .mobile-logo img:nth-child(2) {
    margin: 0 auto;
    max-height: 70px
}

.mm-page.js-menu-opened {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.js-mobile-widgets {
    display: none
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    transition-property: opacity, -webkit-filter;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 4px
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ''
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: transparent
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: transparent
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    background-color: transparent
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background-color: transparent
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
    -webkit-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .15s ease .4s;
    transition: opacity .15s ease .4s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .15s ease .4s;
    transition: opacity .15s ease .4s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color .2s ease-in .25s;
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color .2s ease-in .25s;
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s linear .15s;
    transition: background-color 0s linear .15s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    transition-delay: .32s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s;
    opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    -webkit-transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand .hamburger-inner:before {
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -webkit-transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -webkit-transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    -webkit-transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -webkit-transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    -webkit-transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--spin .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .34s, opacity .1s ease-in;
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .14s;
    transition: top .1s ease-out, opacity .1s ease-out .14s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--spin-r .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .34s, opacity .1s ease-in;
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .14s;
    transition: top .1s ease-out, opacity .1s ease-out .14s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top .1s ease .14s, opacity .1s ease;
    transition: top .1s ease .14s, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom .1s ease .14s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s ease .14s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s ease, opacity .1s ease .14s;
    transition: top .1s ease, opacity .1s ease .14s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: #007cc5
}

.hamburger {
    padding: 10px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    z-index: 25
}

.button {
    border: none;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    outline: none;
    background: transparent;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.button--main .button__content {
    will-change: transform;
    background-color: transparent;
    color: #fff;
    background-color: #ff4c8f;
    letter-spacing: .1em;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 700;
    font-family: DINRoundPro;
    -webkit-transition: color .4s ease, background-color .1s .3s ease;
    transition: color .4s ease, background-color .1s .3s ease;
    border-radius: 28px;
    position: relative
}

.button--main i {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #1e395a;
    -webkit-transition: width .4s ease-in-out, height .4s ease-in-out, background-color .4s ease;
    transition: width .4s ease-in-out, height .4s ease-in-out, background-color .4s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.button--main span {
    position: relative;
    z-index: 3
}

.button--main:hover i {
    width: 225%;
    height: 562.5px
}

.button--main:hover .button__content {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    color: #fff
}

.button--main:active i {
    background-color: #00afe8;
    -webkit-transition: background-color 0s ease;
    transition: background-color 0s ease
}

.button__icon {
    width: 12px;
    height: 12px;
    fill: red;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    margin-left: 12px
}

.button--buy {
    height: 42px
}

.button--buy .button__content {
    height: 42px;
    width: 148px
}

.button--compare {
    height: 42px;
    margin-left: 10px
}

.button--compare .button__content {
    height: 42px;
    width: 138px
}

.button--md2 {
    height: 42px
}

.button--md2 .button__content {
    height: 42px;
    width: 196px
}

.button--main-buy {
    height: 50px
}

.button--main-buy .button__content {
    height: 50px;
    width: 300px;
    font-size: 18px;
    border-radius: 32px
}

.button__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    padding: 0 10px;
    letter-spacing: .42px
}

.button--not-available .button__content {
    will-change: transform;
    background-color: transparent;
    color: grey;
    border: 1px solid grey;
    letter-spacing: .05em;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 700;
    font-family: DINRoundPro;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    text-align: center
}

.button--not-available:hover .button__content {
    will-change: transform;
    background-color: grey
}

.button--disabled {
    pointer-events: none
}

.button--w100 {
    width: 100%;
    display: inline-block
}

.button--w100 .button__content {
    will-change: transform;
    height: 44px
}

.button:active .button__content {
    will-change: transform;
    background-color: #ff337f;
    -webkit-transition: background-color 0s ease;
    transition: background-color 0s ease
}

.button--sub {
    background-color: #fff
}

.button--sub .button__content {
    will-change: transform;
    border: #fff;
    color: #fff;
    letter-spacing: .1em;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 700;
    font-family: DINRoundPro;
    -webkit-transition: color .4s ease, background-color .1s .3s ease;
    transition: color .4s ease, background-color .1s .3s ease;
    border-radius: 28px;
    position: relative
}

.button--sub span {
    position: relative;
    z-index: 3
}

.button--sub i {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #ff4c8f;
    -webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
    transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.button--sub:hover i {
    width: 225%;
    height: 562.5px
}

.button--sub:hover .button__content {
    will-change: transform;
    color: #fff
}

.button--sub2 .button__content {
    will-change: transform;
    color: red;
    border: 1px solid red;
    -webkit-transition: color .5s ease, border-color .5s ease, -webkit-transform .5s ease;
    transition: color .5s ease, border-color .5s ease, -webkit-transform .5s ease;
    transition: color .5s ease, border-color .5s ease, transform .5s ease;
    transition: color .5s ease, border-color .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.button--sub2:hover .button__content {
    will-change: transform;
    color: #ff337f;
    border-color: #ff337f
}

.button--sub2:active .button__content {
    will-change: transform;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    color: #ff4c8f;
    border-color: #ff4c8f;
    background-color: transparent;
    -webkit-transition: color .5s ease, border-color .5s ease, -webkit-transform 0s ease;
    transition: color .5s ease, border-color .5s ease, -webkit-transform 0s ease;
    transition: color .5s ease, border-color .5s ease, transform 0s ease;
    transition: color .5s ease, border-color .5s ease, transform 0s ease, -webkit-transform 0s ease
}

.button--mgsm {
    min-width: 30px;
    height: 30px
}

.button--sm {
    height: 30px;
    display: inline-block
}

.button--sm .button__content {
    will-change: transform;
    height: 30px;
    min-width: 120px
}

.button--lk {
    height: 44px;
    display: inline-block
}

.button--lk .button__content {
    will-change: transform;
    height: 44px;
    width: 260px
}

.button--mgs {
    height: 30px
}

.button--mgs .button__content {
    will-change: transform;
    height: 30px;
    width: 40px
}

.button--sm-f {
    height: 30px;
    display: inline-block
}

.button--sm-f .button__content {
    will-change: transform;
    height: 30px;
    width: 120px
}

.button--md {
    height: 40px;
    display: inline-block
}

.button--md .button__content {
    will-change: transform;
    height: 40px;
    min-width: 180px
}

.button--thank {
    height: 42px;
    display: inline-block
}

.button--thank .button__content {
    will-change: transform;
    height: 42px;
    min-width: 236px
}

.button--lgmd {
    height: 60px;
    display: inline-block
}

.button--lgmd .button__content {
    will-change: transform;
    height: 60px;
    min-width: 236px
}

.button--lg {
    height: 60px;
    display: inline-block
}

.button--lg .button__content {
    will-change: transform;
    height: 60px;
    min-width: 250px
}

.show-all-button {
    text-transform: uppercase;
    color: #ff337f;
    font-weight: 500;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    font-size: 10px;
    font-family: Proxima Nova;
    letter-spacing: .1em
}

.show-all-button:hover {
    color: red
}

.show-more-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #ff337f;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    font-size: 10px;
    letter-spacing: .1em;
    font-weight: 500;
    font-family: Proxima Nova
}

.show-more-button svg {
    width: 14px;
    height: 10px;
    fill: #ff337f;
    margin-left: 10px;
    -webkit-transition: fill .5s ease;
    transition: fill .5s ease
}

.show-more-button:hover {
    color: red
}

.show-more-button:hover svg {
    fill: red
}

@font-face {
    font-family: DINRoundPro;
    src: url(fonts/subset-DINRoundPro-Light.woff2) format("woff2"), url(fonts/subset-DINRoundPro-Light.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: DINRoundPro;
    src: url(fonts/subset-DINRoundPro.woff2) format("woff2"), url(fonts/subset-DINRoundPro.woff) format("woff")
}

@font-face {
    font-family: DINRoundPro;
    src: url(fonts/subset-DINRoundPro-Black.woff2) format("woff2"), url(fonts/subset-DINRoundPro-Black.woff) format("woff");
    font-weight: 900
}

@font-face {
    font-family: DINRoundPro;
    src: url(fonts/subset-DINRoundPro-Bold.woff2) format("woff2"), url(fonts/subset-DINRoundPro-Bold.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: DINRoundPro-Medi;
    src: url(fonts/subset-DINRoundPro-Medi.woff2) format("woff2"), url(fonts/subset-DINRoundPro-Medi.woff) format("woff");
    font-weight: 500
}

.filter {
    width: 302px;
    position: fixed;
    flex-shrink: 0;
    background-color: #fff;
    z-index: 25;
    -webkit-transform: translateX(-400%) scale(.9);
    transform: translateX(-400%) scale(.9);
    opacity: .5;
    top: 70px;
    left: 0;
    padding: 10px;
    -webkit-transition: z-index 0s .3s, opacity .3s, -webkit-transform .3s ease;
    transition: z-index 0s .3s, opacity .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, z-index 0s .3s, opacity .3s;
    transition: transform .3s ease, z-index 0s .3s, opacity .3s, -webkit-transform .3s ease;
    height: calc(100% - 70px);
    overflow-x: hidden;    
    -webkit-overflow-scrolling: touch; 
}

@media(max-width: 800px){
	.filter{
		overflow-y: scroll;
	}
}

.filter__items-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.filter.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 25;
    opacity: 1;
    -webkit-transition: z-index 0s 0s, opacity .3s, -webkit-transform .3s ease;
    transition: z-index 0s 0s, opacity .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, z-index 0s 0s, opacity .3s;
    transition: transform .3s ease, z-index 0s 0s, opacity .3s, -webkit-transform .3s ease
}

.filter__reset-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #647e8d;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    -webkit-box-pack: center;
    justify-content: center
}

.filter__reset-button svg {
    width: 22px;
    height: 22px;
    fill: #647e8d;
    margin-right: 10px
}

.filter__reset-button:hover svg {
    fill: #ff82b6
}

.filter__reset-button.js-loading svg {
    -webkit-animation: spin 5s infinite;
    animation: spin 5s infinite
}

.filter__item-link {
    text-decoration: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.filter__item-link:hover .filter__item-text {
    color: #00afe8;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.filter__item-link:hover .filter__item-ins {
    border-color: #00afe8;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.filter__item-input {
    display: none
}

.filter__item-text {
    color: #647e8d;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    text-decoration: none;
    font-size: 13px;
    line-height: 110%
}

.filter__item-ins {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    max-width: 16px;
    max-height: 16px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    margin-right: 10px;
    display: block;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

.filter__group {
    margin-bottom: 14px;
    padding: 30px 20px;
    border: 2px solid #ebebeb;
    border-radius: 26px
}

.filter__items-group {
    max-height: initial;
    overflow-y: auto
}

.filter__items-group::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f9f9fa
}

.filter__items-group::-webkit-scrollbar {
    width: 12px;
    background-color: #f9f9fa
}

.filter__items-group::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00afe8
}

.filter__title {
    margin-bottom: 20px;
    color: #647e8d;
    padding-bottom: 10px;
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 110%;
    letter-spacing: .42px;
    text-transform: uppercase
}

.filter__item {
    margin-bottom: 10px
}

.filter__item.is-active .filter__item-ins {
    background: url(./pic/okay_check.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 40%;
    border-color: #00afe8;
    background-color: #00afe8
}

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

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

.view-footer {
    border-top: 1px solid #ebebeb
}

.custom-mfp-close {
    width: 36px;
    height: 36px;
    cursor: pointer;
    right: 40px;
    top: -24px;
    display: none;
    position: absolute
}

.mfp-container{
    position: fixed;
    overflow-y: auto;
}

.custom-mfp-close svg {
    width: 32px;
    fill: #1e395a;
    height: 32px
}

.custom-mfp-close:hover svg {
    fill: #007cc5
}

._mgb50 {
    margin-bottom: 50px
}

._mgb20 {
    margin-bottom: 20px
}

._mgb16 {
    margin-bottom: 16px
}

._mgb26 {
    margin-bottom: 16px
}

._mgb36 {
    margin-bottom: 36px
}

._mgb34 {
    margin-bottom: 34px
}

._mgb40 {
    margin-bottom: 40px
}

._mgb70 {
    margin-bottom: 70px
}

._mgb81 {
    margin-bottom: 81px
}

._mgb30 {
    margin-bottom: 30px
}

._mgb200 {
    margin-bottom: 60px
}

._tac {
    text-align: center
}

.favorites-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center
}

.item {
    width: 276px;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
    text-decoration: none;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
    margin: 6px
}

.item--favorites .item__compare {
    background-color: #d8dfe2;
    pointer-events: none;
    cursor: default
}

.item__image {
    width: 100%;
    height: 166px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.item__image img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute
}

.item__descr {
    padding: 0 10px
}

.item__buttons-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.item__favorites {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #D9DFE2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.item__favorites svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

.item__favorites:hover {
    background-color: #DA9F2C
}

.item__favorites.is-active {
    background-color: #ff4c8f
}

.item__favorites.is-active:hover {
    background-color: #DA9F2C
}

.item__frating-row {
    display: -webkit-box;
    display: flex;
    margin-bottom: 8px;
    -webkit-box-pack: center;
    justify-content: center
}

.item__feeds {
    margin-left: 8px;
    color: #d6d6d6;
    font-size: 15px
}

.item__age {
    color: #d6d6d6;
    font-size: 15px;
    margin-bottom: 8px;
    text-align: center
}

.item__compare {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #D9DFE2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.item__compare svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

.item__compare:hover {
    background-color: #1F3959
}

.item__compare.is-active {
    background-color: #ff4c8f
}
.item__compare.is-active:hover {
    background-color: #1F3959
}

.item__labels-row {
    position: absolute;
    left: 8px;
    top: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 1;
}

.item__labels-row .item__gift-lebel {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.item__title {
    margin-bottom: 8px;
    font-size: 15px;
    color: #1e395a;
    line-height: 110%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    display: block
}

.item__title:hover {
    color: #1e395a
}

.item__price-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 6px;
    margin-bottom: 8px
}

.item__old-price {
    font-size: 15px;
    color: #d6d6d6;
    font-weight: 700;
    position: relative;
    margin-top: 5px;
}

.item__old-price:after {
    position: absolute;
    left: 0;
    top: 8px;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #ff4c8f;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.item__price {
    font-weight: 700;
    font-size: 20px;
    margin-left: 10px;
    color: #ff4c8f
}

.item__price span {
    font-size: 15px
}

.item__label {
    border-radius: 100%;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.item__label--disc {
    background-color: #ff4c8f
}

.item__label--new {
    background-color: #37ddac
}

.item__label--hit {
    background-color: #5942cc
}

.item__gift-lebel {
    background-color: #ff3636;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    position: absolute;
    right: 10px;
    top: 118px
}

.item__gift-lebel svg {
    fill: #fff;
    width: 26px;
    height: 26px
}

.item__free-label {
    background-color: #ff4c8f;
    height: 35px;
    border-radius: 8px 0 0 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    position: absolute;
    border-top: 2px solid #ff4c8f;
    border-bottom: 2px solid #ff4c8f;
    border-left: 2px solid #ff4c8f;
    right: 0;
    top: 14px;
    z-index: 2;
    padding: 0 10px
}

.item__free-label svg {
    fill: #fff;
    width: 24px;
    height: 19px
}

.item__free-label span {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .42px;
    line-height: 14px;
    width: 72px;
    color: #fff;
    margin-left: 8px
}

.item--slide .item__title {
    height: 36px
}

.item--slide .item__descr {
    padding: 0 30px
}

.item--slide .item__price-row {
    border-color: transparent;
    padding-bottom: 0
}

.item:hover {
    border-color: #1e395a;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.item:hover .item__title {
    text-decoration: underline
}

.jq-ry-normal-group svg {
    fill: transparent;
    stroke: #eee;
    stroke-width: 1px
}

.jq-ry-rated-group svg {
    fill: #ffc560
}

.slider-custom-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 40px;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 25;
    background-color: #fff;
    border-radius: 100%
}

.slider-custom-arrow svg {
    width: 22px;
    height: 34px;
    fill: #1e395a
}

.slider-custom-arrow--left {
    left: 0;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: -5px;
}

.slider-custom-arrow--right {
    right: 0;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: -5px;
}

.slider-custom-arrow.swiper-button-disabled {
    cursor: default;
    pointer-events: none
}

.slider-custom-arrow.swiper-button-disabled svg {
    fill: #7fd7f3
}

.items-slider {
    position: relative
}

.items-slider .item {
    margin: 6px
}

.items-slider__slider {
    position: relative;
    min-height: 275px
}

.items-slider__slider .swiper-container {
    max-width: 292px;
    margin: 0 auto
}

.items-slider__buttons {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.items-slider__buttons .allbutton {
    margin-left: auto
}

.contacts-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.sign-image {
    width: 4px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    fill: #ff4c8f
}

.contacts-block {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 14px
}

.contacts-block .garant-core__feedback {
    margin-left: 0;
    width: 100%
}

.contacts-block .call-center__text {
    max-width: 100%
}

.contacts-block .garant-core__feedback-sign {
    flex-shrink: 0;
    margin-right: 12px
}

.contacts-block__title {
    color: #444d53;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .42px
}

.contacts-block__descr {
    padding-top: 22px;
    padding-right: 10px
}

.contacts-block__descr .phones-block {
    display: -webkit-box;
    display: flex
}

.contacts-block__image {
    width: 52px;
    height: 52px;
    border: 2px dashed #00c8c6;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 16px
}

.contacts-block__image svg {
    fill: #008ada
}

.contacts-block__image--phone svg {
    width: 26px;
    height: 26px
}

.contacts-block__image--marker svg {
    width: 25px;
    height: 31px
}

.contacts-block__image--mail svg {
    width: 29px;
    height: 20px
}

.feed-item-wrapper {
    display: -webkit-box;
    display: flex;
    width: 100%;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.feed-item-wrapper>.feed-item-wrapper {
    padding-left: 0
}

.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
    padding-left: 0
}

.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
    padding-left: 0
}

.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
    padding-left: 0
}

.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper .feed-item-wrapper {
    padding-left: 0
}

.item-feeds .total-feed-rating,
.item-feeds .pagination {
    margin-bottom: 20px
}

.item-feeds__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.item-feeds__row .pagination {
    margin-left: 0;
    margin-right: auto
}

.leave-feedback {
    font-size: 15px;
    color: #1e395a;
    padding-bottom: 6px;
    border-bottom: 2px solid #1e395a;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-decoration: none
}

.leave-feedback:hover {
    color: #ff4c8f
}

.total-feed-rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.total-feed-rating__text {
    font-size: 15px;
    color: #1e395a;
    margin-right: 10px
}

.item-slider-image {
    position: relative;
    height: 284px;
    overflow: hidden;
    border: 2px solid #ebebeb;
    border-radius: 26px;
    cursor: pointer;
    margin-bottom: 10px
}

.item-slider-image .item__labels-row {
    z-index: 2
}

.item-slider-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.item-thumbs-slider__thumb {
    width: 180px;
    height: 122px;
    position: relative;
    margin-right: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #ebebeb;
    border-radius: 26px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    box-sizing: border-box
}

.item-thumbs-slider__thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.item-thumbs-slider__thumb:hover {
    border-color: #ff4c8f
}

.item-thumbs-slider__slider {
    position: relative;
    padding: 0 20px
}

.item-slider-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px 18px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    margin: 3px 7px;
    cursor: pointer;
    text-transform: uppercase;
    color: #1e395a;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: background-color .1s ease, color .1s ease;
    transition: background-color .1s ease, color .1s ease;
    min-height: 44px
}

.item-slider-button.is-active {
    background-color: #00c8c6;
    border-color: #e1e1e1;
    color: #fff;
    pointer-events: none
}

.item-slider-button:hover {
    background-color: #00c8c6;
    border-color: #e1e1e1;
    color: #fff;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.swiper-pagination {
    width: auto!important;
    margin: 0 auto;
    right: auto;
    left: 50%!important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 28px;
    padding: 6px 8px;
    border-radius: 12px;
    background-color: #00c8c6
}

.swiper-pagination-bullet {
    width: 16px!important;
    height: 16px!important;
    border: 2px solid #fff!important;
    background-color: transparent!important;
    opacity: 1!important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff!important
}

.banner-full-size {
    border-radius: 8px;
    display: none;
    text-decoration: none
}

.logo--header {
    margin: 0 auto;
    display: none
}

.logo--footer {
    height: 0;
    width: 124px;
    position: relative;
    margin: 0 auto
}

.logo--footer img {
    left: 0;
    right: 0;
    margin: 0 auto
}

.logo-text {
    font-size: 24px;
    font-weight: 700;
    color: #ffadcf;
    position: relative
}

.logo-text--left:before {
    position: absolute;
    top: 6px;
    bottom: 0;
    margin: auto 0;
    content: "";
    background-color: #ffadcf;
    height: 2px;
    width: 36px;
    right: -76px
}

.logo-text--right:before {
    position: absolute;
    top: 6px;
    bottom: 0;
    margin: auto 0;
    content: "";
    background-color: #ffadcf;
    height: 2px;
    width: 36px;
    left: -76px
}

.nav__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.nav__list-item {
    position: relative
}

.nav__link {
    font-family: DINRoundPro;
    color: #1e395a;
    font-size: 15px;
    text-decoration: none
}

.nav--row {
    display: none
}

.nav--row .nav__list-item {
    margin: 0 12px
}

.header-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.header-block--left {
    max-width: 508px;
    display: none
}

.header-block--right {
    max-width: 184px
}

.header-block__text {
    color: #1e395a;
    font-size: 15px;
    width: 144px
}

.header-phones {
    margin-right: 10px;
    display: -webkit-box;
    display: flex
}

.phones-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: none;
    -webkit-box-pack: center;
    justify-content: center
}

.phones-item {
    font-size: 20px;
    letter-spacing: .92px;
    color: #1e395a;
    font-family: DINRoundPro;
    text-decoration: none;
    margin-bottom: 8px
}

.phones-widget {
    margin-right: 10px;
    width: 22px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.phones-widget__link {
    width: 22px;
    height: 22px;
    margin-bottom: 4px
}

.phones-widget__link svg {
    width: 22px;
    height: 22px
}

.phones-widget__link--viber svg {
    fill: #7d3daf
}

.phones-widget__link--ws svg {
    fill: #2cb742
}

.phones-widget__link:hover svg {
    fill: #ff4c8f;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.header-center-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.header-feedback {
    max-width: 236px;
    width: 50%;
    padding-right: 2px;
    display: block
}

.mail-block {
    text-align: center
}

.mail-block__link {
    text-decoration: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.mail-block__link svg {
    width: 23px;
    height: 16px;
    fill: #d8dfe2;
    margin-right: 10px
}

.mail-block__link span {
    text-decoration: underline
}

.mail-block__link:hover svg {
    fill: #ff4c8f;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.call-center {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 10px
}

.call-center svg {
    width: 20px;
    height: 20px;
    margin-right: 14px;
    fill: #d8dfe2
}

.call-center__text {
    font-size: 15px;
    letter-spacing: .42px;
    color: #1e395a;
    line-height: 120%;
    max-width: 152px
}

.header-bottom-row,
.header-top-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.header-bottom-row {
    display: none
}

.header-top-row .lk {
    display: none
}

.search {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px
}

.search__button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.search__button:hover .search__icon {
    fill: #007cc5;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.search__button:hover .search__text {
    color: #007cc5;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.search__button:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: "";
    bottom: -8px;
    left: 23px;
    background-color: #007cc5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .4s ease, visibility 0s .7s ease;
    transition: opacity .3s .4s ease, visibility 0s .7s ease
}

.search__button:before {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    content: "";
    bottom: -29px;
    left: 31px;
    background-color: #007cc5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .2s ease, visibility 0s .5s ease;
    transition: opacity .3s .2s ease, visibility 0s .5s ease
}

.search__button.js-active:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .3s ease, visibility 0s 0s ease;
    transition: opacity .3s .3s ease, visibility 0s 0s ease
}

.search__button.js-active:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .1s ease, visibility 0s 0s ease;
    transition: opacity .3s .1s ease, visibility 0s 0s ease
}

.search__button.js-active .search__icon {
    fill: #007cc5
}

.search__button.js-active .search__text {
    color: #007cc5
}

.search__icon {
    width: 30px;
    height: 30px;
    fill: #1e395a;
    margin-right: 8px
}

.search__text {
    color: #1e395a;
    letter-spacing: .42px;
    font-size: 15px;
    display: none;
    text-transform: uppercase;
    position: relative
}

.search__text:after {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    content: "";
    background-color: #00c8c6;
    width: 100%;
    height: 1px
}

.lk {
    width: 68px;
    display: none;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

.lk__icon {
    width: 20px;
    height: 20px;
    fill: #1e395a;
    margin-right: 8px
}

.lk__text {
    color: #1e395a;
    letter-spacing: .42px;
    font-size: 15px;
    text-transform: uppercase;
    position: relative
}

.lk__text:after {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    content: "";
    background-color: #00c8c6;
    width: 100%;
    height: 1px
}

.lk:hover .lk__icon {
    fill: #007cc5;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.lk:hover .lk__text {
    color: #007cc5;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.feedbackpopup {
    position: relative
}

.feedbackpopup:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: "";
    bottom: 8px;
    left: 64px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .4s ease, visibility 0s .7s ease;
    transition: opacity .3s .4s ease, visibility 0s .7s ease;
    border: 1px solid #ebebeb
}

.feedbackpopup:before {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    content: "";
    bottom: -17px;
    left: 79px;
    background-color: #fff;
    border: 2px solid #ebebeb;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .2s ease, visibility 0s .5s ease;
    transition: opacity .3s .2s ease, visibility 0s .5s ease
}

.feedbackpopup.js-active:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .3s ease, visibility 0s 0s ease;
    transition: opacity .3s .3s ease, visibility 0s 0s ease
}

.feedbackpopup.js-active:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .1s ease, visibility 0s 0s ease;
    transition: opacity .3s .1s ease, visibility 0s 0s ease
}

.feedbackpopup .button {
    border: 2px solid transparent
}

.feedbackpopup .button {
    border: 1px solid #008ada
}

.feedbackpopup .button__content {
    background-color: transparent;
    color: #008ada
}

.feedbackpopup .button i {
    background-color: #008ada
}

.feedbackpopup .button.js-active {
    border: 1px solid #008ada
}

.feedbackpopup .button.js-active .button__content {
    background-color: #008ada!important;
    color: #fff
}

.feedbackpopup .button.js-active i {
    background-color: #1e395a
}

.subpopup {
    position: absolute;
    border-radius: 26px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease, -webkit-transform .3s 0s ease;
    -webkit-transform: translateY(-5px) scale(.98);
    transform: translateY(-5px) scale(.98);
    z-index: 1
}

.subpopup--search {
    background-color: #007cc5;
    position: fixed;
    padding: 14px 14px 14px 12px;
    width: 100%;
    right: 0;
    left: 0;
    top: 80px
}

.subpopup--search input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #80bee2
}

.subpopup--feed {
    background-color: #fafafa;
    width: 560px;
    right: -50px;
    top: calc(100% + 10px);
    border: 2px solid #ebebeb;
    padding: 20px 20px 14px 26px
}

.subpopup--feed input {
    border: 2px solid #ebebeb;
    border-radius: 18px;
    padding: 0 16px;
    height: 44px
}

.subpopup--feed input::-webkit-input-placeholder {
    color: #d6d6d6
}

.subpopup--feed input::-moz-placeholder {
    color: #d6d6d6
}

.subpopup--feed input:-moz-placeholder {
    color: #d6d6d6
}

.subpopup--feed input:-ms-input-placeholder {
    color: #d6d6d6
}

.subpopup--feed label.has-error {
    left: 20px
}

.subpopup.js-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .5s ease, visibility 0s ease, -webkit-transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, -webkit-transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.subpopup__text {
    font-size: 15px;
    color: #1e395a;
    letter-spacing: .5px;
    font-family: DINRoundPro;
    margin-bottom: 8px
}

.feedback {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.feedback .form__group {
    width: 332px;
    margin-right: 18px;
    margin-bottom: 0
}

.feedback__btn {
    background-color: transparent;
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #1e395a;
    letter-spacing: .42px;
    text-transform: uppercase;
    font-family: DINRoundPro;
    padding: 0;
    outline: none
}

.resp-logo-header {
    display: none;
    margin: auto
}

.resp-logo-header img {
    max-height: 70px
}

.header-widgets-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: absolute;
    right: 64px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 160px;
    -webkit-box-align: center;
    align-items: center
}

.header-widget {
    width: 34px;
    height: 34px;
    border-radius: 28px;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    padding: 2px;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border: 1px solid #00c8c6;
    margin-right: 10px;
}

@media(max-width: 1024px){	
    .header-widget.header-widget--compare{
    	display: none;
    	width: 0px;
    	height: 0px;
    }
    .header-widgets-wrapper{
    	justify-content: flex-end;    	
    }
    .header-widget:first-child{
    	
    }
}

.header-widget__img {
    width: 18px;
    height: 18px;
    margin-right: 14px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.header-widget__img svg {
    width: 18px;
    height: 18px
}

.header-widget__content {
    display: none
}

.header-widget__text {
    color: #1e395a;
    font-size: 12px;
    letter-spacing: .42px;
    font-weight: 700
}

.header-widget__count {
    color: #1e395a;
    font-size: 12px;
    letter-spacing: .42px
}

.header-widget--favorites svg {
    fill: #da9f00
}

.header-widget--filter {
    display: -webkit-box;
    display: flex
}

.header-widget--filter svg {
    fill: #ff3636
}

.header-widget--compare svg {
    fill: #1e395a
}

.header-widget--cart svg {
    fill: #00c7c5
}

.header-widget:hover {
    background-color: #1e395a;
    border-color: #fff;
    -webkit-transition: background-color 0s ease;
    transition: background-color 0s ease
}

.header-widget:hover .header-widget__text {
    color: #fff
}

.header-widget:hover .header-widget__count {
    color: #fff
}

.header-widget:hover svg {
    fill: #fff
}

.header-widget:active {
    background-color: #1e395a;
    border-color: #fff;
    -webkit-transition: background-color 0s ease;
    transition: background-color 0s ease
}

.header-widget:active .header-widget__text {
    color: #fff
}

.header-widget:active .header-widget__count {
    color: #fff
}

.header-widget:active svg {
    fill: #fff
}

.search-form {
    position: relative;
    width: 100%
}

.search-form__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .42px;
    background-color: transparent;
    border: none;
    outline: none;
    text-transform: uppercase;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.search-form__btn:hover {
    color: #1e395a;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.search-form .form__group {
    margin-bottom: 0
}

.search-form input {
    color: #fff;
    padding-right: 70px;
    font-size: 15px;
    letter-spacing: .5px;
    border-radius: 0;
}

.search-form input::-webkit-input-placeholder {
    color: #80bee2
}

.search-form input::-moz-placeholder {
    color: #80bee2
}

.search-form input:-moz-placeholder {
    color: #80bee2
}

.search-form input:-ms-input-placeholder {
    color: #80bee2
}

._mgb4 {
    margin-bottom: 4px
}

.main-nav {
    padding: 6px 12px;
    border-radius: 24px;
    background-color: #008ada;
    position: relative;
    display: none
}

.main-nav__list {
    width: 100%;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    align-items: center
}

.main-nav__list-item {
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    border-radius: 20px
}

.main-nav__list-item:hover {
    background-color: #66b9e9;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.main-nav__list-item:hover .main-nav__list-item {
    color: #fff
}

.main-nav__list-item:hover .submenu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-nav__list-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    min-height: 40px;
    padding: 6px 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.main-nav__list-link:hover {
    color: #fff
}

.submenu {
    display: -webkit-box;
    display: flex;
    padding: 18px 10px 18px 40px;
    border: 2px solid #ebebeb;
    border-radius: 26px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 15;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.submenu:before {
    position: absolute;
    content: "";
    left: 0;
    top: -10px;
    background-color: transparent;
    width: 100%;
    height: 20px
}

.submenu__left {
    width: calc(100% - 306px);
    margin-bottom: 24px
}

.submenu__right {
    width: 282px;
    display: block;
    margin-left: 24px;
    border-radius: 16px
}

.submenu__nav-list-item {
    margin-bottom: 10px
}

.submenu__nav-list-link {
    text-decoration: none;
    font-size: 13px;
    color: #1e395a
}

.submenu__nav-list-link--title {
    font-size: 15px;
    font-weight: 700;
    color: #444d53
}

.submenu__nav-list-link:hover {
    text-decoration: underline
}

.submenu__subnav-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.submenu__nav-list {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    padding-bottom: 24px;
    border-bottom: 2px solid #ebebeb;
    margin-bottom: 20px
}

.submenu__subnav-list-item {
    width: 20%;
    margin-bottom: 14px
}

.submenu__subnav-list-link {
    text-decoration: none;
    font-weight: 700;
    color: #444d53;
    text-transform: uppercase;
    font-size: 15px
}

.sliders-block {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sliders-block__main-slider {
    width: 100%;
    margin-bottom: 16px
}

.sliders-block__subsliders {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-around;
}

.sliders-block__subslider {
    width: 100%
}

.sliders-block__subslider:nth-child(1) {
    margin-bottom: 22px
}

.main-slider {
    border-radius: 26px
}

.main-slider__item {
    height: 226px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    text-decoration: none
}

.main-slider__item-descr {
    position: absolute;
    right: auto;
    height: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-sizing: border-box
}

.main-slider__item-title {
    font-size: 28px;
    font-weight: 700;
    color: #6f9089;
    line-height: 100%;
    margin-bottom: 14px;
    display: inline-block
}

.main-slider__item-text {
    font-size: 18px;
    color: #6f9089;
    font-weight: 700;
    line-height: 100%;
    width: 100%
}

.sub-slider {
    border-radius: 26px
}

.sub-slider__item {
    height: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.soc-main-item {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: #1e395a;
    margin: 0 5px
}

.soc-main-item__content {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

.soc-main-item__content svg {
    fill: #fff
}

.soc-main-item__content--copy {
    position: absolute;
    top: 300%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

.soc-main-item__content--copy svg {
    fill: #fff
}

.soc-main-item svg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 26px;
    height: 26px
}

.soc-main-item:hover {
    background-color: #008ada
}

.soc-main-item:hover .soc-main-item__content {
    top: -300%
}

.soc-main-item:hover .soc-main-item__content--copy {
    position: absolute;
    top: 0
}

.soc-widget {
    list-style-type: none;
    display: -webkit-box;
    display: flex
}

.soc-widget-wrapper {
    display: none
}

.footer-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    width: 36%;
    min-width: 326px;
    display: none
}

.footer-nav__item {
    margin-bottom: 8px
}

.footer-nav__link {
    text-decoration: none;
    font-size: 15px;
    color: #1e395a
}

.seotext {
    position: relative;
    overflow: hidden
}

.seotext:after {
    position: absolute;
    left: 47%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(../images/lapki_bg.png);
    width: 1920px;
    height: 394px;
    content: "";
    z-index: -1
}

.allbutton {
    color: #1e395a;
    font-size: 14px;
    padding: 8px 0;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    line-height: 100%;
    border-bottom: 2px solid #1e395a;
    -ms-grid-row-align: center;
    align-self: center;
    min-width: 102px
}

.page-title {
    font-weight: 700;
    color: #1e395a;
    font-size: 22px
}

.range-slider-sort {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.range-slider-sort__type {
    border: 2px solid #ebebeb;
    outline: none;
    width: 80px;
    font-size: 15px;
    display: inline-block;
    color: grey;
    border-radius: 18px;
    height: 44px;
    padding: 0 18px;
    margin: 0 8px
}

.range-slider-sort__group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.range-slider-sort__text {
    color: grey;
    font-size: 16px
}

.range-slider-sort__range-button {
    margin-left: auto
}

.news-widget {
    width: 100%
}

.news-widget__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.news-widget__grid {
    display: -webkit-box;
    display: flex;
    width: calc(100% + 24px);
    margin: 0 -12px;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap
}

.news-item {
    width: 100%;
    margin: 10px 0;
    text-decoration: none;
    max-width: 302px
}

.news-item__image {
    height: 182px;
    position: relative;
    overflow: hidden;
    border: 2px solid #ebebeb;
    border-radius: 8px;
    margin-bottom: 20px
}

.news-item__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    max-width: initial
}

.inner-page {
    min-height: calc(100vh - 274px);
    margin-bottom: 20px
}

.inner-page--item {
    margin-bottom: 70px
}

.item-descr-tabs-wrapper {
    background-color: #fafafa;
    padding: 40px 0
}

.catalog-top-row {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.catalog-page-num {
    margin-left: 0;
    font-size: 15px;
    color: #1e395a
}

.catalog-models-num {
    font-size: 15px;
    color: #ff4c8f;
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px
}

.error404 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: calc(100vh - 174px);
    margin-bottom: 20px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 15px
}

.picture-404 {
    display: -webkit-box;
    display: flex;
    margin-bottom: 35px;
    -webkit-box-pack: center;
    justify-content: center
}

.picture-404 img {
    width: 100%;
    height: 184px;
    max-height: 100%;
    max-width: 425px;
    margin: 0 auto
}

.text-404 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.text-404__ups {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.text-404__line1 {
    font-size: 24px;
    line-height: 12px;
    color: #1e395a;
    margin-bottom: 26px;
    text-align: center
}

.text-404__line2 {
    padding-left: 65px;
    font-size: 15px;
    line-height: 12px;
    color: #1e395a;
    text-align: center
}

.delivery-payment__text {
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 24px;
    color: #1e395a
}

.delivery-payment__title {
    margin-bottom: 20px
}

.delivery-payment__block {
    display: -webkit-box;
    display: flex
}

.delivery-payment__title-block {
    display: -webkit-box;
    display: flex
}

.delivery-payment__intro {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.delivery-payment__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.delivery-payment__payment,
.delivery-payment__delivery {
    display: -webkit-box;
    display: flex;
    width: 50%;
    padding-right: 50px
}

.delivery-payment__title-block {
    margin-bottom: 50px
}

.delivery-block__title {
    font-size: 28px;
    line-height: 100%;
    color: #1e395a;
    font-weight: 700
}

.delivery-payment__title {
    font-size: 15px;
    line-height: 100%;
    color: #444d53;
    font-weight: 700;
    letter-spacing: .42px
}

.delivery-payment__intro {
    margin: 0 0 0 30px
}

.delivery-payment__img {
    width: 82px;
    flex-shrink: 0
}

.delivery-payment__list-item:before {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(pic/checkbox-okay.png);
    flex-shrink: 0;
    position: relative;
    display: block;
    margin-right: 10px;
    margin-top: 5px
}

.delivery-payment__list-item {
    display: -webkit-box;
    display: flex;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    color: #1e395a
}

.garant-core {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.garant-title {
    font-size: 28px;
    line-height: 100%;
    font-weight: 700;
    color: #1e395a;
    margin-bottom: 48px
}

.garant-core {
    display: -webkit-box;
    display: flex;
    align-items: flex-start;
}

.garant-core__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-left: 0;
    max-width: 456px;
    margin-left: 40px
}

.garant-core__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.garant-core__warranty {
    display: -webkit-box;
    display: flex;
    margin-bottom: 50px
}

.garant-core__return {
    display: -webkit-box;
    display: flex
}

.garant-core__list-title {
    font-size: 15px;
    line-height: 100%;
    font-weight: 700;
    color: #444d53;
    letter-spacing: .42px;
    margin-bottom: 22px
}

.garant-core__feedback-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.garant-core__feedback-item {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: .92px;
    margin-bottom: 8px
}

.garant-core__list-item {
    font-size: 15px;
    line-height: 24px;
    color: #1e395a
}

a {
    color: #1e395a;
    text-decoration: none
}

.garant-core__feedback {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 2px solid #f2f2f2;
    border-radius: 26px;
    padding: 38px 16px 28px;
    max-width: 522px;
    margin-left: 14px
}

.garant-core__feedback-top {
    display: -webkit-box;
    display: flex;
    margin-bottom: 28px
}

.garant-core__feedback-sign {
    border: 2px solid #f2f2f2;
    border-radius: 100%;
    width: 40px;
    height: 40px
}

.garant-core__text {
    font-size: 15px;
    line-height: 24px;
    color: #788d9a;
    letter-spacing: .42px;
    max-width: 440px;
    margin-left: 20px
}

.garant-core__feedback-bottom {
    display: -webkit-box;
    display: flex
}

.garant-core__feedback-sign {
    position: relative
}

@media(max-width: 768px){
	.garant-core__feedback-sign {
    	display: none;
	}
	.garant-core__text{
		margin-left: 0px;
	}
}

.garant-core__sign-picture {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.garant-core__feedback-title {
    font-size: 15px;
    line-height: 100%;
    font-weight: 700;
    color: #444d53;
    letter-spacing: .42px;
    margin-bottom: 16px;
    padding-top: 4px
}

.garant-core__phone {
    display: -webkit-box;
    display: flex;
    margin-right: 65px
}

.garant-core__email {
    display: -webkit-box;
    display: flex
}

.garant-core__phone-text {
    margin-left: 20px
}

.garant-core__email-text {
    margin-left: 10px
}

.garant-core__mail {
    text-decoration: underline
}

.js-slider-preloader {
    position: absolute;
    z-index: 25;
    background-color: rgba(155, 155, 155, .3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 20px
}

#cssload-pgloading:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#cssload-pgloading .cssload-loadingwrap {
    position: absolute;
    top: 45%;
    bottom: 45%;
    left: 25%;
    right: 25%
}

#cssload-pgloading .cssload-bokeh {
    font-size: 92px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
    list-style: none;
    padding: 0;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

#cssload-pgloading .cssload-bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #1e395a;
    transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
    -o-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
    -ms-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
    -webkit-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
    -moz-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0;
    background: #008ada;
    transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
    -o-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
    -ms-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
    -webkit-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
    -moz-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #00c8c6;
    transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
    -o-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
    -ms-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
    -webkit-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
    -moz-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
    top: 50%;
    left: 0;
    margin: -.1em 0 0;
    background: #da9f00;
    transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
    -o-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
    -ms-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
    -webkit-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
    -moz-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate
}

@keyframes cssload-rota {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-rota {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes cssload-opa {
    12.0% {
        opacity: .8
    }
    19.5% {
        opacity: .88
    }
    37.2% {
        opacity: .64
    }
    40.5% {
        opacity: .52
    }
    52.7% {
        opacity: .69
    }
    60.2% {
        opacity: .6
    }
    66.6% {
        opacity: .52
    }
    70.0% {
        opacity: .63
    }
    79.9% {
        opacity: .6
    }
    84.2% {
        opacity: .75
    }
    91.0% {
        opacity: .87
    }
}

@-webkit-keyframes cssload-opa {
    12.0% {
        opacity: .8
    }
    19.5% {
        opacity: .88
    }
    37.2% {
        opacity: .64
    }
    40.5% {
        opacity: .52
    }
    52.7% {
        opacity: .69
    }
    60.2% {
        opacity: .6
    }
    66.6% {
        opacity: .52
    }
    70.0% {
        opacity: .63
    }
    79.9% {
        opacity: .6
    }
    84.2% {
        opacity: .75
    }
    91.0% {
        opacity: .87
    }
}

.items-catalog {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px
}

.items-catalog__items-group {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.items-catalog__filters {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px
}

.items-catalog__filters-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.items-catalog__filter-item {
    padding: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    font-size: 16px;
    color: red;
    font-weight: 300;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    text-decoration: none;
    font-family: Museo Sans
}

.items-catalog__filter-item:hover {
    color: red
}

.items-catalog__filter-item:hover svg {
    fill: red
}

.items-catalog__filter-item svg {
    fill: red;
    width: 12px;
    height: 12px;
    margin-left: 12px
}

.items-catalog-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0 0 20px
}

.pagination {
    max-width: 362px;
    width: 100%;
    height: 44px;
    border: 2px solid #ebebeb;
    border-radius: 22px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    margin-left: 0;
    -webkit-box-pack: center;
    justify-content: center
}

.pagination__arrow {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 38px;
    height: 38px
}

.pagination__arrow svg {
    width: 22px;
    height: 32px;
    fill: #1e395a
}

.pagination__arrow.is-disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.pagination__arrow:hover svg {
    fill: #ff4c8f
}

.pagination__btn {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 100%;
    width: 26px;
    height: 26px
}

.pagination__btn.is-active {
    pointer-events: none;
    color: #06b1e9;
    border: 2px solid #06b1e9
}

.sort-widget {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sort-widget__block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 10px
}

.sort-widget__text {
    margin-right: 10px;
    font-size: 15px;
    color: #1e395a;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.sort-widget__buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #ebebeb;
    width: 142px;
    border-radius: 20px;
    overflow: hidden
}

.sort-widget__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 52px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 50%;
    cursor: pointer;
    text-decoration: none
}

.sort-widget__button:nth-child(1) {
    border-right: 1px solid #ebebeb
}

.sort-widget__button:nth-child(2) {
    border-left: 1px solid #ebebeb
}

.sort-widget__button:hover .sort-widget__button-text {
    color: #1e395a
}

.sort-widget__button:hover svg {
    fill: #ff4c8f
}

.sort-widget__button-image svg {
    width: 30px;
    height: 22px;
    fill: #008ada
}

.sort-widget__button-text {
    font-size: 12px;
    text-transform: uppercase;
    color: #1e395a
}

.to-top {
    position: fixed;
    bottom: 10%;
    right: 5%;
    z-index: 255;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s cubic-bezier(1, .15, 1, .01);
    transition: opacity .3s ease, -webkit-transform .3s cubic-bezier(1, .15, 1, .01);
    transition: transform .3s cubic-bezier(1, .15, 1, .01), opacity .3s ease;
    transition: transform .3s cubic-bezier(1, .15, 1, .01), opacity .3s ease, -webkit-transform .3s cubic-bezier(1, .15, 1, .01);
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0
}

.to-top.js-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s cubic-bezier(.78, .77, .74, 1.15);
    transition: opacity .5s ease, -webkit-transform .5s cubic-bezier(.78, .77, .74, 1.15);
    transition: transform .5s cubic-bezier(.78, .77, .74, 1.15), opacity .5s ease;
    transition: transform .5s cubic-bezier(.78, .77, .74, 1.15), opacity .5s ease, -webkit-transform .5s cubic-bezier(.78, .77, .74, 1.15)
}

.to-top .to-top__wrapper {
    background-color: #1e395a;
    border-radius: 100%;
    -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: background-color .5s ease, transform .2s ease;
    transition: background-color .5s ease, transform .2s ease, -webkit-transform .2s ease;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-transform-origin: center;
    transform-origin: center
}

.to-top .to-top__wrapper:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    background-color: #008ada
}

.to-top .to-top__wrapper:hover .to-top__border {
    border-color: #008ada
}

.to-top .to-top__wrapper:hover .to-top__image {
    fill: #fff;
    stroke: #fff
}

.to-top__image {
    fill: #00c8c6;
    stroke: #00c8c6;
    max-width: 50%;
    max-height: 50%
}

.to-top__border {
    border: 2px solid #1e395a;
    background-color: transparent;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.to-top__border:hover {
    -webkit-animation: arrow-to-top 1s linear infinite;
    animation: arrow-to-top 1s linear infinite
}

@-webkit-keyframes arrow-to-top {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes arrow-to-top {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.map-wrapper {
    width: 100%;
    position: relative;
    height: 326px
}

.map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.accordeon {
    margin-bottom: 40px
}

.accordeon__item {
    position: relative;
    margin-bottom: 4px
}

.accordeon__item.js-active {
    pointer-events: auto
}

.accordeon__item.js-active .accordeon__title {
    border-color: #008ada
}

.accordeon__item.js-active .accordeon__title:before {
    opacity: 0
}

.accordeon__hidden {
    color: #1e395a;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    padding: 16px 10px;
    background-color: #f2f2f2;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 24px
}

.accordeon__title {
    border: 2px solid #ebebeb;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    min-height: 52px;
    position: relative;
    padding: 4px 14px 4px 36px;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    margin-bottom: 4px;
    color: #1e395a;
    border-radius: 24px
}

.accordeon__title:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    background-color: #008ada;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block
}

.accordeon__title:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    background-color: #008ada;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: block
}

.news .pagination {
    margin: 0 auto
}

.inner-news__date {
    font-size: 15px;
    color: #1e395a;
    letter-spacing: .52px
}

.inner-news__image {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 610px;
    max-height: 342px
}

.brends .brends-words-row {
    margin-bottom: 10px
}

.brends .brends-words-row:nth-child(2) {
    margin-bottom: 20px
}

.brends-words-row {
    display: -webkit-inline-box;
    display: inline-flex;
    flex-wrap: wrap;
    background-color: #ff4c8f;
    border-radius: 20px;
    min-height: 44px;
    padding: 6px 18px;
    -webkit-box-align: center;
    align-items: center
}

.brend-word {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: transparent;
    font-size: 15px;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.brend-word:hover {
    background-color: #e73376;
    color: #fff
}

.brend-word.is-active {
    background-color: #e73376;
    color: #fff
}

.brends-row__word {
    font-size: 28px;
    color: #ff4c8f;
    margin-bottom: 10px;
    font-weight: 700
}

.brends-row__item {
    font-size: 15px;
    color: #1e395a;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    padding: 3px 12px;
    line-height: 100%;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    display: inline-block;
    margin-bottom: 4px
}

.brends-row__item:hover {
    border-color: #ff4c8f;
    color: #1e395a
}

.brends-row__item.is-active {
    border-color: #ff4c8f;
    color: #1e395a
}

.allbrends-button {
    color: #1e395a
}

.allbrends-button:hover {
    color: #1e395a;
    text-decoration: underline
}

.item-block {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.item-block__slider {
    width: 100%;
    margin-bottom: 16px
}

.item-block__descr {
    width: 100%
}

.item-block__spinner {
    margin-right: 56px
}

.item-block__response-popup-btn {
    display: -webkit-box;
    display: flex
}

.item-block__response-me {
    position: relative
}

.item-block__response-popup {
    position: absolute;
    border-radius: 26px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease, -webkit-transform .3s 0s ease;
    -webkit-transform: translateY(-5px) scale(.98);
    transform: translateY(-5px) scale(.98);
    z-index: 1;
    background-color: #fafafa;
    width: 100%;
    left: 0;
    top: calc(100% + 10px);
    border: 2px solid #ebebeb;
    padding: 10px 10px 7px 16px
}

.item-block__response-popup.js-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .5s ease, visibility 0s ease, -webkit-transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, -webkit-transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, transform .3s .5s ease;
    transition: opacity .3s .5s ease, visibility 0s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.item-block__response-popup input {
    border: 2px solid #ebebeb;
    border-radius: 18px;
    padding: 0 16px;
    height: 44px
}

.item-block__response-popup input::-webkit-input-placeholder {
    color: #d6d6d6
}

.item-block__response-popup input::-moz-placeholder {
    color: #d6d6d6
}

.item-block__response-popup input:-moz-placeholder {
    color: #d6d6d6
}

.item-block__response-popup input:-ms-input-placeholder {
    color: #d6d6d6
}

.item-block__response-popup label.has-error {
    left: 20px
}

.item-block__response-popup-text {
    font-size: 15px;
    color: #1e395a;
    letter-spacing: .5px;
    font-family: DINRoundPro;
    margin-bottom: 8px
}

.item-block .response {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.item-block .form__group {
    width: 332px;
    margin-right: 18px;
    margin-bottom: 0
}

.item-block__response-popup-btn {
    background-color: transparent;
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: #1e395a;
    letter-spacing: .42px;
    text-transform: uppercase;
    font-family: DINRoundPro;
    padding: 0;
    outline: none
}

.item-block__response-me-button {
    font-size: 15px;
    color: #ff4c8f;
    font-weight: 700;
    letter-spacing: .42px;
    text-transform: uppercase;
    padding: 4px 28px;
    height: 44px;
    min-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #ff4c8f;
    border-radius: 22px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease;
    text-align: center
}

.item-block__response-me-button:hover {
    background-color: #ff4c8f;
    color: #fff
}

.item-block--disabled .item__favorites,
.item-block--disabled .item__compare,
.item-block--disabled .item-block__socs {
    cursor: default;
    pointer-events: none;
    background-color: #d8dfe2
}

.item-block--disabled .item-block__price {
    color: #d8dfe2
}

.item-block--disabled .item-block__slider {
    pointer-events: none;
    cursor: default
}

.item-block__zoom {
    width: 44px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    bottom: 9px;
    right: 9px;
    z-index: 5
}

.item-block__zoom svg {
    fill: #1e395a;
    width: 44px;
    height: 44px
}

.item-block__zoom:hover svg {
    fill: #ff4c8f
}

.item-block__price {
    font-size: 42px;
    font-weight: 700;
    color: #ff4c8f
}

.item-block__price span {
    font-size: 32px
}

.item-block__descr-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.item-block__descr-row .one-click-buy {
    margin-left: 20px;
    margin-right: auto;
    margin-top: 18px
}

.item-block__descr-row .item__frating-row {
    margin-left: auto;
    width: auto;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 18px;
    margin-right: auto
}

.item-block__descr-row .item-block__widgets {
    margin-right: auto;
    margin-left: 0
}

.item-block__widgets {
    margin-left: auto;
    display: -webkit-box;
    display: flex
}

.item-block__widgets>div {
    margin: 4px
}

.item-block__articul {
    font-size: 15px;
    color: #d6d6d6
}

.item-block__articul span {
    color: #1e395a
}

.item-block__socs {
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #007cc5;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    position: relative;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.item-block__socs svg {
    width: 27px;
    height: 27px;
    fill: #fff
}

.item-block__socs:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: "";
    bottom: -2px;
    right: 48px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .4s ease, visibility 0s .7s ease;
    transition: opacity .3s .4s ease, visibility 0s .7s ease;
    border: 1px solid #ebebeb
}

.item-block__socs:before {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    content: "";
    bottom: -20px;
    right: 38px;
    background-color: #fff;
    border: 2px solid #ebebeb;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s .2s ease, visibility 0s .5s ease;
    transition: opacity .3s .2s ease, visibility 0s .5s ease
}

.item-block__socs:hover {
    background-color: #ff4c8f
}

.item-block__socs:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .1s .1s ease, visibility 0s 0s ease;
    transition: opacity .1s .1s ease, visibility 0s 0s ease
}

.item-block__socs:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .1s .1s ease, visibility 0s 0s ease;
    transition: opacity .1s .1s ease, visibility 0s 0s ease
}

.item-block__socs:hover .add-this-widget {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s .2s ease, visibility 0s ease, -webkit-transform .3s .2s ease;
    transition: opacity .3s .2s ease, visibility 0s ease, -webkit-transform .3s .2s ease;
    transition: opacity .3s .2s ease, visibility 0s ease, transform .3s .2s ease;
    transition: opacity .3s .2s ease, visibility 0s ease, transform .3s .2s ease, -webkit-transform .3s .2s ease;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.item-block .item__old-price {
    display: inline-block
}

.add-this-widget {
    position: absolute;
    border-radius: 26px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, -webkit-transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease;
    transition: opacity .3s 0s ease, visibility 0s .3s ease, transform .3s 0s ease, -webkit-transform .3s 0s ease;
    -webkit-transform: translateY(-5px) scale(.98);
    transform: translateY(-5px) scale(.98);
    z-index: 1;
    width: 164px!important;
    border: 2px solid #ebebeb;
    background-color: #fff;
    padding: 6px 8px 0;
    width: auto;
    top: calc(100% + 14px);
    right: 10px
}

._aic {
    -webkit-box-align: center;
    align-items: center
}

.item-status {
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 5px 10px 5px 5px;
    border-radius: 13px;
    font-size: 15px;
    color: #1e395a;
    line-height: 80%;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 40px
}

.item-status__image {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    margin-right: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.item-status__text {
    padding-bottom: 2px
}

.item-status svg {
    fill: #fff;
    width: 12px;
    height: 9px
}

.item-status--okay {
    border: 2px solid #00c8c6
}

.item-status--okay .item-status__image {
    background-color: #00c8c6
}

.item-status--nope {
    border: 2px solid #d8dfe2
}

.order-cart {
    width: 446px;
    padding: 20px 40px;
    display: none;
    border: 1px solid grey
}

.order-cart__end-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    border-top: 1px solid grey;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 40px 0 30px
}

.order-cart__end-sum {
    margin-bottom: 28px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 110%
}

.order-cart__item {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 36px
}

.order-cart__item-name {
    font-size: 14px;
    color: blue;
    line-height: 18px;
    text-decoration: none;
    font-weight: 300
}

.order-cart__item-name:hover {
    color: blue
}

.order-cart__item-image {
    flex-shrink: 0;
    border: 1px solid #f5f5f8;
    width: 75px;
    height: 75px
}

.order-cart__item-descr {
    margin-left: 20px
}

.order-cart__item-price {
    font-weight: 500;
    color: #000
}

.order-cart__edit-cart {
    color: blue;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: .1em;
    cursor: pointer;
    font-size: 10px
}

.order-cart__edit-cart:hover {
    color: blue
}

.order-cart__sum {
    font-size: 14px;
    font-weight: 300;
    color: blue;
    margin-bottom: 28px
}

.order-cart__title {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid grey
}

.cart {
    position: relative;
    width: 100%;
    background-color: #fff
}

.cart__total-price-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end
}

.cart__total-price-text {
    font-size: 15px;
    color: #1e395a;
    margin-right: 10px;
    padding-bottom: 6px
}

.cart__total-price {
    color: #ff4c8f;
    font-size: 32px;
    font-weight: 700
}

.cart__total-price span {
    font-size: 42px
}

.cart-header {
    padding-bottom: 30px;
    margin-bottom: 12px;
    border-bottom: 2px solid #ebebeb;
    text-align: center
}

.cart-price {
    color: #807f7f
}

.cart-price+.cart-price {
    padding-top: .25em
}

.cart-price>* {
    display: inline-block
}

.cart-price strong {
    font-size: 1.4em;
    font-weight: 400;
    margin-right: .2em
}

.cart-price small {
    font-size: 70%;
    margin-left: .2em;
    font-weight: 400;
    vertical-align: initial;
    color: #807f7f
}

.cart-div--emphasis .cart-price:not(.cart-price--old) {
    color: #000
}

.cart-div--emphasis .cart-price:not(.cart-price--old) small {
    color: #000
}

.cart-price:not(.cart-price--old) span {
    font-weight: 700;
    font-size: 1.2em
}

.cart-div--emphasis .cart-price:not(.cart-price--old) span {
    color: #000
}

.cart-results .cart-price:not(.cart-price--old) span {
    font-size: 1.8em
}

.cart-price--old {
    color: grey
}

.cart-price--old span {
    text-decoration: line-through
}

.cart-item {
    display: -webkit-box;
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 2px solid #ebebeb;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.cart-item__text {
    font-size: 15px;
    color: #1e395a;
    width: calc(100% - 90px);
    text-decoration: none;
    margin-right: 0
}

.cart-item__price {
    margin: 0 auto;
    font-weight: 700;
    color: #1e395a;
    font-size: 15px
}

.cart-item__price span {
    font-size: 20px
}

.cart-item__image {
    margin-right: 10px;
    width: 80px;
    height: 118px;
    border: 2px solid #ebebeb;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    margin-bottom: 20px
}

.cart-item__image img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.cart-item__remove {
    color: #ff4c8f;
    font-size: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
    margin-right: 2px
}

.cart-item__remove svg {
    fill: #ff4c8f;
    margin-right: 10px;
    width: 15px;
    height: 15px
}

.cart-notice {
    display: none;
    position: absolute;
    margin: -.75em 0 0 -1em;
    padding: .75em 1.5em 1em;
    border-right: .25em;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(64, 64, 64, .5)
}

.cart-notice .button {
    margin: 0 .3em .3em 0
}

.cart-notice__question {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.4em;
    padding: .3em 0;
    margin-bottom: .25em
}

.cart-notice__answer {
    white-space: nowrap
}

.cart-button {
    display: block;
    width: 2em;
    height: 2em;
    border-radius: .2em;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    padding: .5em;
    color: #404040;
    fill: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border-width: 0
}

.cart-button.is-disabled {
    pointer-events: none;
    opacity: .4;
    background-color: #e6e6e6;
    color: #807f7f
}

.cart-button svg {
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    fill: #000;
    -webkit-transition: fill .1s ease;
    transition: fill .1s ease
}

.cart-button svg+svg {
    display: none
}

.cart-button:hover {
    color: #404040;
    background-color: #e6e6e6
}

.cart-button:active svg {
    fill: blue;
    -webkit-transition: fill 0s ease;
    transition: fill 0s ease
}

.cart-section {
    margin-bottom: 20px;
}

.cart-input {
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    border: none;
    border-radius: 0;
    outline: none
}

.cart-button,
.cart-input {
    font-size: 1.5em
}

.cart-spinner {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #ebebeb;
    border-radius: 18px;
    overflow: hidden;
    width: 122px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.cart-spinner>* {
    flex-shrink: 0
}

.cart-spinner .cart-input {
    display: -webkit-inline-box;
    display: inline-flex;
    width: 2.5em;
    margin: 0 .25em;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

.cart-spinner .cart-button {
    width: 30px;
    height: 40px;
    font-size: 26px;
    line-height: 100%;
    color: #1e395a;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.cart-spinner .cart-button:hover {
    background-color: #ebebeb
}

.continue-shopping-button {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 7px;
    border-bottom: 2px solid #1e395a;
    margin-top: 4px;
    margin-right: auto;
    text-transform: uppercase;
    color: #1e395a;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .42px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.continue-shopping-button:hover {
    color: #ff4c8f
}

.cart-footer {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center
}

.cart-footer .button {
    margin: 0 20px
}

.cart-footer .one-click-buy {
    margin-left: 0
}

.cart-footer .cart__total-price-block, .cart-footer .button{
	margin: 20px auto;
}

@media(max-width: 640px){
	.cart-footer .one-click-buy{
		margin: auto;
	}
}

.cart-results {
    padding: 1rem 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.cart--compact .cart-results,
.cart--info .cart-results {
    display: block
}

.cart-results__center .cart-results .cart-div--emphasis,
.cart--compact .cart-results .cart-div--emphasis,
.cart--info .cart-results .cart-div--emphasis {
    margin: 0 auto;
    padding: 1em;
    max-width: 320px
}

.cart--compact .cart-results .cart-div--emphasis {
    margin-top: 1em
}

.cart__loader {
    text-align: center;
    position: relative;
    margin: 1rem
}

.cart__loader:before {
    content: '';
    display: block;
    width: 160px;
    height: 20px;
    background-image: url(pic/cart-loader-container.gif);
    margin: 0 auto 1rem
}

.one-click-buy {
    margin-left: auto;
    width: 282px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.one-click-buy__input {
    font-size: 15px;
    border: 2px solid #d6d6d6;
    border-radius: 20px;
    padding: 6px 14px;
    height: 44px!important
}

.one-click-buy__input::placeholder{
    color: #d6d6d6;

}

.one-click-buy__btn {
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    color: #1e395a;
    letter-spacing: .42px;
    background-color: transparent;
    border: none;
    outline: none;
    margin: 0 auto;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-family: DINRoundPro
}

.one-click-buy__btn:hover {
    color: #1e395a
}

.one-click-buy .form__group {
    margin-bottom: 10px;
    width: 100%
}

.sub-delivery-block {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.sub-delivery-block__item {
    display: -webkit-box;
    display: flex
}

.sub-delivery-block__image {
    width: 64px;
    margin-right: 14px;
    flex-shrink: 0
}

.sub-delivery-block__title {
    font-size: 15px;
    color: #1e395a;
    margin-bottom: 4px;
    font-weight: 700;
    font-family: DINRoundPro
}

.sub-delivery-block__text {
    font-size: 13px;
    color: #1e395a;
    line-height: 20px;
    max-width: 405px
}

.item-descr-tabs__buttons {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.item-descr-tabs__button {
    height: 44px;
    padding: 4px 18px;
    border: 2px solid #ff4c8f;
    border-radius: 19px;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #1e395a;
    letter-spacing: .42px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 14px;
    margin-bottom: 14px;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease
}

.item-descr-tabs__button:hover {
    color: #fff;
    background-color: #ff4c8f
}

.item-descr-tabs__button.is-active {
    color: #fff;
    background-color: #ff4c8f;
    pointer-events: none
}

.js-tabs-block__button {
    cursor: pointer
}

.js-tabs-block__button.is-active {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.js-tabs-block__item {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transition: opacity .1s 0s ease, visibility 0s .1s ease;
    transition: opacity .1s 0s ease, visibility 0s .1s ease;
    left: 0;
    top: 0;
    width: 100%
}

.js-tabs-block__item.is-active {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .1s .1s ease, visibility 0s 0s ease;
    transition: opacity .1s .1s ease, visibility 0s 0s ease
}

.js-tabs-block__content {
    position: relative
}

.feed-item {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 2px solid #ebebeb;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    margin-bottom: 10px
}

.feed-item__top-row {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.feed-item__top-row>div {
    margin-bottom: 18px
}

.feed-item__content {
    font-size: 15px;
    line-height: 24px;
    color: #1e395a;
    margin-bottom: 14px
}

.feed-item__date {
    font-size: 13px;
    color: #1e395a;
    letter-spacing: .52px;
    margin-right: 0
}

.feed-item__mail {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #1e395a;
    margin-right: 32px;
    cursor: pointer
}

.feed-item__mail svg {
    fill: #1e395a;
    width: 19px;
    height: 15px;
    margin-right: 6px
}

.feed-item__mail span {
    text-decoration: underline
}

.feed-item__mail:hover {
    color: #1e395a
}

.feed-item__mail:hover svg {
    fill: #1e395a
}

.feed-item__bottom-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.feed-item__like {
    padding: 2px 10px;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: inline-flex;
    min-width: 68px;
    margin-right: 12px;
    cursor: pointer
}

.feed-item__like svg {
    width: 14px;
    height: 17px;
    fill: #008ada;
    margin-right: 10px
}

.feed-item__like:hover svg {
    fill: #1e395a
}

.feed-item__dislike {
    padding: 2px 10px;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: inline-flex;
    min-width: 68px;
    margin-right: 12px;
    cursor: pointer
}

.feed-item__dislike svg {
    width: 14px;
    height: 17px;
    fill: #ff4c8f;
    margin-right: 10px
}

.feed-item__dislike:hover svg {
    fill: #1e395a
}

.feed-item__rating {
    display: -webkit-box;
    display: flex
}

.feed-item__name {
    font-size: 15px;
    font-weight: 700;
    color: #1e395a;
    min-width: 140px;
    margin-right: 0;
    text-align: center
}

.feed-item__decor {
    width: 18px;
    height: 20px;
    position: absolute;
    left: -26px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: none
}

.feed-item__decor svg {
    width: 18px;
    height: 20px;
    fill: #1e395a
}

.feed-item--admin {
    border-color: #ff4c8f
}

.feed-item--admin .feed-item__name {
    color: #007cc5;
    font-weight: 700;
    letter-spacing: .42px
}

.feed-item--admin .feed-item__decor svg {
    fill: #ff4c8f
}

.feeds-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px
}

.buy-succes-feed {
    margin: 0 auto;
    color: #00c8c6;
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    cursor: help
}

.buy-succes-feed svg {
    width: 18px;
    height: 19px;
    fill: #00c8c6;
    margin-right: 10px
}

.buy-succes-feed:hover .buy-succes-feed__descr {
    display: block
}

.buy-succes-feed__descr {
    position: absolute;
    left: -56px;
    background-color: #3295d0;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    border-radius: 10px;
    width: 264px;
    top: calc(100% + 8px);
    display: none
}

.buy-succes-feed__descr:before {
    position: absolute;
    left: 86px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px;
    border-color: transparent transparent #3396d1;
    content: ""
}

.company-descr {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-top: 20px
}

.company-descr__text {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #1e395a;
    margin-bottom: 20px
}

.company-descr__logo {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 220px;
    flex-shrink: 0
}

.is-hidden {
    display: none
}

.feed-form {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.feed-form__row {
    width: 100%;
    display: -webkit-box;
    display: flex
}

.feed-form .form__group {
    width: 100%
}

.mfp-bg {
    background-color: #fff
}

.hidden-wrapper {
    background-color: transparent
}

.zoom-in.mfp-ready.mfp-bg {
    opacity: .98
}

.mfp-close {
    display: block!important
}

.download-photo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    width: initial;
    margin-left: auto
}

.download-photo__input {
    display: none
}

.download-photo__ins {
    width: 16px;
    height: 16px;
    margin-right: 18px;
    position: relative
}

.download-photo__text {
    text-transform: uppercase;
    font-size: 15px;
    color: #1e395a;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.download-photo__text span {
    display: inline-block;
    position: relative;
    padding-bottom: 6px
}

.download-photo__text span:after {
    position: absolute;
    background-color: #1e395a;
    content: "";
    height: 2px;
    width: 100%;
    left: 0;
    top: 100%
}

.download-photo__text:hover {
    color: #ff4c8f
}

.download-photo:hover .download-photo__ins:after,
.download-photo:hover .download-photo__ins:before {
    background-color: blue
}

.download-photo:hover .download-photo__text {
    color: #ff4c8f
}

.hidden-slider {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

.hidden-slider__bottom-row {
    width: 100%;
    display: -webkit-box;
    display: flex
}

.hidden-slider__content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.hidden-slider .item-block__prices {
    margin-right: 0;
    margin-bottom: 12px
}

.hidden-slider .item__old-price {
    display: inline-block
}

.hidden-slider__top-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap
}

.hidden-slider__sliders {
    display: -webkit-box;
    display: flex;
    margin-bottom: 40px;
    position: relative
}

.hidden-slider__title {
    margin-right: auto;
    max-width: 540px;
    font-size: 18px;
    color: #1e395a;
    width: 100%;
    margin-bottom: 12px;
    padding-right: 30px;
}

.hidden-slider .item-block__widgets {
    margin-left: 20px
}

.hidden-thumbs-slider {
    margin-right: 16px
}

.hidden-thumbs-slider__thumb {
    width: 70px;
    height: 48px;
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 26px;
    overflow: hidden;
    cursor: pointer
}

.hidden-thumbs-slider__thumb.is-active {
    border-color: #ff4c8f
}

.hidden-thumbs-slider__thumb:hover {
    border-color: #ff4c8f
}

.hidden-thumbs-slider__slider {
    width: 76px;
    height: 100%;
    max-height: 320px
}

.hidden-slider-image {
    width: 100%;
    max-width: 780px;
    height: 320px;
    position: relative;
    overflow: hidden;
    border: 2px solid #ebebeb;
    border-radius: 26px
}

.hidden-slider-image img {
    max-width: 100%;
    max-height: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.item__feeds {
    white-space: nowrap
}

.hidden-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 80px;
    height: 80px;
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    cursor: pointer
}

.hidden-arrow--prev {
    left: 200px
}

.hidden-arrow--next {
    right: 20px
}

.hidden-arrow svg {
    width: 40px;
    height: 76px;
    fill: #1e395a
}

.hidden-arrow:hover svg {
    fill: #ff4c8f
}

.enter-reg {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.enter-reg__title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #1e395a;
    margin-bottom: 16px
}

._mgta {
    margin-top: auto
}

.enter-form {
    min-height: 292px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

._jcc {
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: flex
}

._jcsb {
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.repassword-button {
    cursor: pointer;
    font-size: 15px;
    color: #1e395a;
    margin-top: 8px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.repassword-button:hover {
    color: #008ada
}

.enter-reg-block {
    width: 100%;
    margin-bottom: 25px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.enter-reg-block.is-active {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible
}

.imremember-button {
    cursor: pointer;
    font-size: 15px;
    color: #1e395a;
    text-transform: uppercase;
    padding-bottom: 5px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    border-bottom: 2px solid #1e395a;
    margin-top: 10px
}

.imremember-button:hover {
    color: #008ada
}

.socs-enter {
    width: 410px;
    margin: 0 auto
}

.socs-enter__text {
    font-size: 15px;
    font-weight: 700;
    color: #1e395a;
    text-align: center;
    margin-bottom: 20px
}

.socs-enter__buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.socs-enter__button {
    width: calc(50% - 10px);
    height: 44px;
    padding: 4px 16px;
    border-radius: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.socs-enter__button svg {
    max-width: 42px;
    height: 28px;
    fill: #fff;
    margin-right: 0
}

.socs-enter__button--fb {
    background-color: #3b5998
}

.socs-enter__button--gp {
    background-color: #dd4b39
}

.socs-enter__button:hover {
    color: #fff;
    background-color: #008ada
}

.socs-enter__button span {
    display: none
}

.enter-reg-form__row .button__content {
    background-color: transparent;
    color: #008ada;
    border: 1px solid #008ada
}

.cart-widget .cart-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 20px
}

.cart-widget .continue-shopping-button {
    margin-left: auto;
    margin-right: 0;
    font-weight: 400;
    padding-bottom: 4px;
    margin-bottom: 0;
    margin-top: 8px
}

.cart-widget .cart__total-price-block {
    margin-left: auto
}

.cart-widget .cart-item {
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative
}

.cart-widget .cart-item .cart-widget__row {
    -webkit-box-align: center;
    align-items: center
}

.cart-widget .cart-item .cart-widget__row:nth-child(3) {
    width: 74px;
    flex-shrink: 0;
    margin-right: auto;
    margin-left: auto
}

.cart-widget .cart-item__image {
    width: 100%;
    max-width: 140px
}

.cart-widget .cart-item__remove {
    position: absolute;
    top: 10px;
    right: 10px
}

.cart-widget .cart-item__price {
    margin: auto 0
}

.cart-widget .cart-item__text {
    width: auto;
    margin: 10px auto;
    text-align: center
}

.cart-widget__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.cart-widget .item__new-price {
    font-size: 15px;
    font-weight: 700;
    color: #ff4c8f
}

.cart-widget .item__new-price span {
    font-size: 20px
}

.cart-widget .cart-section {
    max-height: 432px;
    margin-bottom: 0;    
    overflow-x: hidden;
}

.cart-widget .cart-section::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f9f9fa
}

.cart-widget .cart-section::-webkit-scrollbar {
    width: 12px;
    background-color: #f9f9fa
}

.cart-widget .cart-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #1e395a
}

.cart-widget .item__old-price,
.cart-widget .cart-item__remove {
    display: inline-block;
    margin-left: auto
}

.order-page {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.order-page .cart-header {
    display: none
}

.order-page__tabs {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.order-page__tab-button {
    cursor: default;
    width: 270px;
    height: 44px;
    border: 2px solid #ff4c8f;
    border-radius: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #1e395a;
    text-transform: uppercase;
    letter-spacing: .42px;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.order-page__tab-button.is-active {
    background-color: #ff4c8f;
    color: #fff
}

.order-page__content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px
}

.order-form {
    display: none
}

.order-form.is-active {
    display: block
}

.lk-nav > div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.lk-nav--mobile{
    display: none !important;
}
.lk-nav--mobile .lk-nav__image{
    transform: rotate(-90deg) scale(.8);
}

@media(max-width: 768px){
   .lk-nav--mobile{
        width: 50%;
        display: flex !important;
        margin-bottom: 20px !important;
    }
    .lk-nav {
        display: none;
    }
}

@media(max-width: 600px){
   .lk-nav--mobile{
        width: 100%;
        justify-content: center;
    }
    .lk-nav .lk-nav__item{
        width: 100%;
        margin-right: 0px;
        justify-content: center;
    }   
}


.lk-nav__item {
    margin-right: 20px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 18px;
    min-height: 44px;
    border: 2px solid #ff4c8f;
    border-radius: 22px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    color: #1e395a
}

.lk-nav__item--data .lk-nav__image svg {
    fill: #007cc5
}

.lk-nav__item--orders .lk-nav__image svg {
    fill: #00c8c6
}

.lk-nav__item--favorites .lk-nav__image svg {
    fill: #da9f00
}

.lk-nav__item--compare .lk-nav__image svg {
    fill: #1e395a
}

.lk-nav__item--exit .lk-nav__image svg {
    fill: #1e395a
}

.lk-nav__item:hover {
    background-color: #ff4c8f;
    color: #fff
}

.lk-nav__item:hover svg {
    fill: #fff!important
}

.lk-nav__item.is-active {
    background-color: #ff4c8f;
    color: #fff;
    pointer-events: none;
    cursor: default
}

.lk-nav__item.is-active svg {
    fill: #fff!important
}

.lk-nav__image {
    margin-right: 10px
}

.lk-nav__image svg {
    width: 26px;
    height: 26px
}

.lk-nav__text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: currentColor;
    letter-spacing: .42px;
    white-space: nowrap
}

.button--lk .button__content,
.button--thank .button__content {
    color: #008ada!important;
    border: 2px solid #008ada!important;
    background-color: transparent!important
}

.lk-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-bottom: 50px
}

.lk-form {
    max-width: 960px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.lk-form__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.lk-form__row .form__group {
    width: 100%
}

.order-halper {
    width: 100%;
    margin-bottom: 26px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.order-halper__text {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: currentColor
}

.order-halper__image {
    margin-bottom: 10px;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.order-halper__image svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

.order-halper--idk {
    color: #1e395a
}

.order-halper--idk .order-halper__image {
    width: 74px;
    height: 78px;
    margin-right: 26px
}

.order-halper--idk .order-halper__image svg {
    width: 74px;
    height: 78px;
    fill: #1e395a
}

.order-halper--okay {
    color: #37ddac
}

.order-halper--okay .order-halper__image {
    background-color: #37ddac
}

.order-halper--nope {
    color: #ff4c8f
}

.order-halper--nope .order-halper__image {
    background-color: #ff4c8f
}

.orders-halpers {
    position: absolute;
    right: -180px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 160px;
    top: 0
}

.orders-block {
    position: relative;
    width: 100%;
    overflow: auto
}

.orders-grid {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    /*min-width: 462px*/
}

.order-item {
    margin-bottom: 10px;
    border: 2px solid #ebebeb;
    border-radius: 8px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.order-item.is-active {
    border-color: #008ada
}

.order-item.is-active .order-item__decor:before {
    display: none
}

.order-item__top-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 48px;
    padding: 6px 16px;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

.order-item__top-row:hover .order-item__date,
.order-item__top-row:hover .order-item__order-num {
    color: #ff4c8f
}

.order-item__data {
    width: 100%;
    padding: 12px 20px
}

.order-item__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    border-top: 2px solid #ebebeb
}

.order-item__order-num {
    font-size: 15px;
    color: #1e395a;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.order-item__date {
    font-size: 15px;
    color: #1e395a;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.order-item__status {
    font-size: 15px;
    color: #1e395a;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.order-item__name {
    font-size: 15px;
    color: #1e395a;
    text-decoration: none;
    max-width: 100%;
    width: calc(100% - 98px)
}

.order-item__num {
    font-size: 15px;
    color: #1e395a;
    margin: 0 auto
}

.order-item__item-price {
    margin-left: auto;
    font-weight: 700;
    font-size: 20px;
    color: #1e395a
}

.order-item__item-price span {
    font-size: 15px
}

.order-item__del-price {
    font-weight: 700;
    font-size: 20px;
    color: #1e395a
}

.order-item__del-price span {
    font-size: 15px
}

.order-item__end-price {
    font-weight: 700;
    font-size: 20px;
    color: #ff4c8f
}

.order-item__end-price span {
    font-size: 15px
}

.order-item__image {
    border: 2px solid #ebebeb;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
    display: block;
    width: 88px;
    height: 116px;
    position: relative;
    margin-bottom: 10px
}

.order-item__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.order-item__end-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.order-item__item-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 18px;
    flex-wrap: wrap
}

.order-item__text {
    font-size: 15px;
    color: #1e395a
}

.order-item__del-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #ebebeb;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.order-item__status-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 302px;
    border-left: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 38px
}

.order-item__status-image {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 10px
}

.order-item__status-image svg {
    width: 8px;
    height: 8px;
    fill: #fff
}

.order-item__status-image--idk {
    width: 27px;
    height: 27px;
    margin-left: 2px;
    margin-bottom: 10px
}

.order-item__status-image--idk svg {
    width: 27px;
    height: 27px;
    fill: #1e395a
}

.order-item__status-image--okay {
    background-color: #37ddac
}

.order-item__status-image--nope {
    background-color: #ff4c8f
}

.order-item__decor {
    width: 18px;
    height: 18px;
    position: relative
}

.order-item__decor:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: #008ada;
    content: ""
}

.order-item__decor:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 100%;
    background-color: #008ada;
    content: ""
}

.compare__buttons {
    margin-bottom: 22px;
    display: none
}

.compare__button {
    display: -webkit-box;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 28px;
    border-bottom: 1px solid transparent;
    color: blue;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    font-size: 24px;
    font-weight: 300
}

.compare__button.is-active {
    color: #000;
    border-color: #000
}

.compare__button:hover {
    color: #000
}

.compare-block {
    display: -webkit-box;
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 186px
}

.compare-block__item-bottom {
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex
}

.compare-block__table {
    border-collapse: collapse
}

.compare-block__table-wrapper {
    width: 100%;
    min-width: 222px;
    overflow: overlay
}

.compare-block__table-wrapper .table-wrapper__holder {
    padding: 20px 0
}

.compare-block__sort {
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    -webkit-box-align: center;
    align-items: center;
    margin: auto 0
}

.compare-block__sort-text {
    padding-right: 20px;
    font-size: 16px;
    font-weight: 300
}

.compare-block__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    font-size: 15px;
    color: #1e395a;
    border-right: 1px solid #e1e1e1;
    transition: all .3s ease;
}

.compare-block__sort-buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.compare-block__sort-button {
    font-size: 15px;
    color: #1e395a;
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.compare-block__sort-button.is-active {
    border-color: #1e395a
}

.compare-block__settings {
    width: 100%;
    padding-right: 0;
    vertical-align: top;
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    left: 0;
    top: 0
}

.compare-block__settings .button {
    margin-bottom: 20px
}

.compare-block__item-image {
    width: 128px;
    height: 84px;
    margin-bottom: 10px;
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 9px;
    overflow: hidden;
}

.compare-block__item-image img {
    max-width: 128px;
    max-height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.compare-block__delete-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.compare-block__delete-btn svg {
    fill: #ff4c8f;
    width: 20px;
    height: 20px
}

.compare-block__delete-btn:hover svg {
    fill: #1e395a
}

.compare-block__item-name {
    margin-bottom: 14px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    line-height: 110%;
    font-weight: 400;
    color: #1e395a;
    text-decoration: none
}

.compare-block__item-price {
    margin-bottom: 12px;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    color: #1e395a
}

.compare-block__item-price span {
    font-size: 15px
}

.compare-block__left {
    padding: 234px 10px 20px 0;
    width: 110px
}

.compare-block__th {
    padding-right: 16px;
    padding-bottom: 28px;
    padding-left: 30px;
    position: relative
}

.compare-block__tr:hover .compare-block__td {
    background-color: #e5f7fd
}

.compare-block__tr{
	transition: all .3s ease;
}

.compare_diff{
	transition: all .3s ease;
	background-color: #ffe0eb !important;
}
.compare_no_diff{
	transition: all .3s ease;
	background-color: #fff !important;
}

.compare-block__td {
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    padding: 12px 0 12px 30px;
    font-size: 15px;
    color: #1e395a;
}

.compare-block__button {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    letter-spacing: .1em;
    text-align: center
}

.compare-block__button:hover {
    color: blue
}

.compare-block__button:first-of-type {
    margin-bottom: 20px
}

.compare-add-more-button {
    width: 100%;
    height: 126px;
    border-radius: 10px;
    background-color: #d8dfe2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-decoration: none
}

.compare-add-more-button__img {
    width: 46px;
    height: 46px;
    fill: #1e395a;
    margin-bottom: 10px
}

.compare-add-more-button__text {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .42px;
    color: #1e395a;
    text-transform: uppercase
}

.thanks-buttons-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.thanks-buttons-row .button {
    margin-right: 20px;
    margin-bottom: 20px
}

.thank {
    margin-bottom: 40px
}

.thank__order-grid {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-top: 2px solid #ebebeb;
    padding-top: 10px
}

.thank__order-list {
    margin-bottom: 10px
}

.thank__order-list .cart__total-price-block {
    margin-left: auto
}

.thank__block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    max-width: 722px;
    height: 185px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 100%
}

.thank__text {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    margin: auto;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    max-width: 270px;
    width: 100%;
    text-align: center;
    margin-left: 10px
}

.thank__order-num {
    font-size: 28px;
    color: #1e395a;
    text-align: center;
    margin-bottom: 30px
}

.thank .cart-item__price {
    margin-left: auto;
    margin-right: 0
}

.cart-item__price {
    width: 50%;
    text-align: center
}

.cart-item__thank-num {
    font-size: 15px;
    color: #1e395a;
    margin: 0 auto;
    width: 50%;
    text-align: center
}

.no-js #m_menu {
    display: none
}

.no-js .swiper-wrapper {
    display: -webkit-box;
    display: flex;
    position: relative;
    flex-wrap: wrap
}

.no-js .sliders-block .swiper-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.no-js .swiper-pagination {
    display: none
}

.no-js .sliders-block,
.no-js .swiper-container,
.no-js .swiper-wrapper {
    height: 360px
}

.no-js .sliders-block__subslider {
    height: 50%;
    overflow: hidden
}

.selectize-control input {
    height: 100%;
    left: 20px
}

.selectize-control .selectize-input {
    padding: 0 20px!important;
    height: 44px;
    width: 100%;
    border: 2px solid #ebebeb;
    border-radius: 20px
}

.selectize-control .selectize-input.dropdown-active {
    border-radius: 20px 20px 0 0
}

.selectize-control .selectize-dropdown {
    border-right: 2px solid #ebebeb;
    border-left: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb
}

.selectize-control .item {
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto!important;
    border: none!important;
    border-radius: 0!important;
    position: unset!important;
    display: -webkit-box!important;
    display: flex!important;
    padding-bottom: 0!important;
    text-decoration: none!important;
    margin: 0!important
}

.selectize-control .option {
    padding: 6px 20px!important
}

.selectize-control .option:hover {
    background-color: #f2f2f2
}

.selectize-control.single .selectize-input:after {
    background: url(../images/arrow_bottom.svg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 20px!important;
    height: 8px!important;
    position: absolute!important;
    right: 14px!important;
    top: 2px!important;
    bottom: 0!important;
    margin: auto 0!important;
    content: ""!important;
    -webkit-transition: -webkit-transform .3s ease!important;
    transition: -webkit-transform .3s ease!important;
    transition: transform .3s ease!important;
    transition: transform .3s ease, -webkit-transform .3s ease!important;
    border: none!important
}

.order-back-button {
    margin-right: 17px;
    margin-bottom: 10px;
    color: #1e395a;
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 2px solid #1e395a;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.order-back-button:hover {
    color: #ff4c8f
}

.order-buttons-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

._mgb32 {
    margin-bottom: 32px
}

.new-widget-text {
    font-size: 14px;
    color: #1e395a;
    width: 50%
}

.new-widget-text b {
    display: block;
    margin-bottom: 4px
}

.new-widget-text a {
    text-decoration: none;
    color: #1e395a
}

.header-block--new {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

._mgt30 {
    margin-top: 30px
}

._mgt58 {
    margin-top: 58px
}

.header-block--new {
    margin-bottom: 10px
}

.garant-core__feedback--abus {
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    margin-left: 0
}

.garant-core__feedback--abus .garant-core__feedback-top {
    margin-bottom: 0
}

.garant-core__feedback--abus .garant-core__text {
    width: 100%;
    max-width: 100%
}

.garant-core__phone--abus {
    margin-bottom: 24px;
    width: 100%;
    margin-left: 0;
    max-width: 100%
}

.garant-core__phone--abus .garant-core__feedback-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.garant-core__phone--abus .garant-core__feedback-item {
    margin-right: 20px;
}

.abus-int-block {
    display: -webkit-box;
    display: flex;
    padding: 10px;
    border: 2px solid #ff4c8f;
    border-radius: 26px;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px
}

.abus-int-block__image {
    margin-right: 18px
}

.abus-int-block__text {
    font-size: 16px;
    color: #1e395a
}

.abus-text {
    margin-bottom: 26px;
    font-size: 16px;
    color: #1e395a
}

.abus-phones__text {
    margin-bottom: 16px;
    font-size: 16px;
    color: #1e395a
}

.sub-delivery-block-resp {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    border: 2px solid #ff4c8f;
    border-radius: 10px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    height: 44px;
    cursor: pointer;
    margin-bottom: 20px
}

.sub-delivery-block-resp:hover {
    background-color: #ff4c8f;
    color: #fff
}

@media(max-width: 400px){
	.resp-logo-header img{
        max-height: 30px;        
        margin-left: 20px;
    }
}

@media only screen and (min-width:320px) {
    /*! $mqpacker hack */
    .resp-logo-header {
        display: block;
    }
    
}

@media only screen and (min-width:375px) {
    /*! $mqpacker hack */
    .view-header {
        height: 80px
    }
}

@media only screen and (min-width:412px) {
    /*! $mqpacker hack */
}

@media only screen and (min-width:480px) {
    /*! $mqpacker hack */
    .header-block--right {
        max-width: 220px
    }
    .resp-logo-header {
        display: block
    }
    .sliders-block__subsliders {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .sliders-block__subslider {
        width: calc(50% - 8px)
    }
    .main-slider__item {
        height: 276px
    }
    .main-slider__item-descr {
        right: 20px;
        max-width: 340px;
        text-align: left;
        padding: 0
    }
    .main-slider__item-title {
        font-size: 32px
    }
    .pagination {
        height: 52px
    }
    .pagination__btn {
        width: 38px;
        height: 38px
    }
    .item-block__descr-row .item__frating-row {
        width: initial;
        margin-top: 0;
        -webkit-box-pack: center;
        justify-content: center;
        margin-right: 0
    }
    .item-block__descr-row .item-block__widgets {
        margin-left: auto;
        margin-right: 0
    }
    .cart-price:not(.cart-price--old) span {
        font-size: 1.6em
    }
    .cart-item__text {
        width: calc(100% - 210px)
    }
    .cart-item__image {
        width: 180px;
        margin-right: 30px
    }
    .thank__block {
        height: 244px
    }
    .thank__text {
        font-size: 22px
    }
}

@media only screen and (min-width:600px) {
    /*! $mqpacker hack */
    .button--lg .button__content {
        min-width: 306px
    }
    .custom-mfp-close {
        display: block
    }
    .item {
        width: 292px
    }
    .item__descr {
        padding: 0 20px
    }
    .items-slider .item {
        margin: 16px
    }
    .items-slider__slider .swiper-container {
        max-width: 1226px
    }
    .feed-item-wrapper>.feed-item-wrapper {
        padding-left: 30px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 30px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 30px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 30px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper .feed-item-wrapper {
        padding-left: 30px
    }
    .item-feeds .total-feed-rating,
    .item-feeds .pagination {
        margin-bottom: 0
    }
    .item-feeds__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center
    }
    .item-thumbs-slider__thumb {
        margin-right: 10px
    }
    .item-thumbs-slider__slider {
        padding: 0 28px
    }
    .header-widgets-wrapper {
        width: 194px;
        right: 78px
    }
    .header-widget {
        width: 44px;
        height: 44px
    }
    .header-widget__img {
        width: 25px;
        height: 25px
    }
    .header-widget__img svg {
        width: 25px;
        height: 25px
    }
    .main-slider__item {
        height: 380px
    }
    .main-slider__item-descr {
        max-width: 380px
    }
    .main-slider__item-title {
        font-size: 42px;
        margin-bottom: 18px
    }
    .main-slider__item-text {
        font-size: 20px
    }
    .sub-slider__item {
        /*height: 204px;*/
        height: 154px;

    }
    .page-title {
        font-size: 28px
    }
    .news-item {
        width: calc(50% - 10px);
        margin: 10px 5px
    }
    .catalog-top-row {
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .catalog-page-num {
        margin-left: auto
    }
    .catalog-models-num {
        margin-left: 20px;
        margin-top: 0;
        margin-bottom: 0
    }
    .picture-404 img {
        height: auto
    }
    .pagination {
        margin-left: auto
    }
    .sort-widget {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .sort-widget__block {
        margin-bottom: 0;
        margin-right: 10px
    }
    .accordeon__hidden {
        padding: 16px 40px
    }
    .accordeon__title {
        font-size: 18px
    }
    .item-block__response-popup {
        width: 510px;
        padding: 20px 20px 14px 26px
    }
    .item-block__response-me-button {
        min-width: 340px
    }
    .item-block__socs {
        display: -webkit-box;
        display: flex
    }
    .feed-item__top-row {
        margin-bottom: 18px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .feed-item__top-row>div {
        margin-bottom: 0
    }
    .feed-item__date {
        margin-right: 32px
    }
    .feed-item__name {
        margin-right: 20px;
        text-align: left
    }
    .feed-item__decor {
        display: block
    }
    .buy-succes-feed__descr {
        left: 24px
    }
    .buy-succes-feed__descr:before {
        left: 28px
    }
    .company-descr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .company-descr__text {
        margin-bottom: 0;
        width: calc(100% - 220px)
    }
    .mfp-close {
        display: none!important
    }
    .hidden-slider__content-wrapper {
        margin-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .hidden-slider .item-block__prices {
        margin-right: 36px;
        margin-bottom: 0
    }
    .hidden-slider__title {
        font-size: 22px
    }
    .socs-enter__button {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
    .socs-enter__button svg {
        margin-right: 25px
    }
    .socs-enter__button span {
        display: inline-block
    }
    .lk-form {
        display: block
    }
    .lk-form__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .lk-form__row .form__group {
        width: calc(50% - 20px)
    }
    .order-item__name {
        max-width: 46%;
        width: initial
    }
    .order-item__image {
        width: 178px;
        margin-bottom: 0;
        height: 116px
    }
    .thank__block {
        height: 364px
    }
    .thank__text {
        font-size: 42px;
        max-width: 470px
    }
}

@media only screen and (min-width:769px) {
    /*! $mqpacker hack */
    html {
        font-size: 14px
    }
    .sitemap {
        padding-left: 2rem;
        padding-right: 2rem
    }
    #fPopUp {
        max-width: 50%!important;
        min-width: 400px!important
    }
    .button--main-buy {
        height: 70px
    }
    .button--main-buy .button__content {
        height: 70px;
        font-size: 22px
    }
    ._mgb26 {
        margin-bottom: 26px
    }
    ._mgb200 {
        margin-bottom: 100px
    }
    .contacts-block {
        width: 50%
    }
    .item-slider-image {
        height: 424px
    }
    .banner-full-size {
        display: block
    }
    .subpopup--search {
        padding: 24px 24px 34px 32px
    }
    .sliders-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .sliders-block__main-slider {
        width: calc(65% - 11px);
        margin-bottom: 0
    }
    .sliders-block__subsliders {
        width: calc(35% - 11px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .sliders-block__subslider {
        width: 100%
    }
    .main-slider__item {
        height: 434px
    }
    .allbutton {
        font-size: 15px
    }
    .map-wrapper {
        height: 446px
    }
    .accordeon__hidden {
        font-size: 15px;
        line-height: 24px
    }
    .accordeon__title {
        padding: 4px 16px 4px 46px
    }
    .brends-row__word {
        margin-bottom: 20px
    }
    .item-block__descr-row .one-click-buy {
        margin-left: auto;
        margin-right: 0;
        margin-top: 0
    }
    .sub-delivery-block {
        display: -webkit-box;
        display: flex
    }
    .buy-succes-feed {
        margin-left: auto
    }
    .company-descr {
        -webkit-box-ordinal-group: 1;
        order: 0;
        margin-bottom: 0
    }
    .enter-reg-block {
        width: calc(50% - 10px)
    }
    .cart-widget .cart-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .cart-widget .cart-item .cart-widget__row {
        -webkit-box-align: start;
        align-items: flex-start
    }
    .cart-widget .cart-item .cart-widget__row:nth-child(3) {
        margin-right: 0;
        margin-left: auto
    }
    .cart-widget .cart-item__remove {
        top: 0;
        right: 0;
        position: relative
    }
    .cart-widget .cart-item__text {
        text-align: left
    }
    .lk-nav {
        display: -webkit-box;
        display: flex
    }
    .compare__buttons {
        display: -webkit-box;
        display: flex
    }
    .compare-block {
        padding-top: 0
    }
    .compare-block__settings {
        width: 280px;
        padding-right: 20px;
        position: relative
    }
    .compare-block__left {
        padding: 20px 0;
        width: auto
    }
    .compare-block__th {
        padding-right: 20px
    }
    .compare-block__button:first-of-type {
        margin-bottom: 40px
    }
    .garant-core__phone--abus .garant-core__feedback-item {
        margin-right: 60px
    }
    .sub-delivery-block-resp {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    /*! $mqpacker hack */
    .header-block--right {
        max-width: 488px
    }
    .main-slider__item-descr {
        right: 30px;
        max-width: 410px
    }
    .main-slider__item-title {
        font-size: 52px
    }
    .main-slider__item-text {
        font-size: 24px
    }
    .news-widget__grid {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .news-item {
        width: calc(25% - 10px)
    }
    .inner-news__image {
        float: left;
        margin: 0 30px 30px 0
    }
    .item-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .item-block__slider {
        margin-bottom: 0;
        width: calc(50% - 12px)
    }
    .item-block__descr {
        width: calc(50% - 12px)
    }
    .item-block__descr-row .one-click-buy {
        margin-top: 18px;
        margin-left: 18px;
        margin-right: auto
    }
    .order-cart {
        display: block
    }
    .cart-item {
        flex-wrap: nowrap
    }
    .cart-item__text {
        width: 420px;
        margin-right: 20px
    }
    .cart-item__image {
        margin-bottom: 0
    }
    .hidden-slider__top-row {
        margin-bottom: 50px;
        flex-wrap: nowrap
    }
    .order-page {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .order-page .cart-header {
        display: block
    }
    .order-page__content {
        width: calc(100% - 520px);
        padding-right: 2%;
        margin-bottom: 0
    }
    .order-item__data {
        width: calc(100% - 302px)
    }
    .order-item__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .order-item__status-row {
        border-left: 2px solid #ebebeb
    }
    .thanks-buttons-row {
        display: block
    }
    .cart-item__price {
        width: auto;
        text-align: left
    }
    .cart-item__thank-num {
        width: auto;
        text-align: left
    }
}

@media only screen and (min-width:1025px) {
    /*! $mqpacker hack */
    .filter {
        top: 0;
        position: relative;
        -webkit-transform: translate(0);
        transform: translate(0);
        height: auto;
        opacity: 1;
        padding: 0
    }
    .filter__items-group {
        max-height: 220px
    }
    ._mgb200 {
        margin-bottom: 180px
    }
    .items-slider .item {
        margin: 6px
    }
    .contacts-block__image {
        width: 62px;
        height: 62px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 60px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 90px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper {
        padding-left: 120px
    }
    .feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper>.feed-item-wrapper .feed-item-wrapper {
        padding-left: 150px
    }
    .header-widgets-wrapper {
        width: 454px
    }
    .header-widget {
        width: 146px;
        height: 44px;
        padding: 6px 12px
    }
    .header-widget__img {
        position: relative;
        margin-right: 14px;
        margin-left: 0
    }
    .header-widget__content {
        display: block
    }
    .header-widget--filter {
        display: none
    }
    .sliders-block__main-slider {
        width: calc(75% - 11px)
    }
    .sliders-block__subsliders {
        width: calc(25% - 11px)
    }
    .items-catalog__items-group {
        width: calc(100% - 330px)
    }
    .items-catalog__filters {
        margin-bottom: 30px;
        padding: 0 24px
    }
    .items-catalog-grid {
        margin: 0 -6px 46px;
        -webkit-box-pack: start;
        justify-content: flex-start
    }
    .accordeon__item.js-active {
        pointer-events: none
    }
    .feed-item__top-row {
        margin-bottom: 25px
    }
    .feeds-row {
        margin-bottom: 46px
    }
    .hidden-slider__title {
        margin-bottom: 0
    }
    .hidden-slider__title {
        font-size: 28px;
        width: initial
    }
    .hidden-thumbs-slider {
        margin-right: 116px
    }
    .hidden-thumbs-slider__thumb {
        width: 176px;
        height: 118px
    }
    .hidden-thumbs-slider__slider {
        width: 186px;
        max-height: 522px
    }
    .hidden-slider-image {
        height: 520px
    }
    .hidden-arrow {
        display: -webkit-box;
        display: flex
    }
    .enter-reg__title {
        margin-bottom: 36px
    }
    .order-page {
        margin-bottom: 170px
    }
    .lk-nav {
        margin-bottom: 40px
    }
    .lk-form__row .form__group {
        width: calc(50% - 60px)
    }
    .compare-block__settings {
        padding-right: 28px;
        width: 308px
    }
    .thank {
        margin-bottom: 170px
    }
}

@media only screen and (min-width:1280px) {
    /*! $mqpacker hack */
    html {
        font-size: 16px
    }
    .view-wrapper {
        padding-top: 0
    }
    .view-header {
        position: relative;
        height: auto;
        box-shadow: none;
        padding-top: 14px
    }
    .view-footer {
        padding-top: 36px;
        display: block
    }
    .view-footer__content {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    .hamburger {
        display: none
    }
    .slider-custom-arrow {
        border-radius: 0;
        background-color: transparent;
    }
    .slider-custom-arrow--left {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .slider-custom-arrow--right {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .contacts-block {
        width: 25%
    }
    .logo--header {
        display: block
    }
    .logo--footer {
        height: auto;
        margin: 0
    }
    .logo--footer img {
        bottom: 0
    }
    .nav--row {
        display: block
    }
    .header-block--left {
        display: -webkit-box;
        display: flex
    }
    .phones-block {
        display: -webkit-box;
        display: flex
    }
    .header-bottom-row {
        display: -webkit-box;
        display: flex
    }
    .header-top-row .lk {
        display: -webkit-box;
        display: flex
    }
    .search {
        position: relative;
        height: 20px;
        margin: auto 16px auto auto
    }
    .search__button {
        width: 84px;
        height: auto
    }
    .search__icon {
        width: 20px;
        height: 20px
    }
    .search__text {
        display: block
    }
    .lk {
        display: -webkit-box;
        display: flex
    }
    .subpopup--search {
        position: absolute;
        width: 480px;
        right: -100px;
        top: calc(100% + 20px);
        left: auto
    }
    .resp-logo-header {
        display: none
    }
    .header-widgets-wrapper {
        position: relative;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        width: 100%
    }
    .main-nav {
        display: -webkit-box;
        display: flex
    }
    .soc-widget-wrapper {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
    .footer-nav {
        display: block
    }
    .news-item {
        width: calc(25% - 24px);
        margin: 10px 12px
    }
    .inner-page {
        margin-bottom: 0;
        min-height: calc(100vh - 628px)
    }
    .inner-page--item {
        margin-bottom: 140px
    }
    .error404 {
        margin-bottom: 54px;
        min-height: calc(100vh - 628px)
    }
    .pagination {
        max-width: 462px
    }
    .pagination__arrow {
        margin: 0 6px
    }
    .pagination__btn {
        margin: 0 6px
    }
    .item-block__descr-row {
        flex-wrap: nowrap
    }
    .item-block__descr-row .one-click-buy {
        margin-top: 0;
        margin-left: auto
    }
    .item-block__descr-row .item__frating-row {
        margin-left: 0
    }
    .order-page__content {
        padding-right: 15%
    }
    .lk-block {
        margin-bottom: 150px
    }
}

@media only screen and (min-width:1366px) {
    /*! $mqpacker hack */
}

@media only screen and (min-width:1440px) {
    /*! $mqpacker hack */
}

@media only screen and (max-width:1439px) {
    /*! $mqpacker hack */
    .content-image--width-1000-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:1365px) {
    /*! $mqpacker hack */
    .content-image--width-900-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:1279px) {
    /*! $mqpacker hack */
    .content-image--width-800-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:1024px) {
    /*! $mqpacker hack */
    .view-text>blockquote,
    .view-text>pre,
    .view-text>.media-wrapper,
    .view-text>video,
    .view-text>iframe {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
    .view-text>blockquote,
    .view-text>pre {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (max-width:1023px) {
    /*! $mqpacker hack */
}

@media only screen and (max-width:768px) {
    /*! $mqpacker hack */
    .content-image--width-500-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
    .breadcrumbs {
        display: block
    }
    .breadcrumbs span,
    .breadcrumbs span:before {
        display: none
    }
    .breadcrumbs span:nth-last-child(2) {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        background: none;
        padding: 10px 32px;
    }
    .breadcrumbs span:nth-last-child(2):before {
        -webkit-transform: scale(-1);
        transform: scale(-1);
        display: inline-block;
        top: 3px;
    }
}

@media only screen and (max-width:599px) {
    /*! $mqpacker hack */
    .content-image--width-300-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:479px) {
    /*! $mqpacker hack */
    .content-image--width-200-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:411px) {
    /*! $mqpacker hack */
}

@media only screen and (max-width:374px) {
    /*! $mqpacker hack */
    .content-image--width-100-and-more {
        display: block;
        float: none!important;
        margin-left: auto!important;
        margin-right: auto!important
    }
}

@media only screen and (max-width:319px) {
    /*! $mqpacker hack */
}

@media(max-width:375px) {
    .hamburger {
        padding: 4px
    }
    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before,
    .hamburger-box {
        width: 30px
    }
}

@media(max-width:1279px) {
    .header-center-row,
    .header-top-row,
    .view-header__content {
        margin-bottom: 0
    }
}

@media(max-width:768px) {
    .picture-404 {
        margin-bottom: 20px
    }
    .text-404__line1 {
        margin-left: 15px;
        font-size: 22px;
        line-height: 12px;
        color: #1e395a;
        margin-bottom: 14px
    }
    .text-404__line2 {
        font-size: 16px;
        line-height: 12px;
        color: #1e395a;
        padding-left: 44px
    }
    .delivery-payment__intro {
        margin-left: 12px
    }
    .delivery-payment__text {
        line-height: 18px
    }
    .delivery-payment__list-item {
        line-height: 18px
    }
    .garant-core__list {
        margin-left: 0!important
    }
    .garant-core__list-item {
        text-align: center
    }
    .garant-core__list-title {
        text-align: center
    }
    .garant-core__text {
        text-align: center
    }
    .garant-core__feedback-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .garant-core__phone {
        margin-bottom: 16px
    }
    .garant-core__warranty {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .garant-core__return {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .garant-core__warranty-image {
        text-align: center
    }
    .garant-core__reutrn-image {
        text-align: center
    }
    .garant-core__return-image,
    .garant-core__warranty-image {
        text-align: center;
        margin-bottom: 14px
    }
}

@media(max-width:480px) {
    .text-404__line1 {
        font-size: 15px;
        line-height: 12px;
        color: #1e395a;
        margin-bottom: 10px
    }
    .text-404__line2 {
        font-size: 13px;
        line-height: 12px;
        color: #1e395a;
        padding-left: 20px
    }
    .delivery-payment__img {
        display: none
    }
    .garant-core__list-title {
        margin-bottom: 10px
    }
    .garant-title {
        margin-bottom: 22px
    }
    .garant-core__warranty {
        margin-bottom: 22px
    }
}

@media(max-width:1280px) {
    .delivery-payment__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .delivery-payment__delivery {
        width: 100%;
        padding-right: 0
    }
    .delivery-payment__payment {
        width: 100%;
        padding-right: 0
    }
    .delivery-payment__list-item {
        margin-bottom: 20px
    }
    .delivery-payment__payment,
    .delivery-payment__delivery {
        margin-bottom: 20px
    }
    .delivery-payment__title-block {
        margin-bottom: 40px
    }
    .garant-core__list {
        margin-left: 20px
    }
    .garant-core__phone {
        margin-right: 34px
    }
}

@media(max-width:1024px) {
    .garant-core {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .garant-core__left {
        margin-bottom: 20px;
        width: 100%
    }
    .garant-core__list {
        width: 100%;
        max-width: 100%
    }
    .garant-core__feedback {
        margin: 0 auto
    }
}

@media(max-width:1023px) {
    .seotext {
        -webkit-columns: 1!important;
        -moz-columns: 1!important;
        columns: 1!important
    }
    .view-text div {
        -webkit-columns: 1!important;
        -moz-columns: 1!important;
        columns: 1!important
    }
}

@media only screen and (min-width:640px) {
    .cart-notice {
        margin-left: -1.5em
    }
    .cart-button,
    .cart-input {
        font-size: 1.25em
    }
    .cart-results {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        align-items: flex-end;
        padding-top: 1.5rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        padding-bottom: 1.5rem
    }
    .cart-results .cart-div--emphasis {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
}

@media only screen and (min-width:924px) {
    .cart-button,
    .cart-input {
        font-size: 1em
    }
}

@media only screen and (max-width:639px) {
    .cart-results__left {
        display: inline-block;
        min-width: 60%;
        margin-bottom: 1em
    }
    .cart-results__left .button {
        font-size: 1.25em
    }
    .cart-results__right {
        display: inline-block;
        min-width: 60%
    }
    .cart-results__right .cart-price span {
        font-size: 2em
    }
    .cart-results__right .button {
        font-size: 1.25em
    }
}

@media(max-width:1680px) {
    .orders-halpers {
        display: none
    }
}

@media(max-width:767px) {
    .compare-block__settings {
        height: 176px!important
    }
}

@media(max-width: 350px){
    .header-widgets-wrapper{
        right: 50px;
    }
    .header-widget{
        margin-right: 5px;
    }
}

@media(max-width: 330px){
    .js-tabs-block__item{
        width: 106%;
    }
    .view-text--item-descr table tr td:nth-child(1) span:after {
        /*left: 100%;
        bottom: 0;
        width: 2000px;
        content: "";
        background-color: #e1e1e1;
        height: 1px;
        position: absolute*/
        display: none;
    }
    .view-text--item-descr table tr td{
        position: relative;
    }
    .view-text--item-descr table tr td:after{
        left: 0;
        bottom: 0;
        width: 2000px;
        content: "";
        background-color: #e1e1e1;
        height: 1px;
        position: absolute
    }
}


/*# sourceMappingURL=style.css.map */