body > header {
    transition: all 0.3s ease;
}

.header--fixed {
    position: fixed;
    background: #012D5A;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 0 !important;
    /*animation: slideDown 0.3s ease;*/
}
.header--fixed .header_nav {margin: 0;}
.header--fixed .container .logo {margin: 0 -300px 0 0;}
.header--fixed .header_social {margin: 0;}

.header--hidden {
    transform: translateY(-100%);
}

.header--visible {
    transform: translateY(0);
}
@media (max-width: 991px) {
	.header--fixed .container .logo {margin: 0 -45px 0 0;}
}
/*@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}*/

.product_item {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.product_item .product_descr {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product_item .product_image img {
	object-fit: contain;
}
.popup-window {
	font: unset;
}
.label__wrap {
	position: absolute;
	left: 0;
	top: 10px;
	transition: .4s opacity;
}
.label__wrap span {
	display: inline-block;
	padding: 3px 9px 5px 9px;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #FCFEFF;
	margin: 0 1px 4px 0;
}
.label__new {
	background: #012D5A;
}
.label__recom {
	background: #d2a501;
}
.label__stock {
	background: #a5012d;
}
.label__hit {
	background: #01a5d2;
}
.product_item:hover .label__wrap {
	opacity: 0;
}

.filter_wrapper .filter_dropdown .filter_submenu .checkbox_wrapper {
	height: auto;
	max-height: 234px;
}
.section_feedbck iframe {
  max-width: unset !important;
}

.product_item .product_descr {word-break: break-word;}
.news-list .news-list-item img {object-fit: cover;}
.bx-soa .bx-soa-customer-label, .bx-soa .form-group label {margin-right: .5rem;}
.bx-soa .bx-soa-customer-input, .bx-soa .form-group input,
.bx-soa .bx-soa-customer-textarea, .bx-soa .form-group textarea {border: 1px solid #ddd; padding: .5rem; width: 100%;}

#bx-soa-order-form .check p {color: inherit;}
#bx-soa-order-form .check .checkmark {color: inherit; border-color: inherit;}
#bx-soa-order-form .check .checkmark:after {color: inherit; border-color: inherit; height: 15px;}
#bx-soa-order-form #bx-soa-orderSave .checkbox label {display: flex; align-items: center;}
#bx-soa-order-form #bx-soa-orderSave .checkbox label input[type="checkbox"] + span {position: relative; background: #fff;  transition: all 0.3s ease; border: 1px solid #D2DBE2; width: 20px; height: 20px; min-width: 20px; margin: 0 15px 0 0;}
#bx-soa-order-form #bx-soa-orderSave .checkbox label input[type="checkbox"] + span:hover {cursor: pointer; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);}
#bx-soa-order-form #bx-soa-orderSave .checkbox label input[type="checkbox"]:checked + span::before {content: ""; position: absolute; transition: all 0.3s ease; left: 50%; top: 45%; width: 6px; height: 12px; border: solid #1D3C55; border-width: 0 2px 2px 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);}

.topsoc a {border-bottom: none !important;}
.topsoc a span {border-bottom: 1px solid transparent; transition: .3s;}
.topsoc a:hover span {border-bottom: 1px solid #fff;}

.socials a {border-bottom: none !important;}
.socials a span {border-bottom: 1px solid transparent; transition: .3s;}
.socials a:hover span {border-bottom: 1px solid #fff;}

footer .politics {margin-top: 1.5rem !important;}

footer #politic {border: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; z-index: 9000; color: #000; background: #fff; max-width: 800px; width: 100vw; padding: 1.5rem; border-radius: 1.5rem; position: fixed; bottom: 4rem; right: 1.5rem;}
footer #politic button {transition: .3s; padding: .5rem 1rem; background: #fff; border-radius: 1.5rem; color: #000; border: 1px solid #ddd; cursor: pointer;}
footer #politic button:hover {border: 1px solid #000;}

.scroll-up::before {
	content: ''; /* Обязательно для псевдоэлементов */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;  /* Создаем левую часть стрелки */
  border-right: 10px solid transparent; /* Создаем правую часть стрелки */
  border-bottom: 15px solid white;   /* Создаем нижнюю часть стрелки (вершину вверх) */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.scroll-up {
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    background: rgba(0, 0, 0, .3);
    border-radius: 4px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 2.2rem;
}