.icon-video {
    background-image: url(../sprites/sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 25px;
    height: 25px
}

body {
    font-family: Manrope;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) .icon-video {
    background-size: 25px 25px;
    background-image: url(../sprites/sprite@2x.png)
}
}

.icon-add {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: .9rem
}

.icon-arrow-left {
    display: inline-block;
    vertical-align: middle;
    width: .8938rem;
    height: 1.497rem
}

.icon-arrow-right {
    display: inline-block;
    vertical-align: middle;
    width: .8906rem;
    height: 1.5rem
}

.icon-arrow-set {
    display: inline-block;
    vertical-align: middle;
    width: 1.103rem;
    height: .903rem
}

.icon-arrow-up {
    display: inline-block;
    vertical-align: middle;
    width: 1.0969rem;
    height: .6rem
}

.icon-back {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.5rem
}

.icon-bad {
    display: inline-block;
    vertical-align: middle;
    width: 1.4875rem;
    height: 1.484rem
}

.icon-blog {
    display: inline-block;
    vertical-align: middle;
    width: .9rem;
    height: 1.2rem
}

.icon-bookmarks {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2rem
}

.icon-cart {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.9rem
}

.icon-cart-1 {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.9rem
}

.icon-chat {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-chats-close {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-chats-open {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-check {
    display: inline-block;
    vertical-align: middle;
    width: .9rem;
    height: .884rem
}

.icon-chevron-down {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: .9rem
}

.icon-chevron-left {
    display: inline-block;
    vertical-align: middle;
    width: .8938rem;
    height: 1.497rem
}

.icon-chevron-right {
    display: inline-block;
    vertical-align: middle;
    width: .8906rem;
    height: 1.5rem
}

.icon-chevron-up {
    display: inline-block;
    vertical-align: middle;
    width: 1.0969rem;
    height: .6rem
}

.icon-clear {
    display: inline-block;
    vertical-align: middle;
    width: .797rem;
    height: .8rem
}

.icon-close {
    display: inline-block;
    vertical-align: middle;
    width: 1.403rem;
    height: 1.4rem
}

.icon-close-min {
    display: inline-block;
    vertical-align: middle;
    width: .797rem;
    height: .8rem
}

.icon-color-check {
    display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .7969rem
}

.icon-compare {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 2rem
}

.icon-contacts-email {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1rem
}

.icon-contacts-loc {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.7rem
}

.icon-contacts-phone {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-copy {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.4rem
}

.icon-delete {
    display: inline-block;
    vertical-align: middle;
    width: 1.403rem;
    height: 1.4rem
}

.icon-delete-compare {
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem
}

.icon-dialog {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.5rem
}

.icon-discount {
    display: inline-block;
    vertical-align: middle;
    width: 9.2rem;
    height: 8.35rem
}

.icon-error {
    display: inline-block;
    vertical-align: middle;
    width: 1.003rem;
    height: 1rem
}

.icon-good {
    display: inline-block;
    vertical-align: middle;
    width: 1.4875rem;
    height: 1.484rem
}

.icon-info-1 {
    display: inline-block;
    vertical-align: middle;
    width: 2.8rem;
    height: 3.2rem
}

.icon-info-2 {
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem
}

.icon-info-3 {
    display: inline-block;
    vertical-align: middle;
    width: 3.194rem;
    height: 3.2rem
}

.icon-like {
    display: inline-block;
    vertical-align: middle;
    width: 1.3031rem;
    height: 1.1rem
}

.icon-logo {
    display: inline-block;
    vertical-align: middle;
    width: 15.6rem;
    height: 1.7rem
}

.icon-next {
    display: inline-block;
    vertical-align: middle;
    width: 3.206rem;
    height: 2.4rem
}

.icon-next-small {
    display: inline-block;
    vertical-align: middle;
    width: .891rem;
    height: 1.5rem
}

.icon-not {
    display: inline-block;
    vertical-align: middle;
    width: .897rem;
    height: .8969rem
}

.icon-notice-close {
    display: inline-block;
    vertical-align: middle;
    width: 1.494rem;
    height: 1.5rem
}

.icon-notice-error {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-notice-success {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.7rem
}

.icon-notice-warning {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.3rem
}

.icon-numbers-comments {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.4rem
}

.icon-numbers-views {
    display: inline-block;
    vertical-align: middle;
    width: 2.3rem;
    height: 1.3rem
}

.icon-photo {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem
}

.icon-prev {
    display: inline-block;
    vertical-align: middle;
    width: 3.2032rem;
    height: 2.4rem
}

.icon-prev-small {
    display: inline-block;
    vertical-align: middle;
    width: .894rem;
    height: 1.497rem
}

.icon-preview {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: .8rem
}

.icon-questions {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.6rem
}

.icon-replace {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-reviews-dislike {
    display: inline-block;
    vertical-align: middle;
    width: 1.4875rem;
    height: 1.484rem
}

.icon-reviews-like {
    display: inline-block;
    vertical-align: middle;
    width: 1.4875rem;
    height: 1.484rem
}

.icon-search {
    display: inline-block;
    vertical-align: middle;
    width: 1.2969rem;
    height: 1.3rem
}

.icon-showmore {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.0969rem
}

.icon-signin-facebook {
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: 1.5rem
}

.icon-signin-google {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 1.3rem
}

.icon-signin-twitter {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.4031rem
}

.icon-signin-vk-int {
    display: inline-block;
    vertical-align: middle;
    width: 2.003rem;
    height: 1.2rem
}

.icon-social-google-play {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 2.2rem
}

.icon-social-badoo {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.7rem
}

.icon-social-behance {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.4rem
}

.icon-social-dribbble {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-facebook {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 2.2rem
}

.icon-social-foursquare {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 2.2rem
}

.icon-social-google {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.3rem
}

.icon-social-hangouts {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 2.2rem
}

.icon-social-instagram {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-app-store {
    display: inline-block;
    vertical-align: middle;
    width: 1.897rem;
    height: 2.2rem
}

.icon-social-linkedin {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.1rem
}

.icon-social-livejournal {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-odnoklasniki {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 2.2rem
}

.icon-social-odnoklassniki {
    display: inline-block;
    vertical-align: middle;
    width: 1.27rem;
    height: 2.2rem
}

.icon-social-pinterest {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 2.2rem
}

.icon-social-skype {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-slack {
    display: inline-block;
    vertical-align: middle;
    width: 2.206rem;
    height: 2.206rem
}

.icon-social-telegram {
    display: inline-block;
    vertical-align: middle;
    width: 2.203rem;
    height: 1.903rem
}

.icon-social-tumblr {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 2.2rem
}

.icon-social-twitter {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.8rem
}

.icon-social-viber {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.2rem
}

.icon-social-vimeo {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.9rem
}

.icon-social-vk {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.316rem
}

.icon-social-whatsapp {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-winphone {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem
}

.icon-social-youtube {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 1.6rem
}

.icon-star {
    display: inline-block;
    vertical-align: middle;
    width: 1.703rem;
    height: 1.7rem
}

.icon-subsc {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.2rem
}

.icon-success {
    display: inline-block;
    vertical-align: middle;
    width: 1.403rem;
    height: 1rem
}

.icon-thin-left {
    display: inline-block;
    vertical-align: middle;
    width: 2.197rem;
    height: 1.7rem
}

.icon-thin-right {
    display: inline-block;
    vertical-align: middle;
    width: 2.203rem;
    height: 1.7rem
}

.icon-toggle {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1rem
}

.icon-user {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.4rem
}

.icon-wallet {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.2rem
}

.icon-social-tiktok {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

@font-face {
    font-display: swap;
    font-family: 'als_rublregular';
    src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAXEABAAAAAAC9wAAAVoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCaggGCYRlEQgKglSCaAsmAAE2AiQDSAQgBYYOB4FNDC4bqQpRlC9OEOLHQW42ukhBJDhxiulX0DgNkq/g+f86v9/nFgO2k8Zt8KlSDQEjrnml8e02h98KIe1+u8swsEgCsfmZjf1dekwXmc2Az0ErarOopRfryXbVAy+1VftV+Y/WWt37+/nHQiPZYBIzjUg69YSYJ5UQPyQioYpJI5mmQCRb6YSOLdG5aHVzfdiJ610BAnDnu66vAXyojkwCePDJgLEIEAUqAoUgpAgmoABDXZEDWJjWKasxSA340cYNphVQWAAKExD4jgf8QYPpIFb3X5v/gXWKBkAA5Ne+BWgCGIABVCUATGEgqs8z6QHiuChsYjqsy/R4/XbdfwsFIKbZ1Rd+e2484zwFzwY/rICQRmwQciMKUPx7BL5cl5PaCAQkdaNnQNG16RBwfTrsUq116is/cPQGSSpLjyBCP4iWRlDSPaSt7GwEQ9bTCR0G1KKDi2BK9DyW7a7+M/fOuJbrf/MdLmcLyxaNtk3H8BnTI1gSMzURwZajWuHhgIIOx0wZ4CI4WrpOsKG9K4kJVFmOK0NCB3UOfGfuHcHI72SCWdCFYED9sp+nfdcKY60zXkEP8TWNcIP58SZexSiqIkIvIzpaVKgcTumUErVz2/wGKS0tZOFctVhxlhzyHsQ77LFeu6LG+V00rK4zIjWgLRMbpseLzVv7kW6toQ/fe0hvPToJjGpu3rMlIUwf9ddm0u5hYyFOPcyCTo5JQb6n53l+5Zh9aMl3gkorKUy/zJQeg+bvCtO0ucFwVF5OyD+17TPXvmuJvQNaCmrMlXHT8nJCQ9ihqSnsfRkfLAaA8/eG6n6eQcoLBLjJEJFyR+ignu84oKB5sek4pHDfG7SIjOWscgUVBIYChvXZ/jpKEKRQIAFAGkAdYAFNQS8AYAInUPA1KsQ0qyUksjqxclIsFB0uEQlLxIrtvjP0zh023B5w+3Y4TII4YRkd2X2v/bv3ZOPdfm/cPXSQLlhD9et5Pup84sqJ0uffnNu+dfv57S+3bcw36lI2sNnIM+vHdTr3Rs+en/c49c6OU+dOffvut+98eXrpvkZffVtnWvteTeblvl2WGfXWLADIC2XvgmPKd37eth5L4YZiLD7DZ9VfcGz1L9GylwtZKBplq9w4kCtBRT+oIBKDVCMWKap3rkhQjC6WvZtXtu8HmSv5CtV8/0ImGy662CFTOVR0IZu5hmVxA9OnPJmvI1cl7voFl0gR+aJqqXQQb+nlEECg2T1+ZnyizW9uDZdfekI2K22dAtz2AAIqr3CfBIcQCNwl3W/pIqoS1JWzDXTl6QanAT/0vQhSHegPOXOL3Z0XZrmUpBVTrKwQFBUhMGu3jacYiBkCxkFEIWkcKuLMQ4N61qCJdhYtMj5AmziP0aGdr9HFlgYYZkRKMSmZbZgSl2Nq2gTn8TMq5hJ+jpcv8Avi8nf8l8SVe4cPDDKtSGfzLbDSIjNNN8MSWgOTNaT5PJ7mtElW0jrqY7DS++w55tCB2mKFayqkpvZcZqopSoOSa4MsNalgkKlLz6XmmGiRQ+hWtOuUVg2MbJ5JJ9KHFV18sZnmm0fLKQ0GT1pGSaXPbLx+Im3JnoVNU0w1N+3cs2nzTRs2Dydswv7UVA11oIYXTTJtyPaSVe9WqEXrb7LBzIGYVnwtSxpr3GpRTssBk2l8oZIlFkwkA6ildrf0yQdbaKmZXONVcyg4x/9mmOYgaYgSQ0yxxBZHXAn9LF5MohKTuCQkKSlJ29PnrFwwI+csnTfT87wukPjgQQ58aAxNoCk0g+bQAlr6O0b53aBpZKcujOZgnV+TwlbIXnrPHTAiL7JvZL7bX3N+kBypdcsPwuUbRlYLrp3GjBgZlC8C) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAgUABAAAAAAC9wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABwAAAAccrYqeEdERUYAAAGIAAAAHAAAAB4AJwAYT1MvMgAAAaQAAABNAAAAYHBYj5JjbWFwAAAB9AAAAFoAAAFqjAMfvmN2dCAAAAJQAAAABgAAAAYFEQBEZnBnbQAAAlgAAAGxAAACZVO0L6dnYXNwAAAEDAAAAAgAAAAIAAAAEGdseWYAAAQUAAABQgAAAVRjSWrfaGVhZAAABVgAAAAyAAAANgENL1ZoaGVhAAAFjAAAAB0AAAAkCq4H62htdHgAAAWsAAAAMwAAAEgvxwElbG9jYQAABeAAAAARAAAAJgIKAgJtYXhwAAAF9AAAACAAAAAgASwAmm5hbWUAAAYUAAABXgAAAw4gNXhbcG9zdAAAB3QAAABvAAAAzdzn3pRwcmVwAAAH5AAAAC4AAAAusPIrFAAAAAEAAAAA1e1FuAAAAADDApRiAAAAANnGUF142mNgZGBg4AFiMSBmYmAEQkEgZgHzGAAEWQBAeNpjYGY6yziBgZWBhXUWqzEDA6M8hGa+yJDGxMDAwASUAlMsQJKRAQkERAYFMzgw8Kr+YWP4B+SzzmLQgKlh/MK0B0gpMDACAAG1CuEAAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxsCrwKWgrxCvsFf1z///QHFeBQYE///XB8z379/fcD/4lijUHCTAyMYAF2RkAhJM6AoYhj0AAHLqE14AAAAAAEQFEQAAeNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7/gsGm9GUO2oA5T1vKQ8ZTTuBWrSn/tH8Cob7/B/zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw/6gtXhYjAwpJim4i4/plL+tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL+JBPBhcl0VVO1zPjawV2ys+hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn+pED5SBLGvElKO+OGtQbGkdfAoDZPs/88m01tbx3C+FkcwXe/GUs6+MiG2hgRYjtiKYAJREJGVfmGGs+9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN+17OvscDnh4Lw0FjwZvP+/5Kgfo8LK40aA4EQ3o3ev+iteqIq7wXPrIn07+xWgAAAAABAAH//wAPeNpNj7FPwlAQh++9UhociEWLpLXGCujwLMVXKjE2aiIOMpqwMDgZNS5OxtE4KG6uhskIm8u952pkN3Z1csEZ/wGjxHbzbvny5ZfL/YBCA4AeqC1QQIOKIOCFUkuRLy7S6kcoFRojCCXRaqKllqY/oSSJ93VHLzu606Dz4xK5Gx+rre/HRiqC+CQMAdSc2oVZYHAC0gJgCB4WfCQR5jkaHio+2hGqHJmHWkRw2UPrXdA052hGwrA5l6Y1wZ62zEKGSctM0IIMw1QcmBQlwjAbCZcwEMzWc5hdq67UAz8oBvFnPD8zR4zptJYljBhOvMVgyuer9Q0S1BaXKrEddjodcn0pd/ba22HztftCu7+Hg8H92a3rlYOad95+HvWu+vSTVesPF/v99ebuTW80Im/MdY82m6cLdtwKgMC/WYE/6CVatQAAeNpjYGRgYABiN93ppfH8Nl8Z5DkYQOAw05QkEH3zWEAsiGYVYp0FpDgYmEA8APLwCA8AAHjaY2BkYGCd9f8GAwMHAwiwCjEwMqACIQBMlAKqAAAAeNpjesPgwgAEHEDMdJaBgXUWgma8B8RpQIn3ULwZyJcD0v4QGiTH5s7wkAUoBACKLQoUAHjaY2Bg0CEAFzGsAgA5tgQNAAAAAAEAAAASACwAAgAAAAAAAgABAAIAFgAAAQAAagAAAAB42q2RsUoDQRCG/72LMVocZ4oUqbaS2ISLFuIVgghWgmBArYRELxqMnnoXQUjtI/gA4iP4BFYan0AQH8BHsPK/3UlyxEqQ4Xa+3Zmd+WcPQBmfcKEKcwAO+VlW8Lmz7MDDhbCLRQyEC9B4EJ5BFc/CReZ/CM9iHV/CJRRVTXgeB6ou7MNXd8IL8NS9cJnnj8IvqKgn4VcEaig8ZP638Bs8p2T53UXVqWATMS5xi2t0cYJTpFRcwxGW6JcR0FZJbWZobGAbTdQN9Wg6dysxu4g+or/hesxMe0NjF33W6NFHzO+TWsyy0XBceZIX5rpPx/RUlT3TMaGSmP9Ao8G+gTF7c3Tvd52uUd3il7JCi4ojnJuaZzyL0cnNbP1fXuu/32kS3We0TXXZvOl44i3TRWOHeuxpQ9aQ2ta4rtCszgb32bQd1s+6pJzKvmLEfcJao9pNXPGky1imuvcD+stsvgAAeNptzbsOgkAYROH/oIIXvPEky+qClorhURQTY2wsfHgT0Z3S03zTjSX2693Z2f5VmJEwYMiIlIwxE6bMyJmzYMmKNUV6ub0eXZk971fn3Omr74cspZcbuZVBVrKWO7mXh6hvo0Ee419omw+ajycdALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWFmwFCsAAA==) format("woff");
    font-weight: bold;
    font-style: normal
}

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

body {
    margin: 0
}

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

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

pre {
    font-family: monospace, 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;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, 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
}

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
}

fieldset {
    padding: .35em .75em .625em
}

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="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

::-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
}

* {
    outline: none
}

body {
    background: #fff;
    color: #343434;
    font: 400 1.4rem/1.714 Roboto, Helvetica, Arial, als_rublregular, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 2.4rem;
    line-height: 1.214
}

h1 {
    font-size: 4.5rem;
    font-weight: 400
}

h2 {
    font-size: 3.5rem;
    font-weight: 400
}

h3 {
    font-size: 2.3rem;
    font-weight: 400
}

h4 {
    font-size: 2rem;
    font-weight: 500
}

h5 {
    font-size: 1.5rem;
    font-weight: 500
}

p {
    margin: 0 0 2.4rem
}

figure {
    margin: 0 0 2.4rem
}

img {
    max-width: 100%
}

time {
    color: #cacaca
}

hr {
    border: none;
    border-top: .1rem solid #000;
    margin: 2.5rem 0
}

blockquote {
    display: block;
    position: relative;
    padding: 5rem 0 0;
    margin: 0 0 2.4rem;
    font-size: 2rem;
    line-height: 3.4rem;
    font-weight: 400;
    font-style: normal;
    color: #3b3d40
}

blockquote:before {
    content: '“';
    display: block;
    font-size: 10rem;
    line-height: 1;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}

ul,
ol {
    margin: 0 0 2rem
}

a {
    transition: color 0.25s, border-color .25s;
    color: #3660bc;
    text-decoration: none
}

a:hover {
    color: #7097EC;
    text-decoration: none
}

a:focus {
    outline: none;
    text-decoration: none
}

a:not([href]):not([tabindex]):not(.btn) {
    color: inherit;
    text-decoration: none
}

dd,
dt {
    line-height: inherit
}

mark {
    background: none;
    color: #3660BC
}

img {
    max-width: 100%
}

hr {
    margin: 4rem 0;
    border: none;
    border-top: .1rem solid #E8E8E8;
    display: block
}

table {
    border-collapse: collapse
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor
}

[class^="icon-social-"] {
    fill-rule: evenodd
}

.icon-chevron-right,
.icon-chevron-left,
.icon-chevron-down,
.icon-chevron-up {
    width: .7rem;
    height: .7rem;
    transition: inherit;
    border-bottom: .2rem solid currentColor;
    border-right: .2rem solid currentColor
}

.icon-chevron-down {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icon-arrow-down,
.icon-arrow-up {
    width: .9rem;
    height: 1.5rem
}

.icon-success {
    color: #B0CB34
}

.icon-error {
    color: #E13838
}

.icon-star {
    color: #FBD74B
}

.icon-check {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor
}

.icon-color {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin: 0 .5rem 0 0
}

.icon-color-check {
    width: .8rem;
    height: .8rem
}

.icon-view-grid {
    display: block;
    width: 1.9rem;
    height: 1.2rem;
    background: #343434;
    position: relative;
    transition: inherit
}

.icon-view-grid:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: .2rem solid #fff;
    margin: -.1rem 0 0;
    transition: inherit
}

.icon-view-grid:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: .5rem;
    width: .9rem;
    height: 100%;
    border-left: .2rem solid #fff;
    border-right: .2rem solid #fff;
    transition: inherit
}

.icon-view-inline {
    display: block;
    width: 1.9rem;
    height: 1.3rem;
    background: #343434;
    position: relative;
    transition: inherit
}

.icon-view-inline:after {
    content: '';
    display: block;
    position: absolute;
    top: .3rem;
    left: 0;
    width: 100%;
    height: .7rem;
    border-top: .2rem solid #fff;
    border-bottom: .2rem solid #fff;
    transition: inherit
}

.icon-view-micro {
    display: block;
    width: 1.9rem;
    height: 1.3rem;
    background: #343434;
    position: relative;
    transition: inherit
}

.icon-view-micro:after {
    content: '';
    display: block;
    position: absolute;
    top: .3rem;
    left: 0;
    width: 100%;
    height: .7rem;
    border-top: .2rem solid #fff;
    border-bottom: .2rem solid #fff;
    transition: inherit
}

.icon-view-micro:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: .5rem;
    width: .9rem;
    height: 100%;
    border-left: .2rem solid #fff;
    transition: inherit
}

.icon-search {
    width: 1.3rem;
    height: 1.4rem
}

.icon-chats-open {
    width: 3.2rem;
    height: 3.2rem
}

.icon-social-ok {
    width: 2.2rem;
    height: 2.2rem
}

button {
    outline: none
}

button:focus {
    outline: none !important
}

.btn {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.8rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: .1rem solid transparent;
    letter-spacing: .06rem;
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: .25s;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    height: 4rem
}

.btn:hover {
    text-decoration: none;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.25)
}

.js-fancy-popup-cart {
    display: none;
}

.btn:focus {
    outline: none;
    box-shadow: none
}

.btn:active {
    transition: none;
    transform: translate3d(0, .1rem, 0);
    box-shadow: none
}

.btn:disabled,
.btn:disabled:hover {
    background: #C5C5C5;
    border-color: #C5C5C5;
    color: #8c8c8c;
    box-shadow: none;
    cursor: default
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none
}

.btn--sm {
    font-size: 1.1rem;
    text-transform: none;
    padding: .5rem 1.5rem;
    height: 3rem
}

.btn--black {
    border-color: #343434;
    background: #343434;
    color: #fff
}

.btn--black:hover,
.btn--black:focus {
    border-color: #3B55E6;
    background: #3B55E6;
    color: #fff
}

.btn--lg {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 700;
    padding: 1.5rem 3.5rem;
    height: 5rem;
    border-radius: 2.5rem
}

.btn--white {
    border-color: #fff;
    background: #fff;
    color: #343434
}

.btn--white:hover,
.btn--white:focus {
    border-color: #3B55E6;
    background: #3B55E6;
    color: #fff
}

.btn--blue {
    background: #3B55E6;
    color: #fff
}

.btn--blue:hover,
.btn--blue:focus {
    color: #fff
}

.btn--link {
    color: #3660bc;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0
}

.btn--link:hover {
    color: #7097EC;
    text-decoration: none;
    box-shadow: none
}

.btn--circle {
    width: 4rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.btn--180 {
    min-width: 18rem
}

.btn--social {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: none;
    padding: .5rem 1rem;
    height: 3rem;
    border-color: #E8E8E8;
    color: #343434;
    white-space: nowrap
}

.btn--social [class^="icon-"] {
    margin: 0 .6rem 0 0;
    max-height: 1.4rem
}

.btn--social .icon-social-facebook {
    color: #4C68B3
}

.btn--social .icon-social-twitter {
    color: #00ABED
}

.btn--social .icon-social-google {
    color: #E63A3A
}

.btn--social .icon-social-vk-int {
    max-height: 1.2rem;
    color: #6391BC
}

.btn--social:hover {
    color: #343434
}

.btn--copy {
    border: .1rem solid #E9E9E9;
    box-shadow: none;
    color: #464646;
    padding: .5rem;
    height: 3rem;
    width: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.btn--copy:hover {
    box-shadow: none;
    color: #3660BC
}

.btn--blog {
    border: .1rem solid #E9E9E9;
    box-shadow: none;
    color: #464646;
    padding: .5rem;
    height: 3rem;
    width: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.btn--blog:hover {
    box-shadow: none;
    color: #3660BC
}

.btn--like {
    border: .1rem solid #E9E9E9;
    box-shadow: none;
    color: #464646;
    padding: .5rem;
    height: 3rem;
    width: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.btn--like:hover {
    box-shadow: none;
    color: #F14D4D
}

.btn--like-clear {
    width: inherit;
    text-transform: none;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.8rem;
    border: .1rem solid #E8E8E8;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    background: #fff;
    cursor: pointer;
    transition: .25s
}

.btn--cart {
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #00a046;
    height: auto;
}

.btn--cart .icon-cart {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    margin: -1rem 0 0
}

.btn--cart:hover,
.btn--cart:focus {
    color: #fff
}

.btn--preview {
    border-color: #DDDDDD;
    background: #fff;
    color: #060606;
    width: 4rem;
    height: 4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    background: #fff
}

.btn--preview .icon-preview {
    top: 0
}

.btn--preview:hover,
.btn--preview:focus {
    box-shadow: none;
    color: #3660BC
}

.btn--good,
.btn--bad {
    padding: 0;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    color: #343434;
    transition: .25s
}

.btn--good [class^="icon-"],
.btn--bad [class^="icon-"] {
    margin: 0 .5rem 0 0;
    color: #343434;
    transition: inherit
}

.btn--good:hover,
.btn--bad:hover {
    box-shadow: none
}

.btn--good:hover [class^="icon-"],
.btn--bad:hover [class^="icon-"] {
    color: inherit
}

.btn--good {
    color: #bacf55
}

.btn--good:hover {
    color: #bacf55
}

.btn--bad {
    color: #db3f3f
}

.btn--bad:hover {
    color: #db3f3f
}

.btn--dashed {
    padding: 1rem 0;
    border-radius: 0;
    height: auto;
    color: #3660bc;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: none
}

.btn--dashed span {
    border-bottom: .1rem dashed #EBEFF8
}

.btn--dashed:hover,
.btn--dashed:focus {
    color: #7097EC;
    box-shadow: none
}

.btn--transparent {
    background: transparent;
    color: #3660bc;
    border: .1rem solid #E8E8E8
}

.btn--transparent:hover,
.btn--transparent:focus {
    background: #3660bc;
    color: #ffffff;
    border-color: #3660bc;
    box-shadow: none
}

.btn--filter {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: .5rem 1rem;
    height: 3rem;
    text-transform: initial;
    letter-spacing: normal
}

.app-ul,
.app-standart ul {
    margin: 0 0 3rem;
    padding: 0;
    list-style: none
}

.app-ul>li,
.app-standart ul>li {
    position: relative;
    padding: 0 0 0 3.8rem;
    margin: 0 0 1rem
}

.app-ul>li:after,
.app-standart ul>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    left: 1.2rem;
    width: .4rem;
    height: .4rem;
    top: 1rem;
    background: #131314
}

.app-ol,
.app-standart ol {
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
    counter-reset: point
}

.app-ol>li,
.app-standart ol>li {
    position: relative;
    padding: 0 0 0 3.8rem;
    margin: 0 0 1rem
}

.app-ol>li:after,
.app-standart ol>li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    color: #131314;
    position: absolute;
    top: 0;
    left: 1.2rem
}

.app-table-scroll {
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
    margin: 0 0 45px
}

.app-table-scroll .app-table,
.app-table-scroll .app-standart table,
.app-standart .app-table-scroll table {
    margin: 0
}

.app-table,
.app-standart table {
    width: 100%;
    margin: 0 0 45px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #0f1935;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 640px
}

.app-table th,
.app-standart table th,
.app-table td,
.app-standart table td {
    padding: 20px;
    background: #fff;
    border: 2px solid #F5F5F5;
    vertical-align: top
}

.app-table th,
.app-standart table th {
    font-weight: 400;
    background: #fafafa
}

.app-table tbody tr:nth-child(even) td,
.app-standart table tbody tr:nth-child(even) td {
    background: #fafafa
}

.app-table__layout {
    table-layout: fixed
}

.app-figure {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 2.5rem
}

.app-figure img {
    display: block;
    width: 100%
}

.app-figure p,
.app-figure em {
    display: block;
    overflow: hidden;
    padding: .5rem 0;
    margin: 0 0 .5rem
}

.app-figure figcaption {
    overflow: hidden
}

@media (min-width: 480px) {
    .app-figure__left {
        float: left;
        max-width: 27rem;
        margin-right: 3rem;
        margin-top: .8rem
    }

    .app-figure__left img {
        margin-bottom: 1rem
    }

    .app-figure__right {
        float: right;
        max-width: 27rem;
        margin-left: 3rem;
        margin-top: .8rem
    }

    .app-figure__right img {
        margin-bottom: 1rem
    }
}

.is-error .ui-input,
.is-error .ui-textarea,
.is-error .ui-select .jq-selectbox__select,
.ui-select .is-error .jq-selectbox__select {
    border-color: #E13838 !important;
    box-shadow: none
}

.is-error .ui-check__checkbox,
.is-error .ui-check__radio,
.is-error .ui-size__btn,
.is-error .ui-color__btn {
    border-color: #E13838
}

.is-error.ui-select .jq-selectbox__select {
    border-color: #E13838 !important;
    box-shadow: none
}

.is-success .ui-input,
.is-success .ui-textarea,
.is-success .ui-select .jq-selectbox__select,
.ui-select .is-success .jq-selectbox__select {
    border-color: #B0CB34 !important;
    box-shadow: none
}

.is-success.ui-select .jq-selectbox__select {
    border-color: #B0CB34 !important;
    box-shadow: none
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.icon-success,
.icon-error {
    animation: fadeIn .25s
}

.ui-error {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block;
    color: #e13838;
    padding: .5rem 0 0;
    animation: fadeIn .25s
}

.ui-fieldset {
    border-bottom: .1rem solid #E8E8E8;
    padding: 0 0 2.5rem;
    margin: 0 0 3.5rem
}

.ui-fieldset:last-of-type {
    margin: 0;
    border: none
}

.ui-legend {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 .5rem;
    border: 0
}

.ui-caption {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0 0 2.5rem
}

.ui-card {
    border-radius: .5rem;
    max-width: 47rem;
    padding: 4rem 5rem 2.5rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    margin: 0 0 4rem
}

.ui-card .ui-group {
    margin: 0 0 1rem
}

.ui-card .ui-label {
    font-size: 1.3rem;
    white-space: nowrap;
    margin: 0 0 .5rem
}

.ui-card .ui-input,
.ui-card .ui-textarea,
.ui-card .ui-select .jq-selectbox__select,
.ui-select .ui-card .jq-selectbox__select {
    background: #F2F2F2;
    border-color: #F2F2F2;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ui-card .ui-input:focus,
.ui-card .ui-textarea:focus,
.ui-card .ui-select .jq-selectbox__select:focus,
.ui-select .ui-card .jq-selectbox__select:focus {
    border-color: #343434
}

@media (max-width: 479px) {
    .ui-card {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.ui-card--delete {
    position: absolute;
    right: 7rem;
    top: 4rem;
    color: #343434
}

.ui-card--delete:hover {
    color: #E13838
}

.ui-social {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-social .btn {
    margin: 0 1rem 1rem 0
}

.ui-group {
    margin: 0 0 3.5rem
}

.ui-group:last-child {
    margin: 0
}

.ui-label {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.ui-label--uppercase {
    text-transform: uppercase
}

.ui-label.required:after {
    content: '*';
    color: #FF2121;
    padding-left: .5rem
}

.ui-range {
    position: relative;
    margin: 0 0 1.5rem
}

.ui-range__slider {
    opacity: 0;
    visibility: hidden
}

.ui-range__label {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin: 0 0 1.5rem
}

.ui-range__input {
    width: 100%;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding: 0 .5rem;
    text-align: center;
    background: none;
    border: none;
    border-bottom: .1rem solid #E4E4E4;
    transition: .25s;
    min-width: 9.5rem
}

.ui-range__input:focus {
    border-color: #3660BC
}

.product_related_link {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.product_related_link a {
    margin-bottom: 0;
    flex-grow: 1;
}

.ui-group-size {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.ui-group-size .ui-size {
    margin: 0 .5rem .5rem 0;
    flex-grow: 1;
}

.ui-size.disabled-option {
    opacity: 0.5;
    pointer-events: none;
}

.ui-group-size+.ui-error {
    margin: -0.8rem 0 1.5rem
}

.ui-group-color {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui-group-color .ui-color {
    margin: 0 .5rem 0 0
}

.ui-group-color+.ui-error {
    margin: -1.5rem 0 1.5rem
}

.ui-size {
    margin: 0;
    display: block;
    position: relative
}

.ui-size__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.ui-size__input:checked~.ui-size__btn {
    background: #3B55E6;
    border-color: #3B55E6;
    color: #fff
}

.ui-size__btn {
    display: block;
    min-width: 4rem;
    height: 4rem;
    border: .1rem solid #EFEFEF;
    text-align: center;
    font-size: 1.3rem;
    line-height: 3.8rem;
    font-weight: 700;
    color: #636e7c;
    transition: .25s;
    cursor: pointer;
    padding: 0 1rem;
    background: #fff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.ui-size__btn:hover {
    border-color: #3B55E6
}

.ui-color {
    margin: 0;
    padding: 1rem 0;
    display: block;
    position: relative
}

.ui-color__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.ui-color__input:checked~.ui-color__btn {
    border: 1px solid transparent
}

.ui-color__input:checked~.ui-color__btn [class^="icon-"] {
    opacity: 1
}

.ui-color__btn {
    display: block;
    width: 2rem;
    height: 2rem;
    transition: .25s;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    border: 1px solid transparent
}

.ui-color__btn [class^="icon-"] {
    opacity: 0;
    transition: .25s;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -.4rem 0 0 -.4rem
}

.ui-field {
    position: relative;
    margin: 0 0 1.5rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui-field .ui-input,
.ui-field .ui-textarea,
.ui-field .ui-select .jq-selectbox__select,
.ui-select .ui-field .jq-selectbox__select {
    margin: 0
}

.ui-field .icon-success,
.ui-field .icon-error {
    position: absolute;
    top: 1.5rem;
    right: 1.2rem
}

.ui-input,
.ui-textarea,
.ui-select .jq-selectbox__select,
select.ui-select {
    transition: box-shadow .25s, border-color .25s;
    width: 100%;
    background: #fff;
    border: .1rem solid #F2F2F2;
    border-radius: .4rem;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 1rem 1.8rem;
    color: #343434;
    margin: 0 0 1.5rem;
    -webkit-appearance: none
}

.ui-input::-webkit-input-placeholder,
.ui-textarea::-webkit-input-placeholder,
.ui-select .jq-selectbox__select::-webkit-input-placeholder {
    color: #b0b0b0;
    transition: .25s
}

.ui-input:focus,
.ui-textarea:focus,
.ui-select .jq-selectbox__select:focus {
    border-color: rgba(59, 85, 230, 0.5)
}

.ui-input:focus::-webkit-input-placeholder,
.ui-textarea:focus::-webkit-input-placeholder,
.ui-select .jq-selectbox__select:focus::-webkit-input-placeholder {
    transform: translate(1.0rem, 0);
    opacity: 0
}

.ui-input.is-success,
.is-success.ui-textarea,
.ui-select .is-success.jq-selectbox__select {
    border-color: #B0CB34;
    box-shadow: none
}

.ui-input.is-error,
.is-error.ui-textarea,
.ui-select .is-error.jq-selectbox__select {
    border-color: #E13838;
    box-shadow: none
}

.ui-input:disabled,
.ui-textarea:disabled,
.ui-select .jq-selectbox__select:disabled {
    border-color: #F3F3F3;
    background: #F3F3F3
}

.ui-textarea {
    padding: 1.5rem 1.8rem;
    height: 13.5rem;
    max-width: 100%;
    resize: none;
    overflow: hidden;
    display: block;
    overflow: visible !important
}

.ui-textarea--50 {
    height: 5rem
}

.ui-select {
    display: inline-block;
    position: relative;
    z-index: 10;
    width: 100%
}

.ui-select .icon-error,
.ui-select .icon-success {
    position: absolute;
    top: 1.5rem;
    right: 5.2rem
}

.ui-select.opened .jq-selectbox__trigger {
    background: #3B55E6;
    border-radius: 0 .4rem 0 0
}

.ui-select.opened .jq-selectbox__trigger-arrow {
    border-color: #fff;
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.ui-select.opened .jq-selectbox__select {
    border-radius: .4rem .4rem 0 0
}

.ui-select .is-success~.jq-selectbox__select {
    border-color: #B0CB34;
    box-shadow: none
}

.ui-select .is-error~.jq-selectbox__select {
    border-color: #E13838;
    box-shadow: none
}

.ui-select select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.ui-select ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-select li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ui-select .placeholder {
    color: #b0b0b0
}

.ui-select .jq-selectbox__select {
    margin: 0;
    padding-right: 5.2rem
}

.ui-select .jq-selectbox__select-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-select .jq-selectbox__trigger {
    width: 3.4rem;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 .4rem .4rem 0;
    transition: .25s
}

.ui-select .jq-selectbox__trigger:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
    height: 3rem;
    background: #F2F2F2;
    width: .1rem;
    margin: -1.5rem 0 0
}

.ui-select .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    border-left: .2rem solid #343434;
    border-bottom: .2rem solid #343434;
    margin: -.4rem 0 0 -.4rem;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: .25s
}

.ui-select .jq-selectbox__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: .1rem solid #F2F2F2;
    border-top: none;
    background: #fff;
    border-radius: 0 0 .4rem .4rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 400;
    min-width: 100%
}

.ui-select .jq-selectbox__dropdown .ui-scroll {
    margin: 0
}

.ui-select .jq-selectbox__dropdown ul {
    position: relative;
    list-style: none;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0 -.1rem
}

.ui-select .jq-selectbox__dropdown li {
    padding: 1rem 1.6rem;
    color: #343434;
    cursor: pointer;
    border-bottom: .1rem solid #F8F8F8;
    transition: .25s
}

.ui-select .jq-selectbox__dropdown li:last-child {
    border: none
}

.ui-select .jq-selectbox__dropdown li.sel {
    background: #F2F3F9
}

.ui-select .jq-selectbox__dropdown li:hover {
    background: #3B55E6;
    color: #fff
}

.ui-select .jq-selectbox__search input {
    -webkit-appearance: textfield
}

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

.ui-check {
    position: relative;
    padding: 0 0 0 2.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 0 1rem;
    display: block;
    min-height: 1.5rem;
    font-weight: 400;
    cursor: pointer
}

.ui-check .icon-error,
.ui-check .icon-success {
    display: none
}

.ui-check b {
    font-weight: 500
}

.ui-check small {
    display: block;
    font-size: 1.3rem;
    line-height: inherit;
    font-weight: 500;
    color: #343434
}

.ui-check:hover {
    color: #3660bc
}

.ui-check:hover .ui-check__radio,
.ui-check:hover .ui-check__checkbox {
    border-color: rgba(54, 96, 188, 0.5)
}

.ui-check--inline {
    display: inline-block;
    margin-right: 1.5rem
}

.ui-check__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.ui-check__input:checked~.ui-check__radio {
    border-color: #3660BC;
    border-width: .4rem
}

.ui-check__input:checked~.ui-check__checkbox {
    border-color: #3660BC;
    background: #3660BC
}

.ui-check__input:checked~.ui-check__checkbox [class^="icon-"] {
    opacity: 1
}

.ui-check__input.is-error~.ui-check__radio,
.ui-check__input.is-error~.ui-check__checkbox {
    border-color: #E13838
}

.ui-check__radio {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: .1rem solid #E9E9E9;
    border-radius: 50%;
    position: absolute;
    top: .2rem;
    left: 0;
    transition: .25s
}

.ui-check__checkbox {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: .1rem solid #E8E8E8;
    border-radius: .3rem;
    position: absolute;
    top: .2rem;
    left: 0;
    transition: .25s
}

.ui-check__checkbox [class^="icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5rem 0 0 -.6rem;
    color: #fff;
    opacity: 0;
    transition: inherit;
    display: block
}

.ui-number {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 2.5rem;
    width: 11rem;
    height: 4rem;
    border-radius: 2rem;
    overflow: hidden;
    border: none;
    background: #F3F3F3
}

.ui-number .jq-number__field {
    width: 100%
}

.ui-number .jq-number__field input {
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #343434;
    width: 100%;
    text-align: center;
    padding: .5rem 1rem;
    -moz-appearance: textfield
}

.ui-number .jq-number__field input::-webkit-inner-spin-button,
.ui-number .jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.ui-number .jq-number__spin {
    display: block;
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 1.8rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #343434;
    cursor: pointer;
    text-align: center;
    padding: 0;
    margin: -.9rem 0 0
}

.ui-number .jq-number__spin:hover {
    color: #3660BC
}

.ui-number .jq-number__spin.minus {
    left: 0;
    padding: 0 0 0 .4rem;
    border-right: .1rem solid #EAEAEA
}

.ui-number .jq-number__spin.minus:after {
    content: '-';
    display: block
}

.ui-number .jq-number__spin.plus {
    right: 0;
    padding: 0 .4rem 0 0;
    border-left: .1rem solid #EAEAEA
}

.ui-number .jq-number__spin.plus:after {
    content: '+';
    display: block
}

.ui-number.disabled {
    opacity: .7
}

.ui-number--sm {
    width: 10rem;
    height: 3rem;
    padding: 0 2rem
}

.ui-number--sm .jq-number__field input {
    font-size: 1.3rem
}

.ui-number--sm .jq-number__spin {
    font-size: 1.2rem;
    width: 2rem
}

.ui-rating {
    margin: 0 0 1.5rem
}

.ui-rating__text {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700;
    color: #343434
}

.ui-rating__stars {
    display: inline-block;
    vertical-align: top;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    overflow: hidden;
    margin: 0 -.2rem
}

.ui-rating__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.ui-rating__label {
    float: right;
    display: block;
    padding: 0 .2rem;
    color: #DCDCDC;
    cursor: pointer;
    transition: .25s
}

.ui-rating__label .icon-star {
    color: inherit
}

.ui-rating__label:hover {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.ui-rating__label:hover,
.ui-rating__input:checked~.ui-rating__label,
.ui-rating__label:hover~.ui-rating__label {
    color: #FBD952
}

.app-notice {
    position: relative;
    display: block;
    padding: .8rem 5.5rem;
    margin: 0 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 5rem
}

.app-notice--error {
    background: #EE2E2E;
    color: #fff
}

.app-notice--success {
    background: #3FCA5F;
    color: #fff
}

.app-notice--warning {
    background: #FFC412;
    color: #343434
}

.app-notice__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 5rem;
    width: 5.5rem;
    margin: 0
}

.app-notice__text {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    padding: .5rem 0;
    margin: 0 1.5rem 0 0
}

.app-notice__btn {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    white-space: nowrap;
    color: #343434;
    background: #fff;
    padding: 0 2.8rem;
    border-radius: 18px;
    transition: .25s
}

.app-notice__btn:hover {
    color: #fff;
    background: #3B55E6
}

.app-notice__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 5rem;
    width: 5.5rem;
    border: none;
    background: none;
    padding: 0;
    color: inherit;
    transition: .25s
}

.app-notice__close:hover {
    opacity: .5
}

.is-chats-open .app-chats__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.is-chats-open .app-chats__toggle .icon-chats-open {
    opacity: 0;
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

.is-chats-open .app-chats__toggle .icon-chats-close {
    opacity: 1;
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.app-chats {
    position: fixed;
    z-index: 100;
    bottom: 2rem
}

.app-chats--right {
    right: 2rem
}

.app-chats--left {
    left: 2rem
}

.app-chats__toggle {
    display: block;
    position: relative;
    border: none;
    padding: 0;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background: #3B55E6;
    color: #fff;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .25s
}

.app-chats__toggle .icon-chats-open,
.app-chats__toggle .icon-chats-close {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .25s
}

.app-chats__toggle .icon-chats-close {
    opacity: 0;
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

.app-chats__toggle:hover {
    background: #7097EC;
    color: #fff
}

@media (max-width: 479px) {
    .app-chats__toggle {
        width: 5.5rem;
        height: 5.5rem
    }

    .app-chats--right {
        right: 1.5rem
    }

    .app-chats--left {
        left: 1.5rem
    }

    .icon-chats-open {
        width: 2.8rem;
        height: 2.8rem
    }
}

.app-chats__dropdown {
    position: absolute;
    bottom: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 1px 30px rgba(188, 187, 237, 0.3);
    margin: 0 0 3rem;
    width: 29rem;
    overflow: hidden;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.app-chats__list {
    margin: 0 -1px -1px 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app-chats__list>li {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    border-bottom: 1px solid #EBEBF5;
    border-right: 1px solid #EBEBF5
}

.app-chats__item {
    text-align: center;
    color: #343434;
    min-height: 100%;
    padding: 1.4rem 1rem 1rem;
    display: block;
    transition: .25s
}

.app-chats__item:hover {
    background: #EBEBF5;
    color: #343434
}

.app-chats__item-image {
    margin: 0 0 1rem
}

.app-chats__item-image img {
    display: inline-block;
    vertical-align: top;
    max-width: 6rem
}

.app-chats__item-text {
    display: block;
    margin: 0;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 500
}

.app-chats__item--viber-mobile {
    display: none
}

@media (max-width: 767px) {
    .app-chats__item--viber-mobile {
        display: block
    }

    .app-chats__item--viber-pc {
        display: none
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: .1rem;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: .1rem solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -999.9rem;
    margin: 0;
    position: absolute !important;
    top: -999.9rem;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0 linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s, visibility 0;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 1.3rem;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 4.4rem;
    left: 0;
    line-height: 4.4rem;
    min-width: 4.4rem;
    mix-blend-mode: difference;
    padding: 0 1rem;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.4rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 4.4rem 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: .6rem .6rem 0
}

.fancybox-slide--iframe {
    padding: 4.4rem 4.4rem 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 .6rem;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 2.4rem;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: .6rem
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 4.4rem);
    margin-bottom: 4.4rem
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 40rem;
    padding: 4rem;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 4.4rem;
    margin: 0;
    outline: none;
    padding: 1rem;
    transition: color .2s;
    vertical-align: top;
    width: 4.4rem
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--pause svg path:nth-child(1) {
    display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 3.8rem;
    opacity: 0;
    padding: .6rem;
    position: absolute;
    top: 50%;
    width: 3.8rem
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -2.5rem;
    padding: 5rem;
    position: absolute;
    top: -2.5rem
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: .6rem
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: .6rem
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 4.4rem;
    margin: 0;
    padding: .6rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4rem;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
    color: #ccc;
    padding: .5rem;
    right: -1.2rem;
    top: -4.4rem
}

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 2.5rem 4.4rem;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -2.5rem;
    z-index: -1
}

.fancybox-caption::after {
    border-bottom: .1rem solid rgba(255, 255, 255, 0.3);
    content: '';
    display: block;
    left: 4.4rem;
    position: absolute;
    right: 4.4rem;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    border: .6rem solid rgba(100, 100, 100, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 6rem;
    left: 50%;
    margin: -3rem 0 0 -3rem;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 6rem;
    z-index: 99999
}

@keyframes fancybox-rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-button--fullscreen::before {
    width: 1.5rem;
    height: 1.1rem;
    left: calc(50% - .7rem);
    top: calc(50% - .6rem);
    border: .2rem solid;
    background: none
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: .3rem;
    max-width: 90%;
    padding: 3rem;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0 0 2rem
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: .3rem;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 0 .5rem 1rem;
    min-width: 13rem;
    padding: 0 1.5rem;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 2.5rem;
    margin-right: .7rem;
    position: relative;
    top: -.1rem;
    vertical-align: middle;
    width: 2.5rem
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: .1rem solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 1.4rem;
    margin: 1rem 0 0;
    outline: none;
    padding: 1rem 1.5rem;
    width: 100%
}

.fancybox-button--play::before,
.fancybox-button--pause::before {
    top: calc(50% - .6rem);
    left: calc(50% - .4rem);
    background: transparent
}

.fancybox-button--play::before {
    width: 0;
    height: 0;
    border-top: .6rem inset transparent;
    border-bottom: .6rem inset transparent;
    border-left: 1rem solid;
    border-radius: .1rem
}

.fancybox-button--pause::before {
    width: .7rem;
    height: 1.1rem;
    border-style: solid;
    border-width: 0 .2rem
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: .2rem .2rem .4rem;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 21.2rem;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 21.2rem
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: .7rem
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 1rem;
    box-shadow: inset 0 0 .6rem rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 1rem
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 7.5rem;
    margin: .2rem;
    max-height: calc(100% - .8rem);
    max-width: calc(50% - .4rem);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 10rem
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1)
}

.fancybox-thumbs>ul>li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: .4rem solid #4ea7f9;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width: 80.0rem) {
    .fancybox-thumbs {
        width: 11rem
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 11rem
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 1.0rem)
    }
}

.fancybox-content {
    padding: 0
}

.fancybox-bg {
    background: #000
}

.fancybox-is-open .fancybox-bg {
    opacity: .85
}

.fancybox-close-small {
    transition: .25s
}

.fancybox-close-small:after,
.fancybox-close-small:before {
    display: none
}

.fancybox-close-small:hover {
    color: #3660BC
}

.fancybox-slide--html .fancybox-close-small {
    display: none
}

.fancybox-thumbs>ul>li {
    background-size: 80%
}

.fancybox-slide--html {
    padding: 0
}

.fancybox-button--play,
.fancybox-button--thumbs,
.fancybox-button--zoom {
    display: none !important
}

.countdown__text {
    display: block;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin: 1.5rem 0
}

.countdown__text small {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    color: #9e9e9e
}

.countdown__time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 7rem;
    margin: 0 -.8rem
}

.countdown__time .item {
    display: block;
    width: 5rem;
    height: 5rem;
    background: #F8F8F8;
    font-size: 2rem;
    line-height: 5rem;
    font-weight: 700;
    color: #343434;
    position: relative;
    margin: 0 .8rem
}

.countdown__time .label {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5rem;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    width: 10rem;
    color: #343434;
    padding: .5rem 0 0
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 3rem
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 3rem
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 1.6rem;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -2.6rem
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -2.6rem
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 2rem 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: .2rem;
    height: 100%;
    margin: 0 auto;
    border-radius: 1.6rem
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 3rem;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: .4rem;
    height: 100%;
    margin: 0 auto;
    border-radius: 1.6rem;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 1.2rem
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: .8rem
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 2rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 3rem
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: .3rem;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -3rem
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 2rem
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: .3rem;
    margin: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 3rem;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: .3rem;
    margin: 0
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 1.2rem;
    margin: .2rem auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: .8rem;
    margin: .4rem 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 2rem;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 3rem;
    margin-bottom: 3rem
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 3rem;
    padding-bottom: 3rem;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 2rem
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 2rem
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 2rem
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 3rem
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    background: #f6f6f6
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #3B55E6
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    display: none
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    height: .8rem;
    background: #000
}

.irs-grid-pol.small {
    height: .4rem
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: .9rem;
    line-height: .9rem;
    padding: 0 .3rem;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs {
    height: .5rem;
    margin: 0 0 1.5rem
}

.irs-line {
    height: 100%;
    top: 0;
    background: #EFEFEF;
    border-radius: .3rem
}

.irs-bar {
    top: 0;
    background: #457CD8;
    height: 100%
}

.irs-handle {
    width: 1.4rem;
    height: 1.4rem;
    top: 50%;
    margin: -.7rem 0 0;
    border: .2rem solid #FFFFFF;
    background: #457CD8;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.25s, box-shadow .25s
}

.irs-handle:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem
}

.irs-handle.state_hover,
.irs-handle:hover {
    background: #FFFFFF;
    box-shadow: inset 0 0 0 .2rem #457CD8
}

.popup {
    width: 100%
}

.popup--570 {
    max-width: 57rem
}

.popup--1090 {
    max-width: 109rem
}

.popup--890 {
    max-width: 89rem
}

.popup--1170 {
    max-width: 117rem
}

.popup--782 {
    max-width: 78.2rem
}

.popup--stories {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    position: static;
    width: 100%;
    height: 100%
}

.popup .sku {
    padding: 3rem 1.5rem
}

.popup .sku .container-fluid {
    padding: 0
}

@media (min-width: 992px) {
    .popup .sku {
        padding: 2rem 3.5rem
    }
}

.popup .sku__fast,
.popup .sku__close {
    display: block
}

.popup .sku__group {
    border: .1rem solid #F6F6F6;
    padding: 2.5rem 2.5rem 3.5rem;
    margin: 0 0 2.5rem;
    background: none;
    box-shadow: none
}

.popup__close {
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    color: #343434;
    transition: .25s;
    text-align: center;
    line-height: 4rem;
    cursor: pointer;
    z-index: 100
}

.popup__close:hover {
    color: #3660BC
}

#popupprod {
    background: transparent
}

#popupprod>img {
    margin: 0 auto;
    display: block;
    width: 5rem;
    height: 5rem
}

.popup__stories {
    width: 100%;
    height: 100%;
    padding: 0 3rem
}

.popup__stories-close {
    width: 30px;
    right: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    padding: 0;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s;
    color: #c3c6d6;
    z-index: 100
}

.popup__stories-close:hover {
    color: #3b55e6
}

.popup__stories-slides {
    position: relative;
    margin: 0;
    padding: 2rem 0;
    text-align: center;
    height: 100%
}

.popup__stories-slides>.slick-list {
    overflow: visible;
    height: 100%
}

.popup__stories-slides>.slick-list>.slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.popup__stories-slides>.slick-list>.slick-track>.slick-slide,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide>div {
    height: 100%
}

.popup__stories-slides .slick-arrow,
.popup__stories-slides .slick-dots,
.popup__stories-slides .popup__stories-prev,
.popup__stories-slides .popup__stories-next {
    opacity: 0;
    visibility: hidden
}

.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .slick-arrow,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .slick-dots,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .popup__stories-prev,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .popup__stories-next {
    opacity: 1;
    visibility: visible
}

.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .slick-arrow.is-disabled,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .slick-dots.is-disabled,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .popup__stories-prev.is-disabled,
.popup__stories-slides>.slick-list>.slick-track>.slick-slide.slick-active .popup__stories-next.is-disabled {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 767px) {
    .popup__stories-slides>.slick-list>.slick-track>.slick-slide {
        margin: 0 15px
    }
}

@media (min-width: 768px) {
    .popup__stories-slides {
        height: 80%;
        max-width: 50%;
        margin: 0 auto
    }
}

.popup__stories-slide {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: relative
}

.popup__stories-thumbs {
    margin: 0;
    padding: 0 0 2rem;
    height: 20%
}

.popup__stories-thumbs>.slick-list {
    height: 100%;
    overflow: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.popup__stories-thumbs>.slick-list>.slick-track {
    height: 100%
}

.popup__stories-thumbs>.slick-list>.slick-track>.slick-slide {
    height: 100%;
    margin: 0 .4rem
}

.popup__stories-thumbs>.slick-list>.slick-track>.slick-slide>div {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.popup__stories-thumbs .slick-current {
    pointer-events: none
}

.popup__stories-thumbs .slick-current .popup__stories-thumb:after {
    border-color: #fff
}

@media (max-width: 767px) {
    .popup__stories-thumbs {
        position: absolute;
        visibility: hidden;
        pointer-events: none;
        display: none
    }
}

.popup__stories-thumb {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-height: 100%;
    width: 10vh !important;
    max-width: 102px
}

.popup__stories-thumb:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border: 1px solid #1557E9;
    box-shadow: inset 0 0 0 1px #1A1A1A;
    transition: .25s
}

.popup__stories-thumb img {
    display: block;
    max-height: 100%
}

.slick-active .popup__stories-group>.slick-dots .slick-active button {
    background: rgba(255, 255, 255, 0.4)
}

.slick-active .popup__stories-group>.slick-dots .slick-active button:after {
    animation: autoplayProgress 5s linear forwards
}

.slick-active .popup__stories-group>.slick-dots .slick-active~li button {
    background: rgba(255, 255, 255, 0.4)
}

.popup__stories-group {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%
}

.popup__stories-group>.slick-list {
    height: 100%
}

.popup__stories-group>.slick-list>.slick-track {
    height: 100%
}

.popup__stories-group>.slick-list>.slick-track>.slick-slide,
.popup__stories-group>.slick-list>.slick-track>.slick-slide>div {
    height: 100%
}

.popup__stories-group>.slick-list>.slick-track>.slick-slide>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup__stories-group>.slick-arrow {
    position: absolute;
    top: 50%;
    margin: -1.5rem 21rem 0;
    width: 3rem;
    height: 3rem;
    border: none;
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    color: #c3c6d6;
    transition: .25s;
    cursor: pointer;
    z-index: 100
}

.popup__stories-group>.slick-arrow:hover {
    color: #3b55e6
}

.popup__stories-group>.slick-prev {
    right: 50%
}

.popup__stories-group>.slick-next {
    left: 50%
}

.popup__stories-group>.slick-dots {
    display: -ms-flexbox !important;
    display: flex !important;
    list-style: none;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 15px 15px 0;
    width: 40vh;
    max-width: 340px;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.popup__stories-group>.slick-dots>li {
    -ms-flex: 1;
    flex: 1;
    padding: 0 2px
}

.popup__stories-group>.slick-dots button {
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    padding: 0;
    border: none;
    text-indent: -9999px;
    transition: none;
    position: relative
}

.popup__stories-group>.slick-dots button:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: 5s linear
}

@media (max-width: 767px) {
    .popup__stories-group>.slick-arrow {
        margin: -1.5rem 0 0
    }

    .popup__stories-group>.slick-prev {
        right: auto;
        left: 3rem
    }

    .popup__stories-group>.slick-next {
        left: auto;
        right: 3rem
    }

    .popup__stories-group>.slick-dots {
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
        -ms-transform: none;
        transform: none;
        top: 20px;
        max-width: none
    }
}

@keyframes autoplayProgress {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.popup__stories-group-image {
    position: relative;
    width: 40vh !important;
    max-width: 340px;
    max-height: 100%;
    margin: 0 auto
}

.popup__stories-group-image .btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: block;
    text-transform: uppercase;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px
}

.popup__stories-group-image img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.popup__stories-prev,
.popup__stories-next {
    position: absolute;
    top: 50%;
    margin: -1.5rem 21rem 0;
    width: 3rem;
    height: 3rem;
    border: none;
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    color: #c3c6d6;
    transition: .25s;
    cursor: pointer;
    z-index: 100
}

.popup__stories-prev svg,
.popup__stories-next svg {
    width: .8906rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor
}

.popup__stories-prev.is-disabled,
.popup__stories-next.is-disabled {
    visibility: hidden;
    opacity: 0
}

.popup__stories-prev:hover,
.popup__stories-next:hover {
    color: #3b55e6
}

@media (max-width: 767px) {

    .popup__stories-prev,
    .popup__stories-next {
        margin: -1.5rem 0 0
    }
}

.popup__stories-prev {
    right: 50%
}

@media (max-width: 767px) {
    .popup__stories-prev {
        right: auto;
        left: 3rem
    }
}

.popup__stories-next {
    left: 50%
}

@media (max-width: 767px) {
    .popup__stories-next {
        left: auto;
        right: 3rem
    }
}

.signin {
    font-size: 1.3rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden;
    padding: 2rem
}

.signin .row {
    margin: 0 -2rem
}

.signin .row>[class^="col"] {
    padding: 0 2rem;
    border-right: .1rem solid #F3F3F3
}

@media (min-width: 992px) {
    .signin .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .signin .col-lg-5 {
        -ms-flex-order: 1;
        order: 1
    }
}

.signin__close {
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    color: #343434;
    transition: .25s;
    text-align: center;
    line-height: 4rem;
    cursor: pointer;
    z-index: 100
}

.signin__close:hover {
    color: #3660BC
}

.signin__head {
    display: block;
    border-bottom: .1rem solid #F3F3F3;
    padding: 0 0 2rem;
    margin: 0 0 2rem
}

.signin__head a {
    display: inline-block;
    vertical-align: top;
    font-size: 1.3rem;
    line-height: 2rem;
    margin: .5rem 0 0
}

.signin__body p {
    min-height: 16.6rem
}

.signin__title {
    display: block;
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 400
}

.signin__empty {
    display: block;
    margin: 0 auto;
    padding: 15rem 0;
    text-align: center;
    max-width: 27rem
}

.signin__action {
    padding: 1.5rem 0 4.5rem;
    text-align: center
}

.signin__action .btn {
    min-width: 19.6rem
}

.signin__social {
    border-top: .1rem solid #F3F3F3;
    padding: 3rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.signin__social .btn {
    margin: 0 .8rem 1rem 0
}

.signin__social .btn:last-child {
    margin-right: 0
}

@media (min-width: 992px) {
    .signin__social {
        padding-bottom: 0
    }
}

.writeus {
    padding: 2rem 2.5rem
}

.writeus__heading {
    display: block;
    border-bottom: .1rem solid #F3F3F3;
    padding: 0 0 2rem;
    margin: 0 0 2rem;
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 400
}

.writeus__heading:first-letter {
    text-transform: capitalize
}

.writeus__action {
    text-align: center;
    padding: 1.5rem 0 2.5rem
}

.writeus__action .btn {
    min-width: 19.6rem
}

.slides {
    position: relative;
    color: #fff;
    margin: -2.5rem 0 0
}

.slides--width-container {
    margin: 0 auto;
    max-width: 117rem
}

.slides .slick-arrow {
    display: block;
    padding: 0;
    background: rgba(0, 0, 0, 0.25);
    background: radial-gradient(circle, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 70%);
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    color: #fff;
    cursor: pointer;
    z-index: 20;
    transition: .25s
}

.slides .slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: -1rem;
    left: -1rem;
    right: -1rem;
    bottom: -1rem
}

.slides .slick-arrow:hover {
    color: #3660BC
}

.slides .slick-prev {
    left: 2rem
}

.slides .slick-prev:hover {
    -ms-transform: translate(-1.0rem, -50%);
    transform: translate(-1.0rem, -50%)
}

@media (min-width: 1200px) {
    .slides .slick-prev {
        left: 50%;
        margin: 0 0 0 -57rem
    }
}

.slides .slick-next {
    right: 2rem
}

.slides .slick-next:hover {
    -ms-transform: translate(1.0rem, -50%);
    transform: translate(1.0rem, -50%)
}

@media (min-width: 1200px) {
    .slides .slick-next {
        right: 50%;
        margin: 0 -52rem 0 0
    }
}

.slides__item {
    position: relative;
    z-index: 1;
}

.slides--scale .slides__item {
    height: unset
}

@media (max-width: 767px) {
    .slides__item {
        height: 24rem
    }

    .slides__item-desc {
        -ms-transform: scale(0.7) !important;
        transform: scale(0.7) !important;
        margin: 0
    }
}

.slides__item--black,
.slides__item--black .slides__item-title,
.slides__item--black .slides__item-price {
    color: #343434
}

.slides__item .container-fluid {
    padding: 0;
    overflow: hidden;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.slides--scale .slides__item .container-fluid {
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width: 992px) {
    .slides__item .container-fluid {
        -ms-flex-align: center;
        align-items: center
    }
}

.slides__item-image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}

.slides--scale .slides__item-image {
    position: relative
}

.slides__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .slides__item-image img.is-md-hidden {
        display: none
    }
}

@media (max-width: 767px) {
    .slides__item-image img.is-md-visible {
        display: none
    }
}

.slides--scale .slides__item-image img {
    height: auto;
    object-fit: contain;
    position: absolute;
    top: 0
}

.slides__item-desc {
    float: right;
    width: 16rem;
    transition: 1s .5s;
    margin: 0 1.5rem 3rem 0;
    -ms-transform: translate(0, 2.0rem);
    transform: translate(0, 2.0rem);
    opacity: 0
}

@media (min-width: 992px) {
    .slides__item-desc {
        margin: 0;
        width: 30rem
    }
}

@media (max-width: 991px) {
    .slides--scale .slides__item-desc {
        -ms-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
        margin: 0
    }
}

.slick-active .slides__item-desc {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.slides__item-title {
    font-size: 1.8rem;
    color: #fff;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin: 0 0 .8rem
}

.slides__item-price {
    margin: 0 0 1.7rem;
    color: #fff;
    font-size: 3rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: .1rem
}

.promo {
    margin: 0 -2rem
}

.promo .row {
    margin: 0
}

.promo .row>[class^="col-"] {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.promo .col-lg-5 .promo__item {
    -ms-flex: 50%;
    flex: 50%
}

@media (min-width: 992px) {
    .promo {
        padding: 7.2rem 0 2rem;
        margin: 0 auto
    }
}

.promo--1170 {
    max-width: 121rem
}

.promo__item {
    position: relative;
    z-index: 10;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: hidden;
    background: #141414;
    color: #fff;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: box-shadow .4s
}

.promo__item:before {
    content: '';
    float: left;
    padding: 50% 0 0
}

.promo__item:hover {
    z-index: 15;
    color: #fff;
}

.promo__item:hover .promo__item-image {
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.promo__item--large:before {
    padding: 75% 0 0
}

.promo__item--large .promo__item-desc {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.promo__item-image {
    transition: .4s;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.promo__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.promo__item-desc {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    padding: 2.8rem 2rem 1.8rem 3rem;
    max-width: 22rem
}

.promo__item-desc :last-child {
    margin: 0
}

.promo__item-desc--top-left {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.promo__item-desc--top-right {
    top: 0;
    left: auto;
    right: 0;
    bottom: auto;
    text-align: right
}

.promo__item-desc--bottom-left {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0
}

.promo__item-desc--bottom-right {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    text-align: right
}

.promo__item-desc--black {
    color: #343434
}

.promo__item-title {
    display: block;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: .1rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 .8rem
}

.promo__item-title b {
    font-size: 2rem;
    font-weight: inherit
}

.promo__item-price {
    display: block;
    margin: 0 0 1rem;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: .1rem;
    font-weight: 300;
    margin: 0 0 2.4rem;
    white-space: nowrap
}

.products {
    padding: 5.4rem 0 4.4rem
}

.products--recomended {
    padding: 7rem 0 4.5rem
}

.products__slides {
    position: relative;
    z-index: 1
}

.products__slides:hover {
    z-index: 11
}

.products__slides>.slick-list,
.set__slides>.slick-list {
    overflow: hidden;
}

.products__slides>.slick-list>.slick-track,
.set__slides>.slick-list>.slick-track {
    display: -ms-flexbox;
    display: flex
}

.products__slides>.slick-list>.slick-track>.slick-slide,
.set__slides>.slick-list>.slick-track>.slick-slide {
    margin: 0 1.5rem;
    width: 27rem;
    height: auto
}

.products__slides>.slick-arrow,
.set__slides>.slick-arrow {
    position: absolute;
    top: -7rem;
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    border: none;
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6;
    color: #131313;
    transition: .25s;
    cursor: pointer
}

.products__slides>.slick-arrow:hover,
.set__slides>.slick-arrow:hover {
    background: #3B55E6;
    color: #fff
}

.products__slides>.slick-arrow.slick-disabled,
.set__slides>.slick-arrow.slick-disabled {
    background: #f6f6f6;
    color: #131313;
    cursor: default;
    opacity: .33
}

.products__slides>.slick-prev,
.set__slides>.slick-prev {
    right: 3.5rem
}

.products__slides>.slick-next,
.set__slides>.slick-next {
    right: 0
}

.products__scroll.mCustomScrollbar {
    margin: 0 -1.5rem 3rem
}

.products__scroll.mCustomScrollbar .mCustomScrollBox {
    margin: -5rem 0 -10rem
}

.products__scroll.mCustomScrollbar .mCSB_container {
    padding: 5rem 1.5rem 10rem
}

.products__scroll.mCustomScrollbar .mCSB_scrollTools {
    bottom: 8.5rem;
    left: 1.5rem;
    right: 1.5rem
}

.products__scroll .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.products__scroll .row>[class^="col-"] {
    position: relative;
    min-width: 30rem
}

@media (min-width: 1200px) {
    .products__scroll .row>[class^="col-"] {
        min-width: auto
    }
}

.products__head {
    position: relative;
    z-index: 10
}

@media (min-width: 480px) {
    .products__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.products__sorting-menu {
    margin: 0 0 2.5rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    white-space: nowrap
}

.products__sorting-menu>li {
    position: relative;
    padding: 0 0 0 4rem
}

.products__sorting-menu>li:after {
    content: '/';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    text-align: center;
    color: #dbdbdb
}

.products__sorting-menu>li:first-child {
    padding: 0
}

.products__sorting-menu>li:first-child:after {
    display: none
}

@media (max-width: 767px) {
    .products__sorting-menu>li:nth-child(3)~li {
        display: none
    }
}

.products__sorting-btn {
    display: block;
    padding: 0;
    border: none;
    background: none;
    color: #3660bc;
    text-decoration: none;
    border-bottom: .1rem solid #EBEFF8;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    cursor: pointer
}

.products__sorting-btn:hover {
    color: #7097ec
}

.products__sorting-btn.is-active {
    color: #343434;
    border-color: transparent
}

.products__sorting-container {
    position: relative
}

.products__sorting-content {
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.products__sorting-content.is-active {
    opacity: 1;
    visibility: visible;
    position: relative
}

.products__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    padding: 0 7rem 0 0;
    margin: 0 1.5rem 2.5rem 0;
    -ms-flex: 1;
    flex: 1
}

.products__heading small {
    font-size: 2rem;
    font-weight: inherit
}

.products__grid {
    padding: 0 0 3rem
}

.products__grid .row {
    margin: 0;
    min-width: 100%
}

.products__grid .row>[class^="col-"] {
    padding: 0;
    margin: 0 -.1rem -.1rem 0
}

@media (min-width: 480px) {
    .products__grid {
        margin: 0
    }

    .products__grid .row {
        margin: 0 -1rem -2rem
    }

    .products__grid .row>[class^="col-"] {
        padding: 0 1rem 2rem
    }
}

@media (min-width: 1200px) {
    .products__grid .row {
        margin: 0 -1.5rem -3rem
    }

    .products__grid .row>[class^="col-"] {
        padding: 0 1.5rem 3rem
    }
}

.products__item {
    display: block;
    border: .1rem solid #F6F6F6;
    background: #fff;
    position: relative;
    z-index: 10;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    /* height: 35rem */
}

.products__item:hover {
    z-index: 15;
    /* overflow: visible; */
    /* border-color: transparent; */
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.products__item:hover .products__item-in:after {
    opacity: 1;
    visibility: visible
}

.products__item:hover .products__item-title {
    white-space: normal
}

.products__item:hover .products__item-countdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.products__item:hover .products__item-action {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.products__item:hover .products__item-images .slick-arrow {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.products__item--dual {
    margin: 0
}

.products__item--dual .products__item-in {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.products__item--dual .products__item-title {
    white-space: normal
}

.products__item--dual .row {
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%
}

@media (min-width: 480px) {
    .products__item--dual .products__item-images .slick-slide {
        padding: 0 2.4rem
    }

    .products__item--dual .products__item-desc {
        padding: 1rem 0 0 1.4rem
    }

    .products__item--dual .products__item-category {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #343434
    }

    .products__item--dual .products__item-title {
        font-size: 3.5rem;
        line-height: 1;
        text-transform: uppercase;
        color: #3660bc;
        margin: 0 0 1rem
    }

    .products__item--dual .products__item-price {
        font-size: 2rem;
        line-height: 2.4rem;
        color: #343434
    }
}

.products__item--promo {
    text-align: center;
    border-color: transparent
}

.products__item--promo .products__item-action {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.touch-device .products__item {
    overflow: initial
}

.products__item-in {
    position: relative;
    z-index: 10;
    min-height: 100%;
    padding: .8rem 2rem 1rem
}

/* .products__item-in:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -7.5rem;
    right: 0;
    z-index: -1;
    transition: .25s;
    background: #fff;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    transition: .25s;
    opacity: 0;
    visibility: hidden
} */

.products__promo-heading {
    display: block;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 1rem
}

.products__item-countdown {
    border-top: .1rem solid #F6F6F6;
    padding: 3.4rem 0;
    margin: 3.4rem 0 0;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 1.0rem);
    transform: translate(0, 1.0rem);
    text-align: center;
    transition: .25s
}

@media (min-width: 1200px) {
    .products__item-countdown {
        margin: 4.4rem 0 0
    }
}

.products__item-discount {
    display: block;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 1.7rem;
    font-weight: 700;
    background: #A7C248;
    color: #fff;
    padding: 2.4rem 1rem;
    white-space: nowrap;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 100
}

.products__item-discount small {
    display: block;
    font-size: 1.1rem
}

.sku__gallery .products__item-discount {
    top: 1rem;
    left: 2rem
}

@media (max-width: 767px) {
    .products__item-discount {
        width: 5.5rem;
        height: 5.5rem;
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 1.4rem .5rem
    }

    .products__item-discount small {
        font-size: 1rem
    }
}

.products__item-rating {
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem
}

.products__item-rating [class^="icon-"] {
    top: -.2rem;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .5rem 0 0
}

.products__item-images {
    height: auto;
    /* padding: 2rem; */
    margin: 0 -2rem;
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 15px;

}

.products__item-images a {
    display: block;
    width: 100%;
    height: 100%;
}

.products__item-images a img {
    width: 100%;
    /* object-fit: cover; */
    height: 100%;
}

.products__item-images.slick-initialized {
    padding: 0;
    display: block
}

.products__item-images .slick-arrow {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    padding: 0;
    background: none;
    color: #C3C3C3;
    cursor: pointer;
    transition: .4s;
    margin: -.8rem 0 0;
    opacity: 0
}

.products__item-images .slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    right: -.5rem;
    bottom: -.5rem
}

.products__item-images .slick-arrow:hover {
    color: #3660bc
}

.products__item-images .slick-prev {
    left: 2rem;
    -ms-transform: translate(-1.0rem, 0);
    transform: translate(-1.0rem, 0)
}

.products__item-images .slick-next {
    right: 2rem;
    -ms-transform: translate(1.0rem, 0);
    transform: translate(1.0rem, 0)
}

.products__item-images .slick-list {
    min-width: 100%
}

.products__item-images .slick-slide {
    height: 26rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.products__item-images .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -ms-flex: 1;
    flex: 1
}

.products__item-buttons {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: -ms-flexbox;
    display: none;
    z-index: 20
}

.products__item-buttons .btn {
    margin: 0 0 0 .5rem
}

.products__item-stickers {
    position: absolute;
    top: 0.5rem;
    right: 5rem;
    z-index: 11;
    width: 0;
}

.products__item-stickers--top {
    top: 10rem
}

.popup .products__item-stickers--top {
    top: 11rem
}

@media (max-width: 767px) {
    .products__item-stickers--top {
        top: 7rem
    }
}

.products__item-stickers .products__item-mark,
.products__item-stickers .products__item-rating,
.sku__stickers .products__item-mark {
    margin: 0 .5rem .5rem 0;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.products__item-stickers .products__item-rating {
    background: #fff;
    font-weight: 800;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0b0b0b;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    left: unset;
    right: 10px;
    border-radius: 5px;
    padding: 0 8px 0 7px;
    height: 22px;
    width: 50px;
    margin-right: 0;
    margin-bottom: 0;
}

.products__item-mark {
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    line-height: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    display: block;
    border-radius: 1.2rem;
    background: #F6F6F6;
    letter-spacing: .04rem;
    z-index: 15;
    white-space: nowrap
}

.products__item-mark--discount {
    background: #A7C248;
    color: #fff
}

.products__item-mark--hit {
    background: #4D31A9;
    color: #fff
}

.products__item-mark--new {
    background: #3660BC;
    color: #fff
}

.products__item-mark--sale {
    background: #A7C248;
    color: #fff
}

.products__item-mark--popular {
    background: #2196F3;
    color: #fff
}

.products__item-mark--reward {
    background: #607D8B;
    color: #fff
}

.products__item-mark--catch,
.products__item-mark--nocatch {
    background: #4a4a4a;
    color: #fff
}

.products__item-category {
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #b0b0b0;
    margin: 0 0 .3rem
}

.products__item-title {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    color: #343434;
    margin: 0 0 .4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.products__item-desc {
    margin: -2rem -2rem 0;
    border-top: 1px solid #E3E3E3;
    padding: 1.5rem 2rem 0;
}

@media (min-width: 480px) {
    a.products__item-title {
        margin: 0;
        color: #0B0B0B;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
    }
}

.products__item-price {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    color: #3660bc;
    margin: 0 0 .5rem;
    white-space: nowrap
}

.products__item-price small {
    font-size: 1.4rem;
    font-weight: 700;
    color: #b0b0b0;
    white-space: nowrap
}

.products__item-price u {
    font-size: 1.2rem;
    color: #b0b0b0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    margin: 0 4px 0 0;
    height: 20px;
    text-align: left;
}

.products__item-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.products__item-action {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    white-space: nowrap;
    padding: 0 2rem;
    transition: .25s;
    -ms-transform: translate(0, 1.0rem);
    transform: translate(0, 1.0rem);
    opacity: 0;
    visibility: hidden;
    height: 4rem;
    margin: .5rem 0 0;
    text-align: left;
    display: -ms-flexbox;
    display: flex
}

.products__item-action .btn {
    margin: 0 1rem 0 0
}

.products__item-action .btn:last-child {
    margin-right: 0
}

@media (max-width: 479px) {
    .products__item-action .btn--cart {
        width: 4rem;
        text-indent: -999.9rem;
        padding: 0
    }

    .products__item-action .btn--cart [class^="icon-"] {
        position: absolute;
        top: 50%;
        left: 50%;
        right: auto;
        margin: -1rem 0 0 -.8rem
    }
}

.products__set {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 3.6rem;
    border: .1rem solid #F6F6F6;
    background: #fff;
    text-align: center
}

@media (min-width: 480px) {
    .products__set-in {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .products__set-in {
        display: block
    }
}

.products__set-price {
    white-space: nowrap;
    display: block;
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0;
    padding: 2rem 3rem;
    text-align: center
}

.products__set-price small {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    color: #bababa
}

.products__line {
    position: relative;
    min-height: 23rem;
    border: .1rem solid #F6F6F6;
    margin: 0 0 2rem;
    padding: 3.2rem;
    transition: .25s
}

.products__line:hover {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

.products__line:hover .products__line-images .slick-arrow {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width: 768px) {
    .products__line {
        padding: 3.2rem 3.2rem 3.2rem 22rem
    }
}

.products__line-images {
    height: 23rem;
    padding: 2rem;
    margin: 0;
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .products__line-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 22rem
    }
}

.products__line-images.slick-initialized {
    padding: 0
}

.products__line-images .slick-arrow {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    padding: 0;
    background: none;
    color: #C3C3C3;
    cursor: pointer;
    transition: .4s;
    margin: -.8rem 0 0;
    opacity: 0
}

.products__line-images .slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    right: -.5rem;
    bottom: -.5rem
}

.products__line-images .slick-arrow:hover {
    color: #3660bc
}

.products__line-images .slick-prev {
    left: 1rem;
    -ms-transform: translate(-1.0rem, 0);
    transform: translate(-1.0rem, 0)
}

.products__line-images .slick-next {
    right: 1rem;
    -ms-transform: translate(1.0rem, 0);
    transform: translate(1.0rem, 0)
}

.products__line-images .slick-list {
    min-width: 100%
}

.products__line-images .slick-slide {
    height: 23rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.products__line-images .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.products__line-category {
    display: block;
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    color: #b0b0b0
}

.products__line-title {
    display: block;
    font-size: 2rem;
    line-height: 2.3rem;
    color: #343434;
    font-weight: 700
}

.products__line-rating {
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    width: 0;
    left: 1rem
}

.products__line-rating [class^="icon-"] {
    top: -.2rem;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .5rem 0 0
}

.products__line-price {
    display: block;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    margin: 0;
    color: #3660bc
}

.products__line-price u {
    font-size: 1.4rem;
    color: #b0b0b0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    margin: 0 1rem 0 0
}

.products__line-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.products__line-action {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -.7rem
}

.products__line-action .btn--cart {
    min-width: 16.4rem
}

.products__line-action>* {
    margin: 0 .7rem 1.4rem
}

.products__line-details {
    padding: 1.2rem 0;
    margin: 1.2rem 0 -3.2rem;
    border-top: .1rem solid #F6F6F6;
    position: relative;
    min-height: 5.4rem
}

.products__line-buttons {
    position: absolute;
    top: 1.2rem;
    right: 0;
    display: -ms-flexbox;
    display: flex
}

.products__line-buttons .btn {
    margin: 0 0 0 .5rem;
    color: #464646
}

.products__line-buttons .btn--blog:hover {
    color: #3660BC
}

.products__line-buttons .btn--like:hover {
    color: #F14D4D
}

.products__line-buttons .btn--preview {
    width: 3rem;
    height: 3rem;
    line-height: 2.8rem
}

.products__line-buttons .btn--preview:hover {
    color: #060606
}

@media (max-width: 420px) {
    .products__line-buttons {
        position: relative;
        margin-bottom: 2rem
    }
}

.products__line-stickers {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 0
}

.products__line-stickers .products__line-mark {
    margin: 0 .5rem .5rem 0;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.products__line-mark {
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    line-height: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    display: block;
    border-radius: 1.2rem;
    background: #F6F6F6;
    letter-spacing: .04rem;
    z-index: 15;
    white-space: nowrap
}

.products__line-mark--discount {
    background: #A7C248;
    color: #fff
}

.products__line-mark--hit {
    background: #4D31A9;
    color: #fff
}

.products__line-mark--new {
    background: #3660BC;
    color: #fff
}

.products__line-mark--sale {
    background: #E8A765;
    color: #fff
}

.products__micro {
    position: relative;
    min-height: 16rem;
    border: .1rem solid #F6F6F6;
    margin: 0 0 2rem;
    padding: 3.2rem;
    transition: .25s
}

.products__micro:hover {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

.products__micro:hover .products__micro-images .slick-arrow {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width: 768px) {
    .products__micro {
        padding: 3.2rem 3.2rem 3.2rem 15rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

.products__micro-images {
    height: 16rem;
    padding: 2rem;
    margin: 0;
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.products__micro-images a {
    height: 100%
}

.products__micro-images img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

@media (min-width: 768px) {
    .products__micro-images {
        position: absolute;
        top: 0;
        left: 0;
        width: 15rem
    }
}

.products__micro-images.slick-initialized {
    padding: 0
}

.products__micro-images .slick-arrow {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    padding: 0;
    background: none;
    color: #C3C3C3;
    cursor: pointer;
    transition: .4s;
    margin: -.8rem 0 0;
    opacity: 0
}

.products__micro-images .slick-arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    right: -.5rem;
    bottom: -.5rem
}

.products__micro-images .slick-arrow:hover {
    color: #3660bc
}

.products__micro-images .slick-prev {
    left: 1rem;
    -ms-transform: translate(-1.0rem, 0);
    transform: translate(-1.0rem, 0)
}

.products__micro-images .slick-next {
    right: 1rem;
    -ms-transform: translate(1.0rem, 0);
    transform: translate(1.0rem, 0)
}

.products__micro-images .slick-list {
    min-width: 100%
}

.products__micro-images .slick-slide {
    height: 16rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.products__micro-images .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.products__micro-desc {
    -ms-flex: 1;
    flex: 1;
    padding: 0 5rem 0 0;
    margin: 0 0 1.4rem
}

.products__micro-category {
    display: block;
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    color: #b0b0b0
}

.products__micro-title {
    display: block;
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: 700;
    color: #343434
}

.products__micro-rating {
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    width: 0;
    left: 1rem
}

.products__micro-rating [class^="icon-"] {
    top: -.2rem;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .5rem 0 0
}

.products__micro-price {
    display: block;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 0;
    color: #3660bc
}

.products__micro-price u {
    font-size: 1.4rem;
    color: #b0b0b0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    margin: 0 1rem 0 0
}

.products__micro-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.products__micro-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -.7rem
}

.products__micro-action .btn--cart {
    min-width: 16.4rem
}

.products__micro-action>* {
    margin: 0 .7rem 1.4rem
}

.products__micro-stickers {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 0
}

.products__micro-stickers .products__micro-mark {
    margin: 0 .5rem .5rem 0;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.products__micro-mark {
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    line-height: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    display: block;
    border-radius: 1.2rem;
    background: #F6F6F6;
    letter-spacing: .04rem;
    z-index: 15;
    white-space: nowrap
}

.products__micro-mark--discount {
    background: #A7C248;
    color: #fff
}

.products__micro-mark--hit {
    background: #4D31A9;
    color: #fff
}

.products__micro-mark--new {
    background: #3660BC;
    color: #fff
}

.products__micro-mark--sale {
    background: #A7C248;
    color: #fff
}

.products__micro-mark--popular {
    background: #2196F3;
    color: #fff
}

.products__micro-mark--reward {
    background: #607D8B;
    color: #fff
}

.products__micro-mark--catch,
.products__micro-mark--nocatch {
    background: #4a4a4a;
    color: #fff
}

.products__tabs-btn {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: none;
    padding: 0;
    margin: 0 3rem 0 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 3rem;
    color: #3660bc;
    white-space: nowrap;
    transition: .25s
}

.products__tabs-btn [class^="icon-"] {
    transition: .25s;
    margin: 0 0 0 .5rem
}

.products__tabs-btn:hover {
    color: #7097EC
}

.products__tabs-btn.is-active [class^="icon-"] {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.products__tabs-container {
    position: relative
}

.products__tabs-content {
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    position: fixed
}

.products__tabs-content.is-active {
    opacity: 1;
    visibility: visible;
    position: relative
}

.products__info {
    padding: 4rem 0;
    font-size: 1.3rem;
    line-height: 2.3rem
}

.products__info .row>[class^="col-"] {
    padding-bottom: 0
}

.products__info-heading {
    display: block;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 400;
    margin: 0 0 2rem
}

.products__info-dl {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem
}

.products__info-dl dt {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #d1d1d1
}

.products__info-dl dd {
    margin: 0 0 2rem
}

.products__info-dl dd:last-child {
    margin: 0
}

.products__status {
    font-size: 1.3rem;
    line-height: 2.3rem;
    margin: 0 0 1.4rem;
    white-space: nowrap;
    padding: .5rem 0
}

.products__status [class^="icon-"] {
    margin: 0 .5rem 0 0;
    top: -.1rem
}

.products__status-success {
    margin: 0;
    color: #acc862
}

.products__status-error {
    margin: 0;
    color: #9b9b9b
}

.products__item {
    display: block !important
}

.products__item-replace {
    display: block;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    padding: 0;
    border: none;
    background: none;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    transition: .25s;
    white-space: nowrap;
    z-index: 100
}

.products__item-replace .icon-replace {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1rem;
    width: 2rem;
    height: 2rem;
    margin: 0 .7rem 0 0;
    color: #3b55e6
}

.products__item-replace:hover {
    color: #3b55e6
}

@media (max-width: 479px) {
    .products__item-replace {
        letter-spacing: -999rem;
        color: #fff !important;
        font-size: 0
    }

    .products__item-replace .icon-replace {
        margin: 0
    }
}

.products__item-group {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100
}

.products__item-group>* {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 1rem 0 0
}

.banner {
    display: block;
    margin: 0;
    background: #343434;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: .25s
}

.banner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    transition: .25s
}

.banner img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner:hover {
    color: #fff;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

.banner:hover:after {
    background: rgba(0, 0, 0, 0.6)
}

@media (min-width: 768px) {
    .banner {
        margin: 3.6rem 0 3.8rem
    }
}

.banner--1170x150 {
    height: 15rem
}

.banner__caption {
    display: block;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-weight: 300;
    padding: 4rem 3rem
}

.banner__caption b {
    font-weight: 700
}

@media (min-width: 768px) {
    .banner__caption {
        padding: 4rem
    }
}

.sorting {
    margin: 0 0 2.5rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    white-space: nowrap
}

.sorting>li {
    position: relative;
    padding: 0 0 0 4rem
}

.sorting>li:after {
    content: '/';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.2rem;
    text-align: center;
    color: #dbdbdb
}

.sorting>li:first-child {
    padding: 0
}

.sorting>li:first-child:after {
    display: none
}

@media (max-width: 767px) {
    .sorting--md3>li:nth-child(3)~li {
        display: none
    }
}

.sorting__link {
    display: block
}

.sorting__link.is-active {
    color: #343434;
    border-color: transparent
}

.media {
    overflow: hidden;
    padding: 7rem 0 2.8rem
}

@media (min-width: 1200px) {
    .media {
        padding: 3.5rem 0 0rem
    }
}

.media__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.media__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.media__link {
    display: inline-block;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.media-col {
    margin: 0 0 3.5rem
}

@media (min-width: 1200px) {
    .media-col {
        margin: 0 0 3.5rem
    }
}

.media-col__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.media-col__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.media-col__link {
    display: inline-block;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.media__grid.mCustomScrollbar {
    margin: 0 -2rem 3rem
}

.media__grid.mCustomScrollbar .mCustomScrollBox {
    margin: -5rem 0 -10rem
}

.media__grid.mCustomScrollbar .mCSB_container {
    padding: 5rem 2rem 10rem
}

.media__grid.mCustomScrollbar .mCSB_scrollTools {
    bottom: 8.5rem;
    left: 2rem;
    right: 2rem
}

.media__grid .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.media__grid .row>[class^="col-"] {
    min-width: 30rem
}

.media__slides {
    margin: 0 -2rem;
    padding: 0 2rem
}

.media__slides .slick-list {
    overflow: visible
}

.media__slides .slick-track {
    display: -ms-flexbox;
    display: flex
}

.media__slides .slick-slide {
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem;
    width: 27rem;
    height: auto
}

.media__item {
    position: relative;
    z-index: 10;
    display: block;
    border: .1rem solid #F6F6F6;
    min-height: 100%;
    padding: 2rem 2rem 2.4rem;
    background: #fff;
    color: #343434;
    font-size: 1.4rem;
    line-height: 2.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: .25s;
    overflow: hidden
}

.media__item:hover {
    color: #343434;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    border-color: transparent;
    z-index: 15
}

.media__item:hover .media__item-title {
    color: #7097EC
}

.media__item:hover .media__item-image {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.media__item--bg {
    color: #fff;
    -ms-flex-align: end;
    align-items: flex-end
}

.media__item--bg:hover {
    color: #fff
}

.media__item--bg:hover .media__item-title {
    color: inherit
}

.media__item--bg .media__item-date {
    color: inherit
}

.media__item--bg .media__item-title {
    color: inherit;
    margin: 0
}

.media__item--bg .media__item-text {
    margin: 1rem -1rem 0 0
}

.media__item--bg .media__item-title u {
    border-color: transparent
}

.media__item-image {
    transition: transform .4s;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: #000
}

.media__item-image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.media__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media__item-date {
    display: block;
    font-size: 1.3rem;
    color: #afafaf;
    margin: 0 0 .8rem
}

.media__item-title {
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: 500;
    margin: 0 0 .7rem;
    color: #3660bc;
    transition: color .25s
}

.media__item-title u {
    text-decoration: none;
    border-bottom: .1rem solid #EBEFF8
}

.media__item-text {
    margin: 0 -1rem 0 0
}

.category {
    overflow: hidden;
    padding: 2rem 0 1rem
}

@media (min-width: 1200px) {
    .category {
        padding: 5rem 0
    }
}

.category__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.category__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    -ms-flex: 1;
    flex: 1
}

.category__link {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    line-height: 2rem;
    margin: 0 0 2.5rem
}

.category__grid.mCustomScrollbar {
    margin: 0 -2rem 3rem
}

.category__grid.mCustomScrollbar .mCustomScrollBox {
    margin: -5rem 0 -10rem
}

.category__grid.mCustomScrollbar .mCSB_container {
    padding: 5rem 2rem 10rem
}

.category__grid.mCustomScrollbar .mCSB_scrollTools {
    bottom: 8.5rem;
    left: 2rem;
    right: 2rem
}

.category__grid .row {
    margin: 0
}

.category__grid .row>[class^="col-"] {
    padding: 0;
    margin: 0 -.1rem -.1rem
}

@media (min-width: 1200px) {
    .category__grid .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .category__grid .row>[class^="col-"] {
        min-width: auto
    }
}

.category__slides {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2rem;
    padding: 0 2rem
}

.category__slides .slick-list {
    overflow: visible;
    min-width: 100%
}

.category__slides .slick-track {
    display: -ms-flexbox;
    display: flex
}

.category__slides .slick-slide {
    display: -ms-flexbox;
    display: flex;
    width: 30rem;
    height: auto;
    margin: 0 -.1rem -.1rem
}

.category__slides .slick-slide>* {
    width: 100%;
    height: 100%
}

.category__slides .slick-slide [class^="col-"] {
    padding: 0
}

.category__item {
    width: 100%;
    position: relative;
    z-index: 10;
    border: .1rem solid #F6F6F6;
    background: #fff;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #343434;
    /*padding: 3rem;*/
    padding: 1rem;
    min-height: 36.6rem;
    height: 100%;
    transition: .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.catalog__category .category__item {
    min-height: inherit
}

@media (max-width: 479px) {
    .category__item {
        min-height: 24.6rem;
        padding: 1rem;
    }
}

.col-xl-2 .category__item {
    min-height: 16.6rem
}

.category__item:hover {
    color: #3660BC;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    z-index: 15
}

.category__item:hover .category__item-image {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.category__item--account {
    min-height: inherit
}

.category__item-image {
    margin: 0 0 2rem;
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    transition: transform .4s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.category__item-title {
    /*font-size: 1.6rem;*/
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin: auto;
    text-align: center;
}

.info {
    background: #F2F2F7;
    padding: 3rem 0;
    margin: 3rem 0 0
}

@media (min-width: 768px) {
    .info {
        padding: 5rem 0
    }
}

.info__item {
    display: block;
    position: relative;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 auto;
    color: #343434;
    max-width: 24rem;
    text-align: center;
    padding: 2rem 0
}

.info__item svg,
.info__item img {
    display: block;
    margin: 0 auto 2rem;
    color: #3660BC
}

.info__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.info__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .info__item {
        padding: 0 0 0 4.5rem;
        text-align: left
    }

    .info__item svg,
    .info__item img {
        position: absolute;
        top: 50%;
        left: 0;
        max-width: 4rem;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.seo {
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 5rem 0 7.2rem
}

.seo .editor p img {
    height: auto;
}

@media (min-width: 768px) {
    .seo {
        padding: 5rem 0 9.2rem
    }
}

@media (min-width: 992px) {
    .seo {
        padding: 9.4rem 0 8.8rem
    }
}

.seo__logo {
    padding: .2rem 0 0;
    margin: 0 0 2.2rem
}

.seo__logo img {
    display: block;
    margin: 0 0 1rem
}

.seo__logo h1 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500
}

.seo__heading {
    display: block;
    font-size: 3rem;
    font-weight: 500;
    line-height: 4rem;
    margin: 0 0 2rem
}

.seo__readmore {
    max-height: 15.4rem;
    overflow: hidden
}

.seo__readmore-link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: .7rem 0 0;
    font-size: 1.3rem;
    font-weight: 500
}

.fancybox-container .sku {
    width: 100%;
    max-width: 117rem;
    padding: 3rem 1.5rem
}

.fancybox-container .sku .container-fluid {
    padding: 0
}

.fancybox-container .sku__fast,
.fancybox-container .sku__close {
    display: block
}

.fancybox-container .sku__custom-popup {
    margin: -3rem 0 2rem
}

.fancybox-container .sku__group {
    border: .1rem solid #F6F6F6;
    padding: 2.5rem 2.5rem 3.5rem;
    margin: 0 0 2.5rem;
    background: none;
    box-shadow: none
}

@media (min-width: 992px) {
    .fancybox-container {
        padding: 2rem 3.5rem
    }
}

.sku {
    background: #fff;
    position: relative;
    overflow: hidden
}

.sku__fast {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0 0 3rem;
    display: none
}

.sku__close {
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    color: #343434;
    transition: .25s;
    text-align: center;
    line-height: 4rem;
    cursor: pointer;
    display: none
}

.sku__close:hover {
    color: #3660BC
}

.sku__gallery {
    position: relative;
    border: .1rem solid #F6F6F6;
    padding: 0 1.5rem;
    margin: 0 0 10rem
}

@media (min-width: 992px) {
    .sku__gallery {
        margin: 0 0 0 7rem;
        padding: 0 2.5rem
    }
}

.sku__slides {
    position: relative;
    margin: 0 -1.5rem;
    /* padding: 7rem 0 3.5rem; */
    padding-bottom: 0;
    padding-top: 0;
    overflow: hidden
}

.sku__slides .slick-slide>div {
    margin: 0;
}

.sku__slides .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .sku__slides {
        margin: 0 -2.5rem
    }
}

.sku__slides-item {
    min-width: 100%;
    text-align: center;
    display: inline-block;
    position: relative
}

.sku__slides-item img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    border-radius: 10px;
}

.sku__slides .slick-list {
    border-radius: 10px;

}

.sku__slides-item span {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 8.5rem;
    text-align: center;
    font: 6rem/1.5 sans-serif;
    color: white;
    text-shadow: 0 0 3rem #000
}

.zoomContainer {
    pointer-events: none;
    z-index: 1 !important
}

.zoomWrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.zoomWrapper img {
    position: absolute;
    left: 0;
    top: 0
}

.sku__thumbs {
    position: absolute;
    bottom: -7rem;
    left: 0;
    right: 0;
    padding: 0 0 0 3rem
}

.sku__thumbs--top {
    padding: 0
}

@media (max-width: 767px) {
    .sku__thumbs--top .slick-track {
        transform: translate3d(0px, 0px, 0px) !important
    }
}

.sku__thumbs .slick-list {
    padding: 0 3rem 1px 0;
    position: relative
}

.sku__thumbs .slick-list:after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    width: 3rem;
    height: 100%;
    top: 0;
    right: 0
}

.sku__thumbs .slick-slide {
    width: 7rem;
    height: 7rem;
    border: none;
    position: relative;
    z-index: 10;
    margin: 0 0 -.1rem
}

.sku__thumbs .slick-slide:hover,
.sku__thumbs .slick-slide.slick-current {
    z-index: 20
}

.sku__thumbs .slick-arrow {
    display: block;
    width: 3rem;
    height: 3.5rem;
    position: absolute;
    top: 0;
    padding: 0;
    border: none;
    background: #F6F6F6;
    transition: background 0.25s, color .25s;
    cursor: pointer;
    color: #131313
}

.sku__thumbs .slick-arrow [class^="icon-"] {
    transition: none
}

.sku__thumbs .slick-arrow:hover {
    background: #3B55E6;
    color: #fff
}

.sku__thumbs .slick-prev {
    left: 0
}

.sku__thumbs .slick-prev [class^="icon-"] {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sku__thumbs .slick-next {
    top: 3.5rem;
    left: 0
}

.sku__thumbs .slick-next [class^="icon-"] {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (min-width: 992px) {
    .sku__thumbs {
        top: 3rem;
        left: -7rem;
        right: auto;
        width: 7rem;
        padding: 0
    }

    .sku__thumbs--top {
        top: 0
    }

    .sku__thumbs .slick-list {
        padding: 0 0 3rem
    }

    .sku__thumbs .slick-list:after {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        width: 100%;
        height: 3rem
    }

    .sku__thumbs .slick-arrow {
        top: -3rem;
        width: 3.5rem;
        height: 3rem
    }

    .sku__thumbs .slick-arrow [class^="icon-"] {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .sku__thumbs .slick-prev {
        top: -3rem;
        left: 0
    }

    .sku__thumbs .slick-next {
        left: auto;
        right: 0
    }
}

.slick-current .sku__thumbs-item,
.slick-current .sku__thumbs-video {
    border-color: #3B55E6
}

.sku__thumbs-item {
    display: block;
    width: 7rem;
    height: 40px;
    line-height: 6.8rem;
    border: .1rem solid #F6F6F6;
    cursor: pointer;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    text-align: center;
    transition: border-color .25s
}

.sku__thumbs-item img {
    display: inline-block;
    vertical-align: top
}

.sku__thumbs-item:hover {
    z-index: 20;
    border-color: #3B55E6
}

.sku__thumbs-video {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #3660bc;
    height: 7rem;
    width: 7rem;
    cursor: pointer;
    transition: border-color 0.25s, color .25s;
    border: .1rem solid #F6F6F6
}

.sku__thumbs-video [class^="icon-"] {
    margin: .5rem 0
}

.sku__thumbs-video:hover {
    color: #7097EC
}

.sku__stickers {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 0
}

.sku__stickers--top {
    top: 11rem
}

@media (max-width: 767px) {
    .sku__stickers--top {
        top: 9rem
    }
}

.sku__buttons {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.sku__buttons .btn {
    width: 4rem;
    height: 4rem;
    margin: 0 0 0 .5rem
}

.sku__countdown {
    padding: 1.5rem 0 2.5rem;
    border-top: .1rem solid #E8E8E8;
    text-align: center
}

.sku__countdown .countdown__time .item-ss {
    display: none
}

@media (min-width: 480px) {
    .sku__countdown {
        text-align: left;
        padding: 3rem 1rem
    }
}

@media (min-width: 768px) {
    .sku__countdown {
        padding: 1.5rem 2.5rem 3rem
    }

    .sku__countdown .countdown__time {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 992px) {
    .sku__countdown {
        padding: 1.5rem 1rem
    }
}

.sku__panel {
    margin: 0 0 3rem
}

@media (min-width: 992px) {
    .sku__panel {
        margin: 0 0 4rem
    }

    .sku__panel .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.sku__id {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #acacac;
    padding: .5rem 0;
    margin: 0 0 1rem;
    display: block
}

.sku__brand {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0 0 1rem
}

.sku__heading {
    display: block;
    margin: 0 0 1rem
}

.sku__heading h1 {
    display: inline-block;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0
}

.sku__heading small {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700
}

@media (min-width: 992px) {
    .sku__heading {
        margin: 0
    }
}

.sku__rating {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 1rem;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 1rem 0;
    color: #343434;
    width: 0
}

.sku__rating [class^="icon-"] {
    margin: 0 .5rem 0 0
}

.sku__rating mark {
    display: inline-block;
    vertical-align: top;
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 700;
    color: #3660bc;
    margin-top: -.9rem
}

.sku__status {
    font-size: 1.3rem;
    line-height: 2rem;
    margin: 0;
    white-space: nowrap;
    padding: .5rem 0
}

@media (max-width: 767px) {
    .sku__status {
        position: absolute;
        right: 1.5rem
    }
}

.sku__status [class^="icon-"] {
    margin: 0 .5rem 0 0;
    top: -.1rem
}

@media (min-width: 992px) {
    .sku__status {
        margin: 0 0 0 3rem
    }
}

.sku__status-error {
    display: block;
    margin: 0;
    color: #9b9b9b
}

.sku__status-success {
    display: block;
    margin: 0;
    color: #B0CB34
}

.sku__settings {
    margin: 0 0 4.5rem;
    font-size: 1.3rem
}

.sku__settings .row {
    margin: 0 -1.2rem
}

.sku__settings .row>[class^="col-"] {
    padding: 0 1.2rem
}

.sku__settings .row>[class^="col-"] {
    width: 100%;
}

.sku__settings .ui-group-size,
.sku__settings .ui-group-color {
    margin: 0 0 .5rem
}

.sku__settings .ui-select {
    min-width: 21.6rem;
    max-width: 40rem
}

@media (min-width: 768px) {
    .sku__settings {
        margin: 0 0 3rem
    }

    /* .sku__settings .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    } */
}

.sku__custom-popup {
    margin: -3rem 0 0
}

.sku__group {
    padding: 2.5rem 2rem 4rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.15);
    margin: 2.5rem -2rem
}

@media (min-width: 768px) {
    .sku__group {
        box-shadow: none;
        padding: .5rem 2rem 4.5rem
    }
}

.sku__price {
    display: block;
    margin: 0 0 .5rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700
}

.sku__price u {
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin: 0 .5rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: baseline;
    text-decoration: none;
    position: relative
}

.sku__price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.sku__action>.row {
    margin: 0 -.7rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.sku__action>.row>[class^="col"] {
    padding: 0 .7rem;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.sku__action-buttons .row {
    margin: 0 -.7rem;
    -ms-flex-pack: center;
    justify-content: center
}

.sku__action-buttons .row>[class^="col"] {
    padding: 0 .7rem;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width: 480px) {
    .sku__action-buttons .btn--cart {
        min-width: 16.4rem
    }
}

.sku__dl {
    margin: 0;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.sku__dl dt {
    display: block;
    font-size: 1.6rem;
    font-weight: 500
}

.fancybox-container .other {
    display: block
}

.other {
    padding: 6rem 0 0;
    display: none;
    background: #fff
}

.other__slides {
    position: relative;
    padding: 0 2.8rem;
    display: -ms-flexbox;
    display: flex
}

.other__slides .slick-slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25.2rem
}

.other__slides .slick-arrow {
    display: block;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: .25s;
    width: 3rem;
    background: #F6F6F6
}

.other__slides .slick-arrow [class^="icon-"] {
    transition: none
}

.other__slides .slick-arrow:hover {
    background: #3B55E6;
    color: #fff
}

.other__slides .slick-prev {
    left: 0
}

.other__slides .slick-next {
    right: 0
}

.other__item {
    position: relative;
    padding: 0 0 0 11rem;
    min-height: 11rem;
    border: .1rem solid #EEEEEE;
    border-right: none;
    width: 25.2rem;
    color: #343434;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    transition: .25s;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center
}

.other__item:hover {
    color: #343434;
    background: #EEEEEE
}

.other__item--col {
    border: .1rem solid #F6F6F6;
    width: 100%;
    padding: 0 1.5rem 0 11rem;
    margin: 0 0 -.1rem
}

.other__item--col:hover {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    border-color: transparent;
    background: #fff;
    z-index: 15
}

.other__item-image {
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 11rem;
    height: 11rem;
    padding: .5rem;
    text-align: center;
    line-height: 10rem
}

.other__item-image img {
    display: inline-block;
    vertical-align: middle;
    vertical-align: top
}

.other__item--col .other__item-image {
    padding: 1.5rem
}

.other__item-title {
    overflow: hidden;
    display: block;
    max-height: 60px
}

.other__item-price {
    display: block;
    font-size: 1.4rem;
    color: #3660bc
}

.other__item-price u {
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin: 0 .5rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: baseline;
    text-decoration: none;
    position: relative
}

.other__item-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.other__item--col .products__item-stickers {
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -ms-transform-origin: top left;
    transform-origin: top left;
    z-index: 10
}

.breadcrumbs {
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400;
    margin: 0 0 2.5rem;
    background: #f8f8f8;
    padding: 18px 0;
}

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

.breadcrumbs__menu>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 2.4rem 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.breadcrumbs__menu>li:after {
    content: '';
    display: block;
    width: .4rem;
    height: .4rem;
    border-bottom: .1rem solid #E2E2E2;
    border-right: .1rem solid #E2E2E2;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    margin: -.2rem 0 0 -.2rem;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.breadcrumbs__menu>li:last-child:after {
    display: none
}

.breadcrumbs__menu>li:hover .breadcrumbs__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.breadcrumbs__link.is-active {
    text-decoration: none;
    border: none;
    color: #343434
}

.breadcrumbs__link.is-active:hover {
    color: #343434
}

.breadcrumbs__dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1.5rem 0 0 -10rem;
    width: 20rem;
    transition: .25s;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    z-index: 200;
    -ms-transform: translate(0, 1.5rem);
    transform: translate(0, 1.5rem);
    opacity: 0;
    visibility: hidden;
    display: none
}

.breadcrumbs__dropdown:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 1.5rem
}

.breadcrumbs__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-bottom: 1rem solid #fff;
    margin: 0 0 0 -1.2rem
}

@media (min-width: 992px) {
    .breadcrumbs__dropdown {
        display: block
    }
}

.breadcrumbs__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 400;
    text-transform: none
}

.breadcrumbs__submenu>li {
    margin: 0
}

.breadcrumbs__submenu>li:last-child {
    border: none
}

.breadcrumbs__submenu-link {
    position: relative;
    display: block;
    padding: 1rem 1.4rem;
    color: #343434;
    transition: .25s
}

.breadcrumbs__submenu-link:hover {
    color: #343434;
    background: #F2F3F9
}

.details {
    padding: 5.5rem 0 0
}

@media (min-width: 480px) {
    .details {
        padding: 8.5rem 0 0
    }
}

.details__tabs {
    position: relative
}

@media (min-width: 992px) {
    .details__tabs {
        margin: 0 7rem
    }
}

.details__tabs-container {
    border: .1rem solid #F6F6F6
}

.details__tabs-nav {
    display: none
}

@media (min-width: 480px) {
    .details__tabs-nav {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        top: .1rem;
        z-index: 100
    }

    .details__tabs-nav .details__tabs-btn {
        display: block
    }
}

.details__tabs-btn {
    display: block;
    min-width: 100%;
    position: relative;
    text-align: left;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    background: #fff;
    padding: 1.5rem 5rem 1.5rem 1.6rem;
    background: none;
    color: #3660bc;
    cursor: pointer;
    background: #fff;
    border: none;
    border-top: .1rem solid #F6F6F6;
    margin: -.1rem 0 0
}

.details__tabs-btn [class^="icon-"] {
    position: absolute;
    top: 50%;
    right: 2rem;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: .25s;
    color: #343434
}

.details__tabs-btn.is-active {
    color: #343434
}

.details__tabs-btn.is-active:after {
    opacity: 1
}

.details__tabs-btn.is-active [class^="icon-"] {
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

@media (min-width: 480px) {
    .details__tabs-btn {
        display: none;
        min-width: auto;
        padding: 1rem 2rem;
        border: .1rem solid #F6F6F6;
        margin: 0 -.1rem 0 0
    }

    .details__tabs-btn:after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: .5rem;
        background: #fff;
        opacity: 0
    }

    .details__tabs-btn [class^="icon-"] {
        display: none
    }
}

.details__tabs-content {
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    padding: 4rem 3rem
}

.details__tabs-content.is-active {
    opacity: 1;
    visibility: visible;
    position: relative
}

.details__tabs-content p:last-child {
    margin: 0
}

@media (min-width: 768px) {
    .details__tabs-content {
        max-width: 73rem;
        margin: 0 auto;
        border: none
    }
}

@media (min-width: 992px) {
    .details__tabs-content {
        padding: 7rem 3rem
    }
}

.details__panel {
    margin: 0 0 2.5rem
}

@media (min-width: 480px) {
    .details__panel {
        margin: 0 0 5.5rem
    }
}

.details__panel-heading {
    display: block;
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 0 0 1rem;
    white-space: nowrap
}

.details__panel-link {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    line-height: 2.5rem;
    font-weight: 400;
    white-space: nowrap;
    margin: 0 0 1rem
}

.details__panel-link span {
    border-bottom: .1rem solid #EAEFF8
}

.details__panel-link [class^="icon-"] {
    margin: 0 .5rem 0 0
}

.details__info-heading {
    display: block;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 0 0 2rem
}

.details__info-dl {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 2rem
}

.details__info-dl dt {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #a8a8a8
}

.details__info-dl dd {
    margin: 0 0 2rem
}

.details__info-dl dd:last-child {
    margin: 0
}

.set {
    padding: 5.4rem 0 4.4rem
}

.set__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
    position: relative;
    z-index: 10
}

.set__body {
    position: relative;
    z-index: 1;
    margin-bottom: 6rem
}

.set__body:hover {
    z-index: 11
}

.set__body:last-child {
    margin: 0
}

.set__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 0 0 1rem;
    -ms-flex: 1;
    flex: 1
}

.set__link {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 0 1rem;
    white-space: nowrap
}

.set__link [class^="icon-"] {
    margin: 0 0 0 .5rem
}

.set__slides {
    position: relative;
    z-index: 10;
    margin: 0 0 3rem
}

.set__slides>.slick-list {
    overflow: visible
}

.set__slides>.slick-list>.slick-track {
    display: -ms-flexbox;
    display: flex
}

.set__slides>.slick-list>.slick-track>.slick-slide {
    margin: 0 1.5rem;
    width: 27rem;
    min-width: 27rem;
    height: auto;
    position: relative
}

.set__slides>.slick-list>.slick-track>.slick-slide:after {
    content: '+';
    display: block;
    position: absolute;
    top: 50%;
    right: -3rem;
    width: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    z-index: 10;
    text-align: center
}

.set__slides>.slick-list>.slick-track>.slick-slide:last-child:after {
    content: '=';
    display: none
}

.set__slides>.slick-list>.slick-track>.slick-slide:first-child {
    margin-left: 0
}

.set__slides>.slick-list>.slick-track>.slick-slide:last-child {
    margin-right: 0
}

@media (min-width: 1200px) {
    .set__slides {
        margin: 0
    }

    .set__slides>.slick-list>.slick-track {
        max-width: 100%
    }
}

.set__slides .products__item-price span {
    color: #343434
}

.set__scroll.mCustomScrollbar {
    margin: 0 -2rem 3rem
}

.set__scroll.mCustomScrollbar .mCustomScrollBox {
    margin: -5rem 0 -10rem
}

.set__scroll.mCustomScrollbar .mCSB_container {
    padding: 5rem 2rem 10rem
}

.set__scroll.mCustomScrollbar .mCSB_scrollTools {
    bottom: 8.5rem;
    left: 2rem;
    right: 2rem
}

.set__scroll .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.set__scroll .row>[class^="col-"] {
    position: relative;
    min-width: 30rem
}

.set__scroll .row>[class^="col-"]:after {
    content: '+';
    display: block;
    position: absolute;
    top: 50%;
    right: -1.5rem;
    width: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    z-index: 10;
    text-align: center
}

.set__scroll .row>[class^="col-"]:last-child:after {
    display: none
}

@media (min-width: 1200px) {
    .set__scroll .row>[class^="col-"] {
        min-width: auto
    }
}

.set--x4 .products__set,
.set--x5 .products__set {
    border: none;
    padding: 1.6rem 3.6rem
}

.comments {
    padding: 5rem 0 1rem
}

.comments__container {
    /* border: .1rem solid #F0F0F0; */
    padding: 4.2rem 2.5rem 5.8rem;
    margin: 0 0 4rem;
    padding-left: 0 !important;
    padding-top: 20px !important;
}

.comments__container-in {
    padding-left: 0 !important;
}

@media (min-width: 992px) {
    .comments__container {
        padding: 4.2rem 4rem 5.8rem
    }
}

@media (min-width: 1200px) {
    .comments__container {
        padding: 5.2rem 9rem 4.2rem 9.8rem
    }
}

@media (min-width: 1200px) {
    .comments__container-in {
        padding: 0 0 0 6.2rem
    }
}

.comments__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin: 0 0 2rem
}

.comments__heading mark {
    display: inline-block;
    vertical-align: top;
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 700;
    color: #3660bc
}

.comments__item {
    position: relative;
    padding: 0 0 3rem 6rem;
    margin: 0 0 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.comments__item-image {
    margin: 0;
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    background: #E8E8E8;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color: #CDCDCD
}

.comments__item-image [class^="icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1
}

.comments__item-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__item-rating {
    display: block;
    width: 4.5rem;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 5.5rem;
    left: 0;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.comments__item-rating [class^="icon-"] {
    margin: 0 .5rem 0 0;
    top: -.2rem
}

.comments__item-author {
    display: block;
    margin: 0 0 .5rem
}

.comments__item-author b {
    margin: 0 1rem 0 0
}

.comments__item-author small {
    font-size: 1.2rem;
    font-weight: 400;
    color: #b0b0b0
}

.comments__item-message p {
    margin: 0 0 1.8rem
}

.comments__item-message dl {
    margin: 0 0 1.8rem
}

.comments__item-message dl dt {
    display: block;
    font-size: 1.3rem
}

.comments__item-message dl dd {
    margin: 0 0 1.8rem
}

.comments__item-action {
    white-space: nowrap
}

.comments__item-action .btn {
    margin: 0 1.5rem 0 0
}

.comments__form {
    border-top: .1rem solid #F0F0F0;
    padding: 5rem 0 0
}

.comments__form .ui-textarea,
.comments__form .ui-input {
    border-radius: 0;
    margin: 0 0 2rem
}

.comments__form-action {
    padding: .5rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.comments__form-action .ui-rating {
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 1.5rem
}

.comments__form-action .btn {
    min-width: 18rem;
    margin: 0 0 1.5rem
}

.comments__user {
    display: block;
    position: relative;
    padding: 0 0 0 4.4rem;
    min-height: 3.2rem;
    margin: 0 0 2rem
}

.comments__user-image {
    margin: 0;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background: #E8E8E8;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color: #CDCDCD
}

.comments__user-image [class^="icon-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    display: block;
    z-index: 1
}

.comments__user-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__user-name {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 700;
    padding: .8rem 0
}

.comments__tags {
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 500;
    padding: 2rem 0 3rem
}

.comments__tags a {
    font-weight: 400
}

.comments__statistic-table {
    width: auto;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 500;
    white-space: nowrap;
    border-collapse: collapse;
    border-spacing: 0
}

.comments__statistic-table td {
    padding: 0 .5rem 1rem
}

.comments__statistic-table td:first-child {
    padding-left: 0;
    width: 100%
}

.comments__statistic-table td:last-child {
    padding-right: 0
}

.comments__statistic-line {
    display: block;
    position: relative;
    max-width: 100%;
    width: 100%;
    max-width: 27rem;
    height: .7rem;
    border-radius: .4rem;
    background: #E8E8E8;
    overflow: hidden
}

.comments__statistic-line span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 20%;
    border-left: .1rem solid #E8E8E8
}

.comments__statistic-line span:nth-child(1) {
    background: #F89E49;
    left: 0;
    border: none
}

.comments__statistic-line span:nth-child(2) {
    background: #F5BF15;
    left: 20%
}

.comments__statistic-line span:nth-child(3) {
    background: #C0C61D;
    left: 40%
}

.comments__statistic-line span:nth-child(4) {
    background: #8AB311;
    left: 60%
}

.comments__statistic-line span:nth-child(5) {
    background: #329D0F;
    left: 80%
}

.comments__statistic-pct {
    display: block;
    font-size: 1.2rem;
    color: #c9c9c9
}

.comments__statistic-count {
    display: block;
    color: #3660bc
}

.container-pagination {
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 3rem;
    margin: 0 0 3rem
}

.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100%;
    border-radius: 0
}

.pagination>li {
    padding: 0 1rem
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    z-index: 1;
    display: block;
    color: #343434;
    text-align: center;
    border: 0;
    padding: 0;
    background: transparent
}

.pagination>li>a:after,
.pagination>li>span:after {
    content: '';
    display: block;
    min-width: 3rem;
    width: 100%;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5rem 0 0 -1.5rem;
    border-radius: 1.5rem;
    z-index: -1;
    background: #7097EC;
    transition: .25s;
    opacity: 0
}

.pagination>li>a:hover {
    color: #fff;
    background: transparent
}

.pagination>li>a:focus,
.pagination>li>span:focus {
    background: transparent
}

.pagination>li>a:hover:after {
    opacity: 1
}

.pagination>li.active>a,
.pagination>li.active>span {
    color: #fff;
    background: transparent !important
}

.pagination>li.active>a:after,
.pagination>li.active>span:after {
    opacity: 1;
    background: #3660BC
}

.tabs {
    margin: 0 0 2.8rem
}

.tabs__menu {
    margin: 0 0 2.8rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.tabs__menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .1rem
}

.tabs__btn {
    display: block;
    padding: 0 1.4rem .2rem;
    color: #3660bc;
    transition: .25s;
    white-space: nowrap;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.6rem;
    border: none;
    background: none;
    cursor: pointer;
    position: relative
}

.tabs__btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .1rem;
    transition: inherit;
    background: #DCDCDC;
    z-index: 2
}

.tabs__btn:hover {
    color: #7097ec
}

.tabs__btn:hover:after {
    background: #7097EC
}

.tabs__btn.is-active {
    color: #343434
}

.tabs__btn.is-active:after {
    background: #3660BC
}

.tabs__content {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s
}

.tabs__content.is-active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.options {
    text-align: right;
    margin: 0 0 2.5rem
}

.options>.row {
    margin: 0 -1rem
}

.options>.row>[class^="col-"] {
    padding: 0 1rem
}

@media (min-width: 768px) {
    .options>.row {
        margin: 0 -1.5rem
    }

    .options>.row>[class^="col-"] {
        padding: 0 1.5rem
    }
}

@media (max-width: 991px) {
    .options {
        margin: 0 0 3rem
    }
}

@media (max-width: 991px) {
    .options--desktop {
        display: none
    }
}

@media (min-width: 992px) {
    .options--mobile {
        display: none
    }
}

.options__type,
.options__display,
.options__view,
.options__trigger {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 100;
    text-align: left;
    margin: 0 0 0 1rem;
    height: 3.6rem
}

@media (max-width: 991px) {

    .options__type,
    .options__display,
    .options__view,
    .options__trigger {
        width: 100%;
        margin: 0 0 1rem;
        height: 4.5rem
    }
}

.options__type.is-open .options__link,
.options__type.is-open .options__btn,
.options__display.is-open .options__link,
.options__display.is-open .options__btn,
.options__view.is-open .options__link,
.options__view.is-open .options__btn,
.options__trigger.is-open .options__link,
.options__trigger.is-open .options__btn {
    border-color: #E8E8E8
}

.options__type.is-open .options__dropdown,
.options__display.is-open .options__dropdown,
.options__view.is-open .options__dropdown,
.options__trigger.is-open .options__dropdown {
    opacity: 1;
    visibility: visible
}

.options__view {
    min-width: auto
}

.options__view .options__btn {
    padding: .5rem
}

.options__link,
.options__btn {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2.4rem;
    border: .1rem solid #E8E8E8;
    background: #fff;
    padding: .5rem 1.2rem;
    position: relative;
    color: #3660bc;
    min-width: 4.2rem;
    cursor: pointer;
    height: inherit;
    white-space: nowrap;
    width: 100%;
    transition: .25s;
    text-align: left;
    z-index: 10
}

.options__link .icon-arrow-down,
.options__btn .icon-arrow-down {
    margin: 0 0 0 .8rem
}

.options__link [class^="icon-view-"],
.options__btn [class^="icon-view-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.6rem 0 0 -.95rem
}

.options__link:hover,
.options__btn:hover {
    color: #7097EC
}

.options__link--arrow,
.options__btn--arrow {
    padding-right: 3rem;
    text-align: right
}

.options__link--arrow:after,
.options__btn--arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    width: .7rem;
    height: .7rem;
    border-bottom: .1rem solid currentColor;
    border-right: .1rem solid currentColor;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -.4rem 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width: 991px) {

    .options__link,
    .options__btn {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }
}

.options__link {
    border-color: transparent
}

.options__dropdown {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    border: .1rem solid #E8E8E8;
    border-top: none;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    margin: -.1rem 0 0;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem
}

.options__dropdown>li {
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: .25s
}

.options__dropdown>li.is-active {
    background: #F2F3F9
}

.options__dropdown>li:hover {
    background: #3660BC;
    color: #fff
}

.options__dropdown>li:hover [class^="icon-view"] {
    background: #fff
}

.options__dropdown>li:hover [class^="icon-view"]:after,
.options__dropdown>li:hover [class^="icon-view"]:before {
    border-color: #3660BC
}

@media (max-width: 991px) {
    .is-filter-open .filter {
        opacity: 1;
        visibility: visible;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.filter {
    border: .1rem solid #F6F6F6;
    margin: 0 0 5.4rem
}

.filter .ui-group-color .ui-color {
    margin: 0 1rem 0 0
}

.filter .ui-color__btn {
    width: 1.6rem;
    height: 1.6rem
}

.filter .ui-check {
    font-size: 1.3rem
}

.filter form {
    margin: 0;
    height: 100%
}

@media (max-width: 991px) {
    .filter {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 39.4rem;
        max-width: 100%;
        z-index: 1200;
        background: #fff;
        box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
        transition: .25s;
        margin: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    .filter.is-open {
        opacity: 1;
        visibility: visible;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.filter__head {
    position: relative;
    height: 7rem;
    border-bottom: .1rem solid #E8E8E8;
    padding: 0 2rem 0 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .filter__head {
        display: none
    }
}

.filter__back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 7rem;
    border: none;
    background: #F7F7F7;
    text-align: center;
    line-height: 7rem;
    cursor: pointer;
    transition: .25s
}

.filter__back [class^="icon-"] {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter__back:hover {
    background: #3B55E6;
    color: #fff
}

.filter__clear {
    margin: 0 0 0 auto;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.8rem;
    border: .1rem solid #E8E8E8;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    background: #fff;
    cursor: pointer;
    transition: .25s;
    white-space: nowrap
}

.filter__clear [class^="icon-"] {
    top: -.1rem;
    margin: 0 1.5rem 0 0
}

.filter__clear:hover {
    border-color: #3B55E6;
    background: #3B55E6;
    color: #fff
}

.filter__heading {
    display: block;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0;
    padding: 2rem 2rem 2rem 0
}

.filter__body {
    height: calc(100% - 7.0rem);
    position: relative;
    padding: 1.5rem 2rem 2.5rem
}

@media (max-width: 991px) {
    .filter__body {
        overflow: hidden;
        position: initial;
        padding: 1.5rem 2rem 9.5rem;
        overflow-y: auto
    }
}

.filter__fieldset {
    margin: 0 0 2rem;
    border: none;
    position: relative;
    border-bottom: 0;
    padding: 0
}

@media (max-width: 991px) {
    .filter__fieldset {
        position: initial
    }
}

.filter__legend {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 1.5rem;
    border-bottom: 0
}

.products-amount {
    position: absolute;
    top: 2.2rem;
    left: calc(100% + 4.0rem);
    z-index: 100;
    padding: 1rem 2rem;
    transition: .25s;
    background: #fff;
    width: 12rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1)
}

.col-right .products-amount {
    right: calc(100% + 4.0rem);
    left: initial
}

.products-amount:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 50%;
    right: 100%;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-right: 1rem solid #fff;
    margin: 0 0 -1rem
}

.col-right .products-amount:after {
    left: 100%;
    right: initial;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-group .products-amount {
    top: initial;
    margin-top: -5.2rem
}

@media (max-width: 991px) {
    .products-amount {
        left: 0;
        bottom: 0;
        top: inherit;
        width: 100%;
        padding: 2rem;
        text-align: center
    }

    .products-amount:after {
        display: none
    }

    .products-amount a {
        padding-left: 1rem
    }

    .col-right .products-amount {
        right: 0
    }
}

@media (min-width: 992px) {
    .catalog {
        margin: 0 0 -5rem
    }
}

.catalog__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 500;
    margin: 0 0 3rem
}

.catalog__category {
    margin: 0 0 3.5rem
}

.catalog__nav {
    border: .1rem solid #F6F6F6;
    margin: 0 0 5.4rem;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400
}

.catalog__nav-heading {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    padding: 1.8rem 2rem;
    margin: 0
}

.catalog__nav-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.catalog__nav-menu>li {
    position: relative
}

.catalog__nav-menu>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: .1rem solid #F6F6F6
}

.catalog__nav-menu>li.is-active>.catalog__nav-link {
    background: #3660BC;
    color: #fff
}

.catalog__nav-menu>li.is-active>.catalog__nav-link .catalog__nav-counter {
    color: inherit
}

.catalog__nav-menu .catalog__nav-menu .catalog__nav-link {
    padding-left: 3rem
}

.catalog__nav-menu .catalog__nav-menu .catalog__nav-menu .catalog__nav-link {
    padding-left: 4rem
}

.catalog__nav-menu .catalog__nav-menu .catalog__nav-menu .catalog__nav-menu .catalog__nav-link {
    padding-left: 5rem
}

.catalog__nav-link {
    position: relative;
    display: block;
    padding: 0.5rem 1rem 1rem 1rem;
    color: #343434;
    text-decoration: none
}

.catalog__nav-link:hover,
.catalog__nav-link.is-active {
    color: #3660bc
}

.catalog__nav-counter {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 1rem 2rem 1rem 0;
    color: #343434
}

.catalog .products__promo {
    margin: 0 0 5rem
}

.catalog .reviews {
    padding: 0;
    margin: 0 0 5.4rem
}

.catalog .reviews__heading {
    margin: 0 0 1.5rem
}

.catalog .reviews__slides {
    margin: 0 -1.5rem;
    padding: 0
}

.catalog .reviews__slides .slick-list {
    overflow: hidden
}

.catalog .stories {
    padding: 0;
    margin: 0 0 13.6rem
}

.catalog .stories__heading {
    margin: 0 0 1.5rem
}

.basket {
    padding: 0 0 3.5rem
}

.basket__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.basket__container {
    max-width: 97rem;
    margin: 0 auto 3rem
}

.basket__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    border: .1rem solid #E8E8E8;
    margin: 0 0 4.5rem
}

.basket__table td {
    vertical-align: middle
}

.basket__table-item>tr:last-child>td {
    border-bottom: .1rem solid #E8E8E8
}

.basket__table-item:last-child>tr:last-child>td {
    border: none
}

@media (max-width: 767px) {
    .basket__table-item {
        display: block;
        position: relative;
        padding: 2rem 2.5rem 2rem 19rem;
        min-height: 16rem
    }

    .basket__table-item tr {
        display: block
    }
}

@media (max-width: 479px) {
    .basket__table-item {
        padding-left: 16rem
    }
}

.basket__table-image,
.basket__table-desc,
.basket__table-price,
.basket__table-counter,
.basket__table-cost,
.basket__table-action {
    padding: 2rem 2.5rem;
    height: 15.2rem
}

@media (max-width: 767px) {

    .basket__table-image,
    .basket__table-desc,
    .basket__table-price,
    .basket__table-counter,
    .basket__table-cost,
    .basket__table-action {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        height: auto
    }
}

.basket__table-image {
    min-width: 19rem;
    width: 19rem;
    text-align: center
}

.basket__table-image img {
    display: inline-block;
    max-width: 100%
}

@media (max-width: 767px) {
    .basket__table-image {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2rem 2.5rem
    }
}

@media (max-width: 479px) {
    .basket__table-image {
        min-width: 16rem;
        width: 16rem
    }

    .basket__action {
        display: flex;
        flex-direction: column;
    }
}

.basket__table-desc {
    padding-left: 0;
    max-width: 20rem
}

@media (max-width: 767px) {
    .basket__table-desc {
        display: block;
        margin: 0 0 1rem
    }
}

.basket__table-id {
    display: block;
    font-size: 1.2rem;
    color: #cacaca;
    white-space: nowrap
}

.basket__table-title {
    display: block
}

.basket__table-title a {
    display: block
}

.basket__table-price,
.basket__table-cost {
    line-height: 1;
    white-space: nowrap
}

.basket__table-price b,
.basket__table-cost b {
    display: block;
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 700
}

.basket__table-price u,
.basket__table-cost u {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative
}

.basket__table-price u:after,
.basket__table-cost u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

@media (max-width: 991px) {
    .basket__table-price {
        display: none
    }
}

@media (max-width: 767px) {
    .basket__table-cost {
        margin: 0 0 1rem
    }
}

.basket__table-counter {
    text-align: center
}

@media (max-width: 767px) {
    .basket__table-counter {
        margin: 0 2.5rem 1rem 0
    }
}

.basket__table-action {
    text-align: right
}

@media (max-width: 767px) {
    .basket__table-action {
        position: absolute;
        top: 1rem;
        right: 1rem
    }
}

.basket__table-delete {
    display: inline-block;
    border: none;
    padding: 0;
    background: none;
    transition: .25s;
    cursor: pointer
}

.basket__table-delete [class^="icon-"] {
    width: 1rem;
    height: 1rem
}

.basket__table-delete:hover {
    color: #E13838 !important
}

@media (max-width: 767px) {
    .basket__table-details {
        margin: 1rem -2.5rem -2rem -19rem;
        display: block
    }
}

@media (max-width: 479px) {
    .basket__table-details {
        margin-left: -16rem
    }
}

.basket__table-details-list {
    margin: 0 2.5rem;
    padding: 1rem 0;
    list-style: none;
    border-top: .1rem solid #E8E8E8;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500
}

.basket__table-details-list>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2.8rem 0 0
}

.basket__table-details-list small {
    display: block;
    font-size: inherit;
    line-height: inherit;
    font-weight: 500
}

@media (max-width: 767px) {
    .basket__table-details-list {
        line-height: 1.8rem
    }
}

@media (max-width: 767px) {
    .basket__panel .tabs__menu {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.basket__total {
    margin: 0 0 0;
    padding: 2rem 0;
    border-top: .1rem solid #E8E8E8;
    text-align: right
}

.basket__total--last {
    font-weight: 500
}

.basket__total span {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 500;
    padding-left: .5rem
}

@media (min-width: 768px) {
    .basket__total {
        margin: -1.5rem 0 2rem;
        padding: 0;
        border: none
    }
}

.basket__action {
    text-align: center;
    margin: 0 -1.5rem
}

@media (min-width: 480px) {
    .basket__action {
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }
}

@media (min-width: 768px) {
    .basket__action {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.basket__action-continue {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5rem
}

@media (min-width: 480px) {
    .basket__action-continue {
        width: 100%
    }
}

@media (min-width: 768px) {
    .basket__action-continue {
        width: auto
    }
}

.basket__action-buttons {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.5rem
}

.basket__action-buttons .btn {
    display: block;
    width: 100%
}

.basket__action-buttons .btn--blue {
    min-width: 19.6rem
}

.basket__coupon {
    text-transform: uppercase;
    white-space: nowrap;
    max-width: 38rem;
    margin: 0 auto;
    text-align: center
}

.basket__coupon .ui-label {
    display: block;
    margin: 0 0 1rem
}

.basket__coupon .ui-input,
.basket__coupon .ui-textarea,
.basket__coupon .ui-select .jq-selectbox__select,
.ui-select .basket__coupon .jq-selectbox__select {
    margin: 0 auto;
    width: 24rem
}

.basket__coupon .ui-input {
    margin: 0 1rem 0 0
}

@media (min-width: 768px) {
    .basket__coupon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        margin: 0
    }

    .basket__coupon .ui-label {
        margin: 0 3rem 0 0
    }
}

.checkout {
    padding: 0 0 3.5rem
}

.checkout__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.checkout__data {
    padding: 2.5rem;
    font-size: 1.3rem;
    line-height: 2.3rem
}

.checkout__data .ui-select {
    display: block;
    min-width: 24rem
}

.checkout__data .ui-field {
    max-width: 45rem
}

.checkout__accordion {
    margin: -2.5rem -2.5rem 4.5rem;
    padding: 0;
    border: .1rem solid #E8E8E8
}

.checkout__accordion dt {
    position: relative;
    padding: 1.5rem 2.5rem;
    display: block;
    border-bottom: .1rem solid #E8E8E8;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 500;
    color: #3660bc;
    margin-bottom: -.1rem
}

.checkout__accordion dt:after {
    content: '';
    display: block;
    border-bottom: .2rem solid #343434;
    border-right: .2rem solid #343434;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 2rem;
    margin: -.4rem 0 0;
    width: .8rem;
    height: .8rem;
    transition: .25s
}

.checkout__accordion dt.is-open:after {
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.checkout__accordion.pass dt {
    cursor: pointer
}

.checkout__accordion.disabled dt {
    opacity: .5;
    transition: opacity .25s;
    cursor: default
}

.checkout__accordion dd {
    margin: 0;
    padding: 2.5rem;
    border-bottom: .1rem solid #E8E8E8
}

.checkout__accordion dd:last-child {
    border: none
}

.checkout__accordion-content {
    display: none
}

.checkout__action .btn {
    min-width: 19.6rem;
    margin: 0 0 2rem
}

.checkout__total {
    display: block;
    margin: -1rem 0 2rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500
}

.checkout__total small {
    display: block;
    font-size: 1.4rem;
    line-height: inherit;
    font-weight: inherit
}

.checkout__data-heading {
    display: inline-block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0 2rem 1rem 0
}

.checkout__data-link {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 2.3rem;
    margin: 0 0 1rem
}

.checkout__data-link span {
    border-bottom: .1rem dashed #DCE8F9
}

.checkout__basket {
    border: .1rem solid #E8E8E8
}

.checkout__basket.is-fixed {
    position: fixed
}

@media (max-width: 991px) {
    .checkout__basket {
        margin-top: 2rem
    }
}

.checkout__basket-heading {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid #E8E8E8;
    padding: 1.5rem 2.2rem
}

.checkout__basket-title {
    position: relative;
    display: block;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 500;
    -ms-flex: 1;
    flex: 1;
    color: #3660bc
}

.checkout__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.checkout__table tr {
    border-bottom: .1rem solid #E8E8E8
}

.checkout__table tr:last-child {
    border: none
}

.checkout__table td {
    padding: 2.5rem .8rem;
    vertical-align: middle
}

.checkout__table td:first-of-type {
    padding-left: 2.2rem
}

.checkout__table td:last-of-type {
    padding-right: 2.2rem
}

.checkout__table .ui-number {
    display: block;
    margin: 0
}

.checkout__table-image {
    margin: 0;
    position: relative;
    width: 7rem;
    height: 7rem;
    border: .1rem solid #F6F6F6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem
}

.checkout__table-delete {
    display: block;
    border: none;
    background: none;
    padding: 0;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    transition: .25s;
    cursor: pointer
}

.checkout__table-delete .icon-delete {
    width: 1rem;
    height: 1rem
}

.checkout__table-delete:hover {
    color: #E13838
}

.checkout__table-title {
    display: block;
    margin: 0 0 .5rem
}

.checkout__table-price {
    white-space: nowrap;
    margin: 0;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    text-align: right;
    display: block
}

.checkout__table-price b {
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700
}

.checkout__table-price u {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative
}

.checkout__table-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.contacts {
    padding: 0 0 3.5rem
}

.contacts__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.contacts__container {
    position: relative
}

.contacts__container .btn {
    display: block;
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 10;
    min-width: 17rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1)
}

.contacts__map {
    position: relative;
    left: 50%;
    height: 40rem;
    background: #ccc;
    width: 100vw;
    margin: 0 0 0 -50vw
}

.ymaps-2-1-76-map-copyrights-promo {
    display: none
}

.contacts__info {
    position: relative;
    z-index: 10;
    top: -7rem;
    margin: 0 0 -7rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    padding: 2rem 3rem;
    background: #fff
}

@media (max-width: 767px) {
    .contacts__info .row>[class^="col-"]:last-of-type {
        text-align: center
    }
}

@media (min-width: 768px) {
    .contacts__info {
        padding: 1.5rem 5rem
    }
}

.contacts__item {
    display: block;
    position: relative;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 2rem 0;
    min-height: 4.5rem
}

@media (min-width: 992px) {
    .contacts__item {
        padding-left: 6rem;
        max-width: 29rem;
        margin: 0 auto
    }
}

.contacts__item-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    background: #3660bc;
    color: #fff;
    border-radius: 50%;
    margin: 0 0 1rem
}

@media (min-width: 992px) {
    .contacts__item-icon {
        position: absolute;
        top: 2rem;
        left: 0
    }
}

.contacts__item-title {
    display: block
}

.contacts__item-text {
    margin: 0 0 .5rem
}

.offices {
    padding: 5rem 0 4rem
}

.offices__panel .ui-select {
    min-width: 12.4rem;
    width: auto;
    margin: 0 0 2.5rem
}

.offices__panel .ui-select .jq-selectbox__select {
    color: #3660bc;
    border-radius: 0
}

.offices__panel .ui-select .jq-selectbox__dropdown {
    border-radius: 0
}

.offices__panel .ui-select .jq-selectbox__trigger:after {
    display: none
}

.offices__panel .ui-select .jq-selectbox__trigger-arrow {
    border-color: #3660bc
}

.offices__panel .ui-select.opened .jq-selectbox__trigger-arrow {
    border-color: #fff
}

.offices__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 2.5rem;
    width: 100%;
    -ms-flex: 1;
    flex: 1
}

.offices__slides {
    margin: 0 -1.5rem
}

.offices__slides .slick-list {
    overflow: visible
}

.offices__slides .slick-slide {
    margin: 0 1.5rem;
    width: 37rem
}

.offices__slides .slick-track {
    margin: 0
}

.offices__item {
    display: block;
    position: relative;
    box-shadow: inset 0 0 0 .1rem #E8E8E8;
    transition: .25s;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500;
    margin: 0 0 3rem
}

.offices__item:hover {
    box-shadow: inset 0 0 0 .1rem #E8E8E8, 0 0 5rem rgba(0, 0, 0, 0.1)
}

.offices__item-image {
    margin: 0;
    height: 16.5rem
}

.offices__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
    padding: 0;
    border-radius: 0
}

.offices__item-desc {
    padding: 2rem
}

.offices__item-info {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none
}

.offices__item-dialog {
    display: block;
    margin: 0;
    font-weight: 500
}

.offices__item-dialog [class^="icon-"] {
    margin: 0 1rem 0 0
}

.personal {
    padding: 0 0 7.5rem
}

@media (max-width: 767px) {
    .personal .row {
        margin: 0 -1rem
    }

    .personal .row>[class^="col-"] {
        padding: 0 1rem
    }
}

.personal__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.personal__heading-sub {
    display: block;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.personal__nav {
    border: .1rem solid #E8E8E8;
    margin: 0 0 3rem
}

@media (max-width: 767px) {
    .personal__nav {
        border: none;
        overflow-x: auto;
        padding: 0 0 1.5rem;
        margin: 0 0 1.5rem
    }
}

.personal__nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.personal__nav-menu>li {
    border-bottom: .1rem solid #E8E8E8
}

.personal__nav-menu>li:last-child {
    border: none
}

@media (max-width: 767px) {
    .personal__nav-menu {
        display: -ms-flexbox;
        display: flex
    }

    .personal__nav-menu>li {
        border: none;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.personal__nav-link {
    transition: .25s;
    position: relative;
    display: block;
    padding: 1rem 2rem;
    color: #343434;
    white-space: nowrap
}

.personal__nav-link:after {
    content: '';
    width: .8rem;
    height: .8rem;
    margin: -.4rem 0 0;
    display: inline-block;
    border-bottom: .2rem solid currentColor;
    border-right: .2rem solid currentColor;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
    position: absolute;
    right: 1rem;
    opacity: 0
}

.personal__nav-link:hover {
    color: #3660bc
}

.personal__nav-link.is-active {
    color: #3660bc;
    border-color: #3660BC;
    font-weight: 500
}

.personal__nav-link.is-active:after {
    opacity: 1
}

@media (max-width: 767px) {
    .personal__nav-link {
        border-bottom: .1rem solid #E8E8E8;
        padding: .5rem 1.5rem;
        text-align: center
    }

    .personal__nav-link:after {
        display: none
    }
}

.personal__data {
    max-width: 53rem
}

.personal__group {
    margin: 0 0 1.2rem
}

.personal__group .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.personal__group .row>[class^="col-"]:first-of-type {
    width: 16rem
}

@media (max-width: 479px) {
    .personal__group .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .personal__group .row>[class^="col-"] {
        width: 100%
    }

    .personal__group .row>[class^="col-"]:first-of-type {
        width: 100%
    }
}

.personal__group .ui-field,
.personal__group .ui-label {
    margin: 0 0 1rem
}

.personal__action {
    padding: .5rem 0 2rem
}

.personal__action .btn {
    min-width: 16.4rem
}

.personal__action .btn+.btn {
    margin-left: 2rem
}

@media (max-width: 479px) {
    .personal__action .btn {
        min-width: 10rem
    }

    .personal__action .btn+.btn {
        margin-left: 1rem
    }
}

.brands {
    padding: 0 0 5rem
}

.brands__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

@media (max-width: 479px) {
    .brands__grid .row {
        margin: 0
    }

    .brands__grid .row>[class^="col-"] {
        padding: 0;
        margin: 0 -.1rem -.1rem
    }
}

.brands__item {
    transition: .25s;
    height: 25rem;
    position: relative;
    border: .1rem solid #E8E8E8;
    background: #fff;
    margin: 0 0 3rem;
    overflow: hidden
}

.brands__item:hover {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

@media (max-width: 479px) {
    .brands__item {
        margin: 0
    }
}

.brands__item-image {
    display: block;
    padding: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-transform: uppercase;
    color: #343434;
    font-size: 2rem;
    font-weight: 700
}

.brands__item-menu {
    margin: 0;
    padding: 0 1rem 3rem;
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.brands__item-menu>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 4rem;
    margin: 0 0 .5rem
}

.brands__item-menu>li:after {
    content: '|';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    text-align: center;
    color: #dbdbdb;
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.brands__item-menu>li:first-child {
    padding: 0
}

.brands__item-menu>li:first-child:after {
    display: none
}

@media (max-width: 767px) {
    .brands__item-menu {
        visibility: hidden
    }

    .brands__item-menu>li {
        padding: 0 0 0 2rem
    }

    .brands__item-menu>li:after {
        width: 2rem
    }
}

.brands__item-link {
    display: block;
    position: relative;
    z-index: 2;
    color: #3660bc
}

.brands__item-link span {
    border-bottom: .1rem solid #EAEFF8
}

.brands__item-link:hover {
    color: #7097EC
}

.blog {
    padding: 0 0 7rem
}

.blog__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.blog__grid .row {
    margin: 0 -1.5rem
}

.blog__grid .row>[class^="col-"] {
    padding: 0 1.5rem 3rem
}

@media (min-width: 1200px) {
    .blog__grid .row {
        margin: 0 -1.5rem
    }

    .blog__grid .row>[class^="col-"] {
        padding: 0 1rem 5rem;
    }
}

.blog__item {
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    overflow: hidden;
    display: block;
}

figure.blog__item-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

figure.blog__item-image img {
    transition: all 0.4s ease-in-out;
    height: 170px;
    object-fit: cover;
    object-position: center;
}

.blog__item:hover {
    color: #3b3d40
}

.blog__item:hover .blog__item-image img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.blog__item--primary .blog__item-image {
    height: 40.5rem
}

@media (max-width: 767px) {
    .blog__item--primary .blog__item-image {
        height: 30rem
    }
}

.blog__item--primary .blog__item-title {
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-weight: 400
}

.blog__item-title {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: 700
}

.blog__item-text {
    margin: 0 0 1rem
}

.blog__item-time {
    display: block;
    margin: 0;
    color: #cacaca;
    padding: 0px 10px 10px;
}

.blog__nav {
    border: .1rem solid #EAEAEA;
    padding: 1.8rem;
    margin: 0 0 2.5rem
}

.blog__nav-heading {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #3b3d40;
    margin: 0 0 1rem
}

.blog__nav-menu {
    margin: 0 -1.8rem;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400
}

.blog__nav-link {
    padding: .5rem 1.8rem;
    display: block;
    position: relative;
    color: #3660bc
}

.blog__nav-link:hover {
    background: #3660BC;
    color: #fff
}

.blog__nav-link:hover .blog__nav-counter {
    color: inherit
}

.blog__nav-counter {
    display: block;
    position: absolute;
    top: .5rem;
    right: 1.8rem;
    color: #343434
}

.page {
    padding: 0 0 8.5rem
}

.page__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.blog .products__promo {
    margin: 0 0 5rem
}

.blog__item--primary .blog__item-image {
    margin: 0 0 2rem
}

.blog__item--primary .blog__item-numbers {
    padding: 1rem 2rem
}

.blog__item--primary .blog__item-numbers-item {
    font-size: 16px;
    margin: 0 18px 0 0
}

.blog__item--primary .blog__item-tags {
    padding: 1.5rem
}

.blog__item-text {
    max-width: 680px
}

.blog__item-tags {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.blog__item-tags-item {
    display: block;
    font-size: 10px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 1rem;
    color: #343434;
    background-color: #e8e8e8;
    border-radius: 12px
}

.blog__item-numbers {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.blog__item-numbers-item {
    display: block;
    font-size: 14px;
    line-height: 34px;
    font-weight: 500;
    color: #fff;
    margin: 0 14px 0 0
}

.blog__item-numbers-item [class^="icon-"] {
    margin: 0 8px 0 0
}

@media (min-width: 1200px) {
    .blog-aside {
        margin: 0 -4rem 0 0
    }
}

.blog-aside__title {
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 1.5rem
}

.blog-aside__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.blog-aside__list>li {
    margin: 0 0 3rem
}

.blog-aside__list>li:last-child {
    margin: 0
}

.blog-aside__item {
    position: relative;
    padding: 0 0 0 8.5rem;
    min-height: 7rem
}

.blog-aside__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 7rem;
    background: #EBEBEB
}

.blog-aside__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-aside__item-time {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #ababab;
    margin: 0 0 1rem
}

.blog-aside__item-title {
    display: block;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500
}

.news {
    padding: 0 0 8.5rem
}

.news__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 3rem
}

.news__grid .row {
    margin: 0 -1.5rem -3rem
}

.news__grid .row>[class^="col-"] {
    padding: 0 1.5rem 3rem
}

@media (min-width: 1200px) {
    .news__grid .row {
        margin: 0 -1.5rem -3rem
    }

    .news__grid .row>[class^="col-"] {
        padding: 0 1.5rem 5rem
    }
}

.news__item {
    display: block;
    color: #3b3d40;
    border: .1rem solid #E8E8E8;
    height: 100%;
    transition: .25s;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    padding: 1.5rem 1.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.news__item:hover {
    color: #3b3d40;
    border-color: transparent;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

@media (min-width: 1200px) {
    .news__item {
        min-height: 18.5rem
    }
}

.news__item-title {
    display: block;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: 700;
    margin: 0 0 1.2rem
}

.news__item-text {
    margin: 0 0 1.2rem
}

.news__item-time {
    display: block;
    color: #cacaca;
    border-top: .1rem solid #E8E8E8;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    padding: 1.5rem 0;
    margin: auto 0 -1.5rem
}

.article {
    padding: 0 0 7rem
}

.article__time {
    display: block;
    margin: 0 0 1rem
}

.article__heading {
    display: block;
    font-size: 2.8rem;
    margin: 0 0 2rem
}

.article__blockquote {
    margin: 6rem 0
}

.article__image {
    background: #cacaca;
    position: relative;
    height: 40.5rem;
    margin: 0 0 3rem
}

.article__image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article__other {
    padding: 7rem 0 0;
    margin: 0 0 -1.5rem
}

.article__other-heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0 0 2rem
}

.article__other-slides {
    margin: 0 -2rem;
    padding: 0 2rem
}

.article__other-slides .slick-list {
    overflow: visible
}

.article__other-slides .slick-track {
    display: -ms-flexbox;
    display: flex
}

.article__other-slides .slick-slide {
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem;
    width: 27rem;
    height: auto
}

.article__time {
    font-size: 14px;
    color: #cacaca
}

@media (min-width: 1200px) {
    .article__time {
        text-align: right
    }
}

.article__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article__tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0 3rem 1.5rem 0
}

.article__tags-item {
    display: block;
    font-size: 1.1rem;
    line-height: 2.6rem;
    font-weight: 500;
    padding: 0 1.2rem;
    color: #343434;
    background-color: #e8e8e8;
    border-radius: 12px;
    margin: 0 2rem 0 0;
    transition: .25s
}

.article__tags-item:last-child {
    margin: 0
}

.article__tags-item:hover {
    color: #fff;
    background: #3660BC
}

.article__numbers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0 3rem 1.5rem 0
}

.article__numbers-item {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    color: #343434;
    margin: 0 2rem 0 0
}

.article__numbers-item [class^="icon-"] {
    margin: 0 8px 0 0
}

.article__numbers-item:last-child {
    margin: 0
}

.article__other {
    border-top: 1px solid #e2e2e2
}

.discount {
    border: .1rem solid #EAEAEA;
    padding: 3.5rem;
    margin: 0 0 5rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500
}

.discount .btn {
    min-width: 16.4rem
}

@media (min-width: 1200px) {
    .discount {
        min-height: 28.5rem
    }
}

.discount__icon {
    color: #E8E8E8;
    margin: 0 0 2rem
}

.discount__text {
    margin: 0 0 2rem
}

.tags {
    margin: 0 0 3.5rem
}

.tags__heading {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #3b3d40;
    margin: 0 0 1rem
}

.tags__group {
    overflow: hidden
}

.seo-text-home-page ul li {
    display: list-item !important;
    list-style-type: disc !important;
    list-style: disc !important;
}

.seo-text-home-page ul {
    list-style-type: disc !important;
    list-style: disc !important;
    padding-left: 16px !important;
}

.seo-text-home-page ul.nolist_seo {
    list-style-type: none !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.seo-text-home-page ul.nolist_seo li {
    display: flex !important;
}

.tags__btn {
    display: inline-block;
    vertical-align: top;
    float: left;
    font-size: 1rem;
    line-height: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 .8rem;
    border-radius: 1.2rem;
    background: #E8E8E8;
    color: #343434;
    white-space: nowrap;
    margin: 0 1rem 1rem 0;
    transition: .25s
}

.tags__btn:hover {
    background: #3660BC;
    color: #fff
}

.system {
    text-align: center;
    color: #343434;
    padding: 10rem 0 12rem
}

.system--success .system__title,
.system--service .system__title {
    font-size: 4rem
}

.system--success .system__text,
.system--service .system__text {
    font-size: 2rem;
    line-height: 1.5
}

.system__image {
    margin: 0 0 4.5rem
}

.system__image img {
    display: inline-block;
    vertical-align: top
}

.system__title {
    display: block;
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 1.5rem
}

.system__text {
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 400;
    margin: 0 auto;
    max-width: 68rem
}

.system__social {
    border: .1rem solid #f6f6f6;
    max-width: 77rem;
    margin: 6rem auto 0;
    padding: 5rem
}

@media (min-width: 992px) {
    .system__social {
        margin: 11rem auto 0
    }
}

.system__social-text {
    display: block;
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 3rem
}

.system__social-menu {
    margin: 0 -1.4rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.system__social-menu>li {
    padding: 0 1.4rem
}

.system__social-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: .1rem solid #edf0f5;
    background: #fff;
    transition: .25s
}

.system__social-link img {
    display: block
}

.system__social-link:hover {
    border-color: #688EE4;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.25)
}

.share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 7rem
}

.share__text {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 0;
    font-weight: 500;
    color: #343434;
    margin: 0 2rem 0 0
}

.share__menu {
    margin: 0 -7px -15px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.share__menu>li {
    padding: 0 7px 15px
}

.share__link {
    font-size: 13px;
    line-height: 31px;
    font-weight: 500;
    border-radius: 5px;
    display: block;
    white-space: nowrap;
    position: relative;
    padding: 0 1rem 0 4.2rem;
    background: #ccc;
    color: #fff;
    transition: .25s
}

.share__link:hover {
    color: #fff;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.25)
}

.share__link--facebook {
    background-color: #3660bc
}

.share__link--facebook .share__link-icon {
    border-color: #2e54a6
}

.share__link--vk {
    background-color: #5181b8
}

.share__link--vk .share__link-icon {
    border-color: #4570a2
}

.share__link--twitter {
    background-color: #41abe1
}

.share__link--twitter .share__link-icon {
    border-color: #3993c1
}

.share__link-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3.2rem
}

.share__link-icon .icon-social-facebook {
    width: 7px;
    height: 14px
}

.share__link-icon .icon-social-vk {
    width: 17px;
    height: 10px
}

.share__link-icon .icon-social-twitter {
    width: 16px;
    height: 13px
}

.share__link-text {
    display: block
}

.reviews {
    overflow: hidden;
    padding: 5rem 0
}

.reviews__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.reviews__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.reviews__link {
    display: inline-block;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 2.5rem
}

.reviews__slides {
    position: relative;
    margin: 0 -2rem;
    padding: 0 2rem
}

.reviews__slides .slick-list {
    overflow: visible
}

.reviews__slides .slick-track {
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.reviews__slides .slick-slide {
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem;
    width: 37rem;
    height: auto
}

.reviews__slides .slick-slide>* {
    width: 100%
}

.reviews__slides--homepage>.slick-arrow {
    position: absolute;
    top: -6rem;
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    border: none;
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6;
    color: #131313;
    transition: .25s;
    cursor: pointer;
    z-index: 10
}

.reviews__slides--homepage>.slick-arrow:hover {
    background: #3B55E6;
    color: #fff
}

.reviews__slides--homepage>.slick-arrow.slick-disabled {
    background: #f6f6f6;
    color: #131313;
    cursor: default;
    opacity: .33
}

.reviews__slides--homepage>.slick-prev {
    right: 5.5rem
}

.reviews__slides--homepage>.slick-next {
    right: 2rem
}

.reviews__slides--catalog .slick-arrow {
    position: absolute;
    top: -5rem;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    color: #c3c3c3;
    height: 3.5rem;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    transition: color .25s
}

.reviews__slides--catalog .slick-arrow:hover {
    color: #3b55e6
}

.reviews__slides--catalog .slick-prev {
    right: 5.5rem
}

.reviews__slides--catalog .slick-next {
    right: 1.5rem
}

.reviews__slides--catalog .slick-disabled {
    pointer-events: none;
    opacity: .25
}

@media (max-width: 479px) {
    .reviews__slides .slick-slide {
        width: 27rem
    }
}

@media (min-width: 1200px) {
    .reviews__slides {
        margin: 0 -1.5rem;
        padding: 0
    }

    .reviews__slides .slick-slide {
        width: auto
    }

    .reviews__slides--homepage>.slick-prev {
        right: 5rem
    }

    .reviews__slides--homepage>.slick-next {
        right: 1.5rem
    }
}

.reviews__item {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #f6f6f6;
    padding: 2.2rem 2rem;
    min-height: 100%;
    width: 100%
}

.reviews__item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1rem
}

.reviews__item-body {
    margin: 0 0 1.5rem
}

.reviews__item-foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0 0
}

.reviews__item-image {
    border: 1px solid #ebebeb;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    padding: .5rem;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem
}

.reviews__item-image img {
    display: block
}

.reviews__item-title {
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500
}

.reviews__item-text {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: #343434;
    border: 0
}

.reviews__item-text:after,
.reviews__item-text:before {
    display: none
}

.reviews__item-link {
    font-weight: 500
}

.reviews__item-author {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    font-style: normal
}

.reviews__item-author small {
    margin: 0 0 0 1rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: #b0b0b0
}

.reviews__item-voice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.reviews__item-voice-btn {
    border: none;
    padding: 0;
    background: none;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 1.5rem 0 0
}

.reviews__item-voice-btn:last-child {
    margin: 0
}

.reviews__item-voice-btn [class^="icon-"] {
    margin: 0 .5rem 0 0;
    color: #343434;
    transition: .25s
}

.reviews__item-voice-btn .icon-reviews-like {
    top: -2px
}

.reviews__item-voice-btn .icon-reviews-dislike {
    top: 2px
}

.reviews__item-voice-btn--like {
    color: #bacf55
}

.reviews__item-voice-btn--like:hover .icon-reviews-like {
    color: #bacf55
}

.reviews__item-voice-btn--dislike {
    color: #db3f3f
}

.reviews__item-voice-btn--dislike:hover .icon-reviews-dislike {
    color: #db3f3f
}

.buy-set {
    padding: 1.5rem
}

.buy-set .sku {
    padding: 0
}

.buy-set .sku__panel {
    margin: 0 0 2rem
}

.buy-set .sku__heading {
    max-width: 440px;
    margin: 0 4rem 1rem 0
}

.buy-set .sku__price b {
    font-weight: 700
}

@media (min-width: 768px) {
    .buy-set {
        padding: 2.5rem
    }
}

@media (min-width: 1200px) {
    .buy-set {
        padding: 3.5rem
    }
}

.buy-set__heading {
    display: block;
    font-size: 2.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #343434;
    margin: 0 0 2rem
}

.buy-set__panel {
    max-width: 67rem;
    margin: 0 0 2.3rem
}

.buy-set__panel:last-child {
    margin: 0
}

.buy-set__panel-group {
    border: 1px solid #e8e8e8;
    padding: 2.4rem 2rem
}

.buy-set__panel-group .row {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px -15px
}

.buy-set__panel-group .row>[class^="col"] {
    padding: 0 15px 15px
}

@media (min-width: 1200px) {
    .buy-set__panel-group {
        padding: 2.4rem 2.8rem
    }
}

.buy-set__panel-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
    line-height: 2.3rem;
    font-weight: 700;
    color: #343434
}

.buy-set__panel-title-text {
    display: block;
    margin: 0 1.5rem 1.5rem 0
}

.buy-set__panel-title-badge {
    font-size: 1rem;
    line-height: 2.3rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    background-color: #fa2566;
    color: #fff;
    border-radius: 1.2rem;
    margin: 0 1.5rem 1.5rem 0
}

.buy-set__panel-data {
    margin: 0 -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #343434
}

.buy-set__panel-data>li {
    padding: 0 2rem;
    border-right: 1px solid #ebebeb
}

.buy-set__panel-data>li:last-child {
    border: none
}

.buy-set__panel-data small {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #9e9e9e;
    margin: 0 0 .5rem
}

@media (min-width: 1200px) {
    .buy-set__panel-data {
        font-size: 2.5rem
    }
}

.buy-set__panel-action .btn {
    min-width: 164px
}

.buy-set__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.buy-set__list>li {
    padding: 5rem 0;
    border-top: 1px solid #E2E2E2
}

.compare {
    padding: 0 0 8.4rem;
    margin: 0 0 5rem
}

.compare__heading {
    display: block;
    font-size: 3.5rem;
    line-height: 4.5rem;
    font-weight: 700;
    color: #343434;
    margin: 0 0 3rem
}

@media (max-width: 479px) {
    .compare .page__heading {
        margin: 0 11rem 3rem 0
    }
}

.compare__nav {
    position: absolute;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.compare__nav--top {
    bottom: 100%;
    margin: 0 0 2rem
}

.compare__nav--bottom {
    top: 100%;
    margin: 2rem 0 0
}

.compare__nav-prev,
.compare__nav-next {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    background: #fff;
    border: 1px solid #E8E8E8;
    color: #343434;
    margin: 0 1rem 0 0;
    border-radius: 50%;
    transition: .25s
}

.compare__nav-prev.slick-disabled,
.compare__nav-next.slick-disabled {
    opacity: .3;
    pointer-events: none
}

.compare__nav-prev:last-child,
.compare__nav-next:last-child {
    margin: 0
}

.compare__nav-prev:hover,
.compare__nav-next:hover {
    color: #3B55E6
}

.compare__wrapper {
    position: relative
}

.compare__container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    border: 1px solid #F6F6F6
}

.compare__fixed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    pointer-events: none
}

.compare__fixed .compare__column-row {
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 500;
    padding: 0;
    margin: 0 0 52px
}

.compare__fixed .compare__column-th {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    border-bottom: .1rem solid #F6F6F6;
    background: #fff
}

@media (min-width: 1200px) {
    .compare__fixed {
        display: none
    }
}

.compare__sidebar {
    display: none
}

@media (min-width: 1200px) {
    .compare__sidebar {
        display: block;
        position: relative;
        z-index: 2;
        width: 36.2rem;
        float: left;
        margin: 0 -.1rem 0 0;
        background: #fff;
        border-right: .1rem solid #F6F6F6
    }
}

.compare__content {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.compare__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.compare__slides .slick-track {
    margin: 0
}

.compare__slides .slick-arrow {
    position: absolute;
    left: -999.9rem;
    visibility: hidden
}

.compare__slides .slick-list {
    padding: 0 .1rem 0 0
}

.compare__slides .slick-slide {
    margin: 0 -.1rem 0 0;
    border-right: .1rem solid #F6F6F6
}

.compare__slides .slick-slide:last-child {
    border: none
}

.compare__column-row {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    padding: 1rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 52px;
    text-align: center;
    margin: 52px 0 0
}

.compare__column-row:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px 30px rgba(188, 187, 237, 0.3);
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    transition: .25s;
    display: none
}

.compare__column-row:hover:after {
    opacity: 1
}

.compare__column-row--group {
    display: none
}

@media (min-width: 1200px) {
    .compare__column-row {
        text-align: left;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0
    }

    .compare__column-row:before {
        display: none
    }

    .compare__column-row:after {
        display: block
    }

    .compare__column-row--group {
        display: -ms-flexbox;
        display: flex;
        font-weight: 700
    }
}

.compare__column {
    position: relative
}

.compare__column> :before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    border-bottom: 1px solid #F6F6F6;
    margin: 0 0 0 -50vw;
    z-index: 1000
}

.compare__column> :last-child:before {
    display: none
}

.compare__column-add {
    display: block;
    color: #343434
}

.compare__column-add:hover {
    color: #3B55E6
}

.compare__column-add-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: #3B55E6;
    color: #fff;
    margin: 0 auto 1rem
}

.compare__column-add-text {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.compare__column-item {
    position: relative;
    min-height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 2.5rem 1.5rem 1.5rem
}

.compare__column-item-delete {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 0;
    border: none;
    background: none;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    transition: .25s;
    white-space: nowrap
}

.compare__column-item-delete .icon-delete-compare {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 2rem;
    height: 2rem;
    margin: 0 7px 0 0;
    color: #3b55e6
}

.compare__column-item-delete:hover {
    color: #3b55e6
}

.compare__column-item-image {
    height: 8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1rem
}

.compare__column-item-image img {
    display: block
}

@media (max-width: 767px) {
    .compare__column-item-image img {
        max-height: 100%
    }
}

.compare__column-item-title {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1rem;
    color: #343434;
    width: 100%
}

@media (max-width: 767px) {
    .compare__column-item-title {
        overflow: hidden;
        max-height: 54px
    }
}

.compare__column-item-price {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    color: #3660bc;
    margin: 0 0 2rem
}

.compare__column-item-price u {
    font-size: 1.2rem;
    color: #b0b0b0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    margin: 0 1rem 0 0
}

.compare__column-item-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.compare__column-item-action .btn {
    font-size: 20px;
    font-weight: 700;
    min-width: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.compare__column-item-action .btn .icon-cart {
    margin: 0 0 0 .5rem
}

.compare__column-item-action .btn--blue {
    color: #fff
}

.compare__column-item-action .btn--blue:hover {
    color: #fff
}

.age {
    padding: 5.3rem 3rem 6.3rem;
    text-align: center;
    color: #343434
}

.age__icon {
    margin: 0 0 3rem
}

.age__icon img,
.age__icon svg {
    display: inline-block;
    vertical-align: top;
    width: 7.5rem;
    height: 7.5rem
}

.age__text {
    display: block;
    margin: 0 auto 3rem;
    max-width: 51.4rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400
}

.age__control .btn {
    margin: 0 .5rem 1rem
}

.stories {
    overflow: hidden;
    padding: 5rem 0
}

.stories__head {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.stories__heading {
    display: block;
    font-size: 2.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1
}

.stories__slides {
    position: relative;
    margin: 0 -2rem;
    padding: 0 2rem
}

.stories__slides .slick-list {
    overflow: visible
}

.stories__slides .slick-track {
    display: -ms-flexbox;
    display: flex
}

.stories__slides .slick-slide {
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.stories__slides .slick-slide>* {
    width: 100%
}

.stories__slides--circle>.slick-arrow,
.stories__slides--rectangle>.slick-arrow {
    position: absolute;
    top: -6rem;
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    border: none;
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .25s;
    cursor: pointer;
    z-index: 100;
    background: none;
    color: #3b55e6
}

.stories__slides--circle>.slick-arrow:hover,
.stories__slides--rectangle>.slick-arrow:hover {
    background: #3B55E6;
    color: #fff
}

.stories__slides--circle>.slick-arrow.slick-disabled,
.stories__slides--rectangle>.slick-arrow.slick-disabled {
    color: #c3c6d6;
    cursor: default;
    opacity: .33;
    pointer-events: none
}

.stories__slides--circle>.slick-prev,
.stories__slides--rectangle>.slick-prev {
    right: 5.5rem
}

.stories__slides--circle>.slick-next,
.stories__slides--rectangle>.slick-next {
    right: 2rem
}

.stories__slides--circle .slick-slide {
    margin: 0 .5rem;
    width: 140px
}

.stories__slides--rectangle .slick-slide {
    margin: 0 1rem;
    width: 178px
}

.stories__slides--catalog {
    margin: 0 -.5rem;
    padding: 0
}

.stories__slides--catalog .slick-slide {
    margin: 0 .5rem;
    width: 100%
}

.stories__slides--catalog .slick-arrow {
    position: absolute;
    top: -5rem;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    color: #c3c3c3;
    height: 3.5rem;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    transition: color .25s
}

.stories__slides--catalog .slick-arrow:hover {
    color: #3b55e6
}

.stories__slides--catalog .slick-prev {
    right: 5.5rem
}

.stories__slides--catalog .slick-next {
    right: 1.5rem
}

.stories__slides--catalog .slick-disabled {
    pointer-events: none;
    opacity: .25
}

@media (min-width: 1200px) {
    .stories__slides .slick-slide {
        transition: opacity .25s;
        opacity: 0
    }

    .stories__slides .slick-active {
        opacity: 1
    }

    .stories__slides--circle .slick-slide,
    .stories__slides--rectangle .slick-slide {
        width: auto
    }

    .stories__slides--circle {
        padding: 0;
        margin: 0 -.5rem
    }

    .stories__slides--circle>.slick-prev {
        right: 4rem
    }

    .stories__slides--circle>.slick-next {
        right: .5rem
    }

    .stories__slides--rectangle {
        padding: 0;
        margin: 0 -1rem
    }

    .stories__slides--rectangle>.slick-prev {
        right: 4.5rem
    }

    .stories__slides--rectangle>.slick-next {
        right: 1rem
    }
}

.stories__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: #E1E1E1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .25s
}

.stories__item:before {
    content: '';
    float: left;
    padding: 100% 0 0
}

.stories__item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 2px solid #1557e9;
    box-shadow: inset 0 0 0 3px #fff
}

.stories__item img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.stories__item.is-viewed:after {
    border-color: #E1E1E1
}

.stories__item--rectangle {
    border-radius: 0
}

.stories__item--rectangle:before {
    padding: 152% 0 0
}

.stories__item--rectangle:after {
    box-shadow: inset 0 0 0 2px #fff
}

@media (hover: hover) {
    .stories__item:hover {
        -ms-transform: scale(0.95);
        transform: scale(0.95)
    }
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width: 480px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

.row:after,
.row:before {
    display: none
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-wide-1,
.col-wide-2,
.col-wide-3,
.col-wide-4,
.col-wide-5,
.col-wide-6,
.col-wide-7,
.col-wide-8,
.col-wide-9,
.col-wide-10,
.col-wide-11,
.col-wide-12,
.col-wide,
.col-wide-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

@media (min-width: 480px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        right: 26%;
    }

    .push-xl-2 {
        left: 16.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 17.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }
}

@media (min-width: 1600px) {
    .col-wide {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-wide-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-wide-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-wide-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-wide-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-wide-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-wide-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-wide-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-wide-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-wide-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-wide-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-wide-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-wide-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-wide-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-wide-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-wide-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-wide-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-wide-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-wide-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-wide-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-wide-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-wide-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-wide-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-wide-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-wide-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-wide-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-wide-0 {
        margin-left: 0
    }

    .offset-wide-1 {
        margin-left: 8.33333%
    }

    .offset-wide-2 {
        margin-left: 16.66667%
    }

    .offset-wide-3 {
        margin-left: 25%
    }

    .offset-wide-4 {
        margin-left: 33.33333%
    }

    .offset-wide-5 {
        margin-left: 41.66667%
    }

    .offset-wide-6 {
        margin-left: 50%
    }

    .offset-wide-7 {
        margin-left: 58.33333%
    }

    .offset-wide-8 {
        margin-left: 66.66667%
    }

    .offset-wide-9 {
        margin-left: 75%
    }

    .offset-wide-10 {
        margin-left: 83.33333%
    }

    .offset-wide-11 {
        margin-left: 91.66667%
    }

    .push-wide-0 {
        left: auto
    }

    .push-wide-1 {
        left: 8.33333%
    }

    .push-wide-2 {
        left: 16.66667%
    }

    .push-wide-3 {
        left: 25%
    }

    .push-wide-4 {
        left: 33.33333%
    }

    .push-wide-5 {
        left: 41.66667%
    }

    .push-wide-6 {
        left: 50%
    }

    .push-wide-7 {
        left: 58.33333%
    }

    .push-wide-8 {
        left: 66.66667%
    }

    .push-wide-9 {
        left: 75%
    }

    .push-wide-10 {
        left: 83.33333%
    }

    .push-wide-11 {
        left: 91.66667%
    }

    .pull-wide-0 {
        right: auto
    }

    .pull-wide-1 {
        right: 8.33333%
    }

    .pull-wide-2 {
        right: 16.66667%
    }

    .pull-wide-3 {
        right: 25%
    }

    .pull-wide-4 {
        right: 33.33333%
    }

    .pull-wide-5 {
        right: 41.66667%
    }

    .pull-wide-6 {
        right: 50%
    }

    .pull-wide-7 {
        right: 58.33333%
    }

    .pull-wide-8 {
        right: 66.66667%
    }

    .pull-wide-9 {
        right: 75%
    }

    .pull-wide-10 {
        right: 83.33333%
    }

    .pull-wide-11 {
        right: 91.66667%
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 480px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1600px) {
    .flex-wide-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-wide-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-wide-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-wide-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-wide-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-wide-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-wide-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-wide-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-wide-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-wide-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-wide-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-wide-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-wide-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-wide-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-wide-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-wide-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-wide-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-wide-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-wide-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-wide-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-wide-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-wide-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-wide-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-wide-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-wide-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-wide-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-wide-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-wide-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-wide-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

:root {
    font-size: 10px
}

@media (max-width: 479px) {
    :root {
        font-size: 9px
    }
}

html,
body {
    height: 100%
}

body {
    overflow-x: hidden
}

.schema-org {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.page-variations {
    background: #EAEFF5
}

@media (max-width: 991px) {
    .zoomContainer {
        display: none
    }
}

.container-fluid {
    max-width: 121rem;
    padding: 0 2rem
}

.container-fluid .container-fluid {
    padding: 0;
    max-width: unset
}

.header {
    position: relative;
    z-index: 1000;
    /* margin: 0 0 2.5rem; */
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
}

.topline {
    background: #292A30;
    color: #fff;
    min-height: 3.5rem;
    white-space: nowrap
}

.topline .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.topline .phone {
    height: 3.5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.topline .phone__btn {
    margin: 0 2.5rem 0 0;
    font-size: 1.3rem;
    line-height: 3.5rem;
    font-weight: 500;
    height: auto
}

.topline .phone__link {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.15)
}

.topline .phone__dropdown {
    top: 0;
    left: -1rem;
    right: auto
}

.topline .phone__menu {
    font-size: 1.3rem;
    line-height: 3.5rem
}

.topline .phone__menu>li {
    height: auto;
    padding: 0 1rem
}

.topbar {
    position: relative;
    height: 10.6rem;
    padding: 2.5rem 0;
    transition: .25s
}

.topbar .container-fluid {
    min-height: 100%
}

.topbar .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.topbar .col-auto:not(:last-of-type) {
    margin-left: auto
}

.nav__topline {
    float: right;
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 700
}

.nav__topline-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.nav__topline-menu>li {
    margin: 0 0 0 .5rem;
    position: relative
}

.nav__topline-menu>li:hover .nav__topline-submenu {
    opacity: 1;
    visibility: visible
}

.nav__topline-link {
    display: block;
    color: inherit;
    padding: .5rem;
    white-space: nowrap
}

.nav__topline-link--arrow:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: .6rem;
    height: .6rem;
    transition: none;
    border-bottom: .2rem solid currentColor;
    border-right: .2rem solid currentColor;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -.3rem 0 0 .6rem
}

.nav__topline-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    color: #343434;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-align: left;
    min-width: 18rem;
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 700
}

.nav__topline-submenu>li {
    border-bottom: .1rem solid #E8E8E8
}

.nav__topline-submenu>li:last-child {
    border: none
}

.nav__topline-sublink {
    transition: .25s;
    padding: .4rem 1.5rem;
    display: block;
    white-space: nowrap;
    position: relative;
    color: #3660bc
}

.nav__topline-sublink:hover {
    background: #3660bc;
    color: #fff
}

.nav__topbar {
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.nav__topbar-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.nav__topbar-menu>li {
    margin: 0 .5rem 0 0;
    position: relative
}

.nav__topbar-menu>li:hover .nav__topbar-submenu {
    opacity: 1;
    visibility: visible
}

.nav__topbar-link {
    display: block;
    color: inherit;
    padding: .5rem
}

.nav__topbar-link--arrow:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: .6rem;
    height: .6rem;
    transition: none;
    border-bottom: .2rem solid currentColor;
    border-right: .2rem solid currentColor;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -.3rem 0 0 .6rem
}

.nav__topbar-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    color: #343434;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-align: left;
    min-width: 18rem;
    font-size: 1.3rem;
    line-height: 2.5rem;
    text-transform: none;
    font-weight: 700
}

.nav__topbar-submenu>li {
    border-bottom: .1rem solid #E8E8E8
}

.nav__topbar-submenu>li:last-child {
    border: none
}

.nav__topbar-sublink {
    transition: .25s;
    padding: .4rem 1.5rem;
    display: block;
    white-space: nowrap;
    position: relative;
    color: #3660bc
}

.nav__topbar-sublink:hover {
    background: #3660bc;
    color: #fff
}

.logo {
    height: 10.6rem;
    min-width: 10rem;
    max-width: 30rem;
    margin: -2.8rem 0 -2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.logo__text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: .75;
    color: #343434
}

.logo a {
    max-height: 10.6rem
}

.logo img {
    display: inline-block;
    max-height: 10.6rem;
    max-width: 100%;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .logo {
        max-width: 20rem
    }
}

.is-search-keyup .search__dropdown {
    opacity: 1;
    visibility: visible
}

.search {
    position: relative;
    height: 3rem
}

.search form {
    height: inherit
}

.search__wrapper {
    position: relative;
    width: 100%;
    height: inherit
}

.search__input {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2.8rem;
    width: 100%;
    border: .1rem solid transparent;
    border-bottom-color: #D4D4D4;
    background: #fff;
    padding: 0 3rem 0 0;
    color: #3660bc;
    transition: border-color .25s;
    border-radius: 0;
    box-shadow: none;
    height: inherit
}

.search__input:-ms-input-placeholder {
    color: #3660bc
}

.search__input::placeholder {
    color: #3660bc
}

.search__input:focus {
    border-bottom-color: #7097EC
}

.search__btn {
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    transition: .25s;
    color: #343434;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

.search__btn:hover {
    color: #3660BC
}

.search__btn [class^="icon-"] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.65rem 0 0 -.65rem
}

.search__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    margin: -.1rem 0 0;
    z-index: 200;
    transition: .25s;
    opacity: 0;
    visibility: hidden
}

.search__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.search__list>li:not(:last-child) {
    border-bottom: .1rem solid #F6F6F6
}

.search__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 7.1rem;
    padding: 1rem 1.5rem 1rem 8rem;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: #343434
}

.search__item:hover {
    background: #F2F3F9
}

.search__item--text {
    padding: .5rem 1.5rem;
    min-height: 4rem
}

.search__item-image {
    width: 8rem;
    height: 7rem;
    margin: 0;
    padding: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 6rem;
    text-align: center
}

.search__item-image img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%
}

.search__item-title {
    margin: 0;
    -ms-flex: 1;
    flex: 1
}

.search__item-model {
    display: block;
    color: #acacac
}

.search__item-price {
    display: block;
    margin: 0 0 0 1.5rem;
    white-space: nowrap;
    font-weight: 700;
    color: #343434;
    line-height: 1
}

.search__item-price b {
    display: block;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700
}

.search__item-price u {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative
}

.search__item-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.is-open .phone__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.phone {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: .6rem 0;
    font-size: 1.3rem;
    line-height: 1.5rem
}

.phone__wrapper {
    position: relative
}

.phone__btn {
    display: block;
    border: none;
    padding: 0 1.6rem 0 0;
    position: relative;
    background: none;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: .25s;
    color: inherit;
    overflow: hidden;
    height: 2rem
}

.phone__btn span {
    display: block
}

.phone__btn.js-toggle-btn:after {
    content: '';
    display: inline-block;
    width: .6rem;
    height: .6rem;
    transition: inherit;
    border-bottom: .2rem solid #D4D4D4;
    border-right: .2rem solid #D4D4D4;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -.6rem 0 0
}

.phone__btn:hover {
    color: #7097EC
}

.phone__link {
    transition: .25s;
    color: #3660bc;
    text-decoration: none;
    border-bottom: .1rem solid #EBEFF8
}

.phone__link:hover {
    text-decoration: none;
    color: #7097EC
}

.phone__dropdown {
    position: absolute;
    top: -.9rem;
    left: -1.4rem;
    right: -1.4rem;
    min-width: 100%;
    white-space: nowrap;
    transition: .25s;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    z-index: 200;
    opacity: 0;
    visibility: hidden
}

.phone__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 500
}

.phone__menu>li {
    height: 5rem;
    padding: 1.5rem 1.4rem;
    position: relative
}

.phone__menu>li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: .1rem solid #F3F3F3
}

.phone__menu>li:last-child:after {
    border: none
}

.phone__menu-link {
    color: #343434
}

.ctrl {
    position: relative;
    padding: .5rem 0;
    line-height: 1
}

@media (min-width: 992px) {
    .ctrl {
        margin: 0 -1rem 0 0
    }
}

.is-open .acc__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.acc__btn {
    display: block;
    padding: 0 1.2rem 0 0;
    background: none;
    border: none;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    white-space: nowrap;
    transition: .25s
}

.acc__btn:hover {
    color: #7097EC
}

.acc__btn .icon-user {
    top: -.1rem;
    margin: 0 .5rem 0 0
}

.acc__btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .6rem;
    height: .6rem;
    transition: inherit;
    border-bottom: .2rem solid #D4D4D4;
    border-right: .2rem solid #D4D4D4;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -.6rem 0 0
}

.acc__btn[href] {
    padding: 0
}

.acc__btn[href]:after {
    display: none
}

.acc__dropdown {
    position: absolute;
    top: 100%;
    right: -9.6rem;
    margin: 1.5rem 0 0;
    width: 20rem;
    transition: .25s;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    z-index: 200;
    -ms-transform: translate(0, 1.5rem);
    transform: translate(0, 1.5rem);
    opacity: 0;
    visibility: hidden
}

.acc__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-bottom: 1rem solid #fff;
    margin: 0 0 0 -1.2rem
}

.acc__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 400;
    text-transform: none
}

.acc__menu>li {
    margin: 0;
    border-bottom: .1rem solid #F3F3F3
}

.acc__menu>li:last-child {
    border: none
}

.acc__link {
    position: relative;
    display: block;
    padding: 1rem 1.4rem;
    color: #343434;
    transition: .25s;
    white-space: nowrap
}

.acc__link:hover {
    color: #343434;
    background: #F2F3F9
}

.acc__counter:before {
    content: '('
}

.acc__counter:after {
    content: ')'
}

.is-open .lang__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.lang {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 1rem 0 0;
    line-height: 1
}

@media (max-width: 767px) {
    .lang form {
        height: 100%
    }
}

.lang__btn {
    position: relative;
    padding: 0 1.2rem 0 2.4rem;
    background: none;
    border: none;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    white-space: nowrap;
    transition: .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lang__btn:after {
    content: '';
    display: inline-block;
    width: .6rem;
    height: .6rem;
    transition: inherit;
    border-bottom: .2rem solid #D4D4D4;
    border-right: .2rem solid #D4D4D4;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -.6rem 0 0
}

.lang__btn img {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    width: 1.8rem;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: -.1rem 0 0
}

.lang__btn:hover {
    color: #7097EC
}

.lang__btn.is-active .icon-chevron-down {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.lang__dropdown {
    position: absolute;
    top: 100%;
    right: -9.6rem;
    margin: 1.5rem 0 0;
    width: 20rem;
    transition: .25s;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    z-index: 200;
    -ms-transform: translate(0, 1.5rem);
    transform: translate(0, 1.5rem);
    opacity: 0;
    visibility: hidden
}

.lang__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-bottom: 1rem solid #fff;
    margin: 0 0 0 -1.2rem
}

.lang__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 400;
    text-transform: none
}

.lang__menu>li {
    margin: 0;
    border-bottom: .1rem solid #F3F3F3
}

.lang__menu>li:last-child {
    border: none
}

.lang__link {
    position: relative;
    display: block;
    padding: 1rem 1.4rem 1rem 3.2rem;
    color: #343434;
    transition: .25s;
    white-space: nowrap
}

.lang__link img {
    display: block;
    position: absolute;
    top: 50%;
    left: 1rem;
    z-index: 5;
    width: 1.8rem;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.lang__link:hover {
    color: #343434;
    background: #F2F3F9
}

.is-open .wallet__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.wallet {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 1rem 0 0;
    line-height: 1
}

@media (max-width: 767px) {
    .wallet form {
        height: 100%
    }
}

.wallet__btn {
    display: block;
    padding: 0 1.2rem 0 0;
    background: none;
    border: none;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    white-space: nowrap;
    transition: .25s
}

.wallet__btn:hover {
    color: #7097EC
}

.wallet__btn .icon-wallet {
    top: -.2rem;
    margin: 0 .5rem 0 0
}

.wallet__btn:after {
    content: '';
    display: inline-block;
    width: .6rem;
    height: .6rem;
    transition: inherit;
    border-bottom: .2rem solid #D4D4D4;
    border-right: .2rem solid #D4D4D4;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -.6rem 0 0
}

.wallet__btn.is-active .icon-chevron-down {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wallet__dropdown {
    position: absolute;
    top: 100%;
    right: -9.6rem;
    margin: 1.5rem 0 0;
    width: 20rem;
    transition: .25s;
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    z-index: 200;
    -ms-transform: translate(0, 1.5rem);
    transform: translate(0, 1.5rem);
    opacity: 0;
    visibility: hidden
}

.wallet__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-bottom: 1rem solid #fff;
    margin: 0 0 0 -1.2rem
}

.wallet__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 400;
    text-transform: none
}

.wallet__menu>li {
    margin: 0;
    border-bottom: .1rem solid #F3F3F3
}

.wallet__menu>li:last-child {
    border: none
}

.wallet__link {
    display: block;
    padding: 1rem 1.4rem;
    color: #343434;
    transition: .25s
}

.wallet__link:hover {
    color: #343434;
    background: #F2F3F9
}

.is-cart-open.touch-device body,
.is-search-open.touch-device body,
.is-filter-open.touch-device body {
    overflow: hidden
}

@media (max-width: 767px) {
    .is-menu-open.touch-device body {
        overflow: hidden
    }
}

.is-cart-open .cart__dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cart {
    position: relative;
    margin: 0 -2rem 0 -1.5rem
}

@media (min-width: 992px) {
    .cart {
        margin: 0
    }
}

.cart__counter {
    font-size: .9rem;
    line-height: 1.6rem;
    padding: 0 0 .2rem;
    font-weight: 500;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: .4rem;
    left: 50%;
    border-radius: 50%;
    color: #fff;
    background: #3660BC;
}


.cart__dropdown {
    position: fixed;
    top: 0;
    height: 100%;
    right: 0;
    width: 47.4rem;
    max-width: 100%;
    background: #fff;
    transition: .25s;
    z-index: 200;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    color: #343434;
    visibility: hidden;
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.cart__head {
    position: relative;
    height: 7rem;
    border-bottom: .1rem solid #E8E8E8;
    padding: 0 2rem 0 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cart__back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 7rem;
    border: none;
    background: #F7F7F7;
    text-align: center;
    line-height: 7rem;
    cursor: pointer;
    transition: .25s
}

.cart__back:hover {
    background: #3B55E6;
    color: #fff
}

.cart__clear {
    margin: 0 0 0 auto;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.8rem;
    border: .1rem solid #E8E8E8;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    background: #fff;
    cursor: pointer;
    transition: .25s
}

.cart__clear [class^="icon-"] {
    top: -.1rem;
    margin: 0 1.5rem 0 0
}

.cart__clear:hover {
    border-color: #3B55E6;
    background: #3B55E6;
    color: #fff
}

.cart__heading {
    display: block;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 500;
    margin: 0;
    padding: 2rem 2rem 2rem 0
}

.cart__body {
    height: calc(100% - 28.5rem);
    position: relative
}

.cart__body:after,
.cart__body:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2.2rem;
    z-index: 10
}

.cart__body:after {
    top: 0;
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%)
}

.cart__body:before {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%)
}

.cart__scroll {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.cart__scroll .mCSB_scrollTools {
    top: 1.5rem;
    bottom: 1.5rem;
    z-index: 100
}

.cart__foot {
    padding: 2rem;
    height: 28.5rem;
    /* border-top: .1rem solid #E8E8E8 */
}

.cart__foot .col-5 {
    display: none;
}

.cart__foot .col-7 {
    max-width: 100%;
    flex-basis: 100%;
}

.cart__foot .btn {
    width: 100%
}

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

.cart__list>li:not(:last-child) {
    border-bottom: .1rem solid #E8E8E8
}

.cart__item {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 2.6rem 6rem 2.2rem 2.7rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.cart__item-delete {
    display: block;
    position: absolute;
    top: 6rem;
    right: 2rem;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    transition: .25s
}

.cart__item-delete:hover {
    color: #E13838
}

.cart__item-image {
    margin: 0 1.7rem 0 0;
    width: 7rem;
    height: 7rem;
    border: .1rem solid #F6F6F6;
    text-align: center;
    line-height: 6rem;
    padding: .4rem;
    float: left
}

.cart__item-image img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%
}

.cart__item-desc {
    overflow: hidden;
    padding: .5rem 0
}

.cart__item-id {
    display: block;
    color: #cacaca;
    font-size: 1.2rem
}

.cart__item-title {
    display: block
}

.cart__item-title a {
    color: #3660bc;
    text-decoration: none
}

.cart__item-title a:hover {
    color: #7097EC;
    text-decoration: none
}

.cart__item-action {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 0 0
}

.cart__item-action .app-number {
    margin: 0;
    overflow: hidden
}

.cart__item-price {
    margin: 0 2rem 0 0;
    float: left;
    min-width: 10rem;
    line-height: 1
}

.cart__item-price b {
    display: block;
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 700
}

.cart__item-price u {
    font-size: 1.1rem;
    line-height: 1.3rem;
    color: #aeaeae;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative
}

.cart__item-price u:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #FF2121;
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.cart__total {
    padding: 2.2rem 2rem 2.2rem 2.7rem;
    /* border-top: .1rem solid #E8E8E8; */
    text-align: right
}

.cart__scroll span.to_free_del_text {
    display: flex;
    align-items: center;
}

.cart__scroll .to_free_del_checkout {
    margin: 0rem 2rem 0rem 2.7rem;
    /* border: none !important; */
}

.cart__total-item {
    margin: 0
}

.cart__total-item--last {
    font-weight: 500
}

.cart__total-item--last span {
    padding-left: .5rem;
    font-size: 2.5rem;
    line-height: 3rem
}

.nav {
    background: #3660BC;
    color: #fff;
    height: 4.3rem;
    font-size: 1.1rem;
    line-height: 2.3rem;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav .container-fluid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}


@media (min-width: 768px) {

    .nav .search,
    .nav .ctrl {
        display: none
    }
}

@media (min-width: 992px) {
    .nav__mobile {
        width: 0;
        visibility: hidden
    }
}

.nav__priority {
    white-space: nowrap;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: opacity .25s;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.nav__priority.priority-nav {
    opacity: 1
}

@media (min-width: 992px) {
    .nav__priority {
        visibility: visible;
        min-width: 20rem
    }
}

.nav__priority-dropdown-wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.nav__priority-toggle {
    display: inline-block;
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: inherit;
    border-right: .1rem solid rgba(255, 255, 255, 0.1);
    position: relative;
    transition: none;
    min-width: 8.2rem;
    padding: 1rem 2.4rem 1rem 1rem;
    color: #fff
}

.nav__priority-toggle:after {
    content: '';
    display: inline-block;
    width: .7rem;
    height: .7rem;
    transition: inherit;
    border-bottom: .2rem solid #688EE4;
    border-right: .2rem solid #688EE4;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 1rem;
    margin: -.35rem 0 0
}

.nav__priority-toggle.priority-nav-is-hidden {
    display: none
}

.nav__priority-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    text-transform: none;
    min-width: 25rem;
    transition: .25s;
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: none;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden
}

.nav__priority-dropdown>li {
    border-bottom: .1rem solid #E8E8E8;
    position: relative
}

.nav__priority-dropdown>li:last-child {
    border: none
}

.nav__priority-dropdown li.is-open>.nav__link,
.nav__priority-dropdown li.is-open>.nav__list-link {
    background: #3660bc;
    color: #fff
}

.nav__priority-dropdown li.is-open>.nav__link--arrow,
.nav__priority-dropdown li.is-open>.nav__list-link--arrow {
    background: none;
    color: #343434
}

.nav__priority-dropdown li.is-open>.nav__link--arrow:after,
.nav__priority-dropdown li.is-open>.nav__list-link--arrow:after {
    border-color: #3660BC
}

.nav__priority-dropdown .nav__link {
    transition: .25s;
    padding-right: 1.5rem;
    padding-left: 2.2rem;
    color: #3660bc;
    text-align: left
}

.nav__priority-dropdown .nav__link--arrow:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: #e4e4e4
}

.nav__priority-dropdown .nav__dropdown,
.nav__priority-dropdown .nav__list-dropdown {
    top: 0;
    left: auto;
    right: 100%
}

.icon-toggle-menu {
    display: none;
}

.nav__menu,
.nav__menu_top {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.nav__menu>li {
    position: relative;
    border-right: .1rem solid rgba(255, 255, 255, 0.25);
    width: 100%;
}

.nav__menu>li:first-child {
    border-left: .1rem solid rgba(255, 255, 255, 0.25);
}

.nav__menu>li.nav__menu-fullwidth {
    position: static
}

.priority-nav-has-dropdown .nav__menu>li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.priority-nav-has-dropdown .nav__priority-dropdown-wrapper {
    display: inline-block
}

.nav__link {
    transition: none;
    padding: 1rem 1.5rem;
    display: block;
    white-space: nowrap;
    position: relative;
    font-size: 14px;
    font-family: 'Manrope';
    font-weight: 700;
    color: #fff;
}

.nav__list-link.arrow_menu,
.nav__list-link.arrow_menu .nav__list-link,
.nav__list-link {
    font-size: 15px;
}

.nav__link:hover {
    color: inherit
}

.nav__link .icon-toggle {
    top: -.1rem;
    margin: 0 1rem 0 0;
    transition: none
}

.nav__link--arrow {
    padding-right: 4.2rem;
    text-align: left
}

.nav__link--arrow:after {
    content: '';
    display: inline-block;
    width: .7rem;
    height: .7rem;
    transition: inherit;
    border-bottom: .2rem solid #688EE4;
    border-right: .2rem solid #688EE4;
    -ms-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 2rem;
    margin: -.35rem 0 0
}

a.nav__link--arrow:after {
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
}

.is-reverse .nav__link--arrow:after {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.nav__dropdown {
    background: #fff;
    color: #343434;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    transition: .1s;
    opacity: 0;
    visibility: hidden;
    width: 28rem
}

@media (min-width: 768px) {
    .nav__dropdown {
        max-width: 33.333vw
    }

    .nav__dropdown.is-reverse:not(.nav__dropdown--full) {
        left: auto;
        right: 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .nav__dropdown {
        max-width: 25vw
    }
}

@media (min-width: 1200px) {

    .nav__list-dropdown--type2:after,
    .nav__dropdown--type2:after {
        content: '';
        background: #f2f2f7;
        width: calc(25% + 2.0rem);
        height: 100%;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }
}

@media (max-width: 767px) {
    .nav__dropdown--list {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        max-width: 100vw;
        z-index: 120;
        background: #fff;
        transition: .25s;
        opacity: 0;
        visibility: hidden;
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1)
    }
}

.nav__dropdown--full {
    min-width: auto;
    display: block;
    white-space: normal;
    padding: 4rem 3rem;
    width: calc(100vw - 32.0rem);
    max-width: 111rem
}

.is-open>.nav__link,
.is-open>.nav__link:not([href]):not([tabindex]),
.is-open>.nav__link:not([href]):not([tabindex]):hover,
.is-open>.nav__priority-toggle {
    background: #fff;
    color: #3660BC;
    border-color: inherit
}

.is-open>.nav__link:after,
.is-open>.nav__priority-toggle:after {
    border-color: currentColor
}

.is-open>.nav__link [class^="icon-"],
.is-open>.nav__priority-toggle [class^="icon-"] {
    color: #343434
}

.is-open>.nav__dropdown,
.is-open>.nav__priority-dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.nav__group-title {
    display: block;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    color: #343434;
    padding: .5rem 0
}

.nav__group-menu {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400;
    text-transform: none
}

.nav__group-menu>li {
    margin: 0;
    padding: .5rem 0
}

.nav__group-link {
    position: relative;
    display: inline;
    letter-spacing: -.02rem
}

.nav__group-link span {
    border-bottom: .1rem solid transparent
}

.nav__group-link [class^="icon-"] {
    margin-left: 1rem;
    color: #CED7EB
}

.nav__group-link:hover span {
    border-color: #E6EBF8
}

.nav__group-link--more {
    color: #343434
}

.nav__list {
    height: 100%;
    width: 28rem;
    max-width: 100%
}

@media (min-width: 768px) {
    .nav__list {
        height: auto
    }
}

.nav__list-head {
    position: relative;
    height: 7rem;
    border-bottom: .1rem solid #E8E8E8
}

@media (min-width: 768px) {
    .nav__list-head {
        display: none
    }
}

.nav__list-heading {
    display: block;
    margin: 0;
    padding: 0 7rem 0 2.8rem;
    font-size: 1.8rem;
    line-height: 7rem;
    font-weight: 500;
    text-transform: none;
    color: #343434
}

.nav__list-close {
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 7rem;
    height: 7rem;
    border: none;
    background: #F7F7F7;
    padding: 0;
    text-align: center;
    line-height: 7rem;
    cursor: pointer;
    transition: .25s
}

.nav__list-close [class^="icon-"] {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav__list-close:hover {
    background: #3B55E6;
    color: #fff
}

.nav__list-close:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 100%;
    top: 0
}

.nav__list-body {
    height: calc(100% - 7.0rem);
    overflow: hidden;
    overflow-y: auto;
    position: relative
}

@media (min-width: 768px) {
    .nav__list-body {
        overflow: visible;
        height: auto
    }
}

.nav__list-title {
    display: block;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    padding: .5rem 0
}

.nav__list-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: none
}

.nav__list-menu>li {
    margin: 0;
    border-bottom: .1rem solid #E8E8E8
}

.nav__list-menu>li:last-child {
    border: none
}

.nav__list-menu>li.is-open>.nav__list-dropdown {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width: 768px) {
    .nav__list-menu>li {
        position: relative
    }

    .nav__list-menu>li.is-full {
        position: static
    }
}

.nav__list-link.nav__list-link--sub {
    color: #343434
}

.nav__list-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    background: #fff;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    z-index: 100;
    height: 100%
}

@media (min-width: 768px) {
    .nav__list-dropdown {
        height: auto;
        left: 100%;
        -ms-transform: translate(-2.0rem, 0);
        transform: translate(-2.0rem, 0);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1)
    }

    .nav__list-dropdown.is-reverse {
        left: auto;
        right: 100%
    }
}

.nav__list-dropdown--full {
    min-width: auto;
    display: block;
    white-space: normal;
    padding: 4rem 3rem;
    width: calc(100vw - 32.0rem);
    max-width: 111rem
}

@media (max-width: 991px) {
    .nav__list-dropdown--full {
        display: none
    }
}

.js-sticky .nav__list-dropdown--full,
.js-sticky .nav__dropdown--full {
    max-height: calc(100vh - 4.3rem);
    overflow-y: auto
}

.nav__list-back {
    display: block;
    position: relative;
    width: 100%;
    padding: 1rem 4rem 1rem 2.8rem;
    color: #343434;
    font-size: 1.3rem;
    line-height: 2.5rem;
    font-weight: 500;
    cursor: pointer
}

.nav__list-back:after {
    content: '';
    display: inline-block;
    width: .8rem;
    height: .8rem;
    transition: inherit;
    border-bottom: .2rem solid currentColor;
    border-right: .2rem solid currentColor;
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    position: absolute;
    top: 50%;
    left: 1.5rem;
    margin: -.4rem 0 0
}

@media (min-width: 768px) {
    .nav__list-back {
        display: none
    }
}

.nav__list-link {
    position: relative;
    display: block;
    padding: 1rem 4rem 1rem 1.5rem;
    letter-spacing: -.02rem;
    transition: .25s
}

.nav__list-link:hover {
    background: #3660bc;
    color: #fff
}

.nav__list-link--arrow:after {
    content: '';
    display: inline-block;
    width: .8rem;
    height: .8rem;
    transition: inherit;
    border-bottom: .2rem solid #E4E4E4;
    border-right: .2rem solid #E4E4E4;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin: -.4rem 0 0
}

.nav__list-link--arrow:hover {
    background: none;
    color: #343434
}

.nav__list-link--arrow:hover:after {
    border-color: #3660bc
}

.nav__list-link--more {
    color: #343434
}

.nav__list-info {
    display: block;
    padding: 1rem 1.5rem;
    letter-spacing: -.02rem
}

.nav__promo {
    position: relative
}

.nav__promo-heading {
    display: block;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 2rem
}

.nav__promo-manf a {
    float: left;
    width: 50%
}

.nav__promo-slides {
    position: relative;
    margin: 0 -1.5rem
}

.nav__promo-slides:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.nav__promo-slides .slick-arrow {
    display: block;
    position: absolute;
    top: 12rem;
    border: none;
    background: none;
    padding: 0;
    z-index: 10;
    color: #343434;
    cursor: pointer;
    transition: .25s;
    opacity: 0;
    visibility: hidden
}

.nav__promo-slides .slick-arrow:hover {
    color: #3660BC
}

.nav__promo-slides .slick-prev {
    left: 0;
    -ms-transform: translate(-1.0rem, 0);
    transform: translate(-1.0rem, 0)
}

.nav__promo-slides .slick-next {
    right: 0;
    -ms-transform: translate(1.0rem, 0);
    transform: translate(1.0rem, 0)
}

.nav__promo-slides .products__item {
    min-width: auto;
    border: none;
    height: auto;
    white-space: normal
}

.nav__promo-slides .products__item-in {
    padding: 0 1.5rem 1.5rem
}

.nav__promo-slides .products__item-in:after {
    display: none
}

.nav__promo-slides .products__item-images {
    margin: 0
}

.nav__promo-slides .products__item-title {
    white-space: normal
}

.nav__promo-slides .products__item-action {
    display: none
}

.search__close,
.search__send {
    display: none
}

.ctrl-v6,
.ctrl-v4 {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.ctrl-v6 .ctrl,
.ctrl-v4 .ctrl {
    padding-left: 1.5rem
}

.ctrl-v6 .ctrl:after,
.ctrl-v4 .ctrl:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: .1rem solid #EAEFF5;
    height: 5rem;
    margin: -2.5rem 0 0
}



@media (max-width: 420px) {

    .ctrl-v6__btn span,
    .ctrl-v4__btn span {
        display: none
    }

    .ctrl-v6__btn,
    .ctrl-v4__btn {
        min-width: 5.2rem
    }
}

.ctrl.ctrl-v6__btn,
.ctrl.ctrl-v4__btn {
    margin: 0 -1.5rem 0 0;
    padding: 1.2rem 1rem .6rem
}

.ctrl.ctrl-v6__btn .acc,
.ctrl.ctrl-v4__btn .acc {
    margin: 0
}

.ctrl.ctrl-v6__btn .acc__btn,
.ctrl.ctrl-v4__btn .acc__btn {
    line-height: 1.6rem;
    color: #343434
}

.ctrl.ctrl-v6__btn .acc__btn:after,
.ctrl.ctrl-v4__btn .acc__btn:after {
    top: 3.3rem
}

.ctrl-v6__btn-counter,
.ctrl-v4__btn-counter {
    font-size: .9rem;
    line-height: 1.6rem;
    padding: 0 0 .2rem;
    font-weight: 500;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: .4rem;
    left: 50%;
    border-radius: 50%;
    color: #fff;
    background: #3660BC
}

.ctrl-v6__btn-counter:after,
.ctrl-v4__btn-counter:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: .2rem solid rgba(54, 96, 188, 0.5);
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 2s 2s infinite
}

.header--service {
    background: #3660BC;
    color: #fff;
    padding: 20px 0;
    height: 100px
}

.header--service .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header__logo {
    margin: 0 auto 0 0;
    padding: 0 20px 0 0
}

.header__logo a {
    display: block;
    text-decoration: none
}

@media (max-width: 767px) {
    .header__logo {
        margin: 0 auto;
        padding: 0
    }
}

.header__logo img {
    max-height: 100px
}

.header__contacts {
    margin: 0 -35px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400
}

.header__contacts>li {
    padding: 0 35px
}

.header__contacts b {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    display: block
}

.header__contacts a {
    color: #fff
}

@media (max-width: 767px) {
    .header__contacts {
        display: none
    }
}

.header--v1 {
    z-index: 1000
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header--v1 .search {
        height: 5rem;
        min-width: 4rem
    }

    .header--v1 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-left: .1rem solid #eaeff5;
        height: 5rem
    }

    .header--v1 .search .search__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
        width: 200%;
        visibility: hidden
    }

    .header--v1 .search .search__input {
        border-color: #EAEFF5;
        padding-left: 2rem;
        padding-right: 5rem
    }

    .header--v1 .search .search__btn {
        width: 5rem
    }

    .header--v1 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }
}

@media (max-width: 767px) {
    .header--v1 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v1 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v1 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v1 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v1 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v1 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v1 .search {
        min-width: 34px
    }
}

@media (max-width: 420px) {
    .header--v1 .phone {
        margin: 0 -1rem 0 -1.5rem
    }

    .header--v1 .phone__btn,
    .header--v1 .phone__menu-link {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem
    }
}

@media (max-width: 767px) {
    .header--v1 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v1 .acc {
        height: 100%;
        margin: 0
    }

    .header--v1 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v1 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v1 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v1 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v1 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v1 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v1 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v1 .acc .acc__btn:after {
        display: none
    }

    .header--v1 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v1 .lang {
        height: 100%;
        margin: 0
    }

    .header--v1 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v1 .lang .lang__btn img {
        left: 1rem
    }

    .header--v1 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v1 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v1 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v1 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v1 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v1 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v1 .lang .lang__btn:after {
        display: none
    }

    .header--v1 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v1 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v1 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v1 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v1 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v1 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v1 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v1 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v1 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v1 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 1199px) {
    .header--v1 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v1 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v1 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .header--v1 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 1199px) {
    .header--v1 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v1 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v1 .search .search__close:hover {
        color: #7097EC
    }

    .header--v1 .search .search__send,
    .header--v4 .search .search__send,
    .header--v6 .search .search__send,
    .header--v8 .search .search__send,
    .header--v10 .search .search__send {
        display: block;
        position: absolute;
        top: 1rem;
        right: 0;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v1 .search .search__send .icon-search,
    .header--v4 .search .search__send .icon-search,
    .header--v6 .search .search__send .icon-search,
    .header--v8 .search .search__send .icon-search,
    .header--v10 .search .search__send .icon-search {
        width: 1.8rem;
        height: 1.8rem
    }

    .header--v1 .search .search__send:hover,
    .header--v4 .search .search__send:hover,
    .header--v6 .search .search__send:hover,
    .header--v8 .search .search__send:hover,
    .header--v10 .search .search__send:hover {
        color: #7097EC
    }

    .header--v1 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v1 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v1 .search .search__input::placeholder {
        color: #fff
    }

    .header--v1 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v1 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }
}

@media (min-width: 1200px) {

    .header--v1 .search__send,
    .header--v4 .search__send {
        display: none
    }
}

.header--v2 {
    z-index: 999
}

.header--v2 .search {
    height: 5rem;
    min-width: 5rem
}

.header--v2 .search:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: .1rem solid #eaeff5;
    height: 5rem
}

.header--v2 .search .search__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    max-width: 28rem
}

.header--v2 .search .search__input {
    border-color: #EAEFF5;
    padding-left: 2rem;
    padding-right: 5rem
}

@media (min-width: 768px) {
    .header--v2 .search .search__btn {
        width: 5rem
    }

    .header--v2 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }

    .header--v2 .search .search__wrapper-in {
        height: inherit
    }
}

@media (min-width: 992px) {
    .header--v2 .search .search__dropdown {
        display: block
    }

    .header--v2 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible;
        min-width: 48rem;
        max-width: none
    }

    .header--v2 .search__send,
    .header--v3 .search__send,
    .header--v9 .search__send {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 5rem;
        border: none;
        padding: 0;
        background: none;
        color: #343434;
        cursor: pointer;
        transition: .25s
    }

    .header--v2 .search__send:hover,
    .header--v3 .search__send:hover,
    .header--v9 .search__send:hover {
        color: #3660BC
    }

    .header--v2 .search__close,
    .header--v3 .search__close,
    .header--v9 .search__close {
        display: block;
        position: absolute;
        top: 0;
        right: 5rem;
        height: 100%;
        width: 3rem;
        border: none;
        padding: 0;
        background: none;
        color: #343434;
        cursor: pointer;
        transition: .25s
    }

    .header--v2 .search__close:hover,
    .header--v3 .search__close:hover,
    .header--v9 .search__close:hover {
        color: #3660BC
    }

    .header--v2 .search.is-open .search__btn,
    .header--v3 .search.is-open .search__btn,
    .header--v9 .search.is-open .search__btn {
        opacity: 0;
        visibility: hidden
    }

    .header--v2 .search .search__send [class^="icon-"],
    .header--v3 .search .search__send [class^="icon-"],
    .header--v9 .search .search__send [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin-right: -.1rem
    }
}

@media (max-width: 420px) {
    .header--v2 .phone {
        margin: 0 -1rem 0 -1.5rem
    }

    .header--v2 .phone__btn,
    .header--v2 .phone__menu-link {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem
    }
}

@media (max-width: 767px) {
    .header--v2 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v2 .acc {
        height: 100%;
        margin: 0
    }

    .header--v2 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v2 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v2 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v2 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v2 .acc .acc__dropdown:after {
        display: none
    }

    .header--v2 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v2 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        border: 0;
        margin: -1.5rem 0 0
    }

    .header--v2 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v2 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v2 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v2 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v2 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v2 .acc .acc__btn:after {
        display: none
    }

    .header--v2 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v2 .lang {
        height: 100%;
        margin: 0
    }

    .header--v2 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v2 .lang .lang__btn img {
        left: 1rem
    }

    .header--v2 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v2 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v2 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v2 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v2 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v2 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v2 .lang .lang__btn:after {
        display: none
    }

    .header--v2 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v2 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v2 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v2 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v2 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v2 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v2 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v2 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v2 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v2 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 991px) {
    .header--v2 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v2 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v2 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 991px) {
    .header--v2 .search .search__wrapper-in {
        width: 100%;
        height: auto;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v2 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v2 .search .search__close:hover {
        color: #7097EC
    }

    .header--v2 .search .search__send,
    .header--v3 .search .search__send,
    .header--v9 .search .search__send {
        display: block;
        position: absolute;
        top: 1rem;
        right: 0;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v2 .search .search__send .icon-search,
    .header--v3 .search .search__send .icon-search,
    .header--v9 .search .search__send .icon-search {
        width: 1.8rem;
        height: 1.8rem
    }

    .header--v2 .search .search__send:hover,
    .header--v3 .search .search__send:hover,
    .header--v9 .search .search__send:hover {
        color: #7097EC
    }

    .header--v2 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v2 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v2 .search .search__input::placeholder {
        color: #fff
    }

    .header--v2 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v2 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }
}

.header--v3 {
    z-index: 998
}

.header--v3 .row {
    margin: 0 -1rem
}

.header--v3 .row>[class^="col-"] {
    padding: 0 1rem
}

.header--v3 .nav__group .row {
    -ms-flex-align: start;
    align-items: start
}

.header--v3 .topbar {
    height: 10rem
}

.header--v3 .search {
    height: 5rem;
    min-width: 5rem
}

.header--v3 .search:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: .1rem solid #eaeff5;
    z-index: -1;
    height: 5rem
}

.header--v3 .search .search__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    max-width: 28rem
}

.header--v3 .search .search__input {
    border-color: #EAEFF5;
    padding-left: 2rem;
    padding-right: 5rem
}

.header--v3 .search .search__btn {
    width: 5rem
}

.header--v3 .search .search__btn [class^="icon-"] {
    width: 2.2rem;
    height: 2.2rem;
    margin: -1.1rem 0 0 -1.1rem
}

@media (min-width: 992px) {
    .header--v3 .search .search__dropdown {
        display: block
    }

    .header--v3 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible;
        min-width: 28rem;
        max-width: none
    }
}

.header--v3 .ctrl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header--v3 .ctrl .acc,
.header--v3 .ctrl .lang,
.header--v3 .ctrl .wallet {
    margin: 0 1rem 0 0
}

.header--v3 .nav {
    background: none;
    color: #343434
}

.header--v3 .nav .container-fluid {
    padding: 0
}

.header--v3 .nav .nav__link {
    padding: 1rem
}

.header--v3 .nav .nav__link--arrow {
    padding-right: 2.4rem
}

.header--v3 .nav .nav__priority-toggle {
    color: #343434;
    width: auto;
    padding-right: 2.4rem;
    border: none
}

.header--v3 .nav .nav__priority-toggle:after {
    border-color: #343434
}

.header--v3 .nav .nav__priority-dropdown {
    right: auto;
    left: 0
}

.header--v3 .nav .nav__menu {
    -ms-flex: none;
    flex: none
}

.header--v3 .nav .nav__menu>li:first-of-type {
    min-width: auto
}

.header--v3 .nav .search,
.header--v3 .nav .acc {
    display: none
}

@media (max-width: 991px) {

    .header--v3 .lang,
    .header--v3 .wallet {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v3 .logo {
        top: -1.5rem;
        position: relative;
        height: initial;
        padding: 0;
        margin: 0
    }

    .header--v3 .logo img {
        max-height: 5rem
    }

    .header--v3 .ctrl {
        padding: 0 .5rem
    }

    .header--v3 .col-nav {
        position: absolute;
        bottom: 1rem;
        left: -.5rem
    }
}

@media (max-width: 479px) {
    .header--v3 .acc__btn {
        font-size: 0
    }
}

@media (max-width: 991px) {
    .header--v3 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v3 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v3 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header--v3 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 991px) {
    .header--v3 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v3 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v3 .search .search__close:hover {
        color: #7097EC
    }

    .header--v3 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v3 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v3 .search .search__input::placeholder {
        color: #fff
    }

    .header--v3 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v3 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }

    .header--v3 .search .search__wrapper {
        max-width: none
    }
}

@media (min-width: 992px) {
    .header--v3 .search .search__wrapper-in {
        height: inherit
    }
}

.header--v3 .js-sticky .nav__list-dropdown--full,
.header--v3 .js-sticky .nav__dropdown--full {
    max-height: calc(100vh - 7.5rem);
    overflow-y: auto
}

.header--v4 {
    z-index: 1001
}

.header--v4 .row {
    margin: 0 -10px
}

.header--v4 .row>[class^="col"] {
    padding: 0 10px
}

@media (min-width: 992px) {
    .header--v4 .ctrl-v4 {
        margin: 0 -.5rem 0 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header--v4 .search {
        height: 5rem;
        min-width: 4rem;
        margin-right: -2rem
    }

    .header--v4 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-left: .1rem solid #eaeff5;
        height: 5rem
    }

    .header--v4 .search .search__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
        width: 200%;
        visibility: hidden
    }

    .header--v4 .search .search__input {
        border-color: #EAEFF5;
        padding-left: 2rem;
        padding-right: 5rem
    }

    .header--v4 .search .search__btn {
        width: 5rem
    }

    .header--v4 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }
}

@media (max-width: 767px) {
    .header--v4 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v4 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v4 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v4 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v4 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v4 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v4 .search {
        min-width: 3.4rem;
        min-height: 3.8rem
    }
}

@media (max-width: 767px) {
    .header--v4 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v4 .acc {
        height: 100%;
        margin: 0
    }

    .header--v4 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v4 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v4 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v4 .acc .acc__btn[href] .icon-user {
        top: .9rem
    }

    .header--v4 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v4 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v4 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v4 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v4 .acc .acc__btn:after {
        display: none
    }

    .header--v4 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v4 .lang {
        height: 100%;
        margin: 0
    }

    .header--v4 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v4 .lang .lang__btn img {
        left: 1rem
    }

    .header--v4 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v4 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v4 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v4 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v4 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v4 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v4 .lang .lang__btn:after {
        display: none
    }

    .header--v4 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v4 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v4 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v4 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v4 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v4 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v4 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v4 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v4 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v4 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v4 .ctrl-v4 {
        margin: 0 -.5rem 0 0
    }

    .header--v4 .ctrl-v4 .ctrl {
        display: none
    }
}

@media (max-width: 1199px) {
    .header--v4 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v4 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v4 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .header--v4 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 1199px) {
    .header--v4 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v4 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v4 .search .search__close:hover {
        color: #7097EC
    }

    .header--v4 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v4 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v4 .search .search__input::placeholder {
        color: #fff
    }

    .header--v4 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v4 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }

    .header--v4 .ctrl-v4 span:first-child .ctrl-v4__btn:before {
        display: none
    }
}

.header--v5 {
    z-index: 996
}

@media (min-width: 992px) {
    .header--v5 .logo {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .header--v5 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v5 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v5 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v5 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v5 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v5 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v5 .search {
        min-width: 34px
    }
}

@media (max-width: 767px) {
    .header--v5 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v5 .acc {
        height: 100%;
        margin: 0
    }

    .header--v5 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v5 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v5 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v5 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v5 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v5 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v5 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v5 .acc .acc__btn:after {
        display: none
    }

    .header--v5 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v5 .lang {
        height: 100%;
        margin: 0
    }

    .header--v5 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v5 .lang .lang__btn img {
        left: 1rem
    }

    .header--v5 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v5 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v5 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v5 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v5 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v5 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v5 .lang .lang__btn:after {
        display: none
    }

    .header--v5 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v5 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v5 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v5 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v5 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v5 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v5 .wallet .wallet__dropdown:after {
        display: none
    }

    .header--v5 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v5 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v5 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }

    .header--v5 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v5 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v5 .search .search__close:hover {
        color: #7097EC
    }

    .header--v5 .search .search__send {
        display: block;
        position: absolute;
        top: 1rem;
        right: 0;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v5 .search .search__send .icon-search {
        width: 1.8rem;
        height: 1.8rem
    }

    .header--v5 .search .search__send:hover {
        color: #7097EC
    }

    .header--v5 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v5 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v5 .search .search__input::placeholder {
        color: #fff
    }

    .header--v5 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v5 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }

    .header--v5 .ctrl-v5 span:first-child .ctrl-v5__btn:before {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v5 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v5 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v5 .wallet .wallet__btn:after {
        display: none
    }
}

.header--v6 {
    z-index: 1001
}

.header--v6 .row {
    margin: 0 -10px
}

.header--v6 .row>[class^="col"] {
    padding: 0 10px
}

@media (min-width: 992px) {
    .header--v6 .ctrl-v6 {
        margin: 0 -.5rem 0 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header--v6 .search {
        height: 5rem;
        min-width: 4rem;
        margin-right: -2rem
    }

    .header--v6 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-left: .1rem solid #eaeff5;
        height: 5rem
    }

    .header--v6 .search .search__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
        width: 200%;
        visibility: hidden
    }

    .header--v6 .search .search__input {
        border-color: #EAEFF5;
        padding-left: 2rem;
        padding-right: 5rem
    }

    .header--v6 .search .search__btn {
        width: 5rem
    }

    .header--v6 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }
}

@media (max-width: 767px) {
    .header--v6 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v6 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v6 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v6 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v6 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v6 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v6 .search {
        min-width: 34px
    }
}

@media (max-width: 767px) {
    .header--v6 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v6 .acc {
        height: 100%;
        margin: 0
    }

    .header--v6 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v6 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v6 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v6 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v6 .acc .acc__btn[href] .icon-user {
        top: .9rem
    }

    .header--v6 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v6 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v6 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v6 .acc .acc__btn:after {
        display: none
    }

    .header--v6 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v6 .lang {
        height: 100%;
        margin: 0
    }

    .header--v6 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v6 .lang .lang__btn img {
        left: 1rem
    }

    .header--v6 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v6 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v6 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v6 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v6 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v6 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v6 .lang .lang__btn:after {
        display: none
    }

    .header--v6 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v6 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v6 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v6 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v6 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v6 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v6 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v6 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v6 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v6 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v6 .ctrl-v6 {
        margin: 0 -.5rem 0 0
    }

    .header--v6 .ctrl-v6 .ctrl {
        display: none
    }
}

@media (max-width: 1199px) {
    .header--v6 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v6 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v6 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .header--v6 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 1199px) {
    .header--v6 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v6 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v6 .search .search__close:hover {
        color: #7097EC
    }

    .header--v6 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v6 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v6 .search .search__input::placeholder {
        color: #fff
    }

    .header--v6 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v6 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }

    .header--v6 .ctrl-v6 span:first-child .ctrl-v6__btn:before {
        display: none
    }
}

.app--v7 .slider {
    background: #EAEFF5;
    margin-top: -2.5rem;
    padding-bottom: 5rem
}

.header--v7 {
    z-index: 994;
    background: none;
    box-shadow: none;
    border: none
}

.header--v7.header {
    background: #EAEFF5
}

.header--v7 .topbar {
    background: none
}

.header--v7 .cart__btn:after {
    background: #fff
}

.header--v7 .search__input {
    background: none
}

.header--v7 .row {
    margin: 0 -1rem
}

.header--v7 .row>[class^="col-"] {
    padding: 0 1rem
}

.header--v7 .nav__group .row {
    -ms-flex-align: start;
    align-items: start
}

.header--v7 .topbar {
    height: 9rem;
    padding: 2rem 0
}

.header--v7 .search {
    height: 5rem;
    min-width: 4rem
}

.header--v7 .search:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: .1rem solid #eaeff5;
    height: 5rem
}

.header--v7 .search .search__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 200%;
    visibility: hidden
}

.header--v7 .search .search__input {
    border-color: #EAEFF5;
    padding-left: 2rem;
    padding-right: 5rem
}

.header--v7 .search .search__btn {
    width: 5rem
}

.header--v7 .search .search__btn [class^="icon-"] {
    width: 2.3rem;
    height: 2.2rem;
    margin: -1.1rem 0 0 -1.1rem
}

.header--v7 .ctrl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header--v7 .ctrl .acc,
.header--v7 .ctrl .lang,
.header--v7 .ctrl .wallet {
    margin: 0 1rem 0 0
}

.header--v7 .nav {
    background: none;
    border-color: transparent;
    color: #343434
}

.header--v7 .nav .container-fluid {
    padding: 0
}

.header--v7 .nav .nav__link {
    padding: 1rem
}

.header--v7 .nav .nav__link--arrow {
    padding-right: 2.4rem
}

.header--v7 .nav .nav__priority-toggle {
    color: #343434;
    width: auto;
    padding-right: 2.4rem;
    border: none
}

.header--v7 .nav .nav__priority-toggle:after {
    border-color: #343434
}

.header--v7 .nav .nav__priority-dropdown {
    right: auto;
    left: 0
}

.header--v7 .nav .nav__menu {
    -ms-flex: none;
    flex: none
}

.header--v7 .nav .nav__menu>li:first-of-type {
    min-width: auto
}

.header--v7 .nav .search,
.header--v7 .nav .acc {
    display: none
}

@media (max-width: 991px) {

    .header--v7 .lang,
    .header--v7 .wallet {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v7 .logo {
        top: -1.5rem;
        position: relative;
        height: initial;
        padding: 0;
        margin: 0
    }

    .header--v7 .ctrl {
        padding: 0 .5rem
    }

    .header--v7 .col-nav {
        position: absolute;
        bottom: 1rem;
        left: -.5rem
    }
}

@media (max-width: 479px) {
    .header--v7 .acc__btn {
        font-size: 0
    }
}

.header--v7 .search.is-open .search__wrapper {
    opacity: 1;
    visibility: visible
}

.header--v7 .search.is-open .search__wrapper-in {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header--v7 .search .search__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    padding: 5rem 2rem 15rem;
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .25s;
    min-width: 100%
}

@media (min-width: 768px) {
    .header--v7 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

.header--v7 .search .search__wrapper-in {
    width: 100%;
    max-width: 117rem;
    margin: 0 auto;
    position: relative;
    transition: .25s;
    transition-delay: .125s;
    opacity: 0;
    -ms-transform: translate(0, -2.0rem);
    transform: translate(0, -2.0rem)
}

.header--v7 .search .search__close {
    display: block;
    position: absolute;
    top: 1rem;
    right: 4rem;
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s;
    border: none;
    background: none;
    padding: 0;
    color: #fff
}

.header--v7 .search .search__close:hover {
    color: #7097EC
}

.header--v7 .search .search__send {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s;
    border: none;
    background: none;
    padding: 0;
    color: #fff
}

.header--v7 .search .search__send .icon-search {
    width: 1.8rem;
    height: 1.8rem
}

.header--v7 .search .search__send:hover {
    color: #7097EC
}

.header--v7 .search .search__input {
    height: auto;
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 3rem;
    width: 100%;
    background: none;
    border: none;
    border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
    padding: 2rem 0;
    color: #fff;
    transition: border-color .25s;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 3rem
}

.header--v7 .search .search__input:-ms-input-placeholder {
    color: #fff
}

.header--v7 .search .search__input::placeholder {
    color: #fff
}

.header--v7 .search .search__input:focus {
    border-bottom-color: #7097EC
}

.header--v7 .search .search__caption {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin: 0;
    display: block;
    color: #fff;
    width: 100%;
    text-transform: none
}

.header--v7 .search .search__wrapper {
    max-width: none
}

.header--v7 .js-sticky .nav__list-dropdown--full,
.header--v7 .js-sticky .nav__dropdown--full {
    max-height: calc(100vh - 7.5rem);
    overflow-y: auto
}

.app--v8 .slider {
    background: #EAEFF5;
    margin-top: -2.5rem;
    padding-bottom: 5rem
}

.header--v8 {
    z-index: 993;
    background: none;
    box-shadow: none;
    border: none
}

.header--v8.header {
    background: #EAEFF5
}

.header--v8 .topbar {
    background: none
}

.header--v8 .cart__btn:after {
    background: #fff
}

.header--v8 .search__input {
    background: none
}

.header--v8 .nav {
    background: #EAEFF5;
    color: #343434
}

.header--v8 .nav .nav__menu>li {
    border-color: rgba(0, 0, 0, 0.05)
}

.header--v8 .nav .nav__priority-toggle {
    color: #343434;
    border-color: rgba(0, 0, 0, 0.05);
    width: auto
}

.header--v8 .nav .nav__priority-toggle:after {
    border-color: #343434
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header--v8 .search {
        height: 5rem;
        min-width: 4rem
    }

    .header--v8 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border-left: .1rem solid #eaeff5;
        height: 5rem
    }

    .header--v8 .search .search__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
        width: 200%;
        visibility: hidden
    }

    .header--v8 .search .search__input {
        border-color: #EAEFF5;
        padding-left: 2rem;
        padding-right: 5rem
    }

    .header--v8 .search .search__btn {
        width: 5rem
    }

    .header--v8 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }
}

@media (max-width: 767px) {
    .header--v8 .search {
        height: 100%;
        min-width: 4.4rem;
        color: #343434
    }

    .header--v8 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v8 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v8 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v8 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v8 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v8 .search {
        min-width: 34px
    }
}

@media (max-width: 420px) {
    .header--v8 .phone {
        margin: 0 -1rem 0 -1.5rem
    }

    .header--v8 .phone__btn,
    .header--v8 .phone__menu-link {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem
    }
}

@media (max-width: 767px) {
    .header--v8 .search:after {
        background: rgba(0, 0, 0, 0.1)
    }

    .header--v8 .search .search__btn {
        color: inherit
    }

    .header--v8 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v8 .acc {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v8 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v8 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v8 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v8 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v8 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v8 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v8 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v8 .acc .acc__btn:after {
        display: none
    }

    .header--v8 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v8 .acc .acc__btn {
        color: inherit
    }

    .header--v8 .lang {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v8 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v8 .lang .lang__btn img {
        left: 1rem
    }

    .header--v8 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v8 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v8 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v8 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v8 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v8 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v8 .lang .lang__btn:after {
        display: none
    }

    .header--v8 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v8 .lang .lang__btn {
        color: inherit
    }

    .header--v8 .wallet {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v8 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v8 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v8 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v8 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v8 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v8 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v8 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v8 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v8 .wallet .wallet__btn {
        color: inherit
    }
}

@media (max-width: 1199px) {
    .header--v8 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v8 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v8 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .header--v8 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 1199px) {
    .header--v8 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v8 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v8 .search .search__close:hover {
        color: #7097EC
    }

    .header--v8 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v8 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v8 .search .search__input::placeholder {
        color: #fff
    }

    .header--v8 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v8 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }
}

.header--v9 {
    z-index: 992
}

.header--v9 .nav {
    background: none;
    color: #343434
}

.header--v9 .nav.is-sticky {
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1)
}

.header--v9 .nav .nav__menu>li {
    border-color: rgba(0, 0, 0, 0.05)
}

.header--v9 .nav .nav__priority-toggle {
    color: #343434;
    border-color: rgba(0, 0, 0, 0.05);
    width: auto
}

.header--v9 .nav .nav__priority-toggle:after {
    border-color: #343434;
    border-color: #3660BC
}

.header--v9 .cart__btn:after {
    opacity: 1;
    visibility: visible
}

.header--v9 .search {
    height: 5rem;
    margin-right: -1.5rem;
    min-width: 5rem
}

.header--v9 .search .search__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    max-width: 28rem
}

.header--v9 .search .search__input {
    border-color: #EAEFF5;
    padding-left: 2rem;
    padding-right: 5rem
}

@media (min-width: 768px) {
    .header--v9 .search .search__btn {
        width: 5rem
    }

    .header--v9 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }

    .header--v9 .search .search__wrapper-in {
        height: inherit
    }
}

@media (min-width: 992px) {
    .header--v9 .search .search__dropdown {
        display: block
    }

    .header--v9 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible;
        min-width: 48rem;
        max-width: none
    }
}

@media (max-width: 767px) {
    .header--v9 .search {
        height: 100%;
        min-width: 4.4rem;
        margin: 0;
        color: #343434
    }

    .header--v9 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v9 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v9 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v9 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v9 .search {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v9 .search {
        min-width: 34px
    }
}

@media (max-width: 767px) {
    .header--v9 .search:after {
        background: rgba(0, 0, 0, 0.1)
    }

    .header--v9 .search .search__btn {
        color: inherit
    }

    .header--v9 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v9 .acc {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v9 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v9 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v9 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v9 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v9 .acc .acc__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v9 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v9 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v9 .acc .acc__btn:after {
        display: none
    }

    .header--v9 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v9 .acc .acc__btn {
        color: inherit
    }

    .header--v9 .lang {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v9 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v9 .lang .lang__btn img {
        left: 1rem
    }

    .header--v9 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v9 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v9 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v9 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v9 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v9 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v9 .lang .lang__btn:after {
        display: none
    }

    .header--v9 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v9 .lang .lang__btn {
        color: inherit
    }

    .header--v9 .wallet {
        height: 100%;
        margin: 0;
        color: #343434
    }

    .header--v9 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v9 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v9 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v9 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v9 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v9 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v9 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v9 .wallet .wallet__btn:after {
        display: none
    }
}

@media (max-width: 767px) {
    .header--v9 .wallet .wallet__btn {
        color: inherit
    }
}

@media (max-width: 420px) {
    .header--v9 .phone {
        display: none
    }
}

@media (max-width: 991px) {
    .header--v9 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v9 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v9 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 991px) {
    .header--v9 .search .search__wrapper-in {
        width: 100%;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v9 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v9 .search .search__close:hover {
        color: #7097EC
    }

    .header--v9 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v9 .search .search__input:-ms-input-placeholder {
        color: #fff
    }

    .header--v9 .search .search__input::placeholder {
        color: #fff
    }

    .header--v9 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v9 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }
}

.header--v10 {
    z-index: 991;
    background: #23252D;
    color: #fff
}

.header--v10 .logo__text {
    color: #fff
}

.header--v10 .search {
    height: 5rem;
    min-width: 5rem
}

.header--v10 .search:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: .1rem solid #393b42;
    height: 5rem
}

.header--v10 .search .search__wrapper {
    position: initial;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    max-width: 28rem
}

.header--v10 .search .search__input {
    border-color: #393b42;
    padding-left: 2rem;
    padding-right: 5rem;
    color: #fff;
    background: #23252d
}

.header--v10 .search .search__input:-ms-input-placeholder {
    color: #fff
}

.header--v10 .search .search__input::placeholder {
    color: #fff
}

@media (min-width: 768px) {
    .header--v10 .search .search__btn {
        width: 5rem
    }

    .header--v10 .search .search__btn [class^="icon-"] {
        width: 2.3rem;
        height: 2.2rem;
        margin: -1.1rem 0 0 -1.1rem
    }

    .header--v10 .search .search__wrapper-in {
        height: inherit
    }
}

@media (min-width: 992px) {
    .header--v10 .search .search__dropdown {
        display: block
    }

    .header--v10 .search .search__wrapper {
        opacity: 1;
        visibility: visible;
        min-width: 48rem;
        max-width: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v10 .search {
        min-width: 34px
    }
}

@media (max-width: 767px) {
    .header--v10 .search:after {
        background: rgba(255, 255, 255, 0.1)
    }

    .header--v10 .ctrl {
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5rem;
        display: -ms-flexbox;
        display: flex
    }

    .header--v10 .acc {
        height: 100%;
        margin: 0
    }

    .header--v10 .acc .acc__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem;
        font-size: 0
    }

    .header--v10 .acc .acc__btn:after {
        right: 1rem
    }

    .header--v10 .acc .acc__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v10 .acc .acc__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v10 .acc .acc__dropdown:after {
        display: none
    }

    .header--v10 .search {
        height: 100%;
        min-width: 4.4rem
    }

    .header--v10 .search:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: .1rem;
        height: 3rem;
        background: rgba(255, 255, 255, 0.1);
        margin: -1.5rem 0 0
    }

    .header--v10 .search .search__btn {
        width: 100%;
        color: #fff
    }

    .header--v10 .search .search__btn.is-active {
        background: #fff;
        color: #A7B9E2
    }

    .header--v10 .search .search__wrapper {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v10 .acc {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v10 .acc .acc__btn {
        padding: 0 1rem
    }

    .header--v10 .acc .acc__btn:after {
        display: none
    }

    .header--v10 .acc .acc__btn .icon-user {
        margin: 0
    }
}

@media (max-width: 767px) {
    .header--v10 .lang {
        height: 100%;
        margin: 0
    }

    .header--v10 .lang .lang__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 3.4rem
    }

    .header--v10 .lang .lang__btn img {
        left: 1rem
    }

    .header--v10 .lang .lang__btn:after {
        right: 1rem
    }

    .header--v10 .lang .lang__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v10 .lang .lang__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v10 .lang .lang__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v10 .lang {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v10 .lang .lang__btn {
        padding: 0 .5rem 0 3rem
    }

    .header--v10 .lang .lang__btn:after {
        display: none
    }

    .header--v10 .lang .lang__btn img {
        left: .6rem
    }
}

@media (max-width: 767px) {
    .header--v10 .wallet {
        height: 100%;
        margin: 0
    }

    .header--v10 .wallet .wallet__btn {
        color: #fff;
        height: 100%;
        padding: 0 2.8rem 0 1rem
    }

    .header--v10 .wallet .wallet__btn:after {
        right: 1rem
    }

    .header--v10 .wallet .wallet__btn.is-active {
        background: #fff;
        color: #3660bc
    }

    .header--v10 .wallet .wallet__dropdown {
        left: auto;
        margin: 0;
        right: 0
    }

    .header--v10 .wallet .wallet__dropdown:after {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    .header--v10 .wallet {
        display: none
    }
}

@media (max-width: 767px) and (max-width: 479px) {
    .header--v10 .wallet .wallet__btn {
        padding: 0 .5rem
    }

    .header--v10 .wallet .wallet__btn:after {
        display: none
    }
}

.header--v10 .search__btn {
    color: #fff
}

.header--v10 .phone__link {
    color: #fff;
    border: none
}

.header--v10 .ctrl {
    color: #fff
}

.header--v10 .cart__btn:after {
    opacity: 1;
    visibility: visible;
    background: #fff
}

.header--v10 .acc__btn,
.header--v10 .lang__btn,
.header--v10 .wallet__btn {
    color: #fff
}

.header--v10 .nav {
    background: #23252D
}

.header--v10 .nav__link--arrow:after,
.header--v10 .nav__priority-toggle:after {
    border-color: currentColor
}

@media (max-width: 420px) {
    .header--v10 .phone {
        display: none
    }
}

@media (max-width: 1199px) {
    .header--v10 .search.is-open .search__wrapper {
        opacity: 1;
        visibility: visible
    }

    .header--v10 .search.is-open .search__wrapper-in {
        opacity: 1;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header--v10 .search .search__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        padding: 5rem 2rem 15rem;
        z-index: 1200;
        opacity: 0;
        visibility: hidden;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: center;
        justify-content: center;
        transition: .25s;
        min-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .header--v10 .search .search__wrapper {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 1199px) {
    .header--v10 .search .search__wrapper-in {
        width: 100%;
        height: auto;
        max-width: 117rem;
        margin: 0 auto;
        position: relative;
        transition: .25s;
        transition-delay: .125s;
        opacity: 0;
        -ms-transform: translate(0, -2.0rem);
        transform: translate(0, -2.0rem)
    }

    .header--v10 .search .search__close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 4rem;
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        transition: .25s;
        border: none;
        background: none;
        padding: 0;
        color: #fff
    }

    .header--v10 .search .search__close:hover {
        color: #7097EC
    }

    .header--v10 .search .search__input {
        height: auto;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 2.4rem;
        line-height: 3rem;
        width: 100%;
        background: none;
        border: none;
        border-bottom: .2rem solid rgba(255, 255, 255, 0.5);
        padding: 2rem 0;
        color: #fff;
        transition: border-color .25s;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 3rem
    }

    .header--v10 .search .search__input:focus {
        border-bottom-color: #7097EC
    }

    .header--v10 .search .search__caption {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 0;
        display: block;
        color: #fff;
        width: 100%;
        text-transform: none
    }
}

@media (min-width: 768px) {
    .nav__list-dropdown {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15)
    }
}

@media (min-width: 768px) {
    .is-reverse>.nav__dropdown {
        left: auto;
        right: 0
    }

    .is-reverse>.nav__list-dropdown:not(.nav__list-dropdown--full) {
        left: auto;
        right: 100%
    }
}

.nav__priority-dropdown .is-reverse>.nav__dropdown {
    top: 0;
    left: auto;
    right: 100%;
    -ms-transform: translate(-2.0rem, 0);
    transform: translate(-2.0rem, 0)
}

.nav__priority-dropdown .is-reverse>.nav__list-dropdown {
    left: auto;
    right: 100%;
    -ms-transform: translate(-2.0rem, 0);
    transform: translate(-2.0rem, 0)
}

.nav__priority-dropdown .is-open>.nav__dropdown {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width: 767px) {
    .nav__mobile .nav__list-dropdown {
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media (max-width: 767px) {
    /*.is-overflow {*/
    /*    overflow: hidden !important*/
    /*}*/
}

.main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.footer {
    font-size: 1.4rem;
    line-height: 2.2rem;
    background: radial-gradient(320.13% 82.06% at 42% 100.02%, #009865 0%, #000609 100%);
}

.footer__nav {
    padding: 5.8rem 0 5.6rem;
    background: transparent;
    color: #fff
}

.footer__subsc {
    padding: 3.6rem 0;
    background: #2D2F35;
    color: #fff
}

@media (min-width: 992px) {
    .footer__subsc {
        padding: 4rem 0
    }
}

.footer__container {
    background: #fff;
    padding: 4rem 0 2.5rem;
    min-height: 16rem
}

@media (min-width: 992px) {
    .footer__container {
        padding: 5.2rem 0;
        padding-top: 0;
    }

    .footer__container_bottom .container-fluid {
        padding-top: 70px;
        border-top: 1px solid #fff;
    }
}

.footer__line {
    color: #fff;
    background: #2D2F35;
    padding: 1rem 0
}

.footer__line .row {
    min-height: 4rem
}

.footer__line .footer__phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    float: none
}

.footer__line .footer__phone-number {
    color: #fff;
    margin: 0 2rem 0 0;
    font-weight: 500
}

.footer__line .footer__phone-link {
    color: #fff;
    border: none
}

.footer__line .footer__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .footer__line .footer__social {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.footer__line .footer__social-heading {
    margin: 0 2rem 0 0;
    font-weight: 500
}

.footer__line .footer__social-link {
    border: none;
    color: #fff
}

.nav-categories--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -10px
}

.nav-categories--flex>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 10px;
    margin: 0 0 20px
}

@media (min-width: 768px) {
    .nav-categories--flex>* {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%
    }
}

@media (min-width: 992px) {
    .nav-categories--flex>* {
        -ms-flex: 1;
        flex: 1
    }
}

.nav-categories {
    display: -ms-flexbox;
    display: flex
}

.nav-categories .row {
    min-width: 100%;
    margin-bottom: -4rem
}

.nav-categories .row>[class^="col-"] {
    padding-bottom: 4rem
}

@media (min-width: 992px) {
    .nav-categories .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.nav-categories.slick-slider {
    margin: 0 -2rem
}

.nav-categories .slick-list {
    padding: 0 2rem;
    padding-right: 23.4rem;
    width: 100%;
    overflow: visible
}

.nav-categories .slick-slide {
    width: 23.4rem
}

.nav-categories .mCSB_draggerRail {
    background: rgba(0, 0, 0, 0.4)
}

.nav-categories__heading {
    display: block;
    font-size: 15px;
    line-height: 2.5rem;
    font-weight: 700;
    /* padding: 0 0 1.1rem; */
    margin: 0 0 25px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .07rem;
    max-width: 185px;
    height: 42px;
}

.footer__container_bottom {
    background: transparent;
}

/* .nav-categories__heading:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .1rem;
    background: #363742;
    width: 13rem
} */

.nav-categories__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 2.3rem;
    min-width: 13rem;
    flex-direction: column;
}

.nav-categories__menu>li {
    margin: 0 0 .5rem
}

.nav-categories__link {
    color: #fff
}

.subsc {
    padding: .2rem 0
}

@media (min-width: 768px) {
    .subsc {
        padding: .6rem 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 992px) {
    .subsc {
        padding: .2rem 14.6rem
    }
}

.subsc__caption {
    position: relative;
    font-size: 3rem;
    line-height: 1;
    font-weight: 400;
    max-width: 20.4rem;
    margin: 0 auto 3rem;
    text-align: center;
    min-width: 16rem
}

.subsc__caption small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 2rem 0 0
}

@media (min-width: 768px) {
    .subsc__caption {
        font-size: 2.5rem;
        margin: 0 5.8rem 0 0;
        text-align: left
    }

    .subsc__caption small {
        padding: .5rem 0 0
    }
}

.subsc__field {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.subsc__input {
    width: 100%;
    border: .1rem solid #fff;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #343434;
    padding: 1.5rem 2rem;
    transition: .25s
}

.subsc__btn {
    display: block;
    padding: 1.5rem 2rem;
    border: none;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 2rem;
    text-transform: uppercase;
    background: #3660BC;
    color: #fff;
    cursor: pointer;
    transition: .25s;
    letter-spacing: .07rem;
    text-align: center
}

.subsc__btn:hover {
    background: #7097EC
}

.subsc-min {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    padding: .4rem 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 0 1.6rem
}

@media (min-width: 768px) {
    .subsc-min {
        max-width: 27rem
    }
}

@media (min-width: 992px) {
    .subsc-min br {
        display: none
    }
}

.subsc-min p {
    font-weight: normal;
    margin: 0
}

.subsc-min__label {
    display: block;
    text-transform: uppercase;
    margin: 0 0 .6rem;
    letter-spacing: .04rem
}

.subsc-min__field {
    position: relative
}

.subsc-min__field [class^="icon-"] {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.subsc-min__input {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    border: none;
    border-bottom: .1rem solid #E8E8E8;
    color: #343434;
    padding: .5rem 6rem .5rem 3rem;
    transition: .25s
}

.subsc-min__input:-ms-input-placeholder {
    color: #343434
}

.subsc-min__input::placeholder {
    color: #343434
}

.subsc-min__input:focus {
    border-color: #3660bc
}

.subsc-min__btn {
    transition: .25s;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 3rem;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    color: #3660bc
}

.subsc-min__btn:hover {
    color: #7097EC
}

.footer__logo {
    display: block;
    margin: 0 0 1.6rem
}

.footer__logo-text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: .75
}

.footer__logo img {
    display: inline-block
}

.footer__copyright {
    max-width: 41rem;
    margin: 0 0 1.6rem;
    color: white;
    font-weight: 400;
}

.footer__social {
    padding: .4rem 0;
    font-size: 1.3rem;
    line-height: 2.3rem;
    margin: 0 0 1.6rem
}

.footer__social--icons {
    margin: 0 -1.5rem 1.6rem
}

.footer__social--icons .footer__social-link {
    margin: 0 1rem;
    color: #343434
}

.footer__social--icons .footer__social-link:hover {
    color: #7097EC
}

.footer__social-heading {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    margin: 0 0 .2rem
}

.footer__social-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

.footer__social-nav--vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__social-link {
    display: block;
    transition: .25s;
    color: #3660bc;
    text-decoration: none;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 .5rem
}

.footer__social-link [class^="icon-"] {
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    margin: 0 .5rem 0 0
}

.footer__social-link span {
    border-bottom: .1rem solid currentColor;
    opacity: .15
}

.footer__social-link:hover {
    text-decoration: none;
    color: #7097EC
}

.footer__phone {
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding: .4rem 0;
    white-space: nowrap;
    margin: 0 0 1rem
}

@media (min-width: 992px) {
    .footer__phone {
        float: none
    }
}

.footer__phone-number {
    display: block;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 500;
    margin: 0 0 .2rem;
    color: white
}

.footer__pay {
    padding: 1.6rem 0 0;
    margin: 0 0 1.6rem;
    font-size: 1.3rem;
    line-height: 2.3rem
}



@media (min-width: 768px) {
    .footer__pay {
        padding: .4rem 0
    }
}

.footer__pay-heading {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .04rem;
    line-height: 2.2rem;
    margin: 0 0 1rem;
    color: white;
}

.footer_articles_list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.footer_articles_list li {
    margin-bottom: 15px;
}

.footer_articles_list li:last-child {
    margin-bottom: 0;
}

.footer_popular_articles .footer__pay-heading {
    margin-bottom: 25px;
}

.footer_popular_articles {
    padding-top: 4px;
}

.footer_articles_list li a {
    color: white;
    font-weight: 300;
    font-size: 13px;
    line-height: 154%;
    white-space: nowrap;
}

.footer__pay-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__pay-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 .5rem .5rem 0;
    background: #F2F5F9;
    border-radius: .4rem;
    width: 4.8rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center
}

.footer__pay-item img {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.footer__questions {
    position: relative;
    padding: .4rem 0;
    margin: 0 0 1.6rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500
}

.footer__questions [class^="icon-"] {
    position: absolute;
    top: .4rem;
    left: 0
}

.footer__questions-align {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    padding: 0 0 0 3rem
}

.footer__questions-heading {
    display: block;
    text-transform: uppercase;
    letter-spacing: .04rem
}

.footer__questions-link {
    transition: .25s;
    color: #3660bc
}

.footer__nav .footer__pay {
    max-width: 20rem
}

.footer__nav .footer__phone-number {
    color: #fff
}

.footer__nav .footer__phone-link {
    color: #fff;
    border: none
}

.footer__nav .footer__phone-link:hover {
    color: #7097EC;
    border-color: #EBEFF8
}

.disabled-option .ui-size__btn {
    opacity: 0.5;
}

.footer--service {
    background: #2D2F35;
    color: #fff;
    padding: 20px 0;
    height: 100px
}

.footer--service .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.footer--service .footer__logo {
    margin: 0 auto 0 0;
    padding: 0 20px 0 0
}

.footer--service .footer__logo a {
    display: block;
    text-decoration: none
}

@media (max-width: 767px) {
    .footer--service .footer__logo {
        display: none
    }
}

.footer__contacts {
    margin: 0 -35px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400
}

.footer__contacts>li {
    padding: 0 35px
}

.footer__contacts b {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    display: block
}

.footer__contacts a {
    color: #fff
}

@media (max-width: 767px) {
    .footer__contacts {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer--v3 .footer__container,
.footer--v4 .footer__container,
.footer--v5 .footer__container {
    border-top: .1rem solid #e8e8e8
}

@media (min-width: 76.8rem) {
    .footer--v3 .subsc-min {
        float: right
    }

    .footer--v3 .footer__questions {
        text-align: center
    }
}

@media (min-width: 99.2rem) {
    .footer--v3 .footer__copyright {
        width: 41rem
    }
}

.footer--v4 .footer__logo,
.footer--v4 .footer__copyright,
.footer--v5 .footer__logo,
.footer--v5 .footer__copyright {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: auto
}

.footer--v4 .footer__social-nav {
    -ms-flex-pack: center;
    justify-content: center
}

.footer--v5 .footer__social-nav {
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.footer--v5 .footer__social-heading {
    text-align: right
}

.footer--v5 .footer__container+.footer__container {
    padding: 2.5rem 0 0;
    min-height: inherit
}

@media (min-width: 76.8rem) {

    .footer--v4 .subsc-min,
    .footer--v5 .subsc-min {
        float: right
    }
}

@media (min-width: 76.8rem) and (max-width: 99.1rem) {

    .footer--v4 .footer__questions,
    .footer--v5 .footer__questions {
        max-width: 16rem
    }

    .footer--v4 .footer__payment,
    .footer--v5 .footer__payment {
        max-width: 16rem
    }

    .footer--v4 .subsc-min,
    .footer--v5 .subsc-min {
        max-width: 16rem
    }

    .footer--v4 .subsc-min__input,
    .footer--v5 .subsc-min__input {
        padding-right: 0
    }

    .footer--v4 .subsc-min__btn,
    .footer--v5 .subsc-min__btn {
        right: auto;
        left: 0;
        top: 100%
    }
}

.footer--v6 .footer__middle {
    border-top: 1px solid #E8E8E8;
    padding: 5rem 0
}

.footer--v6 .footer__middle .nav-categories__heading {
    margin: 0
}

.footer--v6 .footer__middle .nav-categories__heading:after {
    display: none
}

.footer--v6 .footer__middle .nav-categories__link {
    color: #3660bc
}

.footer--v6 .footer__middle .nav-categories__link:hover {
    color: #7097EC
}

.footer--v6 .footer__middle .footer__social {
    padding: 0;
    margin: 0 0 1.6rem;
    max-width: 280px
}

@media (min-width: 992px) {
    .footer--v6 .footer__middle .footer__social {
        max-width: none
    }
}

.footer--v6 .footer__middle .footer__social-nav {
    margin: 0;
    font-size: 13px;
    line-height: 26px;
    font-weight: 500
}

.footer--v6 .footer__middle .footer__social-link {
    color: #343434;
    margin: 0 2rem 0 0
}

.footer--v6 .footer__middle .footer__social-link:hover {
    color: #3660bc
}

.footer--v6 .footer__middle .footer__copyright {
    margin: 0 0 2.1rem
}

.footer--v6 .footer__bottom {
    border-top: .1rem solid #E8E8E8;
    padding: 2rem 0 5rem
}

.footer--v6 .footer__bottom .row {
    -ms-flex-align: start;
    align-items: flex-start
}

.footer--v6 .footer__bottom .subsc-min,
.footer--v6 .footer__bottom .footer__phone {
    margin: 0;
    padding: 0
}

@media (max-width: 420px) {
    .footer--v6 .footer__bottom .subsc-min {
        min-width: 20rem;
        padding-bottom: 2rem
    }
}

.footer--v6 .phone__dropdown {
    top: initial;
    bottom: .6rem
}

.is-nav-open .nav-sticky,
.is-search-open .nav-sticky,
.is-cart-open .nav-sticky {
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.nav-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    display: -ms-flexbox;
    display: flex;
    transition: transform .25s;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1)
}

@media (min-width: 768px) {
    .nav-sticky {
        display: none
    }
}

.nav-sticky__btn {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #b1b4bf;
    text-decoration: none;
    height: 6.7rem
}

.nav-sticky__btn:hover {
    text-decoration: none;
    color: #3660bc
}

.nav-sticky__icon {
    height: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 .5rem
}

.nav-sticky__icon img,
.nav-sticky__icon svg {
    display: block
}

.nav-sticky__text {
    display: block
}

.text-center {
    text-align: center
}

.link,
.sku__brand a {
    display: inline-block;
    vertical-align: top;
    transition: .25s;
    text-decoration: none;
    color: #3660bc
}

.link:hover,
.sku__brand a:hover {
    text-decoration: none;
    color: #7097EC
}

.link--underline,
.sku__brand a {
    border-bottom: 1px solid #EBEFF8
}

.link--dashed {
    border-bottom: 1px dashed #EBEFF8
}

.link-underline,
.sorting__link,
.media__link,
.category__link,
.seo__readmore-link,
.breadcrumbs__link,
.reviews__link,
.reviews__item-link,
.footer__phone-link {
    transition: .25s;
    color: #3660bc;
    text-decoration: none;
    border-bottom: 1px solid #EBEFF8
}

.link-underline:hover,
.sorting__link:hover,
.media__link:hover,
.category__link:hover,
.seo__readmore-link:hover,
.breadcrumbs__link:hover,
.reviews__link:hover,
.reviews__item-link:hover,
.footer__phone-link:hover {
    text-decoration: none;
    color: #7097EC
}

.link-dashed,
.products__status-link,
.sku__status-link {
    display: inline-block;
    vertical-align: top;
    transition: .25s;
    color: #3660bc;
    text-decoration: none;
    border-bottom: 1px dashed #EBEFF8
}

.link-dashed:hover,
.products__status-link:hover,
.sku__status-link:hover {
    text-decoration: none;
    color: #7097EC
}

.row-offset-10 {
    margin: 0 -5px
}

.row-offset-10>[class^="col-"] {
    padding: 0 5px
}

.row-offset-50 {
    margin: 0 -25px
}

.row-offset-50>[class^="col-"] {
    padding: 0 25px
}

.col-hidden {
    display: none
}

@media (min-width: 480px) {
    .col-sm-visible {
        display: block
    }
}

@media (min-width: 768px) {
    .col-md-visible {
        display: block
    }
}

@media (min-width: 992px) {
    .col-lg-visible {
        display: block
    }
}

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

@media (min-width: 992px) {
    .col-lg--44pct {
        min-width: 44%
    }
}

.is-hidden {
    display: none
}

@media (min-width: 480px) {
    .is-sm-visible {
        display: block
    }
}

@media (min-width: 768px) {
    .is-md-visible {
        display: block
    }
}

@media (min-width: 992px) {
    .is-lg-visible {
        display: block
    }
}

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

@media (min-width: 768px) {
    .is-md-hidden {
        display: none
    }
}

@media (min-width: 992px) {
    .is-lg-hidden {
        display: none
    }
}

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

@media (max-width: 1199px) {
    .draggable {
        cursor: grab
    }

    .draggable:active {
        cursor: grabbing
    }
}

b,
strong {
    font-weight: 700
}

.alerts {
    position: fixed;
    top: 0;
    z-index: 1002;
    width: 100%
}

/* .alert {
    position: relative;
    padding: 2rem;
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    min-height: 6.4rem;
    opacity: 1
} */

.alert .close {
    position: absolute;
    top: 2.3rem;
    right: 2rem;
    padding: 0;
    color: inherit;
    opacity: 1;
    font-size: inherit
}

.alert-dismissible {
    padding-right: 5.4rem
}

.alert-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-radius: 0
}

.alert-success {
    color: #fff;
    background-color: #3fca5f;
    border-color: #3fca5f
}

a.btn.btn--blue.btn_no_product {
    background: #acacac !important;
    cursor: not-allowed;
}

/* .alert-danger {
    color: #fff;
    background-color: #ee2e2e;
    border-color: #ee2e2e
} */

.cart__item .alert.alert-danger {
    margin-top: 10px;
}

.alert-success a,
.alert-danger a {
    vertical-align: top;
    transition: .25s;
    text-decoration: none;
    color: #fff;
    border-bottom: .1rem solid rgba(255, 255, 255, 0.4)
}

.table-bordered {
    border: .1rem solid #F6F6F6
}

.table-bordered th,
.table-bordered td {
    border: .1rem solid;
    border-color: #F6F6F6 !important
}

.table th,
.table td {
    padding: 1.5rem 1rem !important;
    vertical-align: middle;
    border-top: .1rem solid;
    border-color: #F6F6F6 !important
}

.table {
    margin-bottom: 3rem
}

.tooltip {
    font-size: 1.4rem;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1)
}

.tooltip-inner {
    max-width: 200px;
    padding: 1rem;
    color: #343434;
    text-align: center;
    background-color: #fff;
    border-radius: .5rem
}

.tooltip .arrow {
    display: none
}

.modal-content {
    border-radius: 0;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.1);
    border: 0;
    padding: 2rem 2.5rem
}

.modal-header {
    display: block;
    border-bottom: .1rem solid #F3F3F3;
    padding: 0 0 2rem;
    margin: 0 0 2rem;
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 400;
    border-radius: 0
}

.modal-title {
    padding: 0;
    margin: 0;
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 400
}

.modal-body {
    padding: 0
}

.modal-header .close {
    font-size: 3rem;
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    color: #343434;
    transition: .25s;
    text-align: center;
    line-height: 4rem;
    cursor: pointer;
    opacity: 1
}

.modal-header .close:hover {
    color: #3660BC;
    opacity: 1
}

.modal-backdrop.show {
    opacity: .85
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 50rem;
        margin: 2rem auto
    }
}

#collapse-shipping-method .btn.btn-primary {
    background: #3B55E6;
    color: #fff
}

.basic-captcha__input,
.basic-captcha__img {
    width: 48%;
    display: inline-block
}

.catalog--search,
.catalog--manufacturer {
    margin: 0 0 5rem
}

.search-page,
.manufacturer-page {
    margin: 0 0 4rem;
    z-index: 11;
    position: relative
}

input[type="checkbox"]:disabled+.ui-check__checkbox {
    background: #E8E8E8;
    border-color: #E8E8E8
}

.scroll-to-top {
    position: fixed;
    bottom: -5.4rem;
    width: 5.4rem;
    height: 5.4rem;
    text-align: center;
    line-height: 0;
    padding: 1.8rem 0 0;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    z-index: 10;
    background: #f6f6f6;
    color: #131313
}

.scroll-to-top:hover {
    background: #3B55E6;
    color: #fff
}

.scroll-to-top svg {
    width: 1.5rem
}

.scroll-to-top:hover svg {
    width: 1.5rem
}

.scroll-to-top.active {
    opacity: 1;
    bottom: 0
}

.cookieagry {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #e8e8e8;
    padding: 2.4rem 9rem 2.4rem 2rem;
    z-index: 1000
}

button.cookieagry__close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 7rem;
    background-color: #ccc
}

.cookieagry__text {
    max-height: 10rem;
    display: block;
    overflow: auto
}

.cookieagry__text p {
    padding: 0;
    margin: 0
}

.swiper-viewport {
    z-index: 0
}

.nav__mobile img {
    display: none
}

@media (max-width: 767px) {
    .nav__mobile img {
        position: absolute;
        display: block;
        left: 50%;
        top: 10rem;
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px
    }
}

.checkout__data .pull-right {
    float: none !important
}

.checkout__data .pull-left {
    float: none !important
}

.brands-slide__item {
    text-align: center
}

.brands-slide__item img {
    display: inline-block
}

.editor iframe {
    max-width: 100%
}

@media (min-width: 992px) {
    nav>div {
        transition: opacity .1s;
        opacity: 0
    }

    .is-loaded nav>div {
        opacity: 1
    }
}

.slides__item+.slides__item,
.sku__slides-item+.sku__slides-item {
    display: none
}

.nav__link,
.nav__priority-toggle {
    height: 100%
}

.phone__btn.js-toggle-btn:after {
    right: .2rem
}

.personal-data {
    text-align: center
}

.bootstrap-datetimepicker-widget {
    font-size: 1.4rem
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
s.bootstrap-datetimepicker-widget table td.today:before {
    background-color: #3B55E6
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: .2rem 0;
    padding: .4rem;
    width: inherit;
    min-width: 27rem
}

.bootstrap-datetimepicker-widget table td .btn {
    padding: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
    height: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 1rem;
    border: .1rem solid #F2F2F2;
    border-radius: .4rem
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-top-color: #F2F2F2
}

.seo-text-home-page {}

.products__item {
    border: 0;
    height: unset;
}

.products__item-title {
    white-space: normal;
}

.seo-text-image {
    display: flex;
    align-items: center;
    margin: 40px 0;
}

.sti-image {
    display: contents;
}

.sti-text-title {
    margin-bottom: 10px;
    color: #0B0B0B;
    font-size: 25px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
}

.sti-text {
    padding-right: 40px;
}

.seo-text-image.reverse {
    flex-flow: row-reverse;
}

.seo-text-image.reverse .sti-text {
    padding-right: 0;
    padding-left: 40px;
}

.sti-bold-text {
    font-weight: 500;
    font-size: 14px;
    color: #3B3D40;
}

.sti-text ul li {
    position: relative;
    padding-left: 0;
    margin-bottom: 14px;
}

.sti-text ul li:last-of-type {
    margin-bottom: 0;
}

.sti-text ul {
    padding: 0;
    list-style: none;
}

.sti-cancel-loop {
    display: flex;
}

.article .container-fluid h2 {
    font-size: 2.5rem;
}

.sti-cancel-item {
    display: flex;
}

span.sti-cancel-item-icon {
    margin-right: 14px;
}

.sti-ol-list ol {
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    border: 1px solid #E4E7F0;
    counter-reset: list;
    border-radius: 17px;
    overflow: hidden;
}

.sti-ol-list li {
    border-bottom: 1px solid #E4E7F0;
    width: 50%;
    padding: 23px;
    counter-increment: list;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.sti-ol-list li:first-of-type {
    width: 100%;
}

.sti-ol-list li::before {
    content: "0" counter(list);
    font-weight: bold;
    font-size: 16px;
    color: #00A046;
    margin-bottom: 14px;
}

.sti-icons-block {
    display: flex;
    flex-flow: column;
}

.sti-icons-loop {
    display: flex;
    margin-bottom: 40px;
}

span.sti-icons-block-image {
    margin-bottom: 20px;
    padding: 0 12px;
}

span.sti-icons-block-text {
    padding: 0 12px;
    border-left: 1px solid #E4E7F0;
}

.seo-logo-icons {
    display: flex;
}

.seo-logo-icons>* {
    width: 25%;
    margin: 8px;
    background: #FFFFFF;
    box-shadow: 0px 3.85173px 7.70346px rgb(19 49 94 / 7%);
    border-radius: 8px;
    overflow: hidden;
}

.seo-logo-icons-title {
    text-align: center;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    padding: 16px 0px;
}

.seo-logo-icons-loop {
    display: flex;
    flex-flow: wrap;
}

.seo-logo-icons-item {
    width: 50%;
    border-top: 1px solid #E4E7F0;
    border-right: 1px solid #E4E7F0;
}

.seo-logo-icons-item:nth-child(2n) {
    border-right: 0px;
}




.product-banner-info {
    display: flex;
    gap: 10px;
    margin: 20px 0 19px;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
}

.product-banner-item {
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 10px;
}

.product-banner-item-cashback {
    background: #F9FACE;
}

.product-banner-item-box {
    background: #CEEFFA;
}

.product-banner-item-deliv {
    background: #FADECE;
}

.product-banner-item img {
    width: 34px;
}

.banner-info-descr-top {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #343434;
    display: block;
}

.banner-info-descr-bottom {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #343434;
    display: block;
    margin-top: 3px;
}

.cart__foot .product-banner-info {
    margin-bottom: 23px;
    margin-top: 0;
    padding-bottom: 23px;
    border-bottom: 0.1rem solid #E8E8E8;
    justify-content: center;
}

.cart__foot .product-banner-item {
    flex-direction: column;
    text-align: center;
    justify-content: flex-start;
}

.cart__foot .product-banner-item img {
    height: 28px;
}



@media (max-width: 500px) {
    .product-banner-info {
        /* flex-direction: column; */
        align-items: flex-start;
        gap: 4px;
        justify-content: space-between;
    }

    .product-banner-item {
        justify-content: flex-start;
        padding: 10px 6px;
        gap: 6px;
    }

    .banner-info-descr-bottom {
        font-size: 11px;
    }

    .product-banner-item img {
        width: 20px;
    }

    .cart__body {
        height: calc(100% - 33.5rem);
    }

    .cart__foot {
        height: 33.5rem;
    }

    .cart__foot .product-banner-info {
        flex-direction: row;
    }

    .cart__foot .product-banner-item {
        justify-content: center;
        height: 110px;
    }

    span.banner-info-descr-top {
        white-space: break-spaces !important;
    }

    .product-banner-item {
        height: 63px;
    }

}

@media (max-width: 395px) {
    span.banner-info-descr-top {
        font-size: 10px;
    }
}


@media (max-width: 768px) {
    .seo-text-image {
        flex-flow: column !important;
    }

    .sti-text {
        padding: 0 !important;
    }

    .sti-icons-loop {
        flex-flow: wrap;
    }

    .sti-icons-block {
        margin-bottom: 20px;
        width: 100%;
    }

    .sti-cancel-loop {
        flex-flow: wrap;
    }

    .sti-cancel-loop>* {
        margin-bottom: 20px;
    }

    span.sti-icons-block-image img {
        display: block;
    }
}

.device-logo-slider-container {
    margin: 20px 0 0px;
    border-top: 1px solid #E4E7F0;
    border-bottom: 1px solid #E4E7F0;
    padding: 35px 0;
}

button.slick-dls-btns {
    position: absolute;
    background: #F1F1F1;
    width: 34px;
    height: 34px;
    border: 0;
    outline: 0;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 9;
    cursor: pointer;
}

button.slick-dls-btns.slick-next-dls {
    left: unset;
    right: 0;
}

button.slick-dls-btns::before,
button.slick-dls-btns::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-2px, 1px) rotate(45deg);
}

button.slick-dls-btns::after {
    transform: translate(-2px, -3px) rotate(-45deg);
}

button.slick-dls-btns.slick-next-dls::before {
    transform: translate(-2px, 1px) rotate(-45deg);
}

button.slick-dls-btns.slick-next-dls::after {
    transform: translate(-2px, -3px) rotate(45deg);
}

#device_logo_slider {
    padding: 0 30px;
}

.footer__phone-link.js-fancy-popup {
    color: #7097EC;
}

img {
    height: min-content;
}

#product .sku__group {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

#product .sku__group .sku__action {
    display: contents;
}

.sku__price {
    font-size: 3.2rem;
    margin: 0 1rem 2rem 0;
}

.products__item {
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    overflow: hidden !important;
}

.products .products__slides .products__item-action {
    position: unset;
    padding: 0;
    opacity: 1;
    visibility: visible;
    margin: 1rem 0 2rem;
    display: flex;
    justify-content: space-around;
}

.products .products__slides .products__item-in:after {
    bottom: 0;
}

.products .products__slides .products__item .products__item-price {
    font-size: 2rem;
    line-height: 3rem;
}

@media (max-width: 500px) {
    .products .products__item .products__item-buttons {
        position: absolute;
        height: 0;
        width: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
    }

    .products .products__item a.products__item-title {
        font-size: 1.45rem;
    }

    .products .products__item .products__item-price {
        font-size: 2rem;
        line-height: 3rem;
    }

    .products .products__item .products__item-action {
        position: unset;
        opacity: 1;
        visibility: visible;
        padding: 0;
        margin: 0 0 0.8rem 0;
    }

    .banner.banner-white .banner__caption {
        font-size: 2rem;
        line-height: 2.7rem;
    }

    .device-logo-slider-container {
        background: #f1f1f1;
    }
}

span.sti-cancel-item-icon img {
    display: block;
}

.device-logo-slider img {
    display: inline-block;
    height: auto;
    max-width: 150px;
    max-height: 100px;
    width: 100%;
}

.seo-logo-icons-item img {
    display: block;
    width: 100%;
    height: auto;
}

.category__item-image img {
    display: block;
    height: auto;
}

.catalog #mainContainer .products__grid .products__item {
    height: 100%;
}

.info.advantages img {
    max-width: 35px;
    height: auto;
    display: block;
}

.btn-item-flex img {
    height: 24px;
}

.btn-item-flexbottom img {
    height: 24px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.item-category {
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #F8F8F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
    border-radius: 15px;
}

.item-category-firstcolumn {
    background: #FFFFFF;
    border: 1px solid #F8F8F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(19, 49, 94, 0.07);
    border-radius: 15px;
}

span.title-cat-item {
    color: #343434;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
}

.item-category {
    display: flex;
    flex-wrap: wrap;
    min-height: 206px;
    margin-bottom: 30px;
}

.flex-category-item {
    flex-basis: 60%;
}

.image-cat-item {
    flex-basis: 40%;
    text-align: right;
}

.list-categories {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 60%;
}

.list-categories a {
    flex-basis: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #343434;
    margin-top: 15px;
}

.btn-item-flex {
    display: flex;
    align-items: flex-end;
    flex-basis: 40%;
}

.btn-item-flex a {
    display: block;
    width: 100%;
    max-width: 180px;
    background: #F5F5F5;
    border-radius: 51px 51px 51px 55px;
    margin-left: auto;
    text-align: center;
    padding: 10px 0px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #00A046;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.2;
}

.btn-item-flex img {
    height: 24px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.list-categories,
.btn-item-flex {
    margin-top: 18px;
}

.title-list-cat {
    display: flex;
    justify-content: space-between;
    padding: 30px 20px 0px;
}

.item-category-firstcolumn {
    min-height: 206px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.list-categories-item a {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #343434;
    margin-top: 15px;
    display: block;
}

.btn-item-flexbottom {
    border-top: 1px solid #F5F5F5;
    text-align: center;
}

.btn-item-flexbottom a {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #00A046;
    font-weight: 900;
    font-size: 10px;
    line-height: 1.2;
    display: block;
    padding-top: 12px;
    padding-bottom: 13px;
}

.icon-img-bottom {
    margin-top: 25px;
}

span.arrow-left:before {
    content: "";
    width: 5px;
    height: 1px;
    display: inline-block;
    position: relative;
    background: #00A046;
    top: -5px;
    transform: rotate(45deg);
    border-radius: 10px;
}

span.arrow-left {
    position: relative;
}

span.arrow-left:after {
    content: "";
    width: 5px;
    height: 1px;
    display: inline-block;
    position: relative;
    background: #00A046;
    top: -2px;
    transform: rotate(-45deg);
    border-radius: 10px;
    right: 5px;
}

.products__item-in.product_hover_bottom:after {
    display: none;
}

.products__item.item_hover_border {
    border: none;
    box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
    border-radius: 17px;
}

.product_hover_bottom button.btn.btn--cart {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%);
    border-radius: 41px;
    width: 100%;
    text-align: center;
    border: none !important;
    padding-right: 15px;
}

.product_hover_bottom .btn--cart .icon-cart {
    position: relative;
    top: -3px;
    right: 0;
    margin: 0;
    margin-left: 5px;
}

.product_hover_bottom .products__item-buttons {
    display: flex;
    flex-direction: column;
    display: none;
}

.product_hover_bottom .products__item-buttons a {
    margin-bottom: 10px !important;
    margin-left: 0px !important;
}

.product_hover_bottom.products__item-in {
    position: relative;
    z-index: 10;
    min-height: 100%;
    padding: 0.8rem 2rem 2rem;
}

.category {
    padding: 2rem 0 60px;
}

.products {
    padding: 1rem 0 5rem;
}

a.banner.banner-white {
    border-radius: 15px;
    overflow: hidden;
}

.promo {
    padding: 2.2rem 0 2rem;
    margin: 0 auto;
}

.seo-text-image .sti-image img {
    border-radius: 17px;
}

a.media__item.link_media_a {
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(19, 49, 94, 0.07);
    border-radius: 8px;
    overflow: hidden;
}

.link_media_a h3.media__item-title {
    color: #343434;
}

.media__item-date {
    display: block;
    font-size: 1.4rem;
    color: #afafaf;
    margin: 0 0 0.8rem;
    font-weight: 300;
    border-top: 1px solid #E4E7F0;
    margin-bottom: 0px;
    padding-top: 15px;
    margin-top: 15px;
}

p.media__item-text {
    margin-top: 15px;
    font-size: 1.4rem;
    font-weight: 300;
}

body {
    /* background: #f8f8f8; */
    background: #fff;
}

.noUi-connect.noUi-draggable {
    background: #00a046;
    box-shadow: none !important;
    border: none !important;
}

.noUi-handle {
    box-shadow: none !important;
    border: none !important;
    background: #099345 !important;
    width: 9px !important;
    height: 23px !important;
    left: -5px !important;
    top: -6px;
}

.noUi-handle:after,
.noUi-handle:before {
    display: none !important;
}

.noUi-horizontal {
    height: 10px !important;
    box-shadow: none !important;
    border: none !important;
}

.popover-content .btn.btn-primary {
    background-color: #00a046;
}

.collapse-value .btn:hover {
    box-shadow: none !important;
    text-decoration: underline;
}

button.btn.btn-default.btn-block.collapsed {
    border-radius: 0px !important;
}

button.btn.btn-default.btn-block:hover {
    border-radius: 0px !important;
}

.catalog {
    margin: 0 0 0rem;
}


div#simplecheckout_shipping .simplecheckout-block-content {
    display: flex;
    flex-direction: column;
}

div#simplecheckout_shipping .simplecheckout-block-content>.radio:nth-child(1) {
    order: 2;
    margin-top: 0px;
}

div#simplecheckout_shipping .simplecheckout-block-content>.radio:nth-child(2) {
    order: 1;
    margin-top: 10px;
    margin-bottom: 5px;
}

div#simplecheckout_shipping .simplecheckout-block-content>.radio:nth-child(3) {
    order: 3;
}

.footer__social-link {
    color: #7097EC !important;
}

.nav-categories__group {
    flex: auto;
}


.products__item-in .products__item-desc .products__item-price {
    color: black;
}

.footer .nav-categories li a {
    color: white;
    font-weight: 300;
    font-size: 13px;
    line-height: 254%;
    letter-spacing: 0.03em;
    text-transform: unset;
}

/* .nav-categories--flex .nav-categories__group:nth-child(5) ul li {
    margin-bottom: 15px;
}

.nav-categories--flex .nav-categories__group:nth-child(5) ul li a {
    text-transform: uppercase;
    color: white;
} */

.row .sku__heading {
    flex-basis: 100%;
    padding: 10px 15px;
}

.sku__panel {
    margin: 0 0 1rem;
}

.details__tabs-content {
    max-width: 100rem;
}

.products__item-mark--hit {
    background: red;
}

.btn--cart {
    border-radius: 5px;
    background: #00A046;
}

.nav {
    background: transparent !important;
}

.search__input {
    color: black !important;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #01BAD5 !important;
}

.phone__link,
.breadcrumbs__link,
.details__tabs-btn {
    color: #01BAD5 !important;
}

.breadcrumbs__link {
    color: #00a046 !important;
}

.ocfilter-option label small {
    background: rgba(0, 160, 70, 0.1) !important;
    color: #005827 !important;
}

.details__tabs-btn.is-active {
    color: #343434 !important;
}

.btn--blue {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
}

.nav.nav-menu-block {
    background: transparent !important;
}

.footer__logo {
    margin: 10px 0 1rem;
}

.copyright-footer {
    margin-top: 70px;
    display: inline-block;
}

.catalog__nav-menu>li.is-active>.catalog__nav-link {
    background: #000 !important;
}

.info.advantages {
    margin-bottom: 5rem;
}

.vape-brands-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 60px 0;
}

.brand-card:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.brand-card {
    transition: 0.4s;
    filter: brightness(0.9);

}

.brand-card:hover {
    filter: brightness(1.1);
}

.brand-card img {
    width: 100%;
    display: block;
}

.budget-blocks {
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.budget-block img {
    width: 100%;
    display: block;
    transition: 0.3s;
    filter: brightness(0.9);
}

.budget-block:hover img {
    filter: brightness(1.1);
}

.budget-block {
    overflow: hidden;
    border: 1px solid #e3e3e3;
    border-radius: 13px;
}

.budget-block span {
    font-weight: 700;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    color: #0b0b0b;
    display: block;
    padding: 13px 10px;
    transition: 0.3s;
}

.budget-block:hover span {
    color: #01764f;
}

.block-html-title {
    color: #0B0B0B;
    font-size: 3.2rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
}

.cartridges-grid {
    padding: 60px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    background: #f5f5f5;
}

.cartridge-card {
    position: relative;
    border-radius: 11px;
    overflow: hidden;
}

.cartridge-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.card-content {
    position: absolute;
    top: 18px;
    left: 22px;
    right: 22px;
    z-index: 10;
}

.card-content .card-content-title {
    display: block;
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.04em;
    color: #fff;
}

.card-content .card-content-title:hover {
    color: #defff4;
}

.card-content a.btn-buy {
    background: #01764f;
    border-radius: 5px;
    padding: 0 21px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transition: 0.3s;
}

.card-content a.btn-buy:hover {
    background: #005b3d;
}

.refill-types {
    display: flex;
    gap: 10px;
    width: 100%;
    padding-bottom: 60px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.refill-card {
    flex: 1;
    border: 1.20px solid #e3e3e3;
    border-radius: 13px;
    overflow: hidden;
    background: #fff;
}

.refill-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.3s;
}

.refill-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    color: #0b0b0b;
    padding: 13px 10px;
    transition: 0.3s;

}

.refill-image {
    overflow: hidden;
}

.refill-card:hover img {
    scale: 1.1;
}

.refill-card:hover .refill-text {
    color: #01764f;
}

.mob_phone_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    padding: 22px 33px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    scale: 0.6;
}

.mob_phone_popup_over {
    position: fixed;
    inset: 0;
    transition: 0.3s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: #222;
}

.mob_phone_popup.show {
    opacity: 1;
    visibility: visible;
    scale: 1;
}

.mob_phone_popup_over.show {
    opacity: 0.7;
    visibility: visible;
}

.mob_phone_popup_title {
    font-weight: 700;
    font-size: 19px;
    line-height: 120%;
    text-align: center;
    color: #0b0b0b;
    margin-bottom: 30px;
}

.mob_phone_popup_phones a {
    background: #01764f;
    border-radius: 5px;
    padding: 0 20px;
    width: 100%;
    height: 51px;
    font-weight: 700;
    font-size: 21px;
    line-height: 100%;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
    white-space: nowrap;
}

.mob_phone_popup_phones a svg {
    min-width: 18px;
}

.mob_phone_popup_phones a:last-child {
    margin-bottom: 0;
}

.mob_phone_popup_telegram {
    border: 1.50px solid #01764f;
    border-radius: 5px;
    padding: 0 18px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    font-weight: 500;
    font-size: 14px;
    line-height: 141%;
    color: #0b0b0b;
    gap: 10px;
    position: relative;
    left: 50%;
    translate: -50% 0;
}

.mob_phone_popup_close {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    bottom: -90px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(7px);
    background: rgba(255, 255, 255, 0.15);
}






















@media (max-width: 992px) {

    .topbar {
        background: radial-gradient(205.97% 123.08% at 49.68% 100%, #02100e 20%, #009865 100%);
    }

    .is-open>.nav__dropdown {
        z-index: 1000;
        max-width: 500px;
    }

    .is-reverse>.nav__dropdown {
        right: -10px;
    }

    .nav__list-dropdown {
        left: -100%;
    }

    .nav__list-link--arrow:after {
        left: 1.5rem;
        transform: rotate(135deg);
    }

    .nav__list-link {
        padding: 1rem 1rem 1rem 3.5rem;
    }

    .nav__list-menu li:last-child {
        display: none;
    }

    .link-tel-block {
        text-align: center;
        margin-top: 30px;
    }

    .js-fancy-popup {
        padding: 1rem 1rem 1rem 1rem;
    }

    .time-contact-in-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .list-button-profile {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .list-button-profile #compare,
    .list-button-profile #wish {
        flex-basis: 50%;
    }

    .list-button-profile #acc-link {
        text-align: center;
        flex-basis: 100%;
        margin: 20px 0;
    }
}

@media (max-width: 767px) {

    .list-button-profile {
        /* display: flex; */
        flex-wrap: nowrap;
    }

    .list-button-profile #compare,
    .list-button-profile #wish {
        flex-basis: 33%;
    }

    .list-button-profile #acc-link {
        flex-basis: 33%;
        margin: 0 0;
    }

    .time-contact-in-menu {
        display: block;
    }

    .link-tel-block {
        text-align: left;
    }

    .is-reverse>.nav__dropdown {
        right: 0;
    }

    .nav__dropdown.nav__dropdown--list {
        max-width: 800px;
    }

    .nav__list-dropdown {
        left: 0;
    }

    .nav__list-link--arrow:after {
        right: 20px;
        left: auto;
        transform: rotate(-45deg);
    }

    span.title-cat-item {
        font-size: 15px;
    }

    .ocf-offcanvas.ocfilter-mobile {
        z-index: 9999;
    }

    .ocfilter-mobile-handle button.btn.btn-primary {
        background: #00a046 !important;
    }

    .seo-logo-icons>* {
        width: 100%;
        margin: 8px 0px;
    }

    a.products__item-title {
        text-align: center;
    }

    .sti-icons-block {
        margin-bottom: 20px;
        width: 50%;
    }

    .sti-icons-block:last-child {
        width: 100%;
    }

    span.sti-icons-block-text {
        font-weight: 600 !important;
        font-size: 10px;
        display: block;
    }

    .nav-categories--flex>* {
        flex: 0 0 100%;
        padding: 0 10px;
        margin: 0 0 20px;
    }

    .sti-ol-list ol {
        box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
        border-radius: 8px;
        border: none;
    }

    .sti-ol-list li {
        width: 100%;
        background: #fff;
    }

    span.sti-cancel-item-icon img {
        display: block;
        min-width: 30px;
        max-width: 30px;
    }

    .banner.banner-white span.btn.btn--sm.btn--black {
        background: #FFFFFF;
        border-radius: 37px;
        border: none;
        padding: 16px 20px;
        height: 43px;
        color: #00A046;
        font-weight: bold;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
    }

    a.banner.banner-white.banner--1170x305 img {
        content: url(/image/catalog/new-icon-cat/banner_mob.jpg);
    }

    p.sti-bold-text {
        font-weight: bold;
    }

    .seo-text-home-page p {
        font-weight: 300;
        font-size: 12px;
        line-height: 19px;
    }

    .nav-categories--flex>* {
        flex: 0 0 100%;
        padding: 0 10px;
        margin: 0 0 20px;
    }

    .slides__item .container-fluid {
        justify-content: flex-start;
        height: auto !important;
        min-height: auto;
    }

    .slides__item-image img {
        object-position: 0px;
    }

    .slides__item a.btn.btn--sm.btn--black {
        background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%);
        border-radius: 24px;
        border: none;
        height: 25px !important;
        max-height: 25px !important;
        min-height: 25px !important;
        font-size: 8px;
        line-height: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .slides__item-desc {
        transform: scale(1) !important;
        margin: 0;
        margin-top: -10px !important;
        position: relative;
        top: -45px !important;
        margin-left: 14px !important;
    }

    .category {
        padding: 2rem 0 30px;
    }

    .nav__link svg.icon-toggle {
        margin: 0px !important;
        padding: 0px !important;
        height: 15px !important;
        width: 25px !important;
    }

    a.nav__link.new-link-menumob {
        padding: 0px;
        position: relative;
        top: 9px;
    }

    nav.nav.nav-menu-block {
        background: transparent;
    }

    span.icon-toggle-menu {
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 2px;
        background: #000000;
        position: relative;
    }

    span.icon-toggle-menu:before {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 2px;
        margin-bottom: 4px;
        position: relative;
        top: -7px;
        background: #000000;
    }

    a.nav__link.new-link-menumob.nav__link--arrow,
    span.nav__link.new-link-menumob.nav__link--arrow:after {
        margin-top: 8px !important;
    }

    span.nav__link.new-link-menumob.nav__link--arrow {
        margin-top: 8px !important;
        padding-left: 0;
        padding-right: 0;
    }

    a.nav__link.new-link-menumob.nav__link--arrow:after,
    span.nav__link.new-link-menumob.nav__link--arrow:after {
        display: none;
    }

    span.icon-toggle-menu:after {
        content: "";
        display: block;
        width: 25px;
        border-radius: 2px;
        height: 3px;
        margin-bottom: 5px;
        position: relative;
        top: 0px;
        background: #000;
    }

    .slides__item-title {
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: .1rem;
        text-transform: uppercase;
        margin: 0 0 0.8rem;
    }

    .slides__item-price {
        margin: 0 0 1.7rem;
        color: #fff;
        font-size: 2.5rem;
        line-height: 1;
        font-weight: 600;
        letter-spacing: .1rem;
    }

    .nav-categories__group:nth-child(1) .nav-categories__menu,
    .nav-categories__group:nth-child(2) .nav-categories__menu {
        display: flex;
        flex-wrap: wrap;
    }

    .nav-categories__group:nth-child(1) .nav-categories__menu li,
    .nav-categories__group:nth-child(2) .nav-categories__menu li {
        flex-basis: 33.3%;
    }

    h1.sti-text-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
    }

    .banner.banner-white .banner__caption {
        text-transform: uppercase;
    }

    .seo-logo-icons {
        display: flex;
        flex-wrap: wrap;
    }

    .product_hover_bottom.products__item-in {
        position: relative;
        z-index: 10;
        min-height: 100%;
        padding: 1rem 1rem 1rem;
        margin-bottom: 1rem;
    }

    .products__grid.products_new_grid .row>[class^="col-"] {
        padding: 0;
        margin: 0 1rem 1.3rem 1rem;
    }

    .products_new_grid .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 2rem);
    }

    .products__grid.products_new_grid .row {
        margin: -1rem;
        min-width: 100%;
    }

    .device-logo-slider-container {
        background: #F8F8F8;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .topbar {
        position: relative;
        height: auto;
        padding: 0.5rem 0;
        transition: .25s;
    }

    .link_media_a h3.media__item-title {
        color: #343434;
        font-size: 15px;
        font-weight: 600;
    }

    span.products__item-price {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 18px;
        line-height: 23px;
    }

    .promo__item-price {
        display: block;
        font-size: 2rem;
    }

    .media {
        overflow: hidden;
        padding: 1rem 0 2.8rem;
    }

    .promo--id0 p.promo__item-price .small-text {
        font-weight: bold;
        font-size: 15px !important;
        white-space: normal;
        margin-bottom: -25px;
    }

    .flex-category-item {
        flex-basis: 100%;
    }

    .image-cat-item {
        flex-basis: 100%;
        text-align: left;
    }

    .item-category {
        min-height: auto;
    }

    .list-categories {
        flex-basis: 100%;
        margin-top: 0px;
    }

    .item-category {
        padding: 20px 15px;
    }

    .btn-item-flex a {
        background: transparent;
        padding: 0px;
        text-align: left;
    }

    .list-categories a {
        flex-basis: 50%;
        font-weight: 500;
        font-size: 13px;
        line-height: 1;
        margin-top: 10px;
    }

    .title-list-cat {
        display: flex;
        justify-content: space-between;
        padding: 20px 15px 0px;
    }

    .flex-category-item {
        order: 2;
    }

    .image-cat-item {
        order: 1;
    }

    .list-categories {
        order: 3;
    }

    .btn-item-flex {
        order: 4;
    }

    .image-cat-item {
        margin-bottom: 15px;
    }

    .list-categories-item a {
        font-weight: 500;
        font-size: 13px;
        line-height: 1;
        margin-top: 13px;
    }

    .item-category-firstcolumn {
        min-height: 140px;
    }

    .inside-list-cat {
        display: flex;
        flex-direction: column-reverse;
    }

    .icon-img-bottom {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .title-list-cat {
        flex-direction: column-reverse;
    }

    img.\32 mob {
        content: url(/image/catalog/new-icon-cat/2_mob.png);
    }

    img.\33 mob {
        content: url(/image/catalog/new-icon-cat/3_mob.png);
    }

    img.\36 mob {
        content: url(/image/catalog/new-icon-cat/6_mob.png);
    }

    .inside-list-cat.flex-new-custom {
        flex-direction: column;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn-item-flexbottom {
        border: none;
        text-align: left;
        padding-left: 15px;
    }

    span.arrow-left {
        position: relative;
        top: 1px;
    }

    .image-cat-inside {
        min-height: 30px;
        position: relative;
    }

    .image-cat-inside img {
        max-height: 97px;
    }

    .header--v6 .search .search__wrapper {
        position: unset !important;
        opacity: 1;
        visibility: visible;
        background: transparent;
        padding: unset !important;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100% !important;
    }

    .search.js-search {
        max-width: 100% !important;
        width: 100% !important;
    }

    button.search__btn {
        display: none;
    }

    .header--v6 .search input.search__input.js-search-input {
        padding: 0px;
        background: #fff;
        color: #000 !important;
        margin-bottom: 0px !important;
        font-size: 12px;
        padding-left: 13px;
        padding-right: 0px;
        height: 30px;
        border-radius: 3px;
    }

    nav.nav.nav-mobile-desktop {
        background: #424242 !important;
        height: 46px;
    }

    .search-mob-in-nav {
        width: 100%;
        padding-right: 5px;
    }

    .nav .container-fluid {
        margin-left: -2px;
    }

    .tel-in-head a {
        font-weight: 600;
        font-size: 14px;
        line-height: 27px;
        text-transform: uppercase;
        color: #343434;
        margin-right: 15px;
    }

    button.cart__btn.js-toggle-btn {
        text-indent: -9982% !important;
        overflow: hidden;
        font-size: 0;
        border: none;
        min-width: 20px;
    }

    .cart__counter {
        text-indent: 0 !important;
    }

    button.cart__btn.js-toggle-btn .icon-cart use {
        fill: white;
        width: 15px;
        height: 19px;
    }

    button.cart__btn.js-toggle-btn .icon-cart {
        width: 15px;
        height: 19px;
    }

    button.cart__btn.js-toggle-btn {
        padding: 0px;
        width: 31px;
        height: 31px;
        border-radius: 50%;
        background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%);
        padding-top: 5px !important;
        margin-left: 10px;
        margin-right: 15px;
        margin-top: 7px;
    }

    .header--v6 .search .search__wrapper-in {
        opacity: 1 !important;
        max-width: 100% !important;
        width: 100% !important;
        transform: none;
    }

    button.search__send {
        top: 0px !important;
        height: 30px !important;
        width: 30px !important;
    }

    button.search__send use {
        fill: #CDCDCD;
    }

    button.search__close {
        display: none !important;
    }

    .header--v6 .search input.search__input.js-search-input::placeholder {
        color: #CDCDCD;
    }

    .nav__priority.priority-nav.priority-nav-has-dropdown {
        display: none;
    }

    .nav__list {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .nav__dropdown.nav__dropdown--list {
        width: 100%;
    }

    .nav__dropdown.nav__dropdown--list {
        width: 100%;
        background: #F8F8F8;
    }

    .nav__list-heading {
        display: block;
        margin: 0;
        padding: 0px 7rem 0 1.5rem;
        font-size: 1.8rem;
        line-height: 7rem;
        font-weight: 500;
        text-transform: none;
        color: #343434;
    }

    a.nav__list-link.nav__list-link--arrow {
        margin: 6px 15px;
        background: #FFFFFF;
        box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
        border-radius: 8px;
        border: none !important;
        font-weight: 600;
        font-size: 12px;
        line-height: 19px;
        color: #343434;
        padding: 12px 15px;
    }

    .nav__list-menu>li {
        border: none;
        overflow: hidden !important;
        position: relative;
    }

    ul.nav__list-menu>li.is-open>a {
        background: #00A046;
        color: #fff;
    }

    ul.nav__list-menu>li.is-open>span.mobile-menu__open-btn .nav-arrow-menu {
        border-color: #fff;
    }

    ul.nav__list-menu>li.is-open>span.mobile-menu__open-btn {
        border: 1px solid white;
        rotate: 90deg;
    }

    .nav__list-head {
        border: none;
    }

    a.nav__list-link.nav__list-link--arrow:after {
        border-color: #343434;
        display: none;
    }

    span.nav-arrow-menu {
        display: block;
        content: '';
        display: inline-block;
        width: 1.1rem;
        height: 1.1rem;
        transition: inherit;
        border-bottom: 0.2rem solid #343434;
        border-right: 0.2rem solid #343434;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
        right: 1.5rem;
        margin: -0.4rem 0 0;

    }

    span.mobile-menu__open-btn {
        position: absolute;
        right: 24px;
        top: 13px;
        padding: 0;
        width: 28px;
        z-index: 9;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid;
        padding-right: 2px;
        padding-top: 3px;
    }

    .nav__list-dropdown {
        transform: translate(0px, 0px);
        position: relative;
        opacity: 1;
        visibility: visible;
    }

    b.nav__list-back {
        display: none;
    }

    .nav__list-dropdown {
        margin: 10px 15px;
        min-width: auto;
    }

    .nav__list-dropdown ul.nav__list-menu {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -10px;
    }

    .nav__list-dropdown ul.nav__list-menu a {
        font-weight: 600;
        font-size: 12px;
        line-height: 32px;
        text-align: center;
        color: #343434;
        padding: 0px;
        line-height: 1.3;
        margin: 0 !important;
        box-shadow: unset !important;
    }

    .nav__list-dropdown ul.nav__list-menu li {
        flex-basis: calc(33.333% - 10px);
        background: #fff;
        padding: 5px;
        margin: 5px 5px;
        box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
        border-radius: 8px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav__mobile .nav__list-dropdown {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        visibility: hidden;
        background: transparent;
    }

    .nav__dropdown--list .nav__list-body>ul.nav__list-menu>li:last-child {
        display: none;
    }

    .nav__list-dropdown {
        max-height: 0px;
        overflow: hidden !important;
        margin: 0px 20px;
    }

    ul.nav__list-menu .is-open .nav__list-dropdown {
        max-height: 500px;
        visibility: visible;
        margin: 0px 20px;
        overflow: visible !important;
    }


    .link-tel-block {
        margin-left: 15px;
    }

    .link-tel-block a:first-child,
    .link-tel-block a:nth-child(2),
    .link-tel-block a:nth-child(3) {
        font-weight: 600;
        font-size: 14px;
        line-height: 27px;
        text-transform: uppercase;
        color: #343434;
        display: inline-block;
        margin-right: 10px
    }

    .link-tel-block a.nav__list-link.js-fancy-popup {
        font-weight: bold;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        color: #00A046;
        padding-left: 0px !important;
        text-decoration: underline;
        padding-top: 0px;
    }

    .time-contact-in-menu {
        margin-left: 15px;
    }

    .time-contact-in-menu span {
        display: block;
        font-size: 14px;
        line-height: 19px;
        color: #343434;
        text-transform: none;
        margin-bottom: 2px;
    }

    .time-contact-in-menu {
        margin-top: 15px;
    }

    .link-tel-block {
        margin-top: 45px !important;
    }

    .contact-menu-in-mob {
        padding-bottom: 20px;
        /*position: absolute;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
    }

    .nav__list-body.is-overflow .is-open>.nav__list-link {
        background: #00A046;
        color: #fff;
    }

    .nav__list-body.is-overflow .is-open>.nav__list-link:after {
        border-color: #fff;
        border-bottom: 0.2rem solid #fff;
        border-right: none;
        border-left: 0.2rem solid #fff;
    }

    .list-button-profile {
        width: 100%;
        display: flex;
        margin-top: 25px;
        justify-content: space-between;
        align-items: center;
    }

    .ctrl-v6__btn span,
    .ctrl-v4__btn span {
        display: block !important;
    }

    svg.icon-user {
        display: block;
        margin: auto !important;
        margin-bottom: 5px !important;
    }

    a.acc__btn.js-fancy-popup {
        padding: 1.2rem 1rem 0.6rem;
    }

    .list-button-profile>span {
        flex-basis: 33.33%;
        text-align: center;
    }

    /* .products__item-images {
        height: auto;
        padding: 0;
    } */

    .sku__slides {
        position: relative;
        margin: 0 -1.5rem;
        padding: 0rem 0 0em;
        overflow: hidden;
    }

    .sku__buttons .btn {
        background: #fff;
    }

    .ui-group-size .ui-size {
        margin: 0 0.5rem 0.5rem 0;
    }
}

@media(max-width: 767px) {
    .popular-cat-mob-img {
        position: absolute;
        transform: rotate(90deg);
        left: 33px;
        top: -34px;
    }

    .topbar {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
    }

    nav.nav.nav-mobile-desktop {
        margin-top: 62px;
    }
}

@media (max-width: 580px) {
    .breadcrumbs__menu {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 5px;
    }
}

.product_related_link>* {
    margin-bottom: 3px;
}

.products__item-images .slick-slide {
    width: 100%;
    max-width: 268px;
}

.products__item-images .slick-slide div {
    width: 100%;
}

.products__item-images .slick-slide img {
    max-width: 270px;
    width: 90%;
    margin: 0 auto;
}

.col-hidden.col-md-visible.col-auto #wish {
    display: none;
}

#product .sku__group .cal-auto-btn .sku__action-buttons .row div .btn--cart {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%);
    border: none;
    text-align: center;
    padding-right: 14px;
}

.products__slides>.slick-list>.slick-track>.slick-slide {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.footer__nav {
    background: transparent;
}

.btn-filter-section {
    display: none;
}

.btn:disabled {
    background: #C5C5C5 !important;
}

.products__item-images.nocolor {
    filter: grayscale(100%) !important;
}

.ui-size__input:checked~.ui-size__btn {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
}

@media (max-width: 480px) {

    .details__tabs-container .details__tabs-content img {
        object-fit: cover;
    }

    .article .editor img {
        object-fit: cover;
    }

    .justify-content-center {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .justify-content-center:nth-child(1) .col-sm-4,
    .justify-content-center:nth-child(2) .col-sm-4 {
        flex-basis: 50%;
    }

    #product .sku__group .sku__price {
        flex-basis: 48%;
        text-align: center;
        font-size: 2.8rem;
    }

    #product .sku__group .sku__action {
        display: block;
        flex-basis: 49%;
        margin: 0 auto;
        max-width: 100px;
    }

    #product .sku__group .cal-auto-btn {
        flex-basis: 100%;
    }

    #product .sku__group .cal-auto-btn .sku__action-buttons .row {
        margin: 0 0;
    }

    #product .sku__group .cal-auto-btn .sku__action-buttons .row div {
        width: 100%;
    }

    #product .sku__group .cal-auto-btn .sku__action-buttons .row div .btn--cart {
        width: 100%;
        text-align: center;
        margin-top: 17px;
        padding: 10px 0;
        height: 45px;
        font-size: 18px;
    }

    .products__item-action .btn--cart {
        background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%);
        border: none;
        font-size: 0;
    }

    .products__item-action .btn:last-child {
        display: none;

    }

    .price-icon-block {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 0px;
    }

    span.products__item-price {
        margin-top: 0;
        margin-bottom: 0;
    }

    .products__item-action {
        display: block;
        width: auto;
        max-width: 150px;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: 6rem;
        padding: 0 0;
        margin: 0 0 0;
    }

    .push-6 {
        left: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* .footer__container .pull-6 {
        display: none;
    } */

    .pull-6 {
        right: 0;
    }

    .footer_popular_articles .footer__pay-heading {
        margin-bottom: 13px;
        margin-top: 5px;
    }

    .footer_articles_list li {
        margin-bottom: 4px;
    }

    .footer__container_bottom {
        padding-top: 0px;
    }

    .footer__phone {
        /* align-items: center; */
        display: flex;
        justify-content: space-between;
    }

    .footer__phone-link.js-fancy-popup {
        width: 137px;
        height: 41px;
        background: #FFFFFF;
        box-shadow: 0px 4px 8px rgb(19 49 94 / 7%);
        border-radius: 37px;
        text-align: center;
        padding-top: 9px;
        color: #00A046;
    }

    .footer__nav {
        padding: 5.8rem 0 1.6rem;
    }

    .nav-categories--flex .nav-categories__group:nth-child(5) ul {
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .nav-categories__menu {
        padding: 0 0 0.3rem;
        margin: 0 0 0.5rem;
    }

    .category .container-fluid {
        padding: 0 23px;
    }

    .category .category-row .row>div {
        padding: 0 9px;
    }

    .category .item-category-firstcolumn {
        margin-bottom: 18px;
    }

    .category .item-category {
        margin-bottom: 21px;
    }

    .sku__heading h1 {
        font-size: 3rem !important;
        line-height: 34px;
        font-weight: 700;
    }

    .price__buy-btn {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .products__item:hover {
        z-index: 1;
    }

    .filter-options-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .options {
        margin: 0 0 0;
    }

    .options__type {
        margin: 0 0 0;
    }

    .btn-filter-wrapper {
        flex-basis: 40%;
    }

    .btn-filter-section {
        display: block;
    }


    .ocfilter-mobile-handle button.btn.btn-primary {
        background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
        border: none;
        width: 100%;
    }

    .ocfilter-mobile-handle {
        padding-right: 10px;
    }

    .ocf-offcanvas {
        left: -290px !important;
    }

    .ocf-offcanvas.active {
        left: 0 !important;
    }

    .col-sm-6 {
        max-width: 100% !important;
    }

    .options__btn {
        color: #01BAD5 !important;
    }

    .filter-fa-mobile {
        display: none !important;
    }

    .btn-primary-close {
        position: relative;
    }

    .btn-primary-close:before,
    .btn-primary-close:after {
        position: absolute;
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        background-color: #fff;
        top: 50%;
        left: 50%;
    }

    .btn-primary-close:before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .btn-primary-close:after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

}

@media (min-width: 480px) {
    .col-sm-6 {
        max-width: 100%;
    }

}

@media (min-width: 320px) {
    .details__tabs-nav {
        display: flex;
        position: relative;
        top: 0.1rem;
        z-index: 100;
    }

    .details__tabs-btn {
        display: none;
        min-width: auto;
        padding: 1rem 2rem;
        border: 0.1rem solid #F6F6F6;
        margin: 0 -0.1rem 0 0;
    }

    .details__tabs-nav .details__tabs-btn {
        display: block;
    }

    .details__tabs-btn [class^="icon-"] {
        display: none;
    }

    .details__tabs-nav .details__tabs-btn {
        display: block;
    }

    .details__tabs-btn:after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0.5rem;
        background: #fff;
        opacity: 0;
    }
}

@media(max-width: 767px) {
    span.tel-link {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    a.tel-hidden {
        position: absolute;
        bottom: -27px;
        background: #ffffff;
        /*max-height: 0px;*/
        visibility: hidden;
        transition: max-height 0.15s ease-in;
    }

    .tel-links-block {
        display: flex;
        margin-right: 30px;
    }

    .left-down-arrow {
        top: 18px;
        position: relative;
        height: 100%;
    }

    .left-down-arrow i {
        font-size: 20px;
    }

    a.show-tel {
        visibility: visible;
    }

    .tel-in-head a {
        padding: 0 5px;
    }



    .footer__phone {
        flex-direction: column;
    }

    .footer__phone-link.js-fancy-popup {
        margin-top: 10px;
    }



}

@media(max-width: 375px) {
    .tel-links-block {
        margin-right: 10px;
    }

    .tel-in-head a {
        margin-right: 5px;
    }
}

@media(max-width: 320px) {
    .tel-links-block {
        display: none;
    }
}

.cart__dropdown {
    z-index: 1000 !important;
}


h1 {
    font-size: 3.5rem !important;
}

h2 {
    font-size: 2.7rem !important;
}

.catalog--search .products__item-images .slick-slide {
    max-width: 500px;
}

.catalog--search .products__item-images .slick-slide img {
    max-width: 250px;
}

.flex-logo-6 {
    flex-basis: 20%;
}

.flex-logo-6 .logo .logo__text svg {
    width: 100%;
}

.simplecheckout-button-right .btn-primary {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
    width: 100%;
    font-size: 12px;
}

@media (max-width: 480px) {
    .simplecheckout-button-right {
        float: none !important;
    }
}

.btn-primary-plus-minus {
    height: 34px;
    background: lightgrey;
    color: #333;
    font-size: 18px;
    font-weight: 500;

}

.btn-primary-plus {
    padding-left: 7px;
}

.btn-primary-minus {
    padding-right: 10px;
}

.btn-primary-minus span {
    position: relative;
    bottom: 2px;
}

.btn-primary-plus span {
    position: relative;
    bottom: 2px;
}

#simplecheckout_cart .form-control {
    text-align: center;
}

@media (max-width: 640px) {
    .btn-primary-plus-minus {
        display: block !important;
    }

    .btn-primary-plus span {
        bottom: 0;
    }

    #total_shipping span:first-child {
        max-width: 220px !important;
    }

}

.recommend-seo-block {
    background: url('/image/catalog/category-seo-text/vs-recommend-bg.png');
    padding: 50px 46px;
    background-color: #fff;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 24px;
}

.recommend-block-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #2E3230;
    margin-bottom: 20px;
}

.recommend-block-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #2E3230;
    margin-bottom: 20px;
}

.recommend-block-links-wrapper {
    display: flex;
    justify-content: space-around;
}

a.recommend-block-link {
    border-radius: 44px;
    background: linear-gradient(90.35deg, #00B0E6 0.3%, #08E68D 101.85%);
    width: 186px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
}

a.recommend-block-link:hover {
    background: #00B0E6;
}

@media(max-width: 1199px) {
    .recommend-seo-block {
        background-position: right;
    }
}

@media(max-width: 767px) {
    .recommend-block-links-wrapper {
        flex-direction: column;
    }

    a.recommend-block-link {
        width: 100%;
    }

    .recommend-seo-block {
        padding: 30px;
    }

    .recommend-block-title {
        text-align: left;
        font-size: 32px;
        line-height: 39px;
    }

    .recommend-block-text {
        text-align: left;
        font-size: 16px;
        line-height: 19px;
    }

    a.recommend-block-link {
        margin-bottom: 20px;
    }

    a.recommend-block-link:nth-last-child(1) {
        margin-bottom: 0;
    }
}

.details__tabs-content.is-active .float_img_right {
    float: right;
    max-width: 250px;
}

.details__tabs-content.is-active .float_img_left {
    float: left;
    max-width: 250px;
    margin-right: 25px;
}

@media (max-width: 767px) {

    .details__tabs-content.is-active .float_img_right,
    .details__tabs-content.is-active .float_img_left {
        width: 100% !important;
        max-width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 24px;
    }
}

.recommend-block-links-wrapper.success_recommend-block-links-wrapper {
    width: 80%;
    margin: auto;
}

.recommend-block-links-wrapper.success_recommend-block-links-wrapper a.recommend-block-link {
    width: 260px;
}

@media(max-width: 1199px) {
    .recommend-block-links-wrapper.success_recommend-block-links-wrapper {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .recommend-block-links-wrapper.success_recommend-block-links-wrapper a.recommend-block-link {
        width: 235px;
    }

    .system.system--success {
        padding-top: 0;
    }
}

@media(max-width: 767px) {
    .recommend-block-links-wrapper.success_recommend-block-links-wrapper {
        align-items: center;
    }

    .recommend-block-links-wrapper.success_recommend-block-links-wrapper a.recommend-block-link {
        width: 260px;
    }
}

.system__text span {
    color: #08e68d;
}

.faq .faq {
    padding: 18px 25px;
    margin-bottom: 20px;
    min-height: 70px;
    background: #F0F0F0;
    border-radius: 17px;
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    color: #545454;
}

.faq-link {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 0px !important;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #545454;
}

.faq-link:hover {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 0px !important;
    color: #595C7D;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    padding: 5px;
    text-decoration: none;
}

.faq-link:focus {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 0px !important;
    color: #595C7D;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    padding: 5px;
    text-decoration: none;
}

.faq .card-body {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 20px;
    border-top: 1px solid #DADADA;
}

.faq .card-body span {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #545454;
}

.faq .faq ul li {
    padding: 0px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #545454;
    list-style: none;
}

.faq ul li a {
    background: linear-gradient(25deg, #4396E2 0.46%, #697AE6 19.84%, #786FE7 21.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.faq ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #595C7D;
    margin: 10px 0px;
}

.faq ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: linear-gradient(180deg, #4594E2 0%, #786FE7 100%), #D9D9D9;
    display: inline-block;
    border-radius: 100%;
    margin-left: -9px;
    margin-right: 15px;
    position: relative;
    top: -2px;
}

.collapse {
    padding-top: 20px;
}

body.product-category .row.catalog-descr .statya-dima ul li::before {
    content: none;
}

body.product-category .row.catalog-descr .statya-dima ul li {
    font-weight: 300;
}

.statya-dima {
    margin-bottom: 15px;
}

.statya-dima .statya-dima-element-plus,
.statya-dima .statya-dima-element-minus {
    padding: 70px 25px 25px;
    margin-bottom: 15px;
    position: relative;
    margin-top: 60px;
    background: white;
    box-shadow: 0px 0px 34px rgba(222, 222, 222, 0.1);
    border-radius: 12px;
}

.statya-dima .title-plus-minus {
    color: #595C7D;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 15px;
}

.statya-dima .statya-dima-element-plus:before,
.statya-dima .statya-dima-element-minus:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.list-plus-minus {
    list-style: none;
}

.list-plus-minus li {
    position: relative;
}

.list-plus-minus li:before,
.list-plus-minus li:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -28px;
    background-image: url(/image/catalog/check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 25px;
    margin-right: 10px;
}

.statya-dima .statya-dima-element-plus:before {
    box-shadow: 0 0 25px rgba(113, 181, 125, .4);
    background-color: #00a046;
}

.statya-dima .statya-dima-element-minus:before {
    background-color: #C2C2C2;
}

.statya-dima .statya-dima-element-plus:after {
    position: absolute;
    content: "+";
    top: -11px;
    left: 50%;
    font-size: 82px;
    line-height: 19px;
    color: #fff;
    z-index: 2;
    translate: -50% 0;
}

.statya-dima .statya-dima-element-minus:after {
    position: absolute;
    content: "-";
    top: -13px;
    left: 50%;
    font-size: 82px;
    line-height: 19px;
    color: #fff;
    z-index: 2;
    translate: -50% 0;
}


.block_circle {
    background-color: white !important;
    width: 915px;
    max-width: 915px;
    width: 100%;
    min-height: 74px;
    max-height: 300px;
    /*  border-radius: 37px 37px 37px 37px; */
    border-radius: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container_circle {
    box-sizing: content-box;
}

.circle_4 {
    background: #e1f7ee;
    /*border: 2px solid #0079ba;*/
    border-radius: 42px 42px 42px 42px;
    border-left: 0px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    left: 10px;
    position: relative;
    margin-right: 9px;
}


.circle_3 {
    background: #0079ba;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.circle_2 {
    border: 3px solid white;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
}

.circle {
    background: #08e68d;

    border-radius: 50%;

    width: 46px;
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.circle span {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 37px;
    color: white;
}

.block_circle_text {
    min-height: 74px;
    max-height: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
}


.block_circle_text p.title {
    color: #000000;
    margin: 0px;
    font-size: 22px;
}

.block_circle_text p {
    color: #000000;
    margin: 5px 0px 0px 0px;
}




@media (max-width: 767px) {
    .block_circle {
        border-radius: 50px;
    }
}

.bingc-phone-button {
    bottom: 1% !important;
    right: 7% !important;
}

#bingc-phone-button.bingc-phone-button {
    z-index: 200 !important;
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}


h1.title-page-checkout {
    font-weight: bold;
    font-size: 32px;
    line-height: 25px;
    /* identical to box height, or 62% */
    color: #2E3230;
    margin-top: 0px;
    margin-bottom: 0px;
}

.flex-row-checkout {
    display: flex;
    align-items: flex-end;
    margin-top: 35px;
    margin-bottom: 40px;
}

.soc-flex-block {
    margin-left: 20px;
}

button.new-customer-btn {
    font-weight: 600;
    font-size: 14px;
    color: #00A046;
    background: transparent;
    padding: 0px;
    height: auto !important;
    border: none;
    border-bottom: 1px dashed #00A046;
}

button.login-form {
    font-weight: 600;
    font-size: 14px;
    color: #505050;
    margin-left: 15px;
    background: transparent;
    border: none;
}

.checkout-profile {
    background: #FFFFFF;
    border-radius: 10px;
    max-width: 636px;
}

span.check-validate {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: absolute;
    right: -16px;
    background: #F4F5F6;
    padding: 4px;
}

span.inside-check-validate {
    border: 2px solid #DBDBDB;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 100%;
}

span.inside-check-validate:before {
    content: "...";
    font-weight: bold;
    font-size: 10px;
    line-height: 19px;
    color: #B3B3B3;
    position: relative;
    left: 6px;
    top: -4px;
}

.checkout-profile-user {
    position: relative;
}

.checkout-profile-address {
    position: relative;
}

.checkout-profile-payment {
    position: relative;
}

.checkout-profile-user {
    padding: 28px;
    border-bottom: 2px solid #F4F5F6;
}

.checkout-profile-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    /* identical to box height, or 150% */
    color: #2E3230;
    margin-bottom: 10px;
}

.checkout-profile-user-fields input {
    box-sizing: border-box;
    height: 43px;
    padding-left: 15px;
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

.checkout-profile-user-fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.checkout-profile-user-fields label {
    flex-basis: calc(50% - 20px);
    margin: 10px;
    width: 100%;
}

.checkout-profile-user-fields span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #545457;
}

.checkout-profile-address {
    padding: 28px;
    border-bottom: 2px solid #F4F5F6;
}

.cab-inputs {
    margin-top: 10px;
}

.cab-inputs label {
    width: 100%;
}

.checkout-profile-address-inputs input,
.cab-inputs input {
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    height: 43px;
    padding-left: 15px;
    width: 100%;
}

.checkout-profile-address-inputs {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.checkout-profile-address-inputs label {
    flex-basis: calc(50% - 20px);
    margin: 10px;
    position: relative;
}

.checkout-profile-address-inputs span,
.cab-inputs span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #545457;
    display: block;
}

.checkout-profile-payment {
    padding: 28px;
    border-bottom: 2px solid #F4F5F6;
}

.comment-block {
    padding: 28px;
}

.comment-block textarea {
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    display: block;
    height: 80px;
}

.inside-comment-block label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #545457;
}

.checkout-cart-products-loop {
    background: #FFFFFF;
    border-radius: 10px;
}

.checkout-cart-product-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px;
    border-bottom: 2px solid #F4F5F6;
    position: relative;
}

.checkout-cart-product-item-image img {
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

.checkout-cart-product-item-name {
    flex-basis: calc(70% - 114px);
    margin-left: 10px;
}

input.quantity-block {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #2E3230;
    text-align: center;
    background: transparent;
    border: none;
    width: calc(100% - 84px);
    margin: 0px;
}

.checkout-cart-product-item-name-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    /* or 100% */
    color: #2E3230;
}

.checkout-cart-product-item-image {
    flex-basis: 65px;
}

.checkout-cart-product-item-name small {
    font-size: 12px;
    line-height: 14px;
    color: #8E9591;
}

.quantity-checkout-cart {
    flex-basis: 12%;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #2E3230;
}

.checkout-cart-product-item-price {
    flex-basis: 13%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #2E3230;
    margin-left: -5px;
}

.checkout-submit-title-summ {
    padding: 28px;
    border-bottom: 2px solid #F4F5F6;
}

.checkout-submit-title {
    background: #FFFFFF;
    border-radius: 13px;
    margin-top: 23px;
}

button.submit-checkout-form {
    height: 54px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    width: 100%;
    border: none;
    margin-top: 17px;
    /* background: linear-gradient(90.57deg, #02BDD1 0%, #08E68D 100%); */
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

button.submit-checkout-form:before {
    content: '';
    position: absolute;
    inset: 50%;
    translate: -50% -50%;
    width: 1500px;
    height: 1500px;
    z-index: -1;
    background: linear-gradient(90.57deg, #02BDD1 0%, #08E68D 100%);
    transition: 0.5s ease-in-out;
}

button.submit-checkout-form:hover:before {
    rotate: 180deg;
}

button.submit-checkout-form[disabled] {
    opacity: 0.5;
}



.preloader {
    position: fixed;
    inset: 0;
    z-index: 1020;
    background-color: rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(9px);
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.preloader.show_preloader {
    opacity: 1;
    visibility: visible;
}

.wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    scale: 2;
}

.loader {
    height: 25px;
    width: 1px;
    position: absolute;
    animation: rotate 3.5s linear infinite;
}

.loader .dot {
    top: 30px;
    height: 7px;
    width: 7px;
    /* background: #fff; */
    background: linear-gradient(90.57deg, #02BDD1 0%, #08E68D 100%);
    border-radius: 50%;
    position: relative;
}

.text {
    /* position: absolute; */
    bottom: -85px;
    font-size: 25px;
    font-weight: 400;
    font-family: sans-serif;
    color: #fff;
}

@keyframes rotate {
    30% {
        transform: rotate(220deg);
    }

    40% {
        transform: rotate(450deg);
        opacity: 1;
    }

    75% {
        transform: rotate(720deg);
        opacity: 1;
    }

    76% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: rotate(0deg);
    }
}

.loader:nth-child(1) {
    animation-delay: 0.15s;
}

.loader:nth-child(2) {
    animation-delay: 0.3s;
}

.loader:nth-child(3) {
    animation-delay: 0.45s;
}

.loader:nth-child(4) {
    animation-delay: 0.6s;
}

.loader:nth-child(5) {
    animation-delay: 0.75s;
}

.loader:nth-child(6) {
    animation-delay: 0.9s;
}










.totals_order {
    padding: 23px;
    text-align: center;
}

span.text_order {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #343434;
}

span.value_order {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #00A046;
}

span.title-for-sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #343434;
}

span.sum-for-sub {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height */
    color: #2B2B2B;
}

.row-subsums {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
}

.row-subsums:before {
    content: "";
    height: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    border-bottom: 1px dashed #A3A9AD;
}

.row-subsums>span {
    background: #fff;
    position: relative;
    padding: 0px 2px;
}

.wrapper-shipping-method {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.item-shipping-method {
    flex-basis: calc(33.333% - 20px);
    margin: 10px;
}

.item-shipping-method label {
    padding: 0px;
    position: relative;
}

.item-shipping-method label input {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin-left: 0px !important;
}

span.title-ship-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    /* identical to box height, or 136% */
    color: #2E3230;
    display: block;
}

span.price-method-shipp {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    /* or 100% */
    color: #7A7A7A;
    display: block;
    margin-top: 4px;
}

span.title-image-shipping {
    background: #F1F1F2;
    border-radius: 5px;
    min-width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}

.item-shipping-method input:checked~.title-image-shipping {
    background: #fff;
}

.item-shipping-method input:checked~.inside-into-shipping {
    background: #F1F1F2;
}

.inside-into-shipping {
    display: flex;
    align-items: center;
}

.inside-into-shipping {
    border-radius: 5px;
    padding: 7px;
}

.item-shipping-method input:checked~.inside-into-shipping .title-image-shipping {
    background: #fff;
}

.radio.item-shipping-method {
    margin-top: 10px !important;
}

input.error-input {
    border: 1px solid #FF6B6B;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 13px rgb(255 52 50 / 15%);
}

.error-check span {
    border: 2px solid #FF6B6B;
}

.error-check span:before {
    color: #FF6B6B;
    content: "!";
    font-size: 15px;
    top: 0px;
    left: 8px;
}

.valid-check span {
    border: 2px solid #76B76C;
}

.valid-check span:before {
    content: "";
    width: 7px;
    height: 11px;
    border: 2px solid #76B76C;
    display: block;
    transform: rotate(45deg);
    top: 3px;
    border-left: 0px !important;
    border-top: 0px;
}


.remove-product {
    /* display: none; */
    border: none;
    background: none;
    box-shadow: none;
    background-image: url(/image/catalog/deletebacket.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: 18px;
}

.remove-product:hover,
.remove-product:active,
.remove-product:focus {
    background-color: unset !important;
    border: none;
    box-shadow: none;
}

.qnt_checkout {
    /* display: none; */
    flex-basis: 75px;
    margin-left: 11px;
    margin-right: 10px;
}




.qnt_checkout input {
    width: auto;
}

.chosen_del-block {
    margin-top: 14px;
}

.chosen_del-block {
    font-size: 14px;
}

.chosen_del-value {
    font-weight: 600;
}

.reg_log_cashback {
    margin-bottom: 7px;
}

.reg_log_cashback button {
    font-weight: 600;
    font-size: 16px;
    border-bottom: unset;
    margin: 0;
    padding: 0;
    color: #00A046;
}

.shipping_pay_text {
    display: block;
    margin-top: 5px;
    /* text-align: center; */
    font-size: 12px;
    line-height: 1;
}

.shoping-cart-products-item-quantity i {
    background: rgba(255, 255, 255, 0.34);
    border: 1px solid rgba(0, 77, 132, 0.18);
    box-sizing: border-box;
    backdrop-filter: blur(4px);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

i.btn-up {
    transform: rotate(180deg);
}

.qnt_checkout i {
    width: 23px;
    height: 23px;
}

.qnt_checkout i img {
    width: 9px;
}

.shoping-cart-products-item-quantity span {
    display: flex;
    justify-content: space-between;
    max-width: 135px;
    margin: auto;
}

div#shipping_method_block .wrapper-shipping-method .radio.item-shipping-method:first-child {
    flex-basis: calc(66.667% - 20px);
    margin: 10px;
    display: flex;
    justify-content: space-between;
}

div#shipping_method_block .wrapper-shipping-method .radio.item-shipping-method:first-child>div {
    flex-basis: calc(50% - 10px);
}

span.text-nologged {
    padding: 0px 20px 20px;
    text-align: center;
    display: block;
}

.to_free_del_checkout {
    background: linear-gradient(90.57deg, #02BDD1 0%, #08E68D 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    position: relative;
    border-radius: 5px;
    padding: 12px 12px;
    margin-top: 20px;
}

.to_free_del_checkout:before {
    content: "";
    position: absolute;
    background: #fff;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 5px;
}

.to_free_del_checkout * {
    position: relative;
}

span.to_free_del_text {
    /* font-family: 'Roboto'; */
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    /* identical to box height */
    color: #343434;
}

span.to_free_del_num_ch {
    color: rgba(0, 160, 70, 1);
}

span.to_free_del_text strong {
    color: rgba(0, 160, 70, 1);
    font-weight: 500;
}

img.free-del-pic {
    width: 45px;
    margin-right: 10px;
}

.reg_log_cashback {
    background: #F4F4F5;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.3;
}

.reg_log_cashback a {
    font-weight: 500;
}


.input-block-cashback {
    text-align: center;
    padding-bottom: 15px;
}

button.use-cashback {
    background: linear-gradient(90.57deg, #02BDD1 0%, #08E68D 100%);
    border-radius: 5px;
    height: 40px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
}

input#total-cashback {
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    height: 40px;
    padding-left: 15px;
    padding-right: 20px;
    margin-right: 10px;
}

.cahsback-input {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.cashback-block {
    display: block;
    margin-bottom: 10px;
}

span.cashback_text {
    display: block;
}

span.cashback_text span {
    font-weight: bold;
}

form#checkout-form {
    margin-bottom: 30px;
}

span.title-image-shipping img {
    width: 33px;
}

.sku__settings_category-89 .ui-size .ui-size__btn {
    opacity: 1;
}


h1.home_title {
    text-align: center;
    margin-top: 50px;
    font-size: 40px !important;
}

.product_stock_info {
    color: red;
    font-size: 14px;
    margin-left: 30px;
    display: none;
}

.btn_on_product {
    display: none;
}


.tag_block {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.tag_title {
    font-size: 14px;
    flex-basis: 20%;
    margin: 0;
}

.tags_wrapper {
    flex-basis: 80%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tags_wrapper_width.tags_wrapper {
    flex-basis: 100%;
}

.tag_item a {
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 5px;
    background: #EBEEF2;
    transition: 0.3s;
}

.tag_item a:hover {
    background: #656565;
    color: white;
}

.container-fluid .editor:has(.image_seo_wide) p,
.details__tabs-content:has(.image_seo_wide) p {
    font-weight: 300;
    font-size: 17px;
    line-height: 170%;
    letter-spacing: 0.01em;
    color: #343434;
    margin-bottom: 0;
    padding: 28px 30px;
    border-radius: 10px;
    background: #f7f7f7;
    margin-bottom: 10px;
}

.sku__dl dd p {
    display: none;
}

.details__tabs-content .sku__dl dd p {
    display: block;
}

.container-fluid .editor:has(.image_seo_wide) span {
    font-weight: 300;
    font-size: 17px;
    line-height: 170%;
    letter-spacing: 0.01em;
    color: #343434;
    display: block;
    margin-bottom: 15px;
    padding: 28px 30px;
    border-radius: 10px;
    background: #f7f7f7;
}

.image_seo_wide {
    width: 100% !important;
    border-radius: 10px;
    margin: 45px 0 !important;
}

.container-fluid .editor h2 span {
    font-weight: 400;
    font-size: 27px !important;
    line-height: 121%;
    color: #343434;
    margin-bottom: 25px;
    margin-top: 45px;
    display: block;
    text-align: center;
}



.seo_descr {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
    text-align: left !important;
}

.seo_plus_minus_side {
    margin-top: 35px;
    position: relative;
    border-radius: 10px;
    padding: 4px;
}

.seo_plus_minus_side_p {
    background: #e1ffdf;
}

.seo_plus_minus_side_m {
    background: #ffe5e6;
}

.seo_plus_minus_side_p .seo_plus_minus_title,
.seo_plus_minus_side_m .seo_plus_minus_title {
    width: 100%;
    padding: 17px 30px;
    background: #e1ffdf;
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
    border-radius: 10px 10px 0 0;
}

.seo_plus_minus_side_m .seo_plus_minus_title {
    background: #ffe5e6;
}

.seo_plus_minus_icon {
    position: absolute;
    right: 25px;
    top: -29px;
}

.seo_plus_list,
.seo_minus_list {
    padding: 27px 30px;
    background: #fff;
    position: relative;
    z-index: 5;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    border-radius: 0 0 8px 8px;
}

.seo_plus_list li,
.seo_minus_list li {
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
    display: flex;
    align-items: center;
    gap: 23px;
    position: relative;
}

.seo_plus_list li:before,
.seo_minus_list li:before {
    content: '';
    position: relative;
    display: block;
    background-image: url(/image/catalog/icon/plus-list.svg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    width: 38px;
    min-width: 38px;
    height: 38px;
}

.seo_minus_list li:before {
    background-image: url(/image/catalog/icon/minus-list.svg);
}

.seo_important {
    margin: 45px 0;

    background: #ffefd5;
    border-radius: 10px;
    padding: 4px;
}

.seo_important_icon {
    display: flex;
    align-items: center;
    gap: 12px;
    /* margin-bottom: 13px; */
    padding: 15px 30px;
}

.seo .seo_important_icon span,
.seo_important_txt_title {
    font-weight: 700 !important;
    font-size: 21px !important;
    line-height: 150% !important;
    letter-spacing: 0.01em !important;
    color: #e99918 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.seo .seo_important .seo_important_txt_descr,
.seo_important_txt {
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
    background: #fff;
    padding: 23px 35px;
    border-radius: 0 0 8px 8px;
}

.seo_why_buy {
    margin: 45px 0;
    display: flex;
    align-items: center;
    gap: 30px;
    background: #fff;
    border-radius: 10px;
    padding: 35px 40px;
    background: #f7f7f7;
}

.seo_why_buy_img img {
    width: 220px;
    min-width: 220px;
    height: auto;
    display: block;
    border-radius: 10px;
}

.seo_why_buy_title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 27px;
    line-height: 121%;
    color: #343434;
    position: relative;
    padding-left: 30px;
}

.seo_why_buy_title:before {
    content: '';
    position: absolute;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #05d560;
    top: 10px;
    left: -0;
}

.seo_why_buy_descr {
    font-weight: 300;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
}

.seo_why_buy_btn {
    margin-top: 23px;
    background: #00a046;
    border: 1px solid #00a046;
    border-radius: 5px;
    padding: 0 24px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 99%;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    transition: 0.3s;
    text-decoration: none !important;
}

.seo_why_buy_btn:hover {
    background: #007232;
}

div:has(>.question-side) {
    margin: 45px 0;
}

.seo .question-answer-wrapper {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 17px;
}

.seo .question-row {
    cursor: pointer;
}

.seo .question-row span,
.details__tabs-content .question-row span {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 139% !important;
    text-align: left;
    color: #545454 !important;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    cursor: pointer;
}

.seo .question-row span:after,
.details__tabs-content .question-row span:after {
    content: '';
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 9px;
    display: block;
    background-image: url(/image/catalog/icon/arrow-down.svg);
    transition: 0.3s;
}

.question-answer-wrapper {
    background: #f7f7f7 !important;
    border-radius: 17px;
    padding: 23px 27px;
    margin-bottom: 10px;
}

.seo .question-row.active span:after,
.details__tabs-content .question-row.active span:after {
    rotate: 180deg;
}

.seo .answer-block span p,
.details__tabs-content .answer-block span p {
    font-weight: 300 !important;
    font-size: 17px !important;
    line-height: 150% !important;
    letter-spacing: 0.01em !important;
    color: #343434 !important;
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
}

.seo .answer-block span {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.seo .answer-block,
.details__tabs-content .answer-block {
    transition: 0.4s;
    opacity: 0;
    overflow: hidden;
    max-height: 0;
}

.seo .question-row.active+.answer-block,
.details__tabs-content .question-row.active+.answer-block {
    opacity: 1;
    margin-top: 12px;
}


.seo_manu_block {
    display: flex;
    gap: 22px;
    align-items: center;
    background: #f7f7f7;
    border-radius: 10px;
    padding: 22px 23px;
    margin: 10px 0;
}

.seo_manu_block:last-child {
    margin-bottom: 45px;
}

.seo_manu_img img {
    width: 120px;
    min-width: 120px;
}

.seo_manu_title {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #00a046;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

a.seo_manu_title:after {
    content: '';
    position: relative;
    background-image: url(/image/green-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 12px;
    display: block;
    transition: 0.3s;
    top: 2px;
}

.seo_manu_title:hover:after {
    translate: 5px 0;
}

.seo_manu_descr {
    font-weight: 300;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #343434;
}

.container-fluid .editor:has(.image_seo_wide) h2,
.container-fluid .editor:has(.image_seo_wide) h3,
.details__tabs-content:has(.image_seo_wide) h2 {
    margin-top: 45px;
    position: relative;
    padding-left: 30px;
}

.details__tabs-content:has(.image_seo_wide) h2:before,
.container-fluid .editor:has(.image_seo_wide) h2:before,
.container-fluid .editor:has(.image_seo_wide) h3:before {
    content: '';
    position: absolute;
    display: flex;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #05d560;
    top: 10px;
    left: -0;
}

.container-fluid .editor:has(.image_seo_wide) h2:before,
.container-fluid .editor:has(.image_seo_wide) h3:before {
    top: 8px;
    left: 8px;
}


[data-template-id="plusminus-block"]:has(+[data-template-id="p-block"]) {
    margin-bottom: 40px;
}

.seo_list_wrapper {
    margin: 20px 0;
}

.seo_list_wrapper ul {
    list-style: none;
    padding-left: 50px;
    margin: 0;
}

.seo_list_wrapper ul li {
    font-size: 17px;
    line-height: 170%;
    color: #343434;
    margin-bottom: 20px;
    position: relative;
}

.seo_list_wrapper ul li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -25px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #00a046;
}


.seo_products_table {
    margin: 35px 0 40px;
    /* border-top: 1px solid #e4e4e4; */
    /* border-left: 1px solid #e4e4e4; */
    border: 1px solid #e4e4e4;
    overflow: hidden;
    border-radius: 10px;
}

.seo_products_item {
    display: flex;
    align-items: center;
    background: #fff;


}

.seo_products_left {
    flex-basis: 70%;
    padding: 16px 23px;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.seo_products_right {
    flex-basis: 30%;
    padding: 16px 23px;
    border-bottom: 1px solid #e4e4e4;
    /* border-right: 1px solid #e4e4e4; */
}

.seo_products_item:nth-child(odd) {
    background: #fafafa;
}

.seo_products_item_head {
    background: #f7f7f7 !important;
}

.seo_products_item:last-child .seo_products_left,
.seo_products_item:last-child .seo_products_right {
    border-bottom: unset;
}

.seo_products_right {
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: #343434;
}

.seo_products_item_head>div {
    font-weight: 700;
    font-size: 17px;
    line-height: 120%;
    color: #343434;
}

a.seo_products_left {
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: #00a046;
}

.info_block_zh {
    border: 1px solid #00A046;
    padding: 20px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
    margin-bottom: 30px;
}

.info_block_zh+.sku__dl {
    display: none;
}

.details__tabs-content:has(.info_block_zh) {
    padding-top: 40px;
}

.mob_header_btns {
    display: none;
}


.products__item-price {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 100% !important;
    color: #0b0b0b !important;
    margin-bottom: 0;
    border: 1px solid #cba24b;
    border-radius: 5px;
    padding: 7px 9px;
}

.btn.btn--cart {
    width: 38px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #01764f;
    border-radius: 5px !important;
    padding: 0 !important;
    background: radial-gradient(205.97% 123.08% at 49.68% 100%, #02100e 20%, #009865 100%);
}


.products__item-in {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
}


.gray_section {
    background: #f5f5f5;
}


.products_id_1 {
    padding: 60px 0 0;
    background: #f5f5f5;

}

.products_id_2 {
    padding-top: 60px;
}

.brands-grid-zh {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 60px;
}

.brands-grid-zh a {
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.brands-grid-zh img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    filter: brightness(0.9);

}

.brands-grid-zh a:hover img {
    filter: brightness(1.1);
}

.brands-grid-zh a:nth-child(-n+3) {
    width: calc((100% - 16px) / 3);
}

.brands-grid-zh a:nth-child(n+4) {
    width: calc((100% - 24px) / 4);
}

.products_id_0 h2,
.products_id_1 h2,
.products_id_2 h2 {
    text-align: center;
}


.flavors-slider-wrapper {
    padding-bottom: 60px;
    /* padding-left: calc((100vw - 121rem) / 2 + 10px); */
}

/* .flavors-slide {
    width: 225px;
    min-width: 225px;
} */

.flavors-slider-wrapper .slick-slide>div {
    margin: 0;
    margin-right: 5px;
}

.flavors-slide {
    border: 1px solid #e3e3e3;
    border-radius: 13px;
    overflow: hidden;
}

.flavors-card__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 127%;
    text-align: center;
    color: #0b0b0b;
    padding: 13px 10px;
    transition: 0.3s;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flavors-card:hover .flavors-card__title {
    color: #00a046;
}

.flavors-card__image img {
    width: 100%;
    transition: 0.3s;
    filter: brightness(0.9);
}

.flavors-card:hover img {
    filter: brightness(1.1);
}

.gray_section_pt {
    background: transparent;
}

.media_blog_wrapper {
    background: #f5f5f5;
    margin-top: 0;
    padding: 54px 0 60px;
}

.home_blog_title {
    font-weight: 800;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #0b0b0b;
    margin-bottom: 25px;
}

.media_blog_wrapper .home_blog_link {
    background: #cba24b;
    border-radius: 5px;
    padding: 0 22px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50%;
    translate: -50% 0;
    font-weight: 800;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    border: transparent !important;
    margin-bottom: 0 !important;

}

.media_blog_wrapper .home_blog_link:hover {
    color: #fff !important;
    background: #a9812e;
    border: transparent !important;
}

.blog__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}
































@media(min-width: 992px) {

    .products__item-in {
        padding-bottom: 13px;

    }

    .header.header--v6 {
        background: radial-gradient(205.97% 123.08% at 49.68% 100%, #02100e 20%, #009865 100%);
    }

    .topbar-phone {
        order: 1;
    }

    .topbar-telegram .contacts-social-item-tg {
        display: none;
    }

    .topbar-mainbtn {
        order: 3;
    }

    .topbar-logo {
        order: 2;
    }

    .topbar-telegram {
        display: none;
    }

    .phone__btn {
        font-weight: 700;
        font-size: 22px;
        line-height: 91%;
        text-align: center;
        color: #fff;
    }

    .compsre_header {
        display: none;
    }

    .topbar-logo svg {
        width: 306px;
        height: 27px;
    }

    .topbar-logo {
        position: absolute;
        left: 50%;
        translate: -50% 0;
    }

    .search__helper {
        display: none;
    }

    .topbar-search {
        margin-right: 0 !important;
    }

    input.search__input.js-search-input {
        width: 168px;
        border: 1px solid #fff !important;
        border-radius: 43px;
        background: transparent;
        padding-left: 16px;
    }

    .phone__dropdown {
        top: 100%;
        border-radius: 10px;
    }

    .topbar-cart,
    button.cart__btn {
        cursor: pointer;
    }

    .search__btn {
        top: 47%;
        right: 3px;
    }

    .icon-search {
        filter: brightness(111);
    }

    #compare svg,
    .acc__btn {
        filter: brightness(111);
    }

    .cart__btn svg {
        width: 21px;
        height: 21px;
    }

    .search__dropdown {
        border-radius: 10px;
        padding: 0 0;
        top: 123%;
    }

    .search__item-image img {
        border-radius: 5px;
        display: block;
    }
}


@media (max-width: 1024px) {

    button.btn.btn--cart {
        width: 37px;
        height: 30px;
    }

    .info_block_zh {
        font-size: 15px;
    }

    span.title-ship-item {
        font-size: 12px;
    }

    .inside-into-shipping {
        padding: 5px;
    }

    span.title-image-shipping {
        min-width: 50px;
        height: 50px;
    }

    .remove-product {
        right: 0px;
    }

    h1.home_title {
        margin-top: 40px;
        font-size: 32px !important;
    }
}

@media (max-width: 768px) {



    .checkout-profile-user {
        padding: 10px;
    }

    .checkout-profile-address {
        padding: 10px;
    }

    .item-shipping-method {
        flex-basis: calc(100% - 20px);
        margin: 10px;
    }

    .checkout-cart-product-item-image img {
        width: 100%;
    }

    .checkout-cart-product-item-price {
        flex-basis: 20%;
    }

    .wrapper-cart-checkout {
        margin-top: 20px;
    }

    .item-shipping-method label {
        width: 100%;
    }

    .comment-block {
        padding: 10px;
    }

    .checkout-cart-product-item-image {
        flex-basis: 40px;
    }

    .checkout-profile-payment {
        padding: 10px;
    }

    div#shipping_method_block .wrapper-shipping-method .radio.item-shipping-method:first-child {
        display: block;
        flex-basis: 100%;
    }
}

@media (max-width: 900px) {



    .topbar-phone,
    .nav-mobile-desktop {
        display: none;
    }

    main.content {
        padding-top: 54px;
    }

    .topbar {
        background-color: transparent !important;
    }

    .topbar-cw {
        width: 25px;
    }

    #cart-total .cart__counter {
        width: 17px;
        height: 17px;
        background: #C09D50;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -2px;
    }

    .mob_header_btns {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .mob_header_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.15);
    }

    .footer__nav {
        padding-bottom: 22px;
    }

    .nav-categories {
        row-gap: 40px;
    }
}

@media (max-width: 500px) {

    .products_id_0 h2 {
        padding-right: 0 !important;
        text-align: left;
        margin-right: 0;
    }

    .products_id_0 {
        padding-bottom: 0;
    }

    .vape-brands-grid {
        display: block;
        padding: 22px 0 33px;
    }

    .brand-card {
        filter: unset;
    }

    .block-html-title {
        font-size: 24px !important;
        text-align: left;
        margin-bottom: 15px;
    }

    .budget-block span {
        font-size: 12px;
    }

    .budget-blocks {
        padding-bottom: 50px;
    }

    .products_id_1 {
        padding-top: 0;
        padding-bottom: 0 !important;
        background: transparent;
    }

    .products_id_1 h2,
    .products_id_2 h2 {
        text-align: left;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .products_id_2 {
        padding-top: 34px;
    }

    .brands-grid-zh {
        display: block;
        padding-bottom: 32px;
    }

    .flavors-slider-wrapper {
        padding-bottom: 33px;
    }

    .flavors-slider-wrapper .slick-slide>div {
        margin-right: 0;
    }

    .refill-types .slick-slide {
        width: 173px;
        min-width: 173px;
        margin-right: 8px;
    }

    .refill-text {
        font-size: 12px;
    }

    .brands-grid-zh .slick-slide {
        display: block;
        width: 350px;
        min-width: 350px;
        margin-right: 8px;
    }

    .products_id_2 {
        padding-bottom: 45px !important;
    }

    .flavors-slider__wrapper .slick-slide {
        width: 173px;
        min-width: 173px;
        margin-right: 8px;
    }

    .refill-types {
        padding-bottom: 44px;
    }

    .blog__grid {
        display: block;
        margin-bottom: 22px;
    }

    .blog__grid .slick-slide {
        width: 350px;
        min-width: 350px;
        margin-right: 8px;
    }

    .media_blog_wrapper .container-fluid {
        padding-right: 0 !important;
    }



    .flavors-card__title {
        font-size: 12px;
        height: auto;
    }

    .brands-grid-zh a:nth-child(-n+3) {
        width: auto;
    }

    .budget-block {
        display: block !important;
        width: 175px !important;
        min-width: 175px;
        margin-right: 8px;
    }

    .brand-card {
        min-width: 350px;
        width: 350px;
    }

    .vape-brands-grid .slick-slide {
        margin-right: 8px;
    }

    .container-fluid-pr {
        padding-right: 0 !important;
    }

    .cartridges-grid {
        display: block;
        padding: 45px 0 0;
        background: transparent;
    }

    .card-content .card-content-title {
        font-size: 20px;
    }

    .gray_section {
        background: transparent;
    }

    .cartridges-grid .slick-slide {
        width: 350px;
        min-width: 350px;
        margin-right: 8px;
    }

    .brand-card img {
        height: 230px;
        object-fit: cover;
    }

    .products__item-price {
        flex-direction: row-reverse;
        gap: 5px;
        padding: 5px 9px;
    }

    .nav-categories__heading {
        margin-bottom: 15px;
        height: auto;
        max-width: 100%;
    }

    .nav-categories {
        row-gap: 0px;
    }

    .recommend-block-title {
        font-size: 23px;
    }

    .recommend-seo-block {
        padding: 20px;
    }

    .tag_block {
        flex-direction: column;
        padding: 20px 0;
        border-top: 1px solid lightgrey;
        margin-bottom: 0;
    }

    .tag_title {
        font-size: 16px;
        margin-bottom: 10px;
        text-align: center;
    }

    .tags_wrapper {
        gap: 13px;
        column-gap: 10px;
    }

    h1.home_title {
        margin-top: 25px;
        font-size: 27px !important;
    }

    .slides__item {
        height: 19rem;
    }
}


.option-links-value {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.5rem;
}

.option-links-value>div a {
    min-width: auto;
    border: 0.1rem solid #EFEFEF;
    text-align: center;
    font-size: 1.3rem;
    line-height: 3.8rem;
    font-weight: 700;
    color: #636e7c;
    transition: .25s;
    cursor: pointer;
    padding: 0 1rem;
    transition: all 0.4s ease-in-out;
    height: auto;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}

.option-links-value>div {
    margin: 0 0.5rem 0.5rem 0;
}

.option-links-value>div {
    flex-basis: calc(25% - 0.5rem);
}


.option-links-value>div>label {
    display: block;
}

a.view0_product {
    border-color: #00A046 !important;
}

.option-links-value>div a:hover {
    border-color: #00A046;
}

.option-links-value>div.not-allowed a span {
    color: #A6B0BC !important;
}

.option-links-value>div.not-allowed img {
    filter: grayscale(1);
}






@media (max-width: 320px) {
    .slides__item-image img {
        object-position: -24px;
    }

}

@media (max-width: 380px) {
    .nav__list-body {
        overflow: auto;
    }

    .contact-menu-in-mob {
        position: relative;
    }

    .is-overflow {
        overflow: auto !important;
    }

    .link-tel-block {
        margin-top: 5px !important;
    }

    .link-tel-block a:first-child,
    .link-tel-block a:nth-child(2),
    .link-tel-block a:nth-child(3) {
        font-size: 12px;
    }

    .time-contact-in-menu span {
        font-size: 12px;
    }
}



.option-links-value>div.not-allowed a {
    background: transparent !important;
    color: #A6B0BC !important;
    cursor: not-allowed !important;
    border-color: #EFEFEF !important;
    position: relative;
}

.option-links-value>div.not-allowed a:hover {
    border-color: #EFEFEF;
}

.option_see_hidden {
    flex-basis: 100% !important;
    color: #636E7C;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
}

.option_see_hidden:hover {
    border-color: #00a046;
}

.option_see_hidden {
    transition: all 0.4s ease-in-out;
}

.hidden-option-link {
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0 !important;
    transition: all 0.4s ease-in-out;
}

.hidden-option-link.visible-option {
    max-height: 180px;
    margin-bottom: 0.5rem !important;
}

@media (max-width: 991px) {
    .option-links-value>div {
        flex-basis: calc(25% - 0.5rem);
    }

    .option-links-value img {
        width: 100%;
    }

}


@media (max-width: 500px) {
    .faq-link {
        text-align: left;
        font-size: 16px;
        gap: 10px;
    }

    .faq {
        padding: 18px 15px !important;
    }

    .sku__thumbs-item:hover {
        border: unset;
    }

    .slick-current .sku__thumbs-item {
        border: 1px solid #00a046;
    }

    /* 
 .nav__list-menu li:last-child {
        display: none;
    } */
}


@media (max-width: 767px) {
    .panel.ocfilter {
        position: fixed;
        left: -250px;
    }

    .ocf-offcanvas.ocfilter-mobile .panel.ocfilter {
        position: unset;
    }

    .sku__thumbs {
        position: relative;
        bottom: 0;
        margin: 0 -1.5rem;
        max-height: 70px;
        overflow: hidden;
    }

    .sku__gallery {
        margin-bottom: 0;
    }
}

@media (max-width: 560px) {
    .sku__thumbs {
        max-height: 64px;
        overflow: hidden;
    }

    .sku__slides {
        height: calc(100vw - 4rem);
    }
}



.mobile_header_submenu {
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    transition: opacity 0.3s, display 0.3s;
    opacity: 0;
    visibility: hidden;
    display: none;
    grid-column: 1 / 4;
    grid-row: none;
    translate: 0 5px;
}

.mobile_dropdown_submenu.active_menu+.mobile_header_submenu {
    display: grid;
    opacity: 1;
    visibility: visible;
    height: 100%;
    translate: 0 0;
    transition: 0.3s;
    transition-delay: 0.4s;
}

.mobile-nav__list-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.submenu_btn_mob {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    min-height: 20px;
    border-radius: 50%;
    padding: 0;
    position: relative;
    top: 3px;
    background: transparent;
    border: 1px solid black;
    transition: 0.4s;
    transform: rotate(90deg);
}

.mobile_dropdown_submenu.active_menu .submenu_btn_mob svg {
    opacity: 1;
}

.mobile_dropdown_submenu.active_menu svg {
    rotate: 180deg;
}

@media (max-width: 768px) {
    .nav__list-dropdown ul.nav__list-menu {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav__list-dropdown ul.nav__list-menu>li {
        margin: 0px;
    }

    ul.mobile_header_submenu.nav__list-menu-mobile>li {
        margin: 0px;
    }

    .active_menu button.submenu_btn_mob {
        background: #00a046;
        border-color: #fff;
    }

    .active_menu button.submenu_btn_mob svg path {
        fill: #fff;
    }
}



ul.nav__menu>li:last-child>a:after {
    display: none;
}

a.nav__list-link.arrow_menu:after {
    content: '';
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    transition: inherit;
    border-bottom: 0.2rem solid #00a046;
    border-right: 0.2rem solid #00a046;
    -ms-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(-45deg) translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 1rem;
    margin: -0.35rem 0 0;
}

.nav__list-link.arrow_menu:hover::after {
    border-color: #fff;
}



#bg_popup_age {
    position: fixed;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.81);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

#popup_age {
    background: #fff;
    max-width: 670px;
    padding: 50px 20px;
    position: relative;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.boxAgeTitle {
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}

.flex-btn-cookie {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 20px;
}

.buttonSubmit {
    height: 50px;
    padding: 0 20px;
    background: transparent;
    border: 1px solid #05D0B1;
    border-radius: 40px;
    width: 100%;
    max-width: 250px;
    cursor: pointer;
    font-size: 18px;
}

.popupCloseCookie {
    position: absolute;
    top: 0;
    right: 12px;
    rotate: 45deg;
    font-size: 22px;
}

.subTitleCookie {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.buttonSubmitApprove {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
    color: white;
}



dl.details__info-dl {
    display: flex;
    justify-content: space-between;
}

dl.details__info-dl dd {
    text-align: left !important;
    width: 55%;
    position: relative;
    display: inline-block;
    padding-left: 16px;
    background-color: #fff;
}

dl.details__info-dl dt span {
    background: #fff;
    display: inline-block;
    position: relative;
    padding-right: 16px;
}

dl.details__info-dl dt {
    width: 45%;
    position: relative;
    align-self: flex-start;
}

dl.details__info-dl dt:before {
    position: absolute;
    left: 0;
    bottom: 4px;
    display: none;
    width: 100%;
    border-bottom: 1px dotted #d2d2d2;
    content: "";
}

@media (min-width: 768px) {
    dl.details__info-dl dt:before {
        display: block;
    }
}





@media(max-width: 500px) {
    .boxAgeTitle {
        font-size: 23px;
    }

    img {
        height: auto;
    }
}




/* NEW DESIGN START */

.topbar-phone ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.topbar-phone ul li a {
    color: #0B0B0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.topbar-phone ul li {
    margin-right: 30px;
}

.topbar-phone ul li:last-child {
    margin-right: 0;
}

.topbar-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar-mainbtn {
    display: flex;
    align-items: center;
}

.topbar-cw {
    display: flex;
    align-items: center;
}

.topbar {
    padding: 30px 0px;
    height: auto;
}

button.phone__btn.js-toggle-btn {
    font-size: 22px;
    font-weight: 700;
}

.topbar-telegram img {
    width: 22px;
    height: 22px;
}

.search__dropdown {
    width: 300px;
}

.topbar-phone {
    flex-basis: 22%;
}

.topbar-logo {
    flex-basis: 30%;
    text-align: center;
}

.topbar-mainbtn {
    flex-basis: 35%;
    justify-content: end;
}

.logo {
    margin: auto;
    height: auto;
    min-width: auto;
}

button.cart__btn {
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
}

.topbar-cw>* {
    margin-left: 20px;
}

.compsre_header svg {
    width: 25px;
    height: 29px;
}

.topbar-search {
    margin-right: 7%;
}

input.search__input.js-search-input {
    border-bottom: 1px solid #000;
}

input.search__input.js-search-input::placeholder {
    color: #9A9A9A !important;
    font-size: 12px;
    font-weight: 400;
}

.topbar-cw>* {
    display: flex;
    align-items: center;
}

div#cart {
    display: flex;
    align-items: center;
}

a.acc__btn.js-fancy-popup {
    display: flex;
    align-items: center;
}

.product_reviews {
    font-size: 12px;
}

.rate_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    margin-top: 12px;
}

.products__item-rating_cat {
    display: flex;
    align-items: center;
    gap: 5px;
}

.alert-fixed {
    pointer-events: none;
}

.sku__buttons_cat {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 4px;
    position: absolute;
    top: 32px;
    left: unset;
    right: 4px;
    z-index: 50;
}

.sku__buttons_cat a {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

span#compare a {
    display: flex;
    position: relative;
}

span#compare a .ctrl-v6__btn-counter {
    top: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1px;
}

.js-slick-slides .slides__item {
    margin: 30px 0px;
}

.slick-slide>div {
    margin: 0px 15px;
}

.bestseller_tabs ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}

.flex-title_tabs {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.bestseller_content-tab {
    display: none;
}

.bestseller_content-tab.active_content_tab {
    display: block;
}



.tab_item {
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    margin-left: 10px;
    color: #0B0B0B;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    /* 100% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.tab_item.active_tab {
    color: #cba24b;
    border-color: #cba24b;
}

.tab_item:hover {
    color: #cba24b;
    border-color: #cba24b;
}

h2.products__heading {
    color: #0B0B0B;
    font-size: 3.2rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

.products_tab-row>div {
    flex-basis: calc(25% - 10px);
}

mark.products__item-mark.products__item-mark--hit {
    left: 0;
    top: 4px;
    border-radius: 0 5px 5px 0;
    padding: 0 7px 0 8px;
    background: #0B0B0B;
    color: #FFF;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    line-height: 23px;
    min-width: 56px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
}

.js-slick-recomended .slick-slide>div {
    margin: 0;
}

.products__slides>.slick-list>.slick-track>.slick-slide {
    margin-left: 10px;
    margin-right: 10px;
    width: 27.5rem;
}

a.products__item-title {
    margin: 0;
    color: #0B0B0B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: unset !important;
}

.products__item-action-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

span.products__item-price {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.category-row {
    display: flex;
}

.category_item {
    /* flex-basis: 25%; */
    flex: 1;
    position: relative;
}

.category_item-img {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.category_item-img img {
    width: 100%;
}

.category_item-content {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
}

.category_item-title {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.category_item-title a {
    color: #fff;
}

ul.category_item-lists {
    list-style: none;
    padding: 0px;
    margin: 0px;
    /* display: flex; */
}

ul.category_item-lists>li a {
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    flex-basis: calc(33.33% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 5px;
    padding: 5px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

ul.category_item-lists>li {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}

.category_item-img img {
    transition: all 0.4s ease-in-out;
}

.category_item:hover .category_item-img img {
    transform: scale(1.05);
}

div#marquee>div {
    margin: 0px 50px;
}

h2.default_title {
    color: #0B0B0B;
    text-align: center;
    font-size: 3.2rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.device_logo-title {
    margin-top: 50px;
}

.device_logo-title.text-left h2 {
    text-align: left;
}

.pods_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.pods_item {
    flex-basis: calc(20% - 20px);
    margin: 10px;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    overflow: hidden;
}

.pods_item-img {
    background: #EFEFEF;
    overflow: hidden;
    position: relative;
}

span.pods_item_bg-text {
    color: #FFF;
    text-align: center;
    font-size: 130px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -6.861px;
    position: absolute;
    z-index: 1;
    left: -13px;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.pods_item_main-img {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 10px;
}

.pods_item:last-child .pods_item_bg-text {
    text-align: center;
    left: -20px;
    font-size: 130px;
}

.pods_item_caption {
    color: #0B0B0B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    padding: 12px 10px;
    height: 90px;
}

.pods_item:hover a img {
    transform: scale(1.05);
}

.pods_item a img {
    transition: all 0.4s ease-in-out;
}

.pods_item {
    transition: all 0.4s ease-in-out;
}

.pods_item:hover {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.promo--id0 p.promo__item-price .small-text {
    white-space: normal;
    color: #FFF;
    text-shadow: 0px 3px 20.4px rgba(0, 0, 0, 0.14);
    font-family: Manrope;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}

span.btn.btn--sm.btn--white {
    border-radius: 5px;
    background: #00A046;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    height: auto;
    padding: 10px 20px;
    border: 1px solid #00A046;
}

.promo-count-0 .promo__item-desc.promo__item-desc--top-left.promo__item-desc--white {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 50px;
    height: 100%;
}

.promo-count-0 span.btn.btn--sm.btn--white {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    max-width: 130px;
    margin: auto;
}

.promo.promo--id0 {
    margin-top: 50px;
}

.promo-count-1 {
    padding: 0px 10px !important;
}

.promo-count-0 .promo__item-desc.promo__item-desc--top-left.promo__item-desc--white {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 50px;
    height: 100%;
}

.promo-count-0 span.btn.btn--sm.btn--white {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    max-width: 130px;
    margin: auto;
}

.products h2.products__heading {
    margin-bottom: 30px;
}

.promo.promo--id0 {
    margin-top: 30px;
    padding-bottom: 0;
    margin-bottom: 50px;
}

.promo-count-1 {
    padding: 0px 10px !important;
}

.promo-count-1 a.promo__item {
    margin-bottom: 10px;
}

.promo-count-1 a.promo__item:last-child {
    margin-bottom: 0;
}

.promo-count-2 .promo__item:first-child {
    margin-bottom: 10px;
}

.products__slides>.slick-prev,
.set__slides>.slick-prev,
.products__slides>.slick-next,
.set__slides>.slick-next {
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    width: 50px;
    height: 36px;
}

.products__slides>.slick-prev,
.set__slides>.slick-prev {
    right: 6rem;
}

.row_liquids {
    display: flex;
    align-items: center;
}

.liquids_wrapper {
    background-image: url('/image/catalog/new-photo/liquid/liquid_bg.jpg');
    background-size: cover;
    margin-top: 50px;
    padding: 50px 0px;
}

.liquid_content {
    flex-basis: 24%;
}

.liquid_lists {
    flex-basis: 76%;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.liquid_title {
    color: #FFF;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 25px;
}

a.default-link {
    border-radius: 5px;
    background: #00A046;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    /* 128.571% */
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 8px 20px;
    display: inline-block;
    border: 1px solid #00A046;
}

.liquid_item {
    flex-basis: 22%;
}

.liquid_img {
    position: relative;
    z-index: 1;
}

.liquid_fruit img {
    max-width: 180px;
}

.liquid_main {
    position: absolute;
    bottom: 0;
    right: 0;
}

.liquid_item_content {
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.liquid_item-title {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4;
    /* 70.588% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.liquid_item:nth-child(odd) {
    margin-top: 100px;
}

.liquid_item:nth-child(even) {
    position: relative;
    top: -50px;
}

.liquid_main img {
    max-width: 80px;
    transition: all 0.5s ease-in-out;
    transform: rotate(-30deg);
}

.liquid_item:nth-child(2) .liquid_fruit img {
    max-height: 140px;
}

.liquid_item .liquid_fruit {
    text-align: center;
}

.liquid_item:nth-child(3) .liquid_fruit img {
    max-height: 120px;
}

.liquid_item .liquid_fruit img {
    position: relative;
    bottom: -10px;
}

.liquid_item_content {
    margin-top: 0px;
    transform: translate(0px, -60px) scale(0.5);
    z-index: 0;
    position: relative;
    opacity: 0;
}

.liquid_item:nth-child(odd) {
    top: 50px;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.liquid_item:nth-child(even) {
    top: 0px;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.liquid_item:hover:nth-child(odd) {
    top: 25px;
}

.liquid_item:hover:nth-child(even) {
    top: -25px;
}

.liquid_item:hover .liquid_main img {
    transform: rotate(0deg);
}


.liquid_item:hover .liquid_item_content {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
}

a.media__link {
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    color: #0B0B0B !important;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px 20px;
}

.media__heading {
    display: block;
    margin: 0 0 2.5rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
    color: #0B0B0B;
    font-size: 3.2rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.blog__item-title {
    color: #0B0B0B !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    padding: 0px 10px;
    margin-bottom: 10px;
}

p.blog__item-text {
    color: #0B0B0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    padding: 0px 10px;
}

.sti-text p {
    color: #0B0B0B;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.sti-text ul li {
    display: flex;
    align-items: center;
    color: #0B0B0B;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.sti-text ul li span:first-child img {
    width: 21px !important;
    height: auto;
    min-width: 21px;
}

.sti-text ul li span:first-child {
    margin-right: 15px;
    width: 21px;
}

.sti-text h2 {
    color: #343434;
    font-size: 23px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

.vape_recommended-row {
    display: flex;
    align-items: center;
}

.rec_product-lists {
    display: flex;
    flex-basis: 75%;
    margin: 0px -10px;
    justify-content: space-between;
}

.rec_wrapper-row1 {
    background: url('/image/catalog/new-photo/home/bg_seo_row1.jpg');
}

.vape_recommended-wrapper {
    padding: 50px 0px;
}

.reccomended_content {
    flex-basis: 22%;
    margin-left: 5%;
}

.reccomended_title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.reccomended_text {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.rec_product-item {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.24);
    box-shadow: 20.2px -20.2px 20.2px 0px rgba(152, 152, 152, 0.10) inset, -20.2px 20.2px 20.2px 0px rgba(198, 198, 198, 0.10) inset;
    backdrop-filter: blur(10.25px);
    flex-basis: calc(33.33% - 20px);
    margin: 10px;
    /* padding: 20px; */
}

.rec_product-item a,
.rec_product-item>div {
    padding: 20px;
    display: block;
    height: 100%;
}

.rec_product-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%;
}

span.rec_product-name {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    /* 70.588% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

span.rec_product-circle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    filter: blur(21.049999237060547px);
    width: 120px;
    height: 120px;
    z-index: -1;
    margin: auto;
}

span.rec_product-circle.yellow {
    background: rgba(145, 168, 46, 0.80);
}

span.rec_product-name {
    min-height: 36px;
    margin-top: 10px;
}

.blue {
    background: rgba(52, 230, 254, 0.50);
}

span.rec_product-circle.green {
    background: rgba(48, 113, 4, 0.70);
}

.rec_product-inner img {
    max-width: 100%;
}

.close_open-row {
    display: flex;
    justify-content: space-between;
}

.close_open-row>div {
    flex-basis: calc(50% - 10px);
}

.close_open-item {
    display: flex;
    align-items: center;
}

.close_open-item img {
    margin-right: 10px;
}

span.close_open-title {
    color: #0B0B0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

span.close_open-title strong {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

span.close_open-title br {
    display: none;
}

.vape_recommended-wrapper.rec_wrapper-row2 {
    background: url(/image/catalog/new-photo/home/bg_seo_row2.jpg);
}

.rec_wrapper-row2 .reccomended_content {
    margin-left: 0;
    margin-right: 5%;
}

.sti-text ol {
    padding-left: 15px;
}

.vape_recommended-wrapper.rec_wrapper-row3 {
    background: url(/image/catalog/new-photo/home/bg_seo_row3.jpg);
}

span.rec_product-circle.pink {
    background: rgba(200, 131, 173, 0.70);
}

span.rec_product-circle.red {
    background: rgba(255, 90, 82, 0.60);
}

span.rec_product-circle.grey {
    background: rgba(255, 255, 255, 0.45);
}

.faq-question {
    border-radius: 10px;
    border: 1px solid #E3E3E3;
}

.faq-wrapper {
    margin: 50px 0px;
}

.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    color: #0B0B0B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
}

span.arrow-down-faq {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="10" viewBox="0 0 19 10" fill="none"><path d="M18 1L9.5 8L1 0.999999" stroke="black" stroke-width="2"/></svg>');
    width: 19px;
    height: 10px;
    min-width: 19px;
    transform: rotate(180deg);
    transition: all 0.4s ease-in-out;
}

.faq-answer-inner {
    color: #0B0B0B;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    padding: 20px 40px;
}

.faq-answer {
    max-height: 0px;
    overflow: hidden;
}

.faq-item {
    margin-bottom: 20px;
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-item.active .faq-answer {
    max-height: 100%;
}

.faq-item.active span.arrow-down-faq {
    transform: rotate(0deg);
}

.faq-wrapper h2 {
    font-weight: 700;
}

figure.slides__item-image img {
    border-radius: 15px;
}

.flex-title_tabs h2.products__heading {
    margin-bottom: 10px;
}



ul.category_item-lists>li a:hover {
    background: rgba(255, 255, 255, 0.25);
}

span.btn.btn--sm.btn--white:hover {
    background: transparent;
    border-color: #fff;
}

a.default-link:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.liquid_item:last-child .liquid_item_content {
    left: 35px;
}

.blog__item-title {
    min-height: 63px !important;
}

a.blog__item {
    transition: all 0.4s ease-in-out;
}

a.blog__item:hover {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.nav__list-link {
    color: #000;
}

a.nav__list-link.arrow_menu:after {
    border-right-color: #000;
    border-bottom-color: #000;
}

.nav__list-link:not(.nav__list-link--arrow):hover {
    background: #0b0b0b !important;
}

@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

#marquee {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

div#marquee a {
    margin: 0px 20px;
    width: calc(10% - 43px);
    display: inline-block;
}


#marquee_liquid {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

div#marquee_liquid a {
    margin: 0px 20px;
    width: calc(10% - 43px);
    display: inline-block;
}

button.options__link.options__link--arrow.js-options-btn {
    width: auto;
    margin-left: auto;
}

.options__type.js-options {
    text-align: right;
}

.topbar-phone ul li {
    width: 100%;
}







@media (max-width: 1440px) {
    .category_item-content {
        top: 15px;
        left: 15px;
        right: 15px;
    }

    .category_item-title {
        line-height: 1.2;
        font-size: 18px;
        margin-bottom: 15px;
    }

    ul.category_item-lists>li {
        margin: 0px -3px;
    }

    ul.category_item-lists>li a {
        margin: 3px;
        flex-basis: calc(33.33% - 6px);
    }
}

@media (max-width: 1360px) {
    .liquids_wrapper {
        padding: 35px 0px;
    }

    .promo--id0 p.promo__item-price .small-text {
        font-size: 24px;
        line-height: 1.2;
    }

    .reccomended_title {
        font-size: 26px;
    }

    .reccomended_content {
        margin-left: 3%;
    }

    .rec_product-lists {
        flex-basis: 77%;
    }

}

@media (max-width: 1140px) {
    .promo .col-md-6.col-xl-4 {
        max-width: 33.33%;
    }

    .flex-title_tabs h2.products__heading {
        margin-bottom: 10px;
    }

    ul.category_item-lists>li a {
        font-size: 10px;
        padding: 3px;
    }

    .category_item-content {
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .category_item-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

}

@media (max-width: 820px) {

    .topbar-telegram {
        display: none;
    }

    .flex-title_tabs {
        display: block;
    }

    button.phone__btn.js-toggle-btn {
        font-size: 18px;
    }

    .topbar {
        padding: 15px 0px;
    }

    .slick-slide.slick-current.slick-active.slick-center {}

    .slides__item-desc {
        display: none;
    }

    h2.products__heading {}

    .tab_item {
        margin-left: 0;
        margin-right: 10px;
        font-size: 11px;
        padding: 10px 15px;
    }

    .flex-title_tabs {
        margin-bottom: 20px;
    }

    .products_tab-row>div {
        flex-basis: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .category_item {
        flex-basis: 50%;
    }

    .category-row {
        flex-wrap: wrap;
    }

    h2.default_title {
        font-size: 2.7rem !important;
        margin-bottom: 10px;
    }

    .pods_item {
        flex-basis: calc(50% - 20px);
    }

    .pods_item:last-child {
        display: none;
    }

    .category {
        padding-top: 0;
    }

    .products {
        padding-bottom: 3rem;
    }

    .promo.promo--id0 {
        margin-top: 20px;
    }

    .promo-count-0 .promo__item-desc.promo__item-desc--top-left.promo__item-desc--white {
        padding-top: 20px;
    }

    .promo__item-desc.promo__item-desc--top-left.promo__item-desc--white {
        max-width: 100%;
        padding: 1rem;
    }

    .promo--id0 p.promo__item-price .small-text {
        font-size: 20px;
        line-height: 1;
    }

    p.promo__item-price {
        margin-bottom: 10px;
    }

    h2.products__heading {
        font-size: 24px !important;
    }

    .col-lg-12:has(>.flex-title_tabs) {
        padding-right: 0;
    }

    .bestseller_tabs ul {
        flex-wrap: nowrap !important;
        overflow: auto;
    }



    .products_tab-row {
        flex-wrap: nowrap !important;
    }

    .products_tab-row>div {
        flex-basis: unset !important;
    }

    .products__slides .slick-arrow {
        display: none !important;
    }

    .container-fluid:has(.products__slides) {
        padding-right: 0;
    }

    .bestseller_tabs .tab_item {
        white-space: nowrap;
    }


    .promo.promo--id0 {
        margin-bottom: 30px;
    }

    .products h2.products__heading {
        margin-bottom: 30px;
    }

    .row_liquids {
        display: block;
    }

    .liquid_content {
        margin-bottom: -20px;
    }

    .media {
        padding: 3rem 0 2rem;
    }

    .seo-text-image {
        flex-direction: column;
    }

    .seo-text-image.reverse {
        flex-direction: column;
    }

    .sti-image {
        margin-top: 10px;
        display: block;
    }

    .sti-text {}

    .vape_recommended-wrapper {
        padding: 30px 0px;
    }

    .rec_product-item {
        margin: 5px;
        flex-basis: calc(33.33% - 10px);
    }
}

@media (max-width: 768px) {
    .topbar-phone {
        flex-basis: 25%;
    }

    .topbar-mainbtn {
        flex-basis: 30%;
    }

    .promo-count-1 {
        padding: 0px 5px !important;
    }

    .promo-count-1 a.promo__item {
        margin-bottom: 5px;
    }

    .promo-count-2 .promo__item:first-child {
        margin-bottom: 5px;
    }

    span#compare {
        display: none;
    }

    .acc.js-toggle {
        display: none;
    }

    .topbar-search {
        display: none;
    }

    .topbar {
        padding: 9px 0px;
    }

    .checkout-cart.visible-xs {
        margin-right: 11px;
    }

    .search-mob-in-nav {
        padding-right: 0;
    }

    .ctrl {
        padding: 0 !important;
    }

    button.cart__btn.js-toggle-btn {
        border-radius: 4px;
        text-align: center;
        justify-content: center;
    }

    button.phone__btn.js-toggle-btn {
        font-size: 16px;
    }

    .topbar-logo {
        flex-basis: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo {
        max-width: 100%;
        margin: auto !important;
    }

    .products h2.products__heading {
        margin-bottom: 10px;
    }

    .device_logo-title {
        margin-top: 30px;
    }

    div#marquee a {
        margin: 0px 25px;
        width: 100px;
    }

    div#marquee span {
        white-space: nowrap;
    }

    div#marquee {
        width: 1500px;
    }

    div#marquee_liquid a {
        margin: 0px 25px;
        width: 100px;
    }

    div#marquee_liquid span {
        white-space: nowrap;
    }

    div#marquee_liquid {
        width: 1500px;
    }

}


@media (max-width: 650px) {
    .logo svg {
        width: 100%;
    }

    button.phone__btn.js-toggle-btn {
        font-size: 14px;
    }

    .js-slick-slides .slides__item {
        margin: 0px 0px 10px;
    }

    .bestseller_tabs ul {
        flex-wrap: wrap;
    }

    .tab_item {
        padding: 8px 10px;
        border-radius: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .flex-title_tabs {
        margin-bottom: 10px;
    }

    mark.products__item-mark.products__item-mark--hit {
        padding: 2px 12px;
    }

    .products .products__item a.products__item-title {
        font-weight: 700;
        font-size: 14px;
        line-height: 120%;
        color: #0b0b0b;
        text-align: left;
        height: 34px;
        overflow: hidden;
    }

    .products__item-desc {
        padding: 1rem;
    }

    .btn--cart {
        padding: 8px 10px;
    }

    .products__item-title {
        min-height: 49px !important;
    }



    .slick-slide>div {
        margin: 0px;
    }

    figure.slides__item-image img {
        border-radius: 0;
    }

    .products_tab-row>div {
        flex-basis: calc(50% - 2px);
    }


    .container-fluid {
        padding: 0 1.5rem;
    }

    .products_tab-row>div {
        margin-bottom: 4px;
    }

    .liquid_item:nth-child(odd) {
        top: 80px;
        transition: all 0.5s ease-in-out;
        position: relative;
        margin-top: 0;
    }

    .products_tab-row>div {
        margin-bottom: 4px;
    }

    .category_item {
        flex-basis: 100%;
    }

    .category_item-img {
        border-right: 0 !important;
        border-bottom: unset;
    }

    .compsre_header {
        display: none;
    }

    .pods_item {
        flex-basis: calc(50% - 4px);
        margin: 2px;
    }

    .pods_item_caption {
        padding: 10px;
        height: 75px;
        font-size: 13px;
    }

    span.pods_item_bg-text {
        font-size: 110px;
        left: -10px;
    }

    ul.category_item-lists>li a {
        padding: 7px 3px;
    }

    .promo .col-md-6.col-xl-4 {
        max-width: 100%;
    }

    a.promo__item {
        margin-bottom: 5px;
    }

    .col-md-6.col-xl-4.promo-count-1 {
        padding: 0px !important;
    }

    .promo-count-1 a.promo__item:last-child {
        margin-bottom: 5px;
    }

    .promo--id0 p.promo__item-price .small-text {
        font-size: 20px !important;
        line-height: 1.4;
        max-width: 200px !important;
        display: block;
        height: auto;
    }

    span.btn.btn--sm.btn--white {
        display: inline-block;
        margin-top: 30px;
    }

    .promo--id0 .row>div:first-of-type p.promo__item-price .small-text {
        margin: auto;
    }

    .liquid_lists {
        flex-wrap: wrap;
    }

    .vape_recommended-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .rec_product-lists {
        flex-basis: 100%;
        flex-wrap: wrap;
    }

    .rec_product-item {
        flex-basis: calc(100% - 10px);
    }

    .reccomended_content {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .rec_wrapper-row2 .vape_recommended-row {
        flex-direction: column;
    }

    .close_open-row {
        display: block;
    }

    .close_open-item {
        margin-bottom: 10px;
    }

    .faq-answer-inner {
        padding: 20px;
    }

    .faq-question {
        padding: 20px;
    }

    .topbar-phone {
        order: 2;
    }

    .topbar-mainbtn {
        /* order: 3;
        flex-basis: 20%; */
        flex-basis: unset;
    }

    .topbar-cart {
        margin-left: 0;
    }

    .logo {
        margin-right: 10px !important;
    }

    nav.nav.nav-mobile-desktop {
        margin-top: 57px;
        background: rgba(11, 11, 11, 1) !important;
    }

    .search-mob-in-nav {
        order: 2;
    }

    .checkout-cart.visible-xs {
        order: 3;
        margin-right: 0;
        margin-left: 20px;
    }

    button.cart__btn.js-toggle-btn {
        background: transparent;
    }

    button.cart__btn.js-toggle-btn svg path {
        fill: #fff;
    }
}

/* NEW DESIGN END */






/* CATEGORY REVIEW START */

h2.default-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #595C7D;
    margin-bottom: 30px;
}

.row_review {
    margin: 0px -15px;
}

.category_review {
    margin-top: 10px;
    margin-bottom: 10px;
}

.category_review-lists {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.category_review-lists>div {
    flex-basis: calc(25% - 20px);
    margin: 10px;
    background: #fff;
    border-radius: 15px;
    border: 1.5px solid #DEDEE5;
}

.review_item-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #DEDEE5;
}

.review_item-author-block {
    padding: 10px 15px;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.review_item-body {
    padding: 0px 15px 10px;
}

.review_item-heading a {
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.review_item-heading a img {
    margin-right: 10px;
    border-radius: 5px;
}

.review_item-author {
    color: #595C7D;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 3px;
    margin-right: 2px;
}

.review_item-rating span {
    margin-right: 0px;
}

.review_item-rating .rating {
    margin-bottom: 0;
    position: relative;
    top: 2px;
    padding-left: 0px;
    display: flex;
    flex-direction: row-reverse;
}

.review_item-rating .rating i {
    margin-right: 1px;
}

.rating i {
    color: #ccc;
}

.rating i.active {
    color: #FDDB2C;
}

.review_item-rating .rating i {
    font-size: 17px;
}

.category_item-img {
    border-right: 2px solid #fff;
}

span.rec_product-circle {
    transition: all 0.4s ease-in-out;
}

.rec_product-item:hover span.rec_product-circle {
    width: 150px;
    height: 150px;
}

a.media__link:hover {
    border-color: #00a046 !important;
    color: #00a046 !important;
}

.blog__item--primary figure.blog__item-image img {
    height: 100%;
}

.blog-main-category figure.blog__item-image {
    position: relative;
    background: #cacaca;
    overflow: hidden;
    z-index: 1;
}

.blog-main-category figure.blog__item-image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
    opacity: .5;
    z-index: 1;
}

a.products__item-title {
    min-height: 62px;
}

.details__tabs-content .sku__dl {
    margin-bottom: 25px;
}

.options_block {
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 25px;
}

.options_block .sku__group {
    padding-bottom: 0;
    margin-bottom: 0;
}

.options_block .ui-number {
    background: #fff;
}

.product_buy_btn {
    width: 100%;
    padding: 0;
}

.product_buy_btn button {
    height: 40px;
    width: 100%;
    isolation: isolate;
    overflow: hidden;
}

.product_buy_btn button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(129.1deg, #00B0E6 42.16%, #08E68D 83.84%);
    transition: left 0.5s ease;
    z-index: -1;
}

.product_buy_btn button:hover::before {
    left: -50%;
}

.product_buy_btn button:hover {
    /* background: linear-gradient(129.1deg, #00B0E6 42.16%, #08E68D 83.84%) !important; */
    color: #fff;
}

.button_wrapper_pr {
    width: 100%;
}

@keyframes slide {
    0% {
        translate: -100px 0;
    }

    50% {
        translate: 550px 0;
    }

    75% {
        translate: 550px 0;
    }

    100% {
        translate: 550px 0;
    }
}

@keyframes hoverSlide {
    from {
        transform: translateX(-100px) skewX(-20deg);
    }

    to {
        transform: translateX(400px) skewX(-20deg);
    }
}

.hover_option {
    position: absolute;
    left: 0;
    translate: -100px 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    transform: skewX(-20deg);
    transition: 0.4s;
    animation: slide 2s linear infinite;
    animation-direction: normal;
}

.hover_option_wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hover_option_1 {
    height: 100%;
    width: 8px;
    background: #08E68D;
    opacity: 0.2;
}

.hover_option_2 {
    height: 100%;
    width: 17px;
    background: #08E68D;
    opacity: 0.2;
}

.ui-size__btn:hover .hover_option {
    animation: hoverSlide 0.8s forwards !important;
}

.ui-size__btn:hover {
    border-color: #08E68D !important;
}

.tab_comments {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    transition: 0.5s;
    padding-left: 45px;
}

.tab_comments.is-active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.btn--cart-dis {
    color: #fff !important;
}

.btn--cart-dis:before {
    display: none;
}

.category__grid:has(.pod_cat_item) .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}


.pod_cat_item .category__item {
    text-align: center;
    padding: 2rem;
    justify-content: center;
}

.category__grid .row>div {
    max-width: 100%;
}

.active_product-related {
    display: none !important;
}


.contacts-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    gap: 50px;
}

.contacts-block__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 49px;
    color: #595C7D;
    display: block;
    margin-bottom: 30px;
}

.c-page-info-block {
    display: flex;
    margin-bottom: 30px;
}

.contacts-page-icons {
    width: 47px;
    min-width: 47px;
    height: 47px;
    background: rgba(139, 142, 174, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.contacts-page-icons img {
    width: 50%;
    height: auto;
}

.info-block__phone-num,
.info-block__schedule-num {
    display: flex;
    flex-direction: column;
}

.info-block__phone-num a {
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    color: #585858;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
}


.form-block {
    max-width: 470px;
    width: 100%;
    /* display: flex; */
    flex-direction: column;
    justify-content: space-between;
}

.contacts-block__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 49px;
    color: #111;
    display: block;
    margin-bottom: 30px;
}

.input-contact-form {
    margin-bottom: 30px;
}

.input-contact-form input,
.input-contact-form textarea {
    width: 100%;
    padding: 15px;
    border: none;
    border-bottom: 1.5px solid #595C7D;
    opacity: 0.5;
    background: transparent;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
}

.input-contact-form input::placeholder,
.input-contact-form textarea::placeholder {
    color: #111 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
}

.btn-form-contact-wrapper input {
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #00a046;
    height: auto;
    background: #00a046;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 5px;
}



.btn-form-contact-wrapper input:hover {
    border: 1px solid #00a046;
    background: #fff;
    color: #00a046;
}

.success-msg-contact {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(13px);
    top: -10px;
    bottom: -10px;
    right: -10px;
    left: -10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.success-msg-contact.active-message {
    opacity: 1;
    visibility: visible;
}

.success-msg-contact.unactive-message {
    opacity: 0;
    visibility: hidden;
}


.map-block {
    max-width: 490px;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
}


.info-block__mail,
.info-block__schedule {
    align-items: center;
}

.contacts-social-item-tg {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #00a046;
    color: #00a046;
    height: 35px;
    transition: 0.3s;
}

.contacts-social-item-tg:hover {
    border: 1px solid #00a046;
    background: #00a046;
    color: white;
}

.contacts-social-item-tg img {
    width: 15px;
    height: 15px;
}

.contacts-social-item-tg:hover img {
    filter: invert(1) brightness(11);
}

footer .contacts-social-item-tg {
    border: 1px solid white;
    color: white;
}

footer .contacts-social-item-tg img {
    filter: invert(1) brightness(11);
}
































@media (max-width: 1440px) {
    .review_item-body {
        padding-top: 0;
        font-size: 13px;
        line-height: 1.4;
    }

    h2.default-title {
        font-size: 28px;
    }
}

@media (max-width: 1140px) {
    .category_review-lists>div {
        flex-basis: calc(33.33% - 20px);
    }
}

@media (max-width: 1230px) {
    .category__grid:has(.pod_cat_item) .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .info-block__phone-num a {
        font-size: 16px;
    }
}

@media (max-width: 991px) {

    .page:has(.contacts-wrapper) {
        padding-bottom: 5px;
    }

    h2.default-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .contacts-wrapper {
        flex-wrap: wrap;
    }

    .map-block {
        width: 100%;
        max-width: 100%;
    }

    .map-block iframe {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .review_item-heading {
        padding: 5px;
    }

    .review_item-heading a {
        font-size: 13px;
    }

    .review_item-author-block {
        padding: 5px;
    }

    .review_item-body {
        padding: 5px;
    }

    a.products__item-title {
        font-size: 14px;
        text-align: left;
    }

    .products__grid .row>[class^="col-"] {
        padding: 2px;
    }

}


@media (max-width: 680px) {

    .tab_comments {
        padding-left: 25px;
    }

    .category_review-lists>div {
        flex-basis: calc(100% - 10px);
        margin: 5px;
    }

    .category_review-lists {
        margin: 0px -5px;
    }

    .review_item-heading a img {
        max-width: 35px;
        margin-right: 5px;
    }

    .review_item-heading a {
        font-size: 12px;
    }

    .review_item-author {
        font-size: 14px;
        margin-bottom: 0;
    }

    .review_item-rating span {
        margin-right: -1px;
    }

    .review_item-body {
        font-size: 12px;
    }

    nav.nav-categories.nav-categories--flex {
        display: flex;
    }

    .nav-categories--flex>* {
        flex-basis: 50%;
    }

    .liquid_lists {
        display: flex;
        flex-wrap: wrap;
    }

    .liquid_item:nth-child(odd) {
        top: 0 !important;
    }

    .liquid_lists {
        margin-top: 70px;
    }

    .liquid_img {
        justify-content: center;
        text-align: center;
        max-width: 100%;
        margin: auto;
    }

    .liquid_item:last-child .liquid_item_content {
        left: 0;
    }

    .liquid_item:nth-child(even) {
        top: 0px !important;
        margin: 0px !important;
    }

    .liquid_main {
        position: relative;
        right: -20px;
    }

    .liquid_fruit {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .js-slick-slides .icon-prev,
    .js-slick-slides .icon-next {
        width: 2rem;
        height: 2rem;
    }

    article .article__image {
        height: auto;
    }

    article figure.article__image img {
        position: relative;
    }

    .liquid_item {
        flex-basis: 44%;
    }

    .promo__item-desc {
        right: unset;
        left: 0;
        text-align: left !important;
        padding: 9px !important;
        width: auto !important;
        height: auto !important;
    }

    .promo__item-price+.btn {
        position: unset !important;
        right: unset;
        left: 0;
    }

    .list-button-profile {
        flex-direction: column;
    }

    a.acc__btn.js-fancy-popup {
        gap: 5px;
    }

    #wish .ctrl-v6__btn {
        color: #343434;
    }

    .contact-menu-in-mob span#compare {
        display: block;
        margin-bottom: 8px;
    }

    .topbar-cw #compare {
        display: none;
    }

    #compare .ctrl-v6__btn {
        flex-direction: column;
        align-items: center;
        gap: 3px;
        color: #343434;
    }

    .footer_popular_articles_bottom {
        padding-bottom: 100px;
    }

    .container-fluid .editor p {
        font-size: 16px;
    }

    .image_seo_wide {
        margin: 30px 0 !important;
    }

    .container-fluid .editor h2 {
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .seo_plus_list li,
    .seo_minus_list li {
        font-size: 16px;
    }

    .seo_plus_list,
    .seo_minus_list {
        padding: 27px 22px;
    }

    .seo_important {
        margin: 30px 0;
        padding: 4px;
    }

    .seo_why_buy {
        flex-direction: column;
        margin: 30px 0;
        padding: 30px 25px;
        gap: 20px;
    }

    .seo_why_buy_btn {
        width: 100%;
    }


}

/* CATEGORY REVIEW END*/


#form-testimonial .buttons {
    margin-bottom: 50px;
}



.block_circle.block_circle_product_style {
    background-color: #7f777712 !important;
}


.statya-dima.block_statya-dima_product_style .statya-dima-element-plus:after {
    top: -70px;
}

.statya-dima.block_statya-dima_product_style .statya-dima-element-minus:after {
    top: -73px;
}





table.my_table_vapestore {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    margin: 20px 0;
    background: #f8f9fa;
}

.my_table_vapestore th,
.my_table_vapestore td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.my_table_vapestore td p {
    margin: 0px 0px 0px 10px;
}

.my_table_vapestore th {
    background: #F0F0F0;
    color: white;
    font-size: 18px;
}

.my_table_vapestore tr:nth-child(even) {
    background: #f2f2f2;
}

.my_table_vapestore tr:hover {
    background: #ddd;
}

.my_table_vapestore a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.my_table_vapestore a:hover {
    color: #0056b3;
}

.compwish_added {
    border: 1px solid #00A046;
}

.compwish_added svg path {
    fill: #00A046;
}


@media (max-width: 768px) {

    .my_table_vapestore tr td:nth-child(2) p {
        white-space: nowrap;
    }

}





@media (min-width: 960px) {
    .topbar-telegram .mini-contacts-social-item-tg {
        display: none;
    }

    .topbar-telegram .contacts-social-item-tg {
        width: 105px;
        margin: 0 10px;
    }
}


.topbar-telegram .contacts-social-item-tg {
    border: 1px solid #000;
    color: #000;
}

.topbar-telegram .contacts-social-item-tg:hover {
    border: 1px solid #000;
    background: #000;
    color: white;
}

.contact-menu-in-mob .list-button-profile .contacts-social-item-tg {
    border: 1px solid #000;
    color: #000;
}

.contact-menu-in-mob .list-button-profile .contacts-social-item-tg:hover {
    border: 1px solid #000;
    color: #000;
}


@media (min-width: 820px) and (max-width: 960px) {

    .list-button-profile {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
        justify-content: center;
    }


    .contact-menu-in-mob .list-button-profile #compare .ctrl-v6__btn svg {
        margin-right: 10px;
        margin-left: 13px;
    }

    .contact-menu-in-mob .list-button-profile #wish .ctrl-v6__btn svg {
        margin-right: 10px;
    }

    .contact-menu-in-mob .list-button-profile #acc-link .acc__btn svg {
        margin-right: 10px;
        margin-left: 13px;
    }



    .contact-menu-in-mob .list-button-profile .contacts-social-item-tg {
        width: 105px;
        margin: 0px 10px 20px 10px;
    }

    .contact-menu-in-mob .list-button-profile .contacts-social-item-tg img {
        display: block;
    }

}


@media (max-width: 960px) {

    .products__slides>.slick-list>.slick-track>.slick-slide {
        margin-left: 4px;
        margin-right: 4px;
    }

    .block-menu-new_top {
        margin-left: 0;
    }

    .nav__link--arrow:after {
        content: unset;
    }

    .nav__menu,
    .nav__menu_top {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
        vertical-align: top;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    span.nav__link.new-link-menumob.nav__link--arrow {
        margin-top: 8px !important;
        padding-left: 0;
        padding-right: 0;
    }


    span.icon-toggle-menu {
        display: block;
        width: 17px;
        height: 3px;
        border-radius: 2px;
        background: #fff;
        position: relative;
    }

    .topbar-logo {
        flex-basis: unset !important;
    }


    span.icon-toggle-menu:before {
        content: "";
        display: block;
        width: 25px;
        height: 3px;
        border-radius: 2px;
        margin-bottom: 4px;
        position: relative;
        top: -7px;
        background: #fff;
    }


    span.icon-toggle-menu:after {
        content: "";
        display: block;
        width: 25px;
        border-radius: 2px;
        height: 3px;
        margin-bottom: 5px;
        position: relative;
        top: 0px;
        background: #fff;
    }






    .topbar-telegram .mini-contacts-social-item-tg {
        display: block;
        width: 22px;
        height: 22px;
        margin: 0 10px;
    }

    .contact-menu-in-mob .list-button-profile .contacts-social-item-tg img {
        position: relative;
        margin: 0px;
        left: 0px;
        top: 0px;
    }

    .topbar-telegram .contacts-social-item-tg {
        display: none;
    }





}



@media (min-width: 680px) and (max-width: 820px) {

    .contact-menu-in-mob .list-button-profile .contacts-social-item-tg {
        margin-right: 15px;
    }

}

@media (max-width: 680px) {
    .contact-menu-in-mob .list-button-profile .contacts-social-item-tg {
        margin-top: 15px;
    }

    .seo_manu_block {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .seo_products_right {
        font-size: 15px;
    }

    a.seo_products_left {
        font-size: 15px;
    }

    .seo_products_item {
        align-items: unset;
    }

    html,
    body {
        overflow-x: hidden !important;
    }

    .slides {
        margin: 0 0 0;
    }

    .slides .slick-prev {
        left: 0rem !important;
    }

    .blog__item-title {
        min-height: 47px !important;
    }

    .media_blog_wrapper {
        padding-bottom: 47px;
    }

    .nav__list-head {
        background: radial-gradient(205.97% 123.08% at 49.68% 100%, #02100e 20%, #009865 100%);
        height: 52px;
        display: flex;
        align-items: center;
    }

    .nav__list-heading {
        color: #fff;
    }

    .nav__list-close {
        background: transparent;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav__list-head .icon-back {
        filter: invert(1);
    }

    .nav__list-menu {
        margin-top: 8px;
    }

    a.nav__list-link.nav__list-link--arrow {
        height: 46px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        border: 1px solid #e3e3e3 !important;
        box-shadow: unset;
        margin: 3px 15px;
    }

    span.mobile-menu__open-btn {
        border: unset;
        height: 46px;
        width: 46px;
        border-left: 1px solid #e3e3e3;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 3px;
        right: 16px;
        border-radius: 0;
    }

    ul.nav__list-menu>li.is-open>span.mobile-menu__open-btn {
        border: unset;
        border-left: 1px solid #e3e3e3;

    }

    span.nav-arrow-menu {
        width: 8px;
        height: 8px;
    }

    .nav__list-link--arrow--span {
        font-size: 13px;
    }

    .contacts-social-item-tg {
        position: relative;
    }

    .list-button-profile>span a {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 15px !important;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        padding: 0 20px 0 14px !important;
        height: 56px;
        position: relative;
    }

    .list-button-profile>span a:after,
    .list-button-profile #acc-link a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        translate: 0 -50%;
        width: 8px;
        height: 8px;
        border-bottom: 0.2rem solid #343434;
        border-right: 0.2rem solid #343434;
        transform: rotate(-45deg);
        display: block;
    }

    .list-button-profile #acc-link a:after {
        top: 58%;
    }

    .list-button-profile>span a span {
        font-weight: 600;
        font-size: 14px;
        line-height: 86%;
        letter-spacing: 0.04em;
        color: #0b0b0b;
        display: block;
        text-transform: none !important;
    }

    .list-button-profile>span {
        margin-bottom: 5px !important;
        display: block;
    }

    .list-button-profile {
        display: block !important;
        padding: 0 15px;
    }

    .list-button-profile {
        margin-top: 15px;
    }

    .link-tel-block {
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-top: 30px !important;
        align-items: center;
    }

    .nav__list-body .link-tel-block a {
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: #0b0b0b;
        margin-bottom: 10px;
    }

}



footer .map-site-footer {
    color: white;
}

footer .map-site-footer:hover {
    color: white;
}

.ui-size__btn,
.btn.btn--blue.btn_on_product,
.basket__action-buttons>a,
.promo-count-0 span.btn.btn--sm.btn--white,
span.btn.btn--sm.btn--white,
a.default-link {
    border: 0 !important;
    border-radius: 5px !important;
}

.products__item-action-custom .btn.btn--blue.btn_on_product {
    display: block !important;
}

@media (max-width: 576px) {
    .details__tabs-content {
        padding: 0;
    }



    .sku__buttons_cat>a {
        width: 20px;
        height: 20px;
    }
}

.noUi-connect.noUi-draggable,
.noUi-horizontal .noUi-handle,
.promo-count-0 span.btn.btn--sm.btn--white,
span.btn.btn--sm.btn--white,
a.default-link {
    background: linear-gradient(129.1deg, #00B0E6 -17.84%, #08E68D 83.84%) !important;
}

.btn.btn--cart {
    border: 0;
    border-radius: 5px;
}

.btn.btn--cart:hover {
    color: #fff;
    opacity: .8;
}

.ocfilter-option label small {
    background: rgb(8 229 142 / 60%) !important;
    color: #ffffff !important;
}

.ocfilter-option>button.btn-danger {
    font-size: 11px;
    padding: 5px !important;
    background: #eaeaea;
    color: #4d4d4d;
}

.ocfilter-option>button.btn-danger:hover {
    border-color: #05d6a7;
}