@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/magnet/fonts/Montserrat-Light.eot');
    src: url('/local/templates/magnet/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/magnet/fonts/Montserrat-Light.woff') format('woff'),
    url('/local/templates/magnet/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/magnet/fonts/Montserrat-Regular.eot');
    src: url('/local/templates/magnet/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/magnet/fonts/Montserrat-Regular.woff') format('woff'),
    url('/local/templates/magnet/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/magnet/fonts/Montserrat-Medium.eot');
    src: url('/local/templates/magnet/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/magnet/fonts/Montserrat-Medium.woff') format('woff'),
    url('/local/templates/magnet/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/magnet/fonts/Montserrat-SemiBold.eot');
    src: url('/local/templates/magnet/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/magnet/fonts/Montserrat-SemiBold.woff') format('woff'),
    url('/local/templates/magnet/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
font-family: 'Montserrat';
src: url('/local/templates/magnet/fonts/Montserrat-ExtraBold.eot');
src: url('/local/templates/magnet/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/local/templates/magnet/fonts/Montserrat-ExtraBold.woff') format('woff'),
url('/local/templates/magnet/fonts/Montserrat-ExtraBold.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}

* {
    /*font-family: 'PTSans',sans-serif !important;*/
    font-family: 'Montserrat' !important;
}

.wrapper {
    flex: 0;
}

body {
    margin: 0;
    background-color: #fafafa;
}


header.type4 .bottom {
    background-color: #26339f;
}

header.type4 .inline-search {
    background-color: #26339e;
}

.container {
    max-width: 1920px;
}

#ModalPVZ {
    overflow: hidden;
    padding: 0px 40px;
}

#shd_pvz_pick button {
    background-color: #26339f;
}

#shd_pvz_pick button:hover {
    background-color: #26339f;
    opacity: 0.9;
}

#ModalPVZ .popup-window-button {
    background: #26339f;
}

#ModalPVZ .popup-window-button:hover {
    background: #26339f;
    opacity: 0.9;
}

#ModalPVZ .fa {
    display: none !important;
}

.popup-window-with-titlebar .popup-window-buttons {
    display: block;
    background: #fff;
}

section.about .img {
    border-radius: 0;
}

header.type4 .inline-search .search {
    background-color: #27349f;
}

.btn {
    font-family: 'PTSans',sans-serif !important;
    font-family: 'Montserrat' !important;
}

.approximate {
    font-size: 0.75em;
    font-weight: normal;
}

header.type4 .inline-menu .item a {
    text-transform: capitalize;
}

#ModalPVZ {
    overflow: hidden;
    left: auto !important;
    width: auto;
}

.about-and-news {
    margin-top: 0;
}

section.about {
    width: 49.35%;
    margin-right: 1.3%;
}

.products-new .categories-block .bottom-block {
    padding: 0;
    max-height: 266px;
}

.header-lang {
    margin-right: 21px;
}

.header-lang img {
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.header-lang__l {
    font-size: 0.875em;
    letter-spacing: 0.01em;
    color: #424242;
    cursor: pointer;
}

.header-lang__l:hover {
    color: #26339f;
}

.header-lang__l.active {
    border-bottom: 1px solid #424242;
    font-weight: 700;
    cursor: auto;
}

.header-lang__l.active:hover {
    color: #424242;
}

span.header-lang__line {
    margin-left: -1px;
    margin-right: -1px;
    font-size: 14px;
    position: relative;
    top: 0px;
}

.promo-page .promo-text .video-section {
    display: none;
}

section.about {
    width: 100%;
    margin-right: 0;
}

.footer__logo {
    display: inline-flex;
}

.footer__logo img {
    display: block;
    width: auto;
    height: 22px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.product-card:hover {
    padding: 0;
    position: relative;
    min-height: 380px;
}

.product-card:hover .static {
    padding: 20px 20px 0px;
    box-sizing: border-box;
}

.product-card:hover .hover-content {
    padding: 0px 20px 16px;
    position: absolute;
    bottom: -55px;
    background: #FFFFFF;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0px 12px 24px rgba(0,0,0,0.12);
}

/* MAIN PAGE RESTYLE */

header.header--restyle {
    position: relative;
    z-index: ;
}

header.header--restyle.active {
    z-index: 9999;
}

header.header--restyle .top {
    margin-left: 0;
    padding: 0;
    border-bottom: 0;
    background: #041865;
    color: #FFFFFF;
}

header.header--restyle .top .container {
    justify-content: space-between;
    align-items: center;
    position: relative;
}

header.header--restyle .content-menu {
    padding-top: 8px;
}

header.header--restyle .content-menu>ul {
    font-size: 12px;
    letter-spacing: 0;
}

header.header--restyle .content-menu>ul .item a {
    padding-bottom: 0;
    color: #FFFFFF;
    font-weight: 300;
}

header.header--restyle .content-menu>ul .item a:hover {
    text-shadow: 0 1px 7px white;
}

header.header--restyle  .content-menu>ul .item:not(:last-child) {
    margin-right: 10px;
}

header.header--restyle .logo {
    max-width: none;
    margin-right: 0;
    position: relative;
}

header.header--restyle .logo img  {
    position: relative;
    top: 14px;
}

header.header--restyle .header__top--right {
    display: flex;
    padding-top: 11px;
}

header.header--restyle .links .personal-link {
    margin-left: 33px;
    color: #FFFFFF;
    position: relative;
    padding-left: 12px;
    font-weight: 300;
}

header.header--restyle .links .personal-link:hover span {
    text-shadow: 0 1px 7px white;
}

header.header--restyle .links .personal-link:before {
    content: url(/local/templates/magnet/img/header_admin.png);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 9px;
    height: 11px;
    margin-right: 0;
    font-size: 0;
    font-weight: normal;
}

.personal .personal-order-list .sale-order-history-link:hover {
    color: #071343;
}

header.header--restyle .address {
    font-size: 12px;
    font-weight: 300;
    position: relative;
    padding-left: 16px;
    letter-spacing: 0.035em;
    white-space: nowrap;
}

header.header--restyle  .address:before {
    content: url(/local/templates/magnet/img/header_loco.png);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 9px;
    height: 11px;
    margin-right: 0;
    font-size: 0;
    font-weight: normal;
}

header.header--restyle .header-lang {
    margin-right: 35px;
    white-space: nowrap;
}

header.header--restyle .header-lang__l {
    font-size: 12px;
    letter-spacing: 0;
    color: #FFFFFF;
    font-weight: 300;
}

header.header--restyle a.header-lang__l:hover {
    text-shadow: 0 1px 7px white;
}

header.header--restyle .header-lang__l.active {
    border-bottom: 0;
    font-weight: 700;
    color: #FFFFFF;
}

header.header--restyle span.header-lang__line {
    margin-left: -3px;
    margin-right: -2px;
    font-size: 10px;
}

header.header--restyle .middle {
    padding: 4px 0 23px;
    border-bottom: 0;
    background: #041865;
    color: #FFFFFF;
}

header.header--restyle .middle .container {
    justify-content: flex-end;
}

header.header--restyle .basket-container {
    min-width: auto;
    width: auto;
    margin-left: 23px;
}

header.header--restyle .basket-container .basket-text {
    margin: 6px 0 0 17px;
}

header.header--restyle .basket-container .basket-text .name {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    font-weight: 300;
    padding-right: 4px;
}

header.header--restyle .basket-container .basket-text .sum {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 14px;
}

header.header--restyle .basket-container .basket-link {
    width: 35px;
    height: 35px;
    position: relative;
    background-color: #FFFFFF;
    transition: opacity 0.3s;
}
header.header--restyle .basket-container .basket-link--wrap:hover .basket-link {
    opacity: 70%;
}

header.header--restyle .basket-container .basket-link--wrap {
    display: flex;
}

header.header--restyle .links .login-link {
    margin-left: 33px;
    color: #FFFFFF;
    white-space: nowrap;
    font-weight: 300;
}

header.header--restyle .links .login-link:hover span {
    text-shadow: 0 1px 7px white;
}

header.header--restyle .basket-container .basket-link:before {
    content: url(/local/templates/magnet/img/header_cart.svg);
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 0;
    font-size: 0;
    font-weight: normal;
}

header.header--restyle .basket-container .basket-link .items-counter {
    top: -5px;
    right: 1px;
    width: 13px;
    height: 13px;
    font-size: 9px;
    line-height: 12px;
}

header.header--restyle .tel-container {
    margin: 0;
    padding-left: 0;
    min-width: auto;
    text-align: left;
}

header.header--restyle .tel-container a {
    color: #FFFFFF;
    font-weight: 300;
    position: relative;
    top: 3px;
}

header.header--restyle .tel-container .call-me {
    display: flex;
    margin-left: 0;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 0;
    padding-left: 52px;
    position: relative;
}

header.header--restyle .call-me--img {
    display: flex;
    width: 35px;
    height: 35px;
    background: #FFFFFF;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    top: -4px;
    transition: opacity 0.3s;
}
header.header--restyle .tel-container .call-me:hover .call-me--img {
    opacity: 70%;
}

header.header--restyle .bottom {
    height: 45px;
    background: #071343;
    color: #FFFFFF;
}

header.header--restyle .bottom .container {
    display: flex;
    height: 100%;
}

header.header--restyle .inline-menu {
    margin-right: 15px;
}

header.header--restyle .inline-menu .list {
    display: flex;
    height: 100%;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

header.header--restyle .inline-menu .item {
    position: relative;
    margin-bottom: 0;
    padding: 0;
    margin-right: 29px;
    height: 100%;
    display: flex;
    align-items: center;
}

header.header--restyle .inline-menu .item:last-child {
    margin-right: 0px;
}

header.header--restyle .inline-menu .item:before {
    display: none;
}

header.header--restyle .inline-menu .item a {
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 100%;
    /* text-transform: capitalize; */
    font-weight: 300;
}

header.header--restyle .inline-menu .item a:hover {
    text-shadow: 0 1px 7px white;
}

header.header--restyle .inline-menu .item.active::after {
    content: "";
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ffffff;
}

header.header--restyle .inline-search {
    display: flex;
}

header.header--restyle .inline-search .search-icon {
    position: relative;
    display: flex;
    align-items: center;
    width: 20px;
    min-width: 20px;
    padding: 0 10px;
}

header.header--restyle .inline-search .search-icon img {
    position: relative;
    top: 1px;
}

header.header--restyle .search {
    max-width: 0;
    overflow: hidden;
    transition: all .3s ease-out;
}

header.header--restyle .inline-search.open .search {
    max-width: 500px;
    overflow: hidden;
}

header.header--restyle .search form {
    width: 100%;
    height: 35px;
    font-size: 12px;
    background: transparent !important;
    border-radius: 0;
    border-bottom: 1px solid #FFFFFF;
}

header.header--restyle .search form input,
header.header--restyle .search form input:-webkit-autofill,
header.header--restyle .search form input:-webkit-autofill:hover,
header.header--restyle .search form input:-webkit-autofill:focus {
    width: 100%;
    height: 100%;
    padding: 0 10px 0 0;
    background: transparent !important;
    border: none;
    font-size: 12px;
    color: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    top: 4px;
}

input:-internal-autofill-previewed {
    appearance: menulist-button;
    background-color: transparent !important;
    background-image: transparent !important;
    color: transparent !important;
}

header.header--restyle .search form input::-webkit-input-placeholder {
    font-size: 12px;
}

header.header--restyle .search form input::-moz-placeholder {
    font-size: 12px;
}

header.header--restyle .search form input:-ms-input-placeholder {
    font-size: 12px;
}

header.header--restyle .search form input:-moz-placeholder {
    font-size: 12px;
}

header.header--restyle .middle .logo,
header.header--restyle .middle .header-lang,
header.header--restyle .middle .links {
    display: none;
}

header.header--restyle .middle--right {
    display: flex;
}



.banners.restyle {
    display: block;
    padding: 14px 0 15px 0;
    background-color: #041865;
    margin: 0;
    max-height: 608px;
    box-sizing: border-box;
}

.banners.restyle .container {
    display: flex;
}

.banners.has-static.restyle .carousel {
    width: 65.225%;
}

.banners.restyle .carousel .item {
    height: 26.437vw;
    max-height: 580px;
}

.banners.has-static.restyle .carousel .item .text {
    margin: 0 0 0 8.3%;
}

.banners.restyle .carousel .item .name {
    margin-top: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}

.banners.restyle .carousel .item .name img {
    margin-left: 10px;
    position: relative;
    top: -10px;
    width: auto;
}

.banners.restyle .carousel .owl-dots {
    box-sizing: border-box;
    bottom: 5.5%;
}

.banners.restyle .carousel .owl-dots .owl-dot {
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 2px solid #ffffff;
    margin: 0 5px 0 0;
}

.banners.restyle .carousel .owl-dots .owl-dot:last-child {
    margin: 0;
}

.banners.restyle .carousel .owl-dots .owl-dot.active {
    background-color: #fff;
    border: 2px solid #ffffff;
}

.banners.restyle .static {
    width: 33.181%;
    margin-left: 1.594%;
}

.banners.restyle .static .item {
    height: 48.81%;
}

.banners.restyle .static .item.medium:first-child {
    margin-bottom: 2.428%;
}

.banners.restyle .static .item.medium {
    padding: 4.75%;
    padding: 0;
    font-size: 18px;
    font-weight: 300;
}

.banners.restyle .banner__label--new {
    background-color: #0000ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 23px;
    width: 78px;
    padding: 3px 0;
    border-radius: 13.47px;
    margin-bottom: 20px;
}

.banners.restyle b {
    font-weight: 700;
}

.banners.restyle .static .item {
    position: relative;
}

.banners.restyle .static .item.medium {
    line-height: 0;
    font-size: 0;
}

.banners.restyle .static .item.medium .name {
    position: relative;
    top: 5px;
    line-height: 20px;
    font-size: 18px;
}

.banners.restyle .static .item.medium .text {
    margin-left: 4.8%;
}

.banners.restyle .static .item.small {
    width: 48.786%;
    padding: 4.5% 4.75%;
    padding: 0;
    font-size: 18px;
    line-height: 21px;
}

.banners.restyle .static .item.small .text {
    margin-left: 8.8%;
    margin-bottom: 9%;
}

.banners.restyle .banner__label--promotion {
    position: absolute;
    top: -6px;
    right: -6px;
}

.banners.restyle picture {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
}

.banners.restyle picture img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}

.banners.restyle .static .item .text,
.banners.restyle .carousel .item .text {
    z-index: 2;
}

.products.main-nav .tabs-container {
    border-bottom: 0;
}

.products.main-nav .tabs-container .tab.active:after,
.products.main-nav .tabs-container .tab:hover:after {
    display: none;
}

.products.main-nav .tabs-container .tab {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    color: #170b65;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.19);
    transition: all .3s ease-out;
    margin-right: 13px;
}

.products.main-nav .tabs-container .tab.active,
.products.main-nav .tabs-container .tab:hover {
    color: #FFFFFF;
    background-color: #041865;
}




.product-wrap {
    width: calc((100% - 144px)/6);
    height: auto !important;
}

.product-card,
.product-card:hover {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    box-sizing: border-box;
    z-index: 20;
}

.product-card:hover {
    min-height: auto;
}

.product-card .static,
.product-card:hover .static {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 20px 16px;
    background-color: #fff;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.19);
    transition: box-shadow .2s ease;
    box-sizing: border-box;
    z-index: 20;
}

.product-card .img.fast-view .link-fast-view {
    transition: background 0.3s, color 0.3s;
}

.product-card .img.fast-view .link-fast-view:hover {
    background: #170b65;
    color: #ffffff;
}

.product-card .additional-links {
    top: 0;
    right: 0;
}

.product-card .additional-links .wishlist {
    margin-bottom: 0;
    width: 28px;
    height: 28px;
}

.product-card .additional-links .wishlist::after,
.product-card .additional-links .wishlist.active::after {
    display: none;
}

.product-card .additional-links .wishlist::before {
    content: url(/local/templates/magnet/img/wish_new.svg);
    position: absolute;
    top: -4px;
    left: -1px;
    display: block;
    width: 100%;
    height: 100%;
}

.product-card .additional-links .wishlist.active::before {
    content: '\0043';
    line-height: 28px;
    top: 0px;
    left: -1px;
}

.product-card .additional-links .wishlist.active {
    background-color: #0033a0;
}

.product-card .img {
    height: 180px;
}

.product-card .vote-table {
    float: right;
}

.product-card .vote-table td {
    line-height: 0;
}

.product-card .iblock-vote {
    margin-top: 8px;
}

.product-card .iblock-vote .vote-result {
    display: none;
}

.product-card  .iblock-vote .star-voted,
.product-card  .iblock-vote .star-active,
.product-card  .iblock-vote .star-empty,
.product-card  .iblock-vote .star {
    padding-right: 0px;
    padding-left: 0px;
}

.product-card  .iblock-vote .star-voted {
    padding-left: 2px;
}

.product-card  .iblock-vote .star-active:before,
.product-card  .iblock-vote .star-empty:before,
.product-card  .iblock-vote .star:before {
    content: '';
}

.product-card .iblock-vote .star-voted {
    line-height: 0;
    font-size: 0;
}

.product-card .iblock-vote .star-voted:before {
    content: '\004a';
    font-size: 12px;
}

.product-card .stock,
.product-card .hover-content .counter {
    display: none;
}

.product-card:hover .hover-content,
.product-card .hover-content {
    position: relative;
    padding: 0;
    bottom: 0;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    margin: 0;
    margin-top: 17px;
}

.product-card .hover-content {
    display: block;
}

.product-card .name {
    font-size: 12px;
    color: #000000;
    line-height: 14px;
    max-width: 86%;
    padding-right: 0 !important;
    margin-top: 6px;
    max-height: 45px;
    height: 45px;
    display: block;
    min-height: 28px;
    overflow: hidden;
}

.product-card .hover-content .product-item-button-container .btn.order-btn::before,
.product-card .hover-content .product-item-button-container .btn.order-btn::after,
.product-card .hover-content .product-item-button-container .btn.detail::before {
    display: none;
}

.product-card .hover-content .product-item-button-container .btn.order-btn span,
.product-card .hover-content .product-item-button-container .btn.detail span {
    display: block;
    font-weight: 300;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    line-height: 14px;
}

.product-card .hover-content .product-item-button-container .btn.detail span {
    padding-left: 0;
}

.product-card .hover-content .product-item-button-container .btn.order-btn span:before {
    content: url(/local/templates/magnet/img/cart_new.svg);
    position: absolute;
    top: -4px;
    left: -5px;
    display: block;
    width: 23px;
    height: 21px;
}

.product-card .hover-content .product-item-button-container .btn.order-btn,
.product-card .hover-content .product-item-button-container .btn.detail {
    position: relative;
    display: flex;
    width: auto;
    height: 41px;
    padding: 0;
    background-image: none;
    align-items: center;
    justify-content: center;
    padding: 0px 78px;
    background: #170b65;
}

.product-card .hover-content .product-item-button-container {
    position: relative;
    right: 0;
    bottom: 0;
}

.product-card .price-container {
    margin-bottom: 5px;
    margin-top: 22px;
    padding-right: 0 !important;
}

.product-card .hover-content .product-item-button-container .btn {
    display: none;
}

.product-card .labels .label {
    margin-bottom: 10px;
}

.product-card .labels .label.new {
    background-color: #0033a0;
    font-size: 8px;
    font-weight: 300;
}

.product-card .labels .label.hit {
    background-color: #BE3AFC;
    font-size: 8px;
    font-weight: 300;
    border-radius: 0;
    padding: 5px 14px;
    transform: rotate3d(1, 1, 1, -8deg);
    position: relative;
    left: -3px;
    top: 2px;
}

.product-card .labels .label.sale {
    background-color: #3399ff;
    font-size: 8px;
    font-weight: 300;
}

.product-card .labels .label.recommend {
    background-color: #00a6f3;
    font-size: 8px;
    font-weight: 300;
}

.price-container .price {
    font-weight: 900;
}

.about-and-news.about-and-news--restyle {
    color: #FFFFFF;
    background-image: url(/local/templates/magnet/img/fon_about.jpg);
    background-size: cover;
    background-position: top;
    margin-top: 27px;
}

.about-and-news.about-and-news--restyle section.about{
    padding: 40px 80px 36px 77px;
    background-color: transparent;
}

.about-and-news--restyle section.about .img {
    max-width: 258px;
    position: relative;
    top: -7px;
}

.about-and-news--restyle section.about .content {
    margin-left: 8.3%;
}

.about-and-news--restyle section.about .content .title {
    margin: 0 0 2px 0;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 700;
}

.about-and-news--restyle section.about .content .desc {
    margin-top: 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    max-width: 73%;
}

.about-and-news--restyle section.about .content .desc p {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 100;
}

.about-and-news--restyle section.about .content .desc p:last-child {
    margin-bottom: 0;
}

.about-and-news--restyle section.about .content .btn {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    min-width: 101px;
    background-color: #006aff;
    padding: 7px 10px;
}

footer.footer--restyle .container {
    border: 0;
    padding-top: 28px;
    padding-bottom: 15px;
}

footer.footer--restyle .top {
    margin-top: 0;
    background: #041865;
    color: #FFFFFF;
}

footer.footer--restyle a {
    color: #FFFFFF !important;
}

footer.footer--restyle .social .name,
footer.footer--restyle .contacts-container .name,
footer.footer--restyle .footer-menu .column .name,
footer.footer--restyle .footer-menu .column .name a {
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
}

footer.footer--restyle .top .footer-menu {
    width: 34.8%;
}

footer.footer--restyle .top .footer-menu .column {
    width: auto;
}

footer.footer--restyle .footer-menu .column .links {
    margin-top: -3px;
}

footer.footer--restyle .footer-menu .column .links li {
    margin-bottom: 0;
}

footer.footer--restyle .footer-menu .column .links a {
    font-size: 12px;
    line-height: 16px;
    font-weight: 100;
    max-width: 105px;
    display: block;
}

footer.footer--restyle .footer-menu .column .links a:hover {
    text-shadow: 0 1px 7px white;
}

footer.footer--restyle .social .links .item:hover {
    background-color: #FFFFFF;
    opacity: 70%;
}

footer.footer--restyle .social .links .item.facebook:before,
footer.footer--restyle .social .links .item.facebook:hover:before {
    content: url(/local/templates/magnet/img/soclike.svg);
    position: relative;
    top: 1px;
}

footer.footer--restyle  .social .links .item.twitter:before,
footer.footer--restyle  .social .links .item.twitter:hover:before {
    content: url(/local/templates/magnet/img/soctwit.svg);
    position: relative;
    top: 2px;
}

footer.footer--restyle .social .links .item.instagram:before,
footer.footer--restyle .social .links .item.instagram:hover:before {
    content: url(/local/templates/magnet/img/socinst.svg);
    position: relative;
    top: 3px;
    left: 0px;
}

footer.footer--restyle .subscribe-container form .bx_subscribe_submit_container .btn-subscribe::before {
    display: none;
}

footer.footer--restyle .address {
    position: relative;
    font-weight: 100;
    font-size: 12px;
    padding-left: 12px;
    line-height: 10px;
    margin-top: 0;
}

footer.footer--restyle .address::before {
    content: url(/local/templates/magnet/img/header_loco.png);
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    width: 8px;
    height: 11px;
    margin-right: 0;
    font-size: 0;
    font-weight: normal;
}

footer.footer--restyle .top .contacts-container {
    margin-left: 5.2%;
    width: 26%;
}

footer.footer--restyle .tel-container {
    margin-top: 14px;
}

footer.footer--restyle .tel-container .tel {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #282828;
    font-weight: 300;
}

footer.footer--restyle .tel-container .tel a {
    padding: 0;
}

footer .tel-container .call-me {
    padding-top: 0;
    margin-top: -7px;
}

footer.footer--restyle .tel-container .call-me a {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    border-bottom: 1px solid #FFFFFF;
}

footer.footer--restyle .tel-container .call-me a:hover {
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

footer.footer--restyle .payments {
    margin-top: 14px;
}

footer.footer--restyle .footer__logo img {
    height: 18px;
    margin-right: 11px;
    top: 2px;
}

footer.footer--restyle .social {
    margin-left: 10.7%;
    width: 23.3%;
}

footer.footer--restyle .social .name {
    font-weight: 300;
}

footer.footer--restyle .social .links {
    margin-top: 7px;
    margin-left: 0px;
}

footer.footer--restyle .social .links .item {
    margin-right: 8px;
}

footer.footer--restyle .subscribe-container form {
    width: 193px;
    margin-top: 0px;
}

footer.footer--restyle .subscribe-container form .bx-form-control {
    padding: 1px 10px;
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid #FFFFFF;
    font-size: 10px;
    color: #FFFFFF;
}

footer.footer--restyle .subscribe-container form .bx-form-control::-webkit-input-placeholder {
    font-size: 10px;
    color: #FFFFFF;
    background-color: transparent !important;
}

footer.footer--restyle .subscribe-container form .bx-form-control::-moz-placeholder {
    font-size: 10px;
    color: #FFFFFF;
    background-color: transparent !important;
}

footer.footer--restyle .subscribe-container form .bx-form-control:-ms-input-placeholder {
    font-size: 10px;
    color: #FFFFFF;
    background-color: transparent !important;
}

footer.footer--restyle .subscribe-container form .bx-form-control:-moz-placeholder {
    font-size: 10px;
    color: #FFFFFF;
    background-color: transparent !important;
}

footer.footer--restyle .subscribe-container form .bx-form-control:-webkit-autofill{
    background:transparent; !important;
    outline: none !important;
}

footer.footer--restyle .bottom {
    margin-top: 0;
    background: #071343;
    color: #FFFFFF;
}

footer.footer--restyle .bottom .container {
    padding: 13px 0;
}

footer.footer--restyle .copyright,
footer.footer--restyle .policy {
    margin-right: 3px;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 10px;
}

.md {
    display: none;
}

.bx-soa-item-imgcontainer {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.catalog.center .categories {
    justify-content: center;
}

/* MAIN PAGE RESTYLE - end */
@media (pointer: coarse), {
    .product-card.has-offers .hover-content .product-item-button-container.sku-only {
        display: none;
    }
}
@media (max-width: 1680px) {
    .products-container {
        margin: 0 -16px;
    }

    .product-wrap {
        width: calc((100% - 160px)/5);
        margin: 0 16px 25px;
    }
}

@media (max-width: 1270px) {
    header.header--restyle .links .personal-link:before {
        top: 5px;
    }
    header.header--restyle .tel-container {
        width: auto;
    }

    .banners.restyle .carousel .item {
        height: 26.437vw !important;
        max-height: 580px;
    }

    .banners.restyle .static {
        margin: 0 0 0 1.594%;
    }

    .banners.restyle .static .item.small {
        flex-grow: unset;
    }

    footer.footer--restyle .top .footer-menu {
        margin-bottom: 0;
    }

    .product-card .hide-mobile {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .products-new .categories-block .bottom-block {
        padding: 0;
        max-height: 229px;
    }

    header.header--restyle .header-lang {
        margin-right: 15px;
    }

    header.header--restyle .links .personal-link {
        margin-left: 13px;
    }
}

@media (max-width: 1024px) {
    .about-and-news>div[id*="bx_incl"] {
        width: 100%;
    }

    .md {
        display: block;
    }

    header.type4 .top .container>div[id*="bx_incl"] {
        margin-right: 0;
    }

    header.type4 .address {
        order: 1;
        margin-left: 0;
        margin-right: calc(100% - 228px - 164px - 65px);
    }

    .header-lang {
        order: 2;
        margin-right: 2px;
    }

    header .top .links {
        order: 3;
    }

    header.header--restyle .middle {
        padding: 11px 0 19px;
    }

    header.header--restyle .header-mobile-menus,
    header.header--restyle .top,
    header.header--restyle .tel-container {
        display: none;
    }

    header.header--restyle .middle .logo,
    header.header--restyle .middle .header-lang,
    header.header--restyle .middle .links {
        display: block;
    }

    header.header--restyle .middle .tel-container {
        display: block;
    }

    header.header--restyle .middle--right .tel-container {
        display: none;
    }

    header.header--restyle .middle .logo {
        order: 0;
    }

    header.header--restyle .middle .header-lang {
        order: 1;
        display: flex;
        align-items: center;
        margin-right: 12px;
    }

    header.header--restyle .header-lang__l {
        font-size: 14px;
    }

    header.header--restyle .middle .links {
        order: 2;
    }

    header.header--restyle .basket-container {
        order: 3;
        margin-left: 6px;
    }

    header.header--restyle .middle .container {
        justify-content: space-between;
    }

    header.header--restyle span.header-lang__line {
        margin: 0;
    }

    header.header--restyle .logo img {
        position: relative;
        top: 3px;
        width: 100%;
    }

    header.header--restyle .basket-container .basket-text .name,
    header.header--restyle .basket-container .basket-text .sum {
        font-size: 14px;
    }

    header.header--restyle .basket-container .basket-text .name {
        padding-bottom: 2px;
    }

    header.header--restyle .basket-container .basket-text {
        margin: 4px 0 0 12px;
    }

    header.header--restyle .links .personal-link {
        margin-left: 0px;
        display: flex;
        background: #FFFFFF;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-sizing: border-box;
        padding: 0;
    }

    header.header--restyle .links .personal-link:before {
        content: url(/local/templates/magnet/img/avatar_new.png);
        width: 100%;
        height: 100%;
        top: 1px;
        left: 1px;
    }

    header.header--restyle .bottom {
        height: 39px;
    }

    header.header--restyle .bottom .container {
        justify-content: space-between;
    }

    header.header--restyle .inline-search.open .search {
        margin-left: 10px;
    }

    header.header--restyle .inline-search .search-icon {
        width: 15px;
        min-width: 15px;
        padding: 0 0 0 10px;
    }

    header.header--restyle .search form {
        height: 28px;
    }

    header.header--restyle .inline-menu .item {
        margin-right: 23px;
    }

    header.header--restyle .basket-container .basket-link:before {
        top: 7px;
        left: 1px;
    }

    .banners.restyle {
        padding: 14px 0 20px 0;
        margin-bottom: 24px;
    }

    .banners.has-static.restyle .carousel {
        width: 53.334%;
    }

    .banners.restyle .static {
        margin: 0 0 0 1.389%;
        width: 45.277%;
    }

    .banners.restyle picture {
        width: 100%;
    }

    .banners.restyle .carousel .item {
        height: 42.189vw !important;
    }

    .banners.restyle .carousel .item .name img {
        margin-left: 0;
        max-width: 50px;
        top: -21px;
    }

    .banners.restyle .carousel .item .name {
        font-size: 19px;
        line-height: 21px;
    }

    .banners.has-static.restyle .carousel .item .text {
        margin: 21% 0 0 8.3%;
        max-width: 40%;
    }

    .banners.restyle .carousel .owl-dots {
        bottom: 2.5%;
    }

    .banners.restyle .static .item {
        height: 49.707%;
    }

    .banners.restyle .static .item.medium:first-child {
        margin-bottom: 3.07%;
        height: 47.223%;
    }

    .banners.restyle .static .item.medium .name {
        line-height: 17px;
        font-size: 14px;
    }

    .banners.restyle .banner__label--new {
        font-size: 9px;
        line-height: 17px;
        width: 65px;
        font-weight: 300;
        margin-bottom: 33px;
        position: relative;
        top: 13px;
    }

    .banners.restyle .static .item.small {
        font-size: 14px;
        line-height: 18px;
    }

    .banners.restyle .banner__label--promotion {
        top: -4px;
        right: 6px;
        max-width: 40%;
    }

    /* MAIN PAGE RESTYLE */
    .product-wrap {
        width: calc((100% - 84px)/3);
        margin: 0 14px 25px;
    }

    .products-container {
        margin: 0 -14px;
    }

    .product-card .price-container {
        padding-top: 0;
    }

    .product-card .name {
        flex-grow: 1;
    }

    .about-and-news.about-and-news--restyle {
        margin-top: 39px;
    }

    .about-and-news.about-and-news--restyle section.about {
        padding: 28px 0px 40px 0px;
        flex-wrap: wrap;
        margin-top: 0;
    }

    .about-and-news--restyle section.about .img {
        position: relative;
        top: 0;
        width: auto;
    }

    .about-and-news--restyle section.about .content {
        margin-left: 0;
        width: 100%;
    }

    .about-and-news--restyle section.about .content .title {
        margin: 6px 0 16px 0;
        font-size: 14px;
    }

    .about-and-news--restyle section.about .content .desc {
        font-size: 14px;
        line-height: 14px;
        max-width: 95%;
    }

    .about-and-news--restyle section.about .content .desc p {
        font-size: 14px;
    }

    .about-and-news--restyle section.about .content .btn {
        margin-top: 30px;
    }

    footer.footer--restyle .top {
        background: #071343;
        padding-bottom: 16px;
    }

    footer.footer--restyle .container {
        padding-top: 20px;
        padding-bottom: 0;
    }

    footer.footer--restyle .top .contacts-container {
        display: none;
    }

    footer.footer--restyle .social {
        margin-left: 0;
        width: 100%;
        order: 0;
        position: relative;
        max-width: 66%;
    }

    footer.footer--restyle .top .footer-menu {
        width: 100%;
        order: 1;
        max-width: 66%;
        margin-top: 40px;
        flex-wrap: wrap;
        line-height: 0;
        font-size: 0;
    }

    footer.footer--restyle .subscribe-container {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        min-width: 49%;
    }

    footer.footer--restyle .social .name,
    footer.footer--restyle .contacts-container .name,
    footer.footer--restyle .footer-menu .column .name,
    footer.footer--restyle .footer-menu .column .name a {
        font-size: 14px;
    }

    footer.footer--restyle .footer-menu .column .name {
        line-height: 16px;
    }

    footer.footer--restyle .subscribe-container form {
        margin-top: 11px;
    }

    footer.footer--restyle .footer-menu .column .links {
        margin-top: 17px;
    }

    footer.footer--restyle .footer-menu .column .links li {
        margin-bottom: 16px;
    }

    footer.footer--restyle .footer-menu .column .links a {
        font-size: 14px;
        max-width: 175px;
    }

    footer.footer--restyle .social .links .item.instagram:before,
    footer.footer--restyle .social .links .item.instagram:hover:before {
        left: 0px;
    }

    footer.footer--restyle .top .footer-menu .column {
        width: 48%;
        padding: 0;
    }

    footer.footer--restyle .top .footer-menu .column:first-child {
        order: 0;
    }

    footer.footer--restyle .top .footer-menu .column:nth-child(2) {
        order: 2;
        margin-top: -97px;
    }

    footer.footer--restyle .top .footer-menu .column:last-child {
        order: 1;
    }

    footer.footer--restyle .bottom {
        background-image: url('/local/templates/magnet/img/cosm_fon_footer.jpg');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    footer.footer--restyle .bottom .container {
        padding: 19px 0;
    }


    /* MAIN PAGE RESTYLE - end */
}

@media (max-width: 1000px) {
    .main-user-consent-request-popup-cont {
        min-height: 400px;
        min-width: 640px;
    }

    .main-user-consent-request-popup-header {
        max-width: 590px;
    }

    .main-user-consent-request-popup-text,
    .main-user-consent-request-popup-link {
        height: 240px;
    }
}

@media (max-width: 767px) {

    header .content-menu>ul, header .content-mobile-menu>ul {
        max-width: 100%;
        overflow: scroll;
    }

    .container {
        width: 100%;
        padding: 0 20px;text-decoration;
        box-sizing: border-box;
    }

    span.header-lang__line {
        margin-left: 2px;
        margin-right: 2px;
        font-size: 14px;
        position: relative;
        top: 0px;
    }

    .main-user-consent-request-popup-cont {
        min-height: 400px;
        min-width: auto;
        width: calc(100vw - 40px);
    }

    .main-user-consent-request-popup-text {
        width: 99%;
        height: 265px;
        box-sizing: border-box;
    }

    .main-user-consent-request-popup-button-rej {
        margin-right: 0;
    }

    .main-user-consent-request-popup-buttons {
        flex-wrap: nowrap;
    }

    /* MAIN PAGE RESTYLE */

    header.header--restyle .header-mobile-menus,
    header .middle .basket-container .basket-text {
        display: block;
    }

    header.header--restyle .middle {
        padding: 11px 0;
    }

    header.header--restyle .middle .container {
        flex-direction: column-reverse;
    }

    header.header--restyle .middle--right,
    header.header--restyle .middle .logo {
        width: 100%;
    }

    header.header--restyle .bottom {
        display: none;
    }

    header.header--restyle .header-mobile-menus {
        background-color: #071343;
    }

    header.header--restyle .catalog-mobile-menu {
        border: 0;
    }

    header.header--restyle .catalog-mobile-menu .content nav .head {
        background-color: transparent;
        justify-content: left;
        padding: 14px 20px 15px 20px;
    }

    header.header--restyle .header-lang__l,
    header.header--restyle span.header-lang__line {
        font-size: 21px;
    }

    header.header--restyle .basket-container .basket-text .sum {
        font-weight: 300;
    }

    header.header--restyle .logo img {
        top: 1px;
        left: 0;
        width: auto;
    }

    header.header--restyle .catalog-mobile-menu .content nav .head .burger-button {
        width: 26px;
        top: -3px;
    }

    header.header--restyle .catalog-mobile-menu .burger-button span {
        background-color: #FFFFFF;
    }

    header.header--restyle .catalog-mobile-menu .burger-button span:nth-child(2) {
        top: 6px;
    }

    header.header--restyle .catalog-mobile-menu .burger-button span:nth-child(3) {
        top: 12px;
    }

    header.header--restyle .catalog-mobile-menu .content nav .head .title a {
        color: #FFFFFF;
    }

    header.header--restyle .catalog-mobile-menu .content nav .head .title {
        padding-left: 9px;
        font-size: 18px;
        line-height: 18px;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list {
        background: #071343;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list .item {
        background-color: transparent;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list .item--search a {
        display: flex;
        align-items: center;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list .item a {
        border-bottom: 0;
        width: 100%;
        padding: 2px 0 11px 54px;
    }

    header.header--restyle .catalog-mobile-menu .content nav .scroll {
        border: 0;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list .item a .text {
        text-transform: capitalize;
        font-weight: 300;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 18px;
    }

    header.header--restyle .catalog-mobile-menu .content nav .list .item--search img {
        width: 17px;
        position: relative;
        top: -2px;
        left: 1px;
        padding-right: 5px;
    }

    header.header--restyle .middle .tel-container {
        display: block;
        position: absolute;
        right: 9px;
        bottom: -2px;
        z-index: 555;
    }

    header.header--restyle .middle--right .tel-container {
        display: none;
    }

    .wrapper--shadow {
        display: none;
        content: '';
        background: #010720;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.85;
        z-index: 35;
    }

    .wrapper--shadow.active {
        display: block;
    }

    .banners.restyle {
        padding: 14px 0 22px 0;
        margin-bottom: 0px;
    }

    .banners.restyle .container {
        flex-wrap: wrap;
    }

    .banners.has-static.restyle .carousel {
        width: 100%;
        margin-bottom: 20px;
    }

    .banners.restyle .static {
        margin: 0;
        width: 100%;
    }

    .banners.restyle .static .item.medium:first-child {
        display: none;
    }

    .banners.has-static.restyle .carousel .item .text {
        flex-direction: unset;
        justify-content: left;
        align-items: center;
        margin: 0;
        padding: 30px 20px;
        text-align: left;
        max-width: 50%;
    }

    .banners.restyle .carousel .item .name {
        font-size: 20px;
        line-height: 24px;
    }

    .banners.restyle .carousel .item .name img {
        top: 0;
        margin-bottom: 25px;
    }

    .banners.restyle .carousel .item {
        height: 57.38vw !important;
        max-height: 326px;
    }

    .banners.restyle .carousel .owl-dots {
        display: none;
    }

    .banners.restyle .static .item.small {
        margin-bottom: 0;
        width: calc((100% - 11px)/2);
        height: 39.9vw;
        max-height: 226px;
        font-size: 23px;
        line-height: 27px;
    }

    .banners.restyle .banner__label--promotion {
        top: -5px;
        right: 2px;
    }

    .banners.restyle .owl-carousel .owl-stage-outer {
        padding-left: 0px;
        margin: 0;
    }

    .products.main-nav .tab-content .products-container.owl-carousel .owl-dots {
        display: none;
    }

    .products.main-nav .tabs-container {
        flex-wrap: nowrap;
        max-width: calc(100% + 20px);
        overflow: scroll;
        scrollbar-width: 0;
        margin: 0;
        padding: 10px 5px;
        margin-left: -5px;
        margin-bottom: -31px;
        box-sizing: border-box;
    }

    .tabs-container::-webkit-scrollbar {
        width: 0px;
    }

    .tabs-container::-webkit-scrollbar-track {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    .tabs-container::-webkit-scrollbar-thumb {
        opacity:0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: transparent;
        -webkit-box-shadow: none;
    }

    .products.main-nav .tabs-container .tab {
        white-space: nowrap;
        margin: 0 14px 0 0;
        padding: 8px 10px;
        box-sizing: border-box;
        min-height: 29px;
    }

    .product-card .img {
        height: 170px;
    }

    .product-card .price-container {
        margin-bottom: 0;
    }

    .product-card .hover-content .product-item-button-container .btn.order-btn,
    .product-card .hover-content .product-item-button-container .btn.detail {
        height: 38px;
        padding: 0px 74px;
    }

    .product-card .hover-content .product-item-button-container .btn.order-btn span,
    .product-card .hover-content .product-item-button-container .btn.detail span {
        padding-left: 24px;
        font-size: 13px;
        line-height: 12px;
    }

    .product-card .hover-content .product-item-button-container .btn.detail span {
        padding-left: 0px;
    }

    .product-card .hover-content .product-item-button-container .btn.order-btn span:before {
        top: -6px;
        left: -10px;
    }

    .product-card .static,
    .product-card:hover .static {
        padding: 18px 19px 16px;
    }

    .product-wrap {
        width: 210px;
        min-width: 210px;
        margin-bottom: 0;
    }

    .products-container  {
        flex-wrap: nowrap;
        width: calc(100% + 40px);
        overflow: auto;
        padding: 0 8px;
        box-sizing: border-box;
        scrollbar-width: none;
        margin-left: -20px;
    }

    main.catalog .products-container {
        padding: 0;
        width: 100%;
    }

    main.catalog .products-list {
        margin: 0;
        justify-content: space-between;
    }

    main.catalog .product-wrap {
        margin: 0 5px 25px;
    }

    .products-container::-webkit-scrollbar {
        width: 0px;
    }

    .products-container::-webkit-scrollbar-track {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    .products-container::-webkit-scrollbar-thumb {
        opacity:0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: transparent;
        -webkit-box-shadow: none;
    }

    .about-and-news.about-and-news--restyle {
        z-index: 2;
        position: relative;
        bottom: -2px;
        color: #FFFFFF;
        background-image: url(/local/templates/magnet/img/cosm_fon_footer_revert.jpg);
        background-size: cover;
        background-position: bottom;
        padding-top: 22px;
        margin-top: 20px;
    }

    .about-and-news.about-and-news--restyle .container {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .about-and-news.about-and-news--restyle section.about {
        padding: 0px 0px 20px 0px;
        flex-wrap: wrap;
        background-image: none;
        background-color: transparent;
        margin-bottom: 4px;
    }

    .about-and-news--restyle section.about .img {
        max-width: 43%;
        min-width: 190px;
        margin: 0;
    }

    .about-and-news--restyle section.about .content {
        margin-top: 9px;
    }

    .about-and-news--restyle section.about .content .title {
        margin: 0px 0 10px 0;
        font-size: 12px;
    }

    .about-and-news--restyle section.about .content .desc {
        max-width: 87%;
    }

    .about-and-news--restyle section.about .content .desc p {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 10px;
    }

    .about-and-news--restyle section.about .content .btn {
        margin-top: 23px;
        min-width: 92px;
        padding: 7px 0px;
    }

    footer.footer--restyle {
        position: relative;
        background-image: url(/local/templates/magnet/img/cosm_fon_footer.jpg);
        background-size: cover;
        background-position: top;
    }

    footer.footer--restyle .top {
        position: relative;
        z-index: 1;
        background: transparent;
        padding-bottom: 0;
    }

    footer.footer--restyle .top .container {
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    footer.footer--restyle .bottom .container {
        padding: 32px 20px;
        width: 100%;
        box-sizing: border-box;
    }

    footer.footer--restyle .subscribe-container {
        position: relative;
        min-width: 100%;
        margin-top: 7px;
    }

    footer.footer--restyle .subscribe-container form {
        margin-top: 0px;
        width: 170px;
    }

    footer.footer--restyle .subscribe-container form .bx-form-control {
        padding: 2px 10px;
    }

    footer.footer--restyle .top .footer-menu {
        max-width: none;
        margin-top: 30px;
        padding: 18px 20px 10px 20px;
        background-color: #071343;
    }

    footer.footer--restyle .social {
        width: 100%;
        max-width: none;
        padding: 0 20px;
    }

    footer.footer--restyle .social .name,
    footer.footer--restyle .contacts-container .name,
    footer.footer--restyle .footer-menu .column .name,
    footer.footer--restyle .footer-menu .column .name a {
        font-size: 12px;
    }

    footer.footer--restyle .social .links {
        margin-top: 9px;
    }

    footer.footer--restyle .social .links .item {
        margin-right: 10px;
        width: 45px;
        height: 45px;
    }

    footer.footer--restyle .social .links .item.facebook:before,
    footer.footer--restyle .social .links .item.facebook:hover:before {
        content: url(/local/templates/magnet/img/soclike_mobile.svg);
        position: relative;
        top: 8px;
        left: -1px;
    }

    footer.footer--restyle  .social .links .item.twitter:before,
    footer.footer--restyle  .social .links .item.twitter:hover:before {
        content: url(/local/templates/magnet/img/soctwit_mobile.svg);
        position: relative;
        top: 8px;
        left: 1px;
    }

    footer.footer--restyle .social .links .item.instagram:before,
    footer.footer--restyle .social .links .item.instagram:hover:before {
        content: url(/local/templates/magnet/img/socinst_mobile.svg);
        position: relative;
        top: 9px;
        left: 0px;
    }

    footer.footer--restyle .top .footer-menu .column {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }

    footer.footer--restyle .top .footer-menu .column:nth-child(2) {
        order: 1;
        margin-top: 0;
    }

    footer.footer--restyle .top .footer-menu .column:last-child {
        order: 2;
    }

    footer.footer--restyle .footer-menu .column .links {
        margin-top: 9px;
    }

    footer.footer--restyle .footer-menu .column .links li {
        margin-bottom: 12px;
    }

    footer.footer--restyle .footer-menu .column .links a {
        font-size: 12px;
        line-height: 12px;
    }

    footer.footer--restyle .bottom {
        background-image: none;
        background: transparent;
        z-index: 1;
        position: relative;
    }

    footer.footer--restyle .bottom .policy {
        width: auto;
        margin-top: 0;
    }

    /* MAIN PAGE RESTYLE - end */

    .catalog-mobile-menu .content nav .sub {
        background: #071343;
    }
    header.header--restyle .catalog-mobile-menu .content nav .sub .item a {
        border: 0;
        padding: 10px 0;
    }
    .catalog-mobile-menu.open .content nav .sub .items .item {
        border: 0;
    }
    .catalog-mobile-menu .content nav .sub .items .item.back a:before {
        border-right: 4px solid #ffffff;
    }
    .catalog-mobile-menu .content nav .sub .items .item.back a {
        color: white;
    }
}

@media (max-width: 570px) {

    .footer__logo img {
        margin-right: 9px;
        top: 0px;
    }

}

@media (max-width: 375px) {

    .banners.restyle .static .item.small {
        font-size: 18px;
        line-height: 20px;
    }

}

@supports (-webkit-touch-callout: none) {
    .banners .preloader {
        display: none;
    }
}

@media (min-width: 768px) {
    header.header--restyle .inline-menu .sub {
        margin-top: 0 !important;
        top: 39px;
        border-top: 7px solid #041865;
        z-index: 50 !important;
    }

    header.header--restyle .inline-menu .sub {
        display: none;
        background: #071343;
        z-index: 10;
        position: absolute;
        padding: 5px 15px;
        margin-top: 131px;
        box-shadow: 0px 12px 24px rgba(0,0,0,0.5);
    }
    header.header--restyle .inline-menu li.item:hover .sub {
        display: block;
    }
    header.header--restyle .inline-menu .sub .item {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    header.header--restyle .inline-menu .sub .item a {
        color: #ffffff;
    }
    header.header--restyle .inline-menu .sub .item a:hover {
        text-shadow: 0 1px 7px white;
    }
    header.header--restyle .inline-menu .sub .item.active::after {
        display: none;
    }
}