/* Start:/bitrix/components/bitrix/search.title/templates/barbaros/style.css?1663759812832*/
.searche-title {}

.search-title-button {
	background-image: url(/bitrix/components/bitrix/search.title/templates/barbaros/images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width: 45px;
	/* min-height: 38px; */
	height: calc(1.5em + 0.75rem);
}


.title-search-result {
	border: 1px solid #ced4da;
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
/* End */


/* Start:/local/templates/ruselt/components/bitrix/catalog.compare.list/.default/style.css?17494536141460*/
.bx_catalog-compare-list {
	font-size: 12px;
	z-index: 998;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 270px;
	max-height: 100%;
	padding: 10px 8px 0;
	white-space: normal;
	color: #404040;
	border: 1px solid #b7b7b7;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
	margin-bottom: 10px;
}

.bx_catalog-compare-list.fix {
	position: fixed;
}

.bx_catalog-compare-list.top {
	top: 5px;
}

.bx_catalog-compare-list.right {
	right: 5px;
}

.bx_catalog-compare-list.bottom {
	bottom: 5px;
}

.bx_catalog-compare-list.left {
	left: 5px;
}

.bx_catalog-compare-list .bx_catalog_compare_form {}

.bx_catalog-compare-list:hover .bx_catalog_compare_form {}

.bx_catalog-compare-list a {
	font-size: 11px;
	color: #327ab7;
}

.bx_catalog-compare-list a:hover {
	text-decoration: none;
}

.bx_catalog_compare_count p {
	margin: 0 0 10px 0;
}

.bx_catalog_compare_count p.compare-redirect {
	text-align: center;
	font-weight: bold;
}

.bx_catalog-compare-list .compare-items td {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	vertical-align: top;
}

.compare-count {
	background: #235baf;
	width: 26px;
	height: 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
}
/* End */


/* Start:/bitrix/components/bitrix/form.result.new/templates/.default3/style.css?1711454981652*/
table.form-table{ width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%;}
table.form-table th, table.form-table td{ border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top;}
table.form-table th{ background-image:url(/bitrix/components/bitrix/form.result.new/templates/.default3/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A;}
table.form-table td{ padding: 15px 5px;}
.form-required { color: red;}
.error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/components/bitrix/form.result.new/templates/.default3/images/icon_warn.gif);}

.InputBox_filled__label {
    font-size: 0 !important;
}
/* End */


/* Start:/local/components/forumedia/cookie.agree/templates/.default/style.css?17490318023181*/
:root {
	--cookie-color-primary: rgba(1, 92, 182, 1);
	--cookie-color-text: rgba(255, 255, 255, 1);
	--cookie-color-btn: rgba(255, 255, 255, 1);
	--cookie-color-btn-hover: rgba(235, 235, 235, 1);
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.alert-primary {
	color: var(--cookie-color-text);
	background-color: var(--cookie-color-primary);
	border-color: var(--cookie-color-primary);
}

.cookie-warning {
	box-sizing: border-box;
	position: fixed;
	bottom: -100%;
	left: 40px;
	width: 100%;
	max-width: 800px;
	padding: 2.4rem;
	z-index: 9999999999;
	box-shadow: 0px 8px 9px 0px rgba(34, 60, 80, 0.2);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 0;
	transition: bottom 1s ease;
}

.cookie-warning * {
	box-sizing: border-box;
}

.cookie-warning.active {
	bottom: 40px;
}

.cookie-warning .cookie-warning__agree-text {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 16px;
}

.cookie-warning .logo {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
}

.cookie-warning p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.32;
	color: var(--cookie-color-text);
	margin: 0;
	flex: 1 1 auto;
}

.cookie-warning p a {
	color: var(--cookie-color-text);
	text-decoration: underline;
	transition: color .15s ease-in-out;
}

.cookie-warning p a:hover {
	color: var(--cookie-color-btn-hover);
	text-decoration: underline;
}

.cookie-warning .cookie-warning__agree-btn {
	flex: 0 0 auto;
}

.cookie-warning .btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.32;
	color: var(--cookie-color-primary);
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .75rem 1.8rem;
	margin: 0;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cookie-warning .btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.cookie-warning .btn.btn-primary {
	color: rgba(43, 43, 60, 1);
	background-color: var(--cookie-color-btn);
	border-color: var(--cookie-color-btn);
}

.cookie-warning .btn.btn-primary:hover {
	color: rgba(43, 43, 60, 1);
	background-color: var(--cookie-color-btn-hover);
	border-color: var(--cookie-color-btn-hover);
}

.cookie-warning .btn.btn-outline {
	color: var(--cookie-color-btn);
	background-color: var(--cookie-color-primary);
	border-color: var(--cookie-color-btn);
}

.cookie-warning .btn.btn-outline:hover {
	color: var(--cookie-color-primary);
	background-color: var(--cookie-color-btn);
	border-color: var(--cookie-color-btn);
}

@media (max-width: 992px) {
	.cookie-warning {
		max-width: none;
		left: 0%;
		flex-wrap: wrap;
	}

	.cookie-warning.active {
		bottom: 0%;
	}
}
/* End */


/* Start:/local/templates/ruselt/styles.css?1743490868817*/
.interset_tov0407{display: flex;flex-wrap: wrap;}
.interset_tov0407 .item{max-width: 330px;width: 100%;min-height: 275px;margin-right: 10px;text-align: center;margin-top:10px;margin-bottom:10px;border: 1px solid #e1e1e1;padding: 1px 26px;}
.interset_tov0407 .item img {max-width: 250px;width: 100%;padding-top: 10px;}
.interset_tov0407 .item .zag{font-size: 14px;padding-top: 10px;width: 70%;margin: 0 auto;padding-bottom: 10px;}
.cust_link1{text-decoration: underline;}
input[name="last_name"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* Chrome, Safari */
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    }
    ::-webkit-scrollbar-track-piece  {
    background-color: #eeeeee;
    }
    ::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #005cb6;
    }

/* End */


/* Start:/local/templates/ruselt/template_styles.css?1759133674127866*/
:root {
--color-primary: rgba(0, 92, 182, 1);
--color-primary-hover: rgba(0, 78, 139, 1);
}
.btn {
display: inline-block;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid var(--color-primary);
border-radius: 0.375rem;
background-color: var(--color-primary);
transition: all 0.3s ease-in-out;
}
.btn.btn-primary {
color: #fff;
border: 1px solid var(--color-primary);
background-color: var(--color-primary);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
color: #fff;
border: 1px solid var(--color-primary-hover);
background-color: var(--color-primary-hover);
}
.btn.btn-outline-primary {
color: var(--color-primary);
border: 1px solid var(--color-primary);
background-color: #fff;
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
color: #fff;
border: 1px solid var(--color-primary);
background-color: var(--color-primary);
}
.model-benefits {
list-style-type: none;
}
.model-benefits>li:before {
content: "— ";
}
.article-text {
font-size: 15px;
font-weight: 400;
}
.bx-blue .btn.btn-default {
background-color: #1f509c;
border-color: #1f509c;
color: #fff;
padding: 12px 24px;
display: inline-block;
}
.bx-blue .btn.btn-default+.btn.btn-default {
margin-left: 16px;
}
.form-group {
margin-bottom: 8px;
}
.bx_filter .bx_filter_search_button {
transition: all 0.25s ease;
cursor: pointer;
}
.product-labels {
position: absolute;
z-index: 11;
left: 12px;
top: 12px;
display: flex;
gap: 6px;
}
.product-label {
font-size: 10px;
line-height: 1;
font-weight: normal;
color: #111;
text-transform: uppercase;
background: #eee;
border: 2px solid #eee;
display: inline-block;
margin-bottom: 4px;
padding: 4px 12px;
border-radius: 0px;
}
.product-label--lg {
font-size: 12px;
font-weight: bold;
padding: 8px 20px 8px 20px;
/*border-radius: 16px;*/
}
.product-label--action {
color: #fff;
background: #c4001d;
}
.product-label--hit,
.product-label--new {
color: #fff;
background: #255aa7;
border-color: #255aa7;
}
.product-label--recommend {
color: #255aa7;
background: #ffffff;
border-color: #255aa7;
}
.bx-touch .product-labels {
left: auto;
right: 12px;
}
.bx-touch .product-label {
color: #255aa7;
background-color: inherit;
border: 0;
padding: 0;
/*font-weight: bold;*/
}
.popup-window-titlebar {
height: auto;
font-size: 15px;
line-height: 1.3;
padding: 0;
margin: 0 0 30px 0;
text-align: center;
color: #255aa7;
}
.popup-window-content img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
margin: 0 auto 20px;
min-height: 250px;
}
.popup-window-content p {max-width: 250px;}
.popup-window-with-titlebar .popup-window-content {
max-width: 590px;
margin: 0 auto;
}
.popup-window-close-icon:after {
content: "×";
font-size: 27px;
line-height: 1;
width: 27px;
height: 27px;
display: block;
text-align: center;
}
.footer {
background-color: rgb(23, 73, 134);
background-image: url(/mainlsntso/tab-footer.jpg);
color: #fff;
}
.footer a {
color: #fff;
}
.footer__inner {}
.footer-block {
padding: 8px 8px 0 0;
}
.footer-block:last-child {
padding-right: 0;
}
.footer-block__header {
margin-bottom: 10px;
color: #fff;
font-weight: 600;
}
.footer-block__menu {
margin-top: 16px;
}
.footer-menu {
font-size: 13px;
line-height: 1.35;
list-style-position: outside;
margin: 0 0 0 12px;
}
.footer-menu li {
padding: 0 0 8px 0;
}
.footer-menu li:last-child {
padding-bottom: 0;
}
.footer-menu a {
color: #ffffff;
}
.footer-contacts {
color: #ffffff;
font-size: 12pt;
line-height: 1.35;
text-align: right;
}
.footer-bottom {
font-size: 10pt;
padding-top: 8px;
padding-bottom: 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
color: #8ea6c9;
}
.footer-bottom a {
color: #8ea6c9;
}
.footer-bottom a:hover {
color: #a9c5d8;
}
.footer-bottom__left {
text-align: left;
padding-top: 8px;
padding-right: 20px;
}
.footer-bottom__right {
padding-top: 8px;
}
.footer-bottom__right a:first-child {
margin-right: 10px;
}
.footer-sitemap {
font-size: 10pt;
padding-top: 8px;
padding-bottom: 16px;
}
@media (min-width: 768px) {
.visible-xs {
display: none;
}
}
.preview_picture {
width: 250px;
}
.new-index {
font-size: 10pt;
line-height: 12pt;
white-space: break-spaces;
overflow: hidden;
text-overflow: ellipsis;
max-height: 190px;
}
.about-container_numbers {
background: url(/images/about-container-bg_numbers.jpg)top left no-repeat;
background-size: cover;
color: #fff;
}
.about-container_numbers,
.advantages,
.clients-carousel,
.sertificates-carousel {
margin-bottom: 0px;
}
.about-container_numbers__heading {
padding: 30px 0;
}
.about-numbers {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about-numbers-item__number {
display: inline-block;
font-size: 50px;
border: #fff solid 1px;
border-radius: 50%;
width: 130px;
line-height: 130px;
margin-bottom: 15px;
}
.about-numbers-item__number>div {
display: inline-block;
line-height: 1.2;
}
.about-numbers-item {
color: #fff !important;
display: -webkit-box;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.about-numbers-item__number .about-numbers-item__smallest {
font-size: 20px;
}
.about-numbers-item {
position: relative;
width: 12%;
margin-bottom: 20px;
text-align: center;
padding: 10px 10px 10px;
}
@media only screen and (max-width: 767px) {
.advantages-item {
width: 100%;
margin-right: 0;
}
.scrollup {
right: 3px !important;
}
.about-numbers-item {
width: 40%;
font-size: 15px;
}
}
@media (min-width: 1279px) and (max-width: 1281px) {
.new-index {
max-height: 90px;
font-size: 9pt;
line-height: 10pt;
}
.preview_picture {
width: 140px;
}
}
@media (min-width: 1023px) and (max-width: 1025px) {
.new-index {
font-size: 8pt;
line-height: 8pt;
white-space: break-spaces;
overflow: hidden;
text-overflow: ellipsis;
max-height: 90px;
}
.preview_picture {
width: 90px;
}
}
.fb29 {
float: initial;
font-weight: 600;
}
.news1811 img {
padding-bottom: 10px;
}
.img-responsive {
width: auto;
max-height: 300px;
object-fit: cover;
object-position: bottom;
}
.nvp02 a:hover {
color: #005cb6;
text-decoration: underline;
}
.h20209 {
text-align: left;
font-size: 17px;
color: #005cb6;
}
.nvp02 {
width: 80%;
height: auto;
min-height: 200px;
text-align: left;
margin: 0 auto;
}
.kon1506l {
float: left;
width: 20%;
}
.kon1506r {
float: left;
}
.mob2505 {
float: left;
}
.dos1705 {
background: #eeeeee;
min-height: 50px;
font-weight: 600;
font-size: 14px;
line-height: 4;
padding-left: 10px;
}
.workarea {
position: relative;
}
.mystyle {
display: flex;
}
.popup-bg.overflow_hidden {
display: block;
}
.app-tab__content>.app-tab__pane {
display: none;
}
.app-tab__content>.active {
display: block;
}
.header-menu {
position: relative;
z-index: 5;
display: none;
background-color: #f3fbff;
background: #eeeeee;
width: 100%;
max-width: 1800px;
margin: 0 auto;
}
@media (min-width: 1024px) {
.header-menu {
display: block;
}
}
.header-menu>.area {
float: left;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.header-menu_fat .menu-categories--top {
display: none;
}
.header-menu_fat .menu-fat {
position: absolute;
top: 65px;
display: block;
max-height: 580px;
}
.menu-categories__title {
padding-bottom: 30px;
font-size: 20px;
padding-left: 9px;
font-weight: 600;
text-align: center;
}
.menu-fat {
z-index: 1001;
top: 250px;
left: 0;
display: none;
width: 100%;
background-color: #fff;
}
.menu-fat .area {
height: 100%;
}
.menu-fat .app-tab {
width: 100%;
height: 580px;
max-height: 580px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
background: #fff;
border: none;
}
.app-tab .app-tab__content {
width: 75%;
padding: 30px;
}
.app-tab .app-tab__content .app-tab__menu-categories {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
gap: 8px;
}
.app-tab .app-tab__content .app-tab__menu-categories .app-tab__menu-category-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
gap: 8px;
}
.app-tab .app-tab__content .app-tab__menu-categories .app-tab__menu-category-photo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.menu-fat .app-tab__list {
flex: 0 0 auto;
width: 275px;
max-width: 275px;
padding: 14px 0 20px;
border-right: 1px solid #b8ced9;
border-right: 1px solid #b8ced9;
float: left;
}
.menu-fat .app-tab__list-inner {
height: 100%;
}
.fn1 a:hover {
text-decoration: underline;
}
.fn2 a:hover {
text-decoration: underline;
}
.fn3 a:hover {
text-decoration: underline;
}
.fn4 a:hover {
text-decoration: underline;
}
.men0505 {
float: left;
display: flex;
background: #eeeeee;
}
.men171221a a:hover {
text-decoration: underline;
color: #000;
}
#popup-bg {
display: none;
}
.workarea {
clear: both;
}
.success_result {
text-align: center;
padding-bottom: 10px;
}
.iph0604 {
float: left;
margin-left: 20px;
}
.hide+label,
.hide:checked+label {
display: inline-block;
background: url(/local/templates/ruselt/images/pointer.gif) left top no-repeat;
background-size: 11px;
padding-left: 25px;
margin-left: 15px;
}
.hide:checked+label {
border-bottom: 0;
}
.highlighted-list {
border: #666 dotted 1px;
border-left: 5px solid #174986;
color: #123b65;
font-size: 16px;
background: #fcfcfc;
margin: 0 40px 10px;
padding: 15px 15px 10px;
}
ul.info_section_child2016 li {
background: url(/local/templates/ruselt/images/pntr1.gif) left 60px top no-repeat;
color: #3f3f3f;
list-style: none;
margin: 2px 0;
font-size: 14px;
padding-left: 80px;
}
input {
outline: none;
}
input[type="text"],
input[type="email"],
input[type="password"] {
height: 20px;
/*margin-bottom:5px;*/
}
.hide,
.hide+label~div {
display: none;
}
.hide+label,
.hide:checked+label {
display: inline-block;
background: url(/local/templates/ruselt/images/pointer.gif) left top no-repeat;
background-size: 11px;
padding-left: 25px;
margin-left: 15px;
}
.hide:checked+label {
border-bottom: 0;
}
.hide:checked+label+div {
display: block;
padding-left: 20px;
border-left-width: 10px;
margin-left: 15px;
}
#hideBlock1 {
background: #fff;
min-width: 300px;
min-height: 100px;
margin-left: 40px;
line-height: 0;
background-repeat: no-repeat;
background-position: 56%;
display: flex !important;
justify-content: center;
align-items: center;
}
.p_img2 {
width: 300px;
}
.powprices {
float: left;
border: 1px solid #ccc;
background: #eee;
width: 45px;
height: 45px;
position: relative;
}
.our-branches__item {
width: 33%;
}
.our-branches__item p {
font-size: 12pt;
}
.our-branches__item b {
font-size: 12pt;
}
.noLink {
pointer-events: none;
}
.videos__item {
width: 32%;
margin-bottom: 25px;
}
.videos {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.videos__item iframe {
width: 100%;
height: 320px;
}
.about-container_numbers,
.advantages,
.clients-carousel,
.sertificates-carousel {
margin-bottom: 50px;
}
.clients-carousel,
.sertificates-carousel {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.sertificates-carousel__item {
height: auto;
margin-right: 20px;
}
.sertificates-carousel__item {
cursor: pointer;
}
.sertificates-carousel__item {
width: 18%;
border: #dfdfdf solid 1px;
text-align: center;
margin-top: 10px;
}
[class*="-carousel__item"] img {
max-width: 100%;
}
.tcalc {
width: 100%;
}
.tcalc img {
max-width: initial;
}
ul.catalog_section_child li {
background: url(/local/templates/ruselt/images/pntr1.gif) left top 5px no-repeat;
color: #3f3f3f;
float: left;
list-style: none;
margin: 0;
padding-left: 20px;
padding-top: 2px;
width: 45%;
}
.btn_blue {
width: 200px;
border: 1px solid rgb(31, 80, 156);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff !important;
text-decoration: none;
position: relative;
text-align: center;
background: #1f509c;
height: 40px;
font-size: 11pt;
vertical-align: middle;
font-weight: 700;
}
.kn2102 {
display: none;
}
.sha21 {
/*width:95%;*/
margin: 0 auto;
display: flow-root;
}
.rigmm2102 {
display: none;
}
body {
margin: 0px;
padding: 0px;
}
ul {
line-height: inherit;
display: block;
margin: 0px;
padding: 0px;
}
ul:after {
display: block;
float: none;
content: " ";
clear: both;
}
.news-item {
line-height: 20pt;
font-size: 12pt;
padding-right: 20px;
text-align: justify;
}
.mai1602 {
display: block;
width: 168px;
border: #235baf solid 1px;
margin-top: 10px;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: center;
}
.mai1602:hover {
background-color: #005cb6;
color: #fff;
text-decoration: none;
}
.callback-modal__title {
text-align: center;
font-weight: 600;
padding-top: 24px;
padding-bottom: 8px;
font-size: 22px;
}
.edit3 {
display: block;
width: 400px;
height: auto !important;
margin: 0 auto 12px;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
}
.edit14 {
display: block;
width: 400px;
height: auto !important;
margin: 0 auto 12px;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
}
.for1502 {
width: 421px;
margin: auto;
display: flex;
}
.edit18 {
display: block;
width: 425px;
height: auto !important;
margin: 0 auto 12px;
font-size: 14px;
line-height: 1.5;
padding: 10px 10px;
}
.for1502 input {
width: 100%;
height: auto !important;
margin: 0 auto 12px;
line-height: 1.5;
padding: 8px 10px;
}
.for1502 img {
margin-right: 10px;
}
.callback-modal .callmy>div:last-child {
width: 100% !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
position: relative;
background-color: #fff;
margin: auto;
padding: 0;
width: 100%;
max-width: 600px;
}
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
.close {
float: right;
font-size: 28px;
font-weight: bold;
padding-right: 10px;
}
.close:hover,
.close:focus {
color: #ff181f;
text-decoration: none;
cursor: pointer;
}
.bx-pagination .bx-pagination-container {
clear: both;
}
.bx-filter-container-modef {
display: none;
}
h1::first-letter {
text-transform: uppercase;
}
p::first-letter {
text-transform: uppercase;
}
.elec0702 {
color: #005cb6;
text-decoration: none;
font-weight: bold;
}
.scrollup {
width: 40px;
height: 40px;
opacity: 0.9;
position: fixed;
bottom: 35px;
right: 20px;
display: none;
text-indent: -9999px;
background: url(/images/icon_top.png) no-repeat;
}
a {
color: #000;
text-decoration: none;
}
.bx-content-section a:not([class]) {
text-decoration: underline;
}
.bx-content-section a:not([class]):hover {
text-decoration: none;
}
.bx_item_detail .bx_item_slider .bx_slide {
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
}
.bx_item_detail .bx_item_slider .bx_slide ul {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
white-space: nowrap;
}
.bx_item_detail .bx_item_slider .bx_slide ul li {
position: relative;
display: block;
float: left;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.bx_item_detail .bx_item_slider .bx_slide ul li .cnt {
position: absolute;
top: 0;
right: 2px;
bottom: 4px;
left: 2px;
display: block;
overflow: hidden;
border: 1px solid #c0cfda;
background: #fff;
}
.header_fixed {
width: 100%;
background-color: #005cb6;
}
.header_fixed .header__logo {
margin: -1px 7px 0 2px;
}
.header_fixed .header__item {
font-size: 16px;
}
.header__site {
float: left;
width: 350px;
font-weight: 700;
}
.contacts_appeal,
.contacts_networks,
.header__button,
.header__field {
vertical-align: middle;
}
.header__name {
font-size: 30px;
color: #fff;
}
.header__slogan {
margin: -4px 0 0;
padding: 0 0 12px;
font-size: 9px;
color: #00468b;
}
.header__phone {
font-weight: 100;
}
.header__menu {}
.header__list {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.header__item {
display: table-cell;
color: #fff;
font-size: 24px;
font-weight: 100;
line-height: 1;
}
.header__item_space {
width: 10%;
}
.header__item.header__item_space.last {
display: none;
}
.header__page {
display: inline-block;
padding-top: 12px;
}
.staff__cut {
padding: 0 0 20px;
}
.conditions {
position: relative;
font: 12px "Century Gothic", sans-serif;
color: #000;
}
.doctor__title,
.review__list {
position: relative;
}
.doctor__title,
.price__menu {
border-bottom: 1px solid #e7e7e7;
}
.header__item.active a {
background-color: #00468b;
color: #fff;
}
.header_fixed .header__list {
width: 100%;
}
.header__page {
border: 0;
padding: 5px;
}
.header__search {
top: 18px;
right: 10px;
}
.header {
padding-bottom: 0;
}
.header__page {
margin-top: 0;
border-top: 0;
color: #000;
font-size: 18px;
font-weight: 700;
font-family: "Century Gothic", sans-serif;
}
.header__page:hover {
color: #004789;
text-decoration: underline;
}
.header__page:focus {
color: #fff;
text-decoration: underline;
}
.header__item,
.header__item.parent>a {
position: relative;
}
.header__item>.header__list {
display: none;
}
.header__item:hover>.header__list {
display: block;
position: absolute;
top: 44px;
left: 0;
background-color: #004789;
width: 100%;
height: auto;
z-index: 999;
border-top: 3px solid #00468b;
padding: 10px 20px;
min-width: 290px;
}
.header__item>.header__list .header__item {
float: none;
width: 100%;
display: block;
text-align: left;
padding-bottom: 10px;
}
.header__item>.header__list .header__item:hover {
border-bottom-color: #00468b;
width: 250px;
}
.header__item>.header__list .header__item .header__page {
color: #fff;
font-size: 13px;
font-weight: 300;
border-bottom: 0;
padding: 2px 0 0;
min-height: 30px;
background: #004789;
left: 50px;
min-width: 200px;
}
.header__item>.header__list .header__item .header__page:hover {
color: #ffc120;
}
.header__item>.header__list .header__item .header__page1 {
color: #fff;
font-size: 13px;
font-weight: 300;
border-bottom: 0;
padding: 2px 0 0;
min-height: 13px;
background: #004789;
left: 50px;
padding-left: 30px;
padding-left: 2rem;
background-image: url(/images/svg-editor-image17.svg);
background-position: 0 0;
background-size: 0.9rem 0.9rem;
background-repeat: no-repeat;
}
.header__item>.header__list .header__item .header__page2 {
color: #fff;
font-size: 13px;
font-weight: 300;
border-bottom: 0;
padding: 2px 0 0;
min-height: 10px;
background: #004789;
left: 50px;
min-width: 200px;
}
.header__item>.header__list .header__item .header__page1:hover {
color: #ffc120;
}
.header_fixed .header {
padding: 3px 0 3px 41px;
}
.header_fixed .header__main {
width: 245px;
}
.header_fixed .header__logo {
width: 50px;
height: 40px;
}
.header_fixed .header__name {
display: block;
margin: 4px 0 0 5px;
overflow: inherit;
float: left;
line-height: 1;
}
.header_fixed .header__name img {
width: 150px;
height: auto;
}
.header_fixed .header__phone {
margin: 5px 0 0 22px;
float: left;
font-size: 22px;
}
.main-menu__item {
display: flex;
font-size: 14px;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
float: left;
background: #005cb6;
height: 66px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
position: relative;
transition: all 0.25s ease;
}
.main-menu__item-empty {
float: left;
width: 0;
position: relative;
z-index: 1001;
color: #fff
}
.main-menu__item-link {
text-decoration: none;
color: #fff;
display: flex;
align-items: flex-end;
padding: 0 8px 8px 8px;
}
.main-menu__item-link:hover {
color: #fff;
text-decoration: none;
background-color: #0057ad;
}
.main-menu__item:hover .ssubmenuu {
display: block;
}
.main-menu__item--about {
background: url("/images/svg-editor-image-inf.png") center 10px no-repeat;
}
.main-menu__item--contacts {
background: url("/images/svg-editor-image-9.png") center 10px no-repeat;
}
.main-menu__item--compare {
background: url("/images/svg-editor-image-1.png") center 10px no-repeat;
}
.main-menu__item--cart {
background: url("/images/svg-editor-image-2.png") center 10px no-repeat;
}
ul.ssubmenuu {
position: absolute;
width: 289px;
top: 66px;
left: -180px;
display: none;
background-color: white;
}
ul.ssubmenuu>li {
display: block;
}
ul.ssubmenuu>li>a {
text-align: left;
display: block;
text-decoration: none;
padding: 10px;
color: #032546;
background-color: #eeeeee;
font-size: 10pt;
padding-left: 20px;
}
ul.ssubmenuu>li>a:hover {
background-color: #005cb6;
color: #fff;
text-decoration: underline;
}
.header_fixed,
.header_fixed_ {
position: sticky !important;
top: 0px;
z-index: 1000;
}
body {
display: block;
margin: 0;
}
.bx-searchtitle .bx-block-title {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #343434;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 9px;
font-weight: 600;
}
.bx-searchtitle .bx-input-group {
position: relative;
display: table;
border-collapse: separate;
box-sizing: border-box;
top: 5px;
}
.bx-searchtitle .bx-input-group .bx-form-control {
width: 100%;
height: 34px;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
background-image: linear-gradient(#f8fafc 0, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
position: relative;
font-size: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
top: 0px;
width: 38px;
height: 34px;
margin-left: 10px;
position: relative;
border: 0;
background: #95a1a8;
display: inline-block;
margin-bottom: 0;
cursor: pointer;
padding: 6px 12px;
border-radius: 0;
color: #fff;
font-size: 16px;
line-height: 1.42857143;
user-select: none;
transition: all 0.3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
background: #e3000f;
}
div.title-search-result {
border: #c6c6c6 solid 1px;
display: none;
overflow: hidden;
z-index: 999;
min-width: 370px;
margin-top: -3px;
background-color: #fff;
}
@media (max-width: 767px) {
div.title-search-result {
min-width: unset;
}
}
.guaranty-schema {
display: flex;
flex-wrap: nowrap;
}
.not-guaranty-case {
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
@media (max-width: 560px) {
.not-guaranty-case {
flex-wrap: wrap;
}
}
.not-guaranty-case img {
position: static;
margin: 0 10px 0 0;
max-height: unset;
border: #255aa7 solid 1px;
width: 72px;
}
ul.info_section_list li {
background: url(/images/pointer.gif) left top 6px no-repeat;
background-size: 11px;
color: #000;
list-style: none;
margin-bottom: 5px;
padding-left: 20px;
text-align: left;
}
.form15:after {
clear: both;
display: table;
height: 0;
content: "";
}
.info_section_list {}
div.d-ot2 {
width: 600px;
padding-top: 50px;
padding-left: 30px;
text-align: left;
}
div.ot1-1 {
width: 15%;
float: left;
text-align: center;
}
img.ot1-2 {
width: 100%;
max-width: 100px;
}
div.ot1-3 {
width: 85%;
background: #faf7f8;
float: left;
text-align: left;
}
div.ot1-4 {
width: 85%;
float: left;
text-align: left;
}
img.ot1-5 {
width: 100%;
max-width: 100px;
border: #174986 solid 1px;
float: right;
}
p.ot1-6 {
padding: 10px;
}
.index-title {
padding-top: 10px;
margin-top: 5px;
}
.index-title:hover {}
h5 {
color: #ce0000;
}
.table-3-3-cell div.index-title {
box-shadow: inset 0px 0px 0px 1px #ccc;
min-height: 180px;
text-align: center;
font-size: 12pt;
width: 100%;
}
.table-3-3-cell div.index-title a {
display: block;
padding: 8px 16px;
padding-top: 0px;
}
.table-3-3-cell div.index-title img {
max-width: 100%;
height: auto;
}
.table-3-3-cell div.index-title:hover {}
.table-3-3-cell {
position: relative;
display: inline-block;
}
.table-3-3-cell-content {
display: none;
position: absolute;
background-color: #fff;
width: 100%;
z-index: 1;
box-shadow: inset 0px 0px 0px 1px #ccc;
}
.table-3-3-cell-content a {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size: 10pt;
text-align: left;
border-top: 1px solid #fff;
}
.table-3-3-cell-content a:hover {
background-color: #ddd;
}
.table-3-3-cell:hover .table-3-3-cell-content {
display: block;
left: 0px;
}
ul.rs_list_pdf li {
background: url(/images/pntr1.gif) left top no-repeat;
color: #3f3f3f;
font-weight: 100;
font-size: 14px;
list-style: none outside none;
margin-bottom: 5px;
padding-left: 20px;
}
img.gar1 {
max-height: 120px;
}
@media screen and (max-width: 580px) {
img.gar1 {
max-height: 75px;
}
.gallery-inner__item {
min-width: 350px;
}
}
.table-3-3 {
display: flex;
flex-wrap: wrap;
margin: auto;
grid-gap: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.table-3-3 * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lazy_ {
width: 100px;
margin-top: 10px;
}
.lazy_2 {
width: 200px;
margin-top: 10px;
}
.acenter {
text-align: center;
}
.f1512 {
font-weight: 500;
margin-bottom: 10px;
margin-top: 10px;
font-size: 16px;
line-height: 1.25;
}
.f1512:hover {
color: #000;
}
.table-3-3 .table-3-3-cell {
width: 32%;
}
.table-3-3 .table-3-3-cell,
.table-3-3 .table-3-3-cell1 {
height: auto;
display: flex;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: stretch;
}
.table-3-3-cell {
vertical-align: top;
position: relative;
}
.table-3-3 .table-3-3-cell a {
text-decoration: none;
}
.men1712 {
font-size: 12px;
text-decoration: none;
}
.men1712:hover {
text-decoration: none;
color: #000;
}
.men171221 {
height: 50px;
padding-left: 35px;
display: flex;
align-items: center;
}
.plus {
display: none;
}
.men171221:hover {
box-shadow: inset -0.5rem 0 0 0 #e31235;
background: #fff;
}
.men171221a {
margin-top: 5px;
font-size: 10pt;
line-height: 1.1;
padding: 4px 0 4px 12px;
}
.popup-window,
.popup-window.popup-window-with-titlebar {
padding: 20px 30px;
}
.popup-window {
overflow: hidden;
}
@media screen and (max-width: 580px) {
.men171221:hover {
box-shadow: none;
background: none;
}
.popup-window-content img {
width: 99%;
height: 99%;
}
.popup-window.popup-window-with-titlebar {
padding: 0px 0px;
}
.popup-window-with-titlebar .popup-window-content {
padding: 0px 0px;
}
.men1712_wrap {
display: flex;
align-items: center;
margin: 7px 0;
}
.men1712_wrap,
.men1712 {
height: auto;
line-height: initial;
}
.men1712 {
font-size: 14px;
padding-left: 30px;
}
.men171221 {
padding-left: 0;
}
.plus {
display: inline-block;
padding: 5px 13px;
margin: 3px 0 0 -5px;
cursor: pointer;
font-size: 18px;
}
.men1712 {
display: block;
line-height: initial;
}
.men171221 {
display: inline;
}
.menu-categories__title {
font-size: 12px;
text-decoration: none;
font-weight: normal;
padding-left: 50px;
text-align: left;
padding-bottom: 0;
display: inline-block;
}
.menu-categories__title,
.menu-categories-inner {
display: none;
}
.menu-categories__title.active,
.menu-categories-inner.active {
display: block;
}
.menu-categories-inner {
margin-bottom: 10px;
padding-left: 50px;
}
.menu-categories-inner .menu-categories-inner {
padding-left: 20px;
}
.menu-categories-inner a div {
font-size: 12px;
}
.fl41 {
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 20px;
}
.menu-categories__title::last-child {
margin-bottom: 4px;
}
.menu-categories__title.single .men171221a {
padding: 4px 0 4px 0;
}
}
.men171221a--grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 0px;
}
div.title-search-fader {
display: none;
background-position: right top;
background-repeat: repeat-y;
position: absolute;
}
p.title-search-preview {
font-size: 12px;
}
div.title-search-result td.title-search-price span {
font-size: 26px;
}
.bx_searche .bx_img_element {
background: #fafafa;
float: left;
width: 67px;
padding: 5px 10px;
position: absolute;
top: 0;
bottom: 0;
}
.bx_searche .bx_item_block {
min-height: 65px;
position: relative;
}
.bx_searche .bx_image {
width: 45px;
height: 45px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: #e8e8e8 solid 1px;
}
.bx_searche .bx_item_element {
padding-left: 10px;
margin-left: 70px;
}
.bx_searche .bx_item_element hr {
margin: 0;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a {
margin-top: 10px;
display: inline-block;
color: #4788cb;
font-size: 13px;
text-decoration: none;
}
.bx_searche .bx_item_element a b {
color: #000;
font-weight: normal;
}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
text-decoration: underline;
}
.bx_searche .bx_price {
font-weight: bold;
font-size: 13px;
}
.bx_searche .bx_price .old {
font-weight: normal;
text-decoration: line-through;
color: #636363;
}
.bx_item_block.all_result {
min-height: 0;
}
.bx_item_block.others_result {
min-height: 0;
padding: 0 0 12px;
line-height: 12px;
}
.bx_item_block.all_result .all_result_title {
display: block;
font-size: 12px;
color: #a7a7a7;
padding-top: 15px;
padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a {
color: #a7a7a7;
}
.bx_item_block.all_result .all_result_title a:hover {
color: #4788cb;
}
.bx_item_block.all_result a {
margin-top: 0;
}
@media screen and (min-width: 801px) {
.globalMenu {
display: none;
}
div.bx-sidebar-block {
float: left;
max-width: 50%;
left: 10px;
padding-left: 10px;
}
div.proimg {
max-width: 300px;
}
}
@keyframes borderview {
from {
border: #fdfdfd solid 1px;
box-shadow: 0 0 0 0 rgb(0, 0, 0, 0);
}
to {
border: #d3d3d3 solid 1px;
box-shadow: 0 2px 5px 0 rgb(0, 0, 0, 0.18);
}
}
#icons_sprite_svg {
display: none;
}
.edit2 {
display: block;
width: 30% !important;
height: auto !important;
margin: 0 auto 12px;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
float: left;
margin-left: 5px;
}
.conditions__submit {
width: 100%;
max-width: 300px;
color: #fff;
background-color: #255aa7;
border: none 0;
display: block;
height: auto !important;
margin: 12px auto;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
}
.highlighted-list {
border: #666 dotted 1px;
border-left: 5px solid #255aa7;
color: #000;
font-size: 16px;
background: #fcfcfc;
margin: 0 40px 10px;
padding: 15px 15px 10px;
}
body {
background-attachment: fixed;
background-size: cover;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#pagetitle {
text-align: left;
font-size: 22px;
font-weight: 700;
line-height: 1;
color: rgba(0, 0, 0, 1);
padding-top: 38px;
padding-bottom: 10px;
}
h1,
h2,
h3,
h5 {
font-family: "Century Gothic", sans-serif;
font-weight: normal;
text-align: center;
margin-bottom: 10px;
font-weight: 700;
padding-top: 5px;
padding-bottom: 5px;
}
.bx-content-section,
.bx-header-section {
padding-bottom: 2px;
}
.bx-header-logo {
order: 1;
}
.bx-header-personal {
order: 3;
}
.bx-header-contact {
order: 2;
}
.bx-logo-block {
display: block;
height: 50px;
border-bottom: none;
}
.bx-logo-block img {
max-height: 50px;
width: auto;
}
@media (max-width: 767px) {
.bx-logo-block img {
max-width: 100%;
max-height: 45px;
width: auto;
height: auto;
}
.bx-header-logo {
padding: 5px 50px;
height: 55px;
}
.bx-logo-block {
height: auto;
}
body.bx-theme-green .bx-store-logo {
background: #33b111;
}
}
.bx-header-phone-block {
display: flex;
align-items: center;
}
.bx-header-phone-number {
color: #000;
white-space: nowrap;
font: 700 21px/28px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
transition: all 250ms linear;
}
.bx-header-phone-icon {
display: block;
margin-right: 10px;
width: 26px;
height: 26px;
background: url(/local/templates/ruselt/images/phone.svg) center no-repeat;
}
@media (max-width: 991px) {
.bx-header-phone-number {
font: 600 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
}
.bx-header-worktime {
color: #000;
font: 600 16px/22px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
transition: all 250ms linear;
}
.bx-worktime-title {
color: #adadad;
font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bx-worktime-schedule {
color: #000;
font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
.bx-header-worktime {
font: 500 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
}
.sidebar-block-title {
color: #343434;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.bx-footer-bg {
background-color: #1f496a;
}
.bx-footer-logo {
border-bottom: none !important;
text-decoration: none !important;
}
.bx-footer-logo img {
max-width: 100%;
height: auto;
}
.bx-inclinkspersonal-item.bx-theme-blue:hover {
background: #0083d1;
}
.bx-theme-blue.bx-inclinkspersonal-selected {
background: #3398d7;
}
.bx-inclinkspersonal-item.bx-theme-black:hover {
background: #303030;
}
.bx-theme-black.bx-inclinkspersonal-selected {
background: #484848;
}
.bx-inclinkspersonal-item.bx-theme-green:hover {
background: #44b1c9;
}
.bx-theme-green.bx-inclinkspersonal-selected {
background: #5cc3d1;
}
.bx-inclinkspersonal-item.bx-theme-red:hover {
background: #e63c3c;
}
.bx-theme-red.bx-inclinkspersonal-selected {
background: #e95c5c;
}
.bx-inclinkspersonal-item.bx-theme-yellow:hover {
background: #f4a52e;
}
.bx-theme-yellow.bx-inclinkspersonal-selected {
background: #fbb859;
}
.g-font-size-15 {
font-size: 15px;
}
.g-font-size-17 {
font-size: 17px;
}
.g-font-size-20 {
font-size: 20px;
}
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
text-transform: uppercase;
font-size: 14px;
font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar li {
font-size: 12px;
font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar-icon {
width: 27px;
height: 27px;
margin-right: 5px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
}
.sidebar-icon-label {
background-image: url(/local/templates/ruselt/images/label.svg);
background-size: 19px auto;
}
.sidebar-icon-delivery {
background-image: url(/local/templates/ruselt/images/delivery.svg);
background-size: 17px auto;
}
.sidebar-icon-sale {
background-image: url(/local/templates/ruselt/images/sale.svg);
background-size: auto 17px;
}
.sidebar-icon-self {
background-image: url(/local/templates/ruselt/images/self.svg);
background-size: auto 17px;
}
.sidebar-icon-phone {
background-image: url(/local/templates/ruselt/images/phone_white.svg);
background-size: auto 21px;
}
.tab1 {
background: #fff;
height: 128px;
font-family: "Century Gothic", sans-serif;
width: 100%;
margin: auto;
max-width: 1500px;
}
div.logo {
width: 634px;
height: 115px;
background-image: url(/include/logo_new.png);
margin-bottom: 30px;
margin-top: 10px;
}
.menuphone {
top: 190px;
z-index: 1001;
width: 35px;
padding-top: 12px;
padding-bottom: 17px;
height: 60px;
}
.bx-filter {
width: 100%;
min-width: 220px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 20px;
margin-top: 30px;
}
.bx-filter .bx-filter-section {
position: relative;
padding-top: 16px;
}
.bx-filter .bx-filter-section>.row {
padding: 0 5px;
}
.bx-filter .bx-filter-title {
font-size: 18px;
margin-bottom: 10px;
color: #000;
text-align: center;
}
.bx-filter .bx-filter-parameters-box {
position: relative;
}
.bx-filter .bx-filter-parameters-box-title {
font-size: 13px;
padding-bottom: 7px;
}
@media (min-width: 992px) {
.bx-filter .bx-filter-section .col-md-4:nth-child(3n + 1) {
clear: both;
}
.popup-window-content img {}
}
@media (min-width: 768px) and (max-width: 991px) {
.bx-filter .bx-filter-section .col-md-4:nth-child(2n + 1) {
clear: both;
}
}
.bx-filter .bx-filter-parameters-box-title span {
color: #000000;
border-bottom: 1px solid transparent;
cursor: pointer;
font-size: 15px;
border-bottom: 1px dashed #000;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover {
border-color: transparent;
}
.bx-filter .bx-filter-block {
display: none;
transition: padding 0.3s ease;
box-sizing: content-box;
}
.bx-filter .bx-filter-button-box .bx-filter-block,
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
display: block;
}
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
font-size: 14px;
font-style: normal;
display: block;
padding-bottom: 5px;
}
.bx-filter-parameters-box-container {
padding-bottom: 20px;
}
.bx-filter-parameters-box-container .checkbox:first-child {
margin-top: 0;
}
.bx-filter .bx-filter-parameters-box-container-block {
font-size: 11px;
color: #3f3f3f;
float: left;
width: 49%;
}
.bx-filter .bx-filter-input-container input {
display: block;
width: 92%;
font-size: 18px;
height: 38px;
margin: 0;
padding: 0 4px;
border: #ccd5db solid 1px;
border-radius: 2px;
background: #fff;
outline: none;
}
.bx-retina .bx-filter .bx-filter-input-container input {
border-style: solid;
border-width: 1px;
}
.bx-ios .bx-filter .bx-filter-input-container input {
background-image: linear-gradient(#ffffff 0%, #ffffff 100%);
}
.bx-filter .bx-filter-button-box {
clear: both;
}
.bx-filter .bx-ui-slider-track-container {
padding-top: 35px;
padding-bottom: 25px;
clear: both;
}
.bx-filter .bx-ui-slider-track {
position: relative;
height: 7px;
}
.bx-filter .bx-ui-slider-part {
position: absolute;
top: -6px;
width: 1px;
height: 17px;
background: #a2bfc7;
}
.bx-filter .bx-ui-slider-part.p1 {
left: -1px;
}
.bx-filter .bx-ui-slider-part.p2 {
left: 25%;
}
.bx-filter .bx-ui-slider-part.p3 {
left: 50%;
}
.bx-filter .bx-ui-slider-part.p4 {
left: 75%;
}
.bx-filter .bx-ui-slider-part.p5 {
right: -1px;
}
.bx-filter .bx-ui-slider-part span {
font-size: 11px;
position: absolute;
top: -16px;
left: 50%;
display: block;
width: 100px;
margin-left: -50px;
text-align: center;
color: #000;
}
.bx-filter .bx-ui-slider-part.p2 span,
.bx-filter .bx-ui-slider-part.p3 span,
.bx-filter .bx-ui-slider-part.p4 span {
color: #6b8086;
}
.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {
position: absolute;
top: 0;
bottom: 0;
}
.bx-filter .bx-ui-slider-range {
z-index: 50;
}
.bx-filter .bx-ui-slider-pricebar {
z-index: 100;
}
.bx-filter .bx-ui-slider-pricebar-vd {
z-index: 60;
}
.bx-filter .bx-ui-slider-pricebar-vn {
z-index: 70;
}
.bx-filter .bx-ui-slider-pricebar-v {
z-index: 80;
}
.bx-filter .bx-ui-slider-handle {
position: absolute;
top: 100%;
width: 22px;
height: 22px;
border-bottom: none;
}
.bx-filter .bx-ui-slider-handle:hover {
cursor: grab;
}
.bx-filter .bx-ui-slider-handle:active {
cursor: grabbing;
}
.bx-filter .bx-ui-slider-handle.left {
left: 0;
margin-left: -21px;
}
.bx-filter .bx-ui-slider-handle.right {
right: 0;
margin-right: -21px;
}
.bx-filter .bx-filter-select-container {
display: block;
box-sizing: border-box;
height: 35px;
border-radius: 3px;
border: #ccd5db solid 1px;
}
.bx-retina .bx-filter .bx-filter-select-container {
border-style: solid;
border-width: 1px;
}
.bx-filter .bx-filter-select-block {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
height: 33px;
margin: 0;
padding: 0 33px 0 10px;
border: none;
border-radius: 2px;
background: #fff;
}
.bx-filter .bx-filter-select-text {
font-size: 15px;
line-height: 33px;
overflow: hidden;
max-width: 100%;
height: 33px;
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
}
.bx-filter .bx-filter-select-text.fix {
min-width: 120px;
}
.bx-filter .bx-filter-select-text label {
cursor: pointer;
}
.bx-filter .bx-filter-select-arrow {
position: absolute;
top: 0;
right: 0;
width: 34px;
height: 33px;
cursor: pointer;
}
.bx-filter-select-popup {
background: #fff;
padding: 0;
min-width: 173px;
}
.bx-filter-select-popup ul {
margin: 0;
padding: 0;
list-style: none;
}
.bx-filter-select-popup ul li {
display: block;
text-align: left;
vertical-align: middle;
}
.bx-filter-select-popup ul li:first-child {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
margin-bottom: 5px;
}
.bx-filter-select-popup ul li label {
font-size: 14px;
line-height: 26px;
display: block;
text-align: left !important;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 26px;
padding: 0 5px;
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
color: #575757;
}
.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {
color: #000;
background: #f3f8fa;
}
.bx-filter-select-popup ul li label.disabled {
color: #b8b8b8;
background: transparent;
}
.bx-filter-select-popup ul li .bx-filter-param-text {
line-height: 34px !important;
}
.bx-filter .bx-filter-tag {
padding: 18px;
}
.bx-filter .bx-tag-link {
font-size: 12px;
text-decoration: none;
text-shadow: none;
}
.bx-filter .bx-tag-link.bx-active,
.bx-filter .bx-tag-link:hover {
color: #1d3d46;
}
.bx-filter .bx-filter-param-label {
min-height: 20px;
font-weight: normal;
cursor: pointer;
}
.bx-filter .bx-filter-param-btn-inline .bx-filter-param-label {
float: left;
display: block;
margin-right: 5px;
}
.bx-filter .bx-filter-param-btn-block .bx-filter-param-label {
display: block;
}
.bx-filter .bx-filter-param-label.dib {
display: inline-block;
}
.bx-filter .bx-filter-param-text {
font-weight: normal;
}
.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text {
color: #6c6c6c;
}
.bx-filter-select-popup .bx-filter-param-label.bx-active {
background: #f3f8fa;
}
.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
display: block;
text-align: left;
font-size: 12pt;
}
.bx-filter .bx-filter-param-btn {
font-weight: normal;
display: inline-block;
width: 38px;
height: 38px;
padding: 6px;
text-align: center;
text-decoration: none;
color: #000;
vertical-align: middle;
border: #ccd5db solid 1px;
border-radius: 2px;
background: #fff;
position: relative;
transition: border 0.3s ease, box-shadow 0.1s ease, color 0.3s ease;
cursor: pointer;
}
.bx-retina .bx-filter .bx-filter-param-btn {
border-style: solid;
border-width: 1px;
}
.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl {
background: transparent;
box-shadow: none;
}
.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl {
position: relative;
}
.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before {
position: absolute;
bottom: 0;
right: 0;
top: 0;
left: 0;
content: " ";
display: block;
z-index: 100;
opacity: 0.7;
}
.bx-filter .bx-filter-param-btn .bx-filter-param-text {
line-height: 26px;
}
.bx-filter .bx-filter-param-btn.bx-spm {
width: 23px;
min-width: 23px;
height: 23px;
line-height: 23px;
font-weight: normal;
padding: 0;
font-size: 17px;
color: #767b7e;
vertical-align: top;
border-radius: 50%;
background-color: transparent;
}
.bx-filter .bx-filter-param-btn.bx-spm:active {
outline: none !important;
box-shadow: 0 2px 3px rgb(0, 0, 0, 0.12) inset;
}
.bx-filter span.bx-spm {
font-size: 18px;
line-height: 23px;
display: inline-block;
height: 23px;
margin: 0 10px;
vertical-align: middle;
color: #000;
}
.bx-filter-select-popup .bx-filter-select-text-icon,
.bx-filter .bx-filter-select-text-icon {
line-height: 33px;
position: relative;
display: inline-block;
width: 23px;
height: 23px;
margin-top: -4px;
margin-right: 2px;
vertical-align: middle;
border-radius: 2px;
}
.bx-filter-select-popup .bx-filter-btn-color-icon,
.bx-filter .bx-filter-btn-color-icon {
line-height: 24px;
border-radius: 2px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
box-shadow: 0 0 0 1px rgb(0, 0, 0, 0.05) inset;
background-size: cover;
}
.bx-filter-select-popup .bx-filter-btn-color-icon {
width: 20px;
height: 20px;
margin: 2px 0;
top: 0 !important;
}
.bx-filter .bx-filter-select-block .bx-filter-btn-color-icon {
top: -1px !important;
}
.bx-filter-btn-color-icon.all {
position: relative;
border: none;
box-shadow: none;
}
.bx-filter-btn-color-icon.all:after,
.bx-filter-btn-color-icon.all:before {
position: absolute;
width: 60%;
height: 60%;
background: #fff;
content: " ";
box-shadow: 0 0 0 1px rgb(0, 0, 0, 0.2) inset;
}
.bx-filter-btn-color-icon.all:after {
right: 0;
bottom: 0;
}
.bx-filter-btn-color-icon.all:before {
top: 0;
left: 0;
}
.bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon {
opacity: 0.2;
}
.bx-filter .bx-filter-parameter-biz {
font-size: 14px;
line-height: 15px;
display: inline-block;
margin-right: 10px;
text-decoration: none;
color: #1485ce;
border-bottom: 1px dashed;
}
.bx-filter .bx-filter-parameter-biz:hover {
text-decoration: none;
border-bottom: 1px solid;
}
.bx-filter .bx-filter-parameter-biz.bx-active {
position: relative;
color: #000;
border-color: transparent;
}
.btn-themes {
color: #fff;
}
.btn-themes.bx-active,
.btn-themes.focus,
.btn-themes:active,
.btn-themes:focus,
.btn-themes:hover {
color: #fff;
}
.bx-filter .bx-filter-popup-result {
font-size: 13px;
font-weight: normal;
position: absolute;
z-index: 915;
display: none;
line-height: normal;
margin-top: -7px;
margin-left: 10px;
padding: 0 10px;
white-space: nowrap;
color: #3f3f3f;
min-height: 37px;
line-height: 18px;
border-style: solid;
border: #c6dce7 solid 1px;
}
.bx-filter .bx-filter-popup-result.left {
border-width: 2px 10px 2px 2px;
}
.bx-filter .bx-filter-popup-result.right {
border-width: 2px 2px 2px 10px;
}
.bx-filter .bx-filter-popup-result.right {
left: 97%;
}
.bx-filter .bx-filter-popup-result.left {
right: 97%;
}
.bx-filter-horizontal .bx-filter-popup-result {
display: inline-block;
position: relative;
left: auto;
right: auto;
bottom: -7px;
}
.bx-filter .bx-filter-popup-result a {
color: #0073a3;
line-height: 10px;
}
.bx-filter .bx-filter-popup-result a:hover {
text-decoration: none;
}
.bx-filter .bx-filter-popup-result-close {
display: none;
}
@media (max-width: 992px) {
#pagetitle {
font-size: 20px;
padding-top: 24px;
padding-bottom: 8px;
}
}
@media (max-width: 767px) {
.bx-touch .bx-filter .bx-filter-popup-result {
font-size: 12px;
line-height: 14px;
position: fixed !important;
z-index: 1001;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin-top: 0;
margin-left: 0;
width: auto;
height: auto;
padding: 10px;
border-radius: 2px;
border: #c6dae7 solid 1px;
background: rgb(255, 255, 255, 0.9);
}
.bx-touch .bx-filter .bx-filter-popup-result br {
display: none;
}
.bx-filter .bx-filter-popup-result .arrow {
display: none;
}
}
.smartfilter {
width: 90%;
margin: auto;
}
@media screen and (max-width: 800px) {
.col {
margin-bottom: 20px;
width: 95%;
margin: auto;
}
.workarea {
margin: auto;
position: relative;
}
.bx_slider_conteiner {
display: none;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}
div.logo {
background-image: url(/include/logo_m.png);
}
.globalMenu {
overflow: hidden;
z-index: 90;
float: left;
}
.globalMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.globalMenu li {
margin: 0;
padding: 0;
}
.globalMenu a {
text-decoration: none;
}
.globalMenu>ul>li {
float: left;
display: block;
}
.globalMenu ul.hidden {
display: none;
}
.globalMenu {
height: 46px;
}
.globalMenu>ul>li>a span {
height: 46px;
color: #3f3f3f;
display: block;
padding: 5px 30px 20px 10px;
}
.globalMenu>ul>li>a:hover span,
.globalMenu>ul>li>a.selected span {
background-color: #174986;
color: #fff;
}
.globalMenu>ul>li>ul {
display: block;
clear: both;
margin-bottom: 10px;
position: absolute;
z-index: 1;
top: 45px;
background-color: red;
background-color: #174986;
}
.globalMenu>ul>li>ul a span {
padding: 7px 10px;
clear: both;
display: block;
color: #fff;
text-transform: none;
font-weight: 700;
font-size: 14pt;
}
.globalMenu>ul>li>ul>li>ul a span {
padding-left: 20px;
padding-top: 1px;
padding-bottom: 1px;
}
.globalMenu>ul>li>ul>li>ul a:last-child {
margin-bottom: 20px;
}
.globalMenu>ul>li>ul a:hover span,
.globalMenu>ul>li>ul a.selected span {
background-color: #174986;
color: #fff;
}
.globalMenu ul li ul {
display: none;
}
.globalMenu ul li:hover ul {
display: block;
}
.globalMenu ul li ul li:last-child {
margin-bottom: 7px;
}
.globalMenu ul li ul li ul li span {
text-transform: capitalize;
}
div.header__list {
display: none;
}
.bx-sidebar-block {
margin-bottom: 40px;
float: right;
max-width: 85%;
left: 10px;
padding-left: 10px;
margin-right: 10px;
}
div.m1411 {
display: none;
}
div.m1412 {
position: relative;
}
div.m1413 {
text-align: center;
border: #ccc solid 1px;
margin-bottom: 10px;
width: 43%;
margin-right: 10px;
float: left;
}
div.bx_rt1 {
display: none;
}
div.bx-breadcrumb {
width: 100%;
}
div.bx_item_description {
font-size: 13pt;
}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
font-size: 15pt;
}
div.futmob {
display: none;
}
div.bx_filter .bx_filter_section {
font-size: 15pt;
}
.bx-basket-block span {
display: none;
}
div.m121220 {
float: initial;
padding-right: 0;
font-size: 20px;
}
span.product-item-price-current {
font-size: 20px;
}
div.m1212n {
width: 100%;
max-width: 1050px;
margin-top: 30px;
}
}
@media (min-width: 1900px) and (max-width: 1930px) {
div.bx-sidebar-block {
float: left;
min-width: 566px;
left: 10px;
padding-left: 10px;
width: 100%;
}
}
.dy-item-100313587 img {
width: 40px;
height: 40px;
margin-right: 15px;
}
.dy-item-100313587 a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 18px;
color: #2274a5;
font-weight: normal;
text-decoration: none;
cursor: pointer;
transition: color 0.1s ease;
}
.dy-item-100313587 a:hover {
color: #255aa7;
}
.dy-item-100313587 .dy-link_text--desktop {
display: none;
}
.dy-item-100313587.no-hover a {
cursor: default;
}
.dy-item-100313587 {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dy-item-100313587+.dy-item-100313587 {
margin-top: 10px;
}
.dy-100313587 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dy-100313587 {
padding-top: 10px;
height: 40px;
}
.Footer__link.dy-replace {
display: none;
}
@media only screen and (min-width: 560px) {
.dy-100313587 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dy-item-100313587+.dy-item-100313587 {
margin-left: 10px;
margin-top: 0;
}
.Footer__gdpr {
text-align: right;
}
}
@media only screen and (min-width: 768px) {
.dy-item-100313587 {
position: absolute;
bottom: 0;
left: 0;
padding-bottom: 14px;
}
.dy-item-100313587 .dy-link_text--mobile {
display: none;
}
.dy-item-100313587 .dy-link_text--desktop {
display: block;
}
.dy-item-100313587 img {
width: 60px;
height: 60px;
}
.Footer__contact {
margin-bottom: 50px;
}
.dy-item-100313587 a:last-child {
margin-top: 10px;
}
}
@media only screen and (min-width: 1024px) {
.elec0702 {
font-size: 30px;
}
.dy-100313587 {
height: 0;
padding-top: 0;
}
}
@media only screen and (min-width: 1280px) {
.elec0702 {
font-size: 50px;
}
.Footer__link.dy-replace {
display: block;
margin-top: 16px;
}
.Footer__contact {
margin-bottom: 0;
}
.Footer__gdpr .Footer__link {
opacity: 0;
visibility: hidden;
}
.dy-100313587 {
position: absolute;
right: 0;
bottom: -90px;
width: 330px;
}
.dy-item-100313587 a:last-child {
margin-top: 19px;
}
}
@media only screen and (min-width: 1440px) {
.dy-item-100313587 a:last-child {
margin-top: 13px;
}
}
.HeaderAlert {
position: fixed;
top: 55px;
left: 0;
width: 100%;
padding-bottom: 30px;
overflow: hidden;
z-index: 99;
visibility: hidden;
}
.HeaderAlert_custom-parent-element {
position: fixed;
top: 0;
z-index: 101;
}
.HeaderAlert__container {
display: flex;
width: 100%;
transform: translateY(-20px);
justify-content: center;
align-items: center;
background-color: #fff;
opacity: 0;
box-shadow: 0 5px 25px rgb(30, 31, 33, 0.12);
border-top: 2px solid transparent;
transition: all 0.3s ease;
}
.HeaderAlert__container_dangerous {
border-top-color: #ed0000;
}
.HeaderAlert__container_neutral {
border-top-color: #255aa7;
}
.HeaderAlert__container_confirm {
border-top-color: #04b979;
}
.HeaderAlert_open {
visibility: visible;
}
.HeaderAlert_open .HeaderAlert__container {
opacity: 1;
transform: translateY(0);
}
.HeaderAlert__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 25px 40px;
}
@media only screen and (min-width: 1024px) {
.HeaderAlert__content {
flex-direction: row;
margin: 0;
}
}
.HeaderAlert__confirm-button {
margin-top: 10px;
padding: 5px 90px;
font-size: 14px;
line-height: 20px;
border: #b3b3b7 solid 1px;
border-radius: 100px;
cursor: pointer;
}
.HeaderAlert__confirm-button:hover {
color: #255aa7;
border-color: #255aa7;
}
@media only screen and (min-width: 1024px) {
.HeaderAlert__confirm-button {
margin: 0 0 0 20px;
padding: 5px 35px;
}
}
.HeaderAlert__text {
font-size: 14px;
line-height: 16px;
text-align: center;
}
@media only screen and (min-width: 1024px) {
.HeaderAlert__text {
padding: 17px 0;
}
}
.HeaderAlert__close-btn {
position: absolute;
right: 10px;
color: #b3b3b7;
cursor: pointer;
}
.HeaderAlert__close-btn:hover {
color: #255aa7;
}
.HeaderAlert__link {
margin-left: 20px;
text-decoration: none;
}
.BasketPreloader {
width: 100%;
height: 2px;
text-align: center;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}
.BasketPreloader i {
position: absolute;
display: inline-block;
height: 2px;
left: 0;
width: 100%;
animation: preloader-line 1s ease-in-out infinite;
}
.BasketPreloader i:first-child {
background-color: #ed0000;
}
.BasketPreloader i:nth-child(2) {
background-color: #255aa7;
animation-delay: 0.6s;
}
.BasketPreloader i:nth-child(3) {
background-color: #2274a5;
animation-delay: 1.2s;
}
.BasketPreloader i:nth-child(4) {
animation-delay: 1.8s;
}
@keyframes preloader-line {
0% {
width: 0;
left: 50%;
z-index: 10000;
}
80% {
width: 100%;
left: 0;
z-index: 1001;
}
to {
width: 100%;
left: 0;
z-index: 1002;
}
}
.CompareNotification {
position: absolute;
bottom: 100%;
width: 100%;
box-sizing: border-box;
display: none;
align-items: center;
padding: 10px 5%;
background-color: #fff;
color: #000;
box-shadow: 0 -2px 2px rgb(0, 0, 0, 0.12);
transition: all 1s ease;
}
.CompareNotification_show {
display: flex;
}
.CompareNotification_show~div {
box-shadow: none;
border-top: 1px solid #dfdfe1;
}
@media only screen and (min-width: 1024px) {
.CompareNotification_show~div {
border-top: none;
}
}
@media only screen and (min-width: 768px) {
.CompareNotification {
display: none;
}
}
.CompareNotification__icon {
margin-left: 5px;
}
.CompareNotification__text {
margin-left: 10px;
font-size: 14px;
}
.CompareNotification__close-btn {
margin-left: auto;
cursor: pointer;
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
margin: 0;
outline: 0;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: initial;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol,
ul {
font-size: 13px;
line-height: 2;
}
table {
border-collapse: initial;
border-spacing: 0;
}
caption,
table,
td,
th {
vertical-align: middle;
}
caption,
td,
th {
text-align: left;
font-weight: 400;
}
a img {
border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
margin: 0;
padding: 0;
border: 0;
outline: 0;
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
[hidden],
audio:not([controls]) {
display: none;
}
button,
input,
textarea {
font-weight: inherit;
font-style: inherit;
font-family: inherit;
}
body,
html {
font-family: "Century Gothic", sans-serif;
font-size: 13px;
line-height: 1.44;
color: #151528;
}
body {
overflow-x: hidden;
position: initial;
}
body.overlayed {
overflow: hidden;
}
.MainWrapper {
overflow-x: hidden;
}
.Container {
max-width: 1500px;
margin: 0 20px;
}
.Container_has-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.Container_has-four-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 1024px) {
.Container_has-gap.Main {
gap: 20px;
}
}
.Container_has-background {
position: relative;
z-index: 0;
}
@media only screen and (min-width: 1024px) {
.Container_has-background .Main__max-width:first-child {
margin-right: 10px;
}
}
@media only screen and (max-width: 768px) {
.Container_has-background .SectionHead {
background-color: #f5f5f6;
}
}
.Container_has-background:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
background-color: #f5f5f6;
}
@media only screen and (max-width: 1024px) {
.Container_has-background:before .SectionHead {
background-color: #f5f5f6;
}
}
.Container_has-padding {
padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.Container_has-padding {
padding: 40px 0;
}
}
@media only screen and (min-width: 560px) {
.Container {
margin: 0 40px;
}
.Container_has-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.Container_has-four-columns-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1024px) {
.Container {
margin: 0 20px;
}
.Container_has-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.Container_has-four-columns-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.Container {
margin: 0 60px;
}
.Container_has-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.Container_has-four-columns-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1600px) {
.Container {
margin: 0 auto;
}
}
.Module {
padding-bottom: 20px;
}
.Module_has-mobile-padding {
padding-top: 20px;
}
@media only screen and (min-width: 768px) {
.Module {
padding: 20px;
}
}
@media only screen and (min-width: 1024px) {
.Module {
padding: 30px;
}
}
.slick-slide img {
margin: 0 auto;
}
.SubgridScrollable {
margin: 0 -20px 0 -5px;
overflow-x: scroll;
}
@media only screen and (min-width: 560px) {
.SubgridScrollable {
margin: 0 -40px 0 -5px;
}
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable {
margin: 0;
overflow-x: visible;
}
}
@media only screen and (max-width: 1024px) {
.SubgridScrollable__item {
margin-left: 0;
}
}
.SubgridScrollable__item:nth-child(1n + 4) .ProductCardVertical {
margin-right: 20px;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__item:nth-child(1n + 4) .ProductCardVertical {
margin-right: 0;
}
}
.SubgridScrollable__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: calc(200% - 80px);
padding: 5px;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list {
min-height: 138px;
}
}
.SubgridScrollable__list_has-gap {
gap: 20px;
}
.SubgridScrollable__list_has-wrap {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-auto-columns: 1fr;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list_has-wrap {
grid-auto-rows: 1fr;
}
}
.SubgridScrollable__list:not(.SubgridScrollable__list_has-wrap):not(.SubgridScrollable__list_has-rows-and-mobile-scrollable):not(.SubgridScrollable__list_brands-main) .SubgridScrollable__item:nth-child(1n + 5) {
display: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.SubgridScrollable__list:not(.SubgridScrollable__list_has-wrap):not(.SubgridScrollable__list_has-rows-and-mobile-scrollable):not(.SubgridScrollable__list_brands-main) .SubgridScrollable__item:nth-child(1n + 4) {
display: none;
}
}
@media only screen and (min-width: 560px) {
.SubgridScrollable__list {
width: calc(133.33333% - 106.66667px);
padding: 10px 5px;
}
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list {
grid-template-columns: repeat(3, 1fr);
width: 100%;
padding: 0;
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__list {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1920px) {
.SubgridScrollable__list {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__list_is-full-row {
grid-template-columns: repeat(5, 1fr);
}
}
.SubgridScrollable__list_is-full-row .SubgridScrollable__item:nth-child(1n + 5) {
display: block !important;
}
.SubgridScrollable__list_is-desktop-only {
display: none;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list_is-desktop-only {
display: grid;
}
}
.SubgridScrollable__list_flex {
display: flex;
width: auto;
}
.SubgridScrollable__list_flex .SubgridScrollable__item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 5px);
margin-right: 5px;
}
@media only screen and (min-width: 768px) {
.SubgridScrollable__list_flex .SubgridScrollable__item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(33.33333% - 10px);
margin-right: 10px;
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__list_flex .SubgridScrollable__item {
flex: 1 1;
max-width: calc(25% - 10px);
}
}
.SubgridScrollable__list_has-indented-items .SubgridScrollable__item {
margin-left: 20px;
}
.SubgridScrollable__list_has-padding-bottom {
padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list_has-padding-bottom {
padding-bottom: 0;
}
}
.SubgridScrollable__list_is-full-row-and-scrollable {
display: flex;
}
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item:nth-child(1n + 5) {
display: block;
}
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item:last-child {
margin-right: 0;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item {
flex: 1 1;
max-width: 25%;
}
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item:nth-child(1n + 4) {
display: block;
}
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item:nth-child(1n + 5) {
display: none;
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item {
flex: 1 1;
max-width: 20%;
}
.SubgridScrollable__list_is-full-row-and-scrollable:not(.SubgridScrollable__list_is-full-row-and-scrollable_has-wrap) .SubgridScrollable__item:nth-child(1n + 5) {
display: block;
}
}
.SubgridScrollable__list_has-rows-and-mobile-scrollable {
display: flex;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__list_has-rows-and-mobile-scrollable {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__list_has-rows-and-mobile-scrollable {
grid-template-columns: repeat(6, 1fr);
}
}
.SubgridScrollable__list_has-rows-and-mobile-scrollable .SubgridScrollable__item {
display: flex;
align-items: center;
flex: 0 0 100px;
}
.SubgridScrollable__list_has-rows-and-mobile-scrollable .SubgridScrollable__image {
width: 100%;
}
.SubgridScrollable__list_brands-main {
grid-template-columns: repeat(8, 1fr);
}
.SubgridScrollable__item_brands-main {
display: flex;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable__item_brands-main:nth-child(1n + 7) {
display: none;
}
}
@media only screen and (min-width: 1280px) {
.SubgridScrollable__item_brands-main:nth-child(1n + 7) {
display: flex;
}
}
.SubgridScrollable_full-container-width {
margin-left: -40px;
margin-right: -40px;
}
@media only screen and (min-width: 1024px) {
.SubgridScrollable_full-container-width {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1920px) {
.PageSectionMini {
grid-template-columns: repeat(5, 300px);
}
}
div.ps__rail-y {
opacity: 1;
background-color: #f5f5f6;
width: 5px;
right: 0;
z-index: 101;
}
div.ps__rail-y.ps--clicking .ps__thumb-y,
div.ps__rail-y .ps__thumb-y,
div.ps__rail-y:focus>.ps__thumb-y,
div.ps__rail-y:hover>.ps__thumb-y {
width: 3px;
right: -3px;
padding: 0 5px;
background-color: initial;
z-index: 101;
}
div.ps__rail-y.ps--clicking .ps__thumb-y:before,
div.ps__rail-y .ps__thumb-y:before,
div.ps__rail-y:focus>.ps__thumb-y:before,
div.ps__rail-y:hover>.ps__thumb-y:before {
display: block;
height: 100%;
width: 5px;
margin: 0 auto;
content: " ";
background-color: #dfdfe1;
border-radius: 25px 25px;
transition: background 0.3s ease;
}
div.ps__rail-y.ps--clicking .ps__thumb-y:before,
div.ps__rail-y:focus>.ps__thumb-y:before,
div.ps__rail-y:hover>.ps__thumb-y:before {
background-color: #b3b3b7;
}
div.ps--active-y>.ps__rail-y {
display: block;
background-color: #f5f5f6;
}
div.ps--active-y {
min-height: 0 !important;
}
.loader {
display: block;
text-align: center;
}
.loader-icon {
position: relative;
margin: 0 auto;
color: #255aa7;
font-size: 10px;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s;
}
.loader-icon,
.loader-icon:after,
.loader-icon:before {
border-radius: 50%;
width: 1em;
height: 1em;
top: -1em;
animation-fill-mode: both;
animation: loading 1.2s ease-in-out infinite;
}
.loader-icon:after,
.loader-icon:before {
content: "";
position: absolute;
top: 0;
}
.loader-icon:before {
left: -1.5em;
animation-delay: -0.32s;
}
.loader-icon:after {
left: 1.5em;
}
.loader-icon__in-btn {
display: inline-block;
}
@media only screen and (min-width: 768px) {
.InstantSearch__results {
font-size: 16px;
line-height: 23px;
}
}
@media only screen and (min-width: 1024px) {
.InstantSearch__results {
position: absolute;
left: 50%;
z-index: 101;
width: 100vw;
height: auto;
margin-top: 0;
padding: 0;
overflow-y: visible;
transform: translateX(-50%);
box-shadow: 0 5px 10px -5px rgb(0, 0, 0, 0.12);
}
}
.InstantSearch__results_hidden {
display: none;
}
.ajax-preloader {
display: block;
text-align: center;
}
.ajax-preloader__icon {
color: #255aa7;
font-size: 10px;
margin: 0 auto;
position: relative;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s !important;
}
.ajax-preloader__icon,
.ajax-preloader__icon:after,
.ajax-preloader__icon:before {
border-radius: 50%;
width: 1em;
height: 1em;
top: -1em;
animation-fill-mode: both;
animation: loading 1.2s ease-in-out infinite;
}
.ajax-preloader__icon:after,
.ajax-preloader__icon:before {
content: "";
position: absolute;
top: 0;
}
.ajax-preloader__icon:before {
left: -1.5em;
animation-delay: -0.32s;
}
.ajax-preloader__icon:after {
left: 1.5em;
}
.ajax-preloader__icon__in-btn {
display: inline-block;
}
#icons_sprite_svg,
.PopupNavigation {
display: none;
}
.PopupNavigation_opened {
display: block;
}
.PopupNavigation__inner:after,
.PopupNavigation__inner:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
z-index: 102;
box-shadow: 0 -2px 2px rgb(0, 0, 0, 0.12);
}
.PopupNavigation__inner:before {
top: 3px;
}
.PopupNavigation__inner:after {
bottom: -3px;
}
.Checkbox {
position: relative;
}
.Checkbox__text {
display: inline-flex;
padding-left: 23px;
color: #5d5d64;
font-size: 16px;
line-height: 1.25;
}
.Checkbox__text_bold {
font-weight: 700;
}
@media only screen and (max-width: 375px) {
.Checkbox__text_mobile {
padding-left: 37px;
font-size: 18px;
line-height: 1.29;
}
}
.Checkbox__input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.Checkbox__input:checked~.Checkbox__checkmark {
background-color: #5d5d64;
border-color: #5d5d64;
}
.Checkbox__input:checked~.Checkbox__checkmark:after {
top: 2px;
left: 5px;
width: 4px;
height: 8px;
border: #fff solid;
border-width: 0 2px 2px 0;
border-radius: 1px;
transform: rotate(45deg);
}
.Checkbox__input:not(:disabled):hover~.Checkbox__text {
font-weight: 500;
}
.Checkbox__input:not(:disabled):hover~.Checkbox__checkmark {
border-color: #5d5d64;
}
.Checkbox__input:disabled {
cursor: default;
}
.Checkbox__input:disabled~.Checkbox__checkmark,
.Checkbox__input:disabled~.Checkbox__text {
opacity: 0.5;
pointer-events: none;
}
.Checkbox__checkmark {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
border-radius: 4px;
border: #dfdfe1 solid 1px;
background: #fff;
transition: background 0.2s ease-in;
}
.Checkbox__checkmark:after {
content: "";
position: absolute;
}
.Link {
outline: none;
color: #151528;
text-decoration: none;
cursor: pointer;
transition: color 0.1s ease;
}
.Link:hover {
color: #255aa7;
}
.Link_block {
display: block;
text-align: center;
}
.Link_inline-block {
display: inline-block;
white-space: nowrap;
}
.Link_disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
.Link_bordered {
border: #255aa7 solid 1px;
border-radius: 6px;
padding: 7px 15px;
box-sizing: border-box;
}
.Link_type_white {
color: #fff;
}
.Link_type_white.Link_bordered {
background-color: #255aa7;
border-color: #255aa7;
}
.Link_type_white:hover {
color: #fff;
}
.Link_type_dotted {
color: #151528;
border-bottom: 1px dotted;
cursor: pointer;
}
.Link_type_dotted:hover {
color: currentColor;
border-color: transparent;
font-weight: 700;
}
.Link_type_dotted:active {
color: #151528;
font-weight: 700;
}
.Link_type_basket-theme {
color: #2274a5;
border-bottom: 1px dotted #2274a5;
cursor: pointer;
}
.Link_type_basket-theme:hover {
color: #2274a5;
border-bottom: 1px dotted transparent;
font-weight: 700;
}
.Link_type_basket-theme:active {
color: #151528;
font-weight: 700;
}
.Link_type_primary {
color: #255aa7;
}
.Link_type_primary.Link_bordered {
border-color: #255aa7;
}
.Link_type_primary:active {
color: #151528;
}
.Link_type_primary:hover {
font-weight: 700;
border-color: #255aa7;
}
.Link_type_primary:visited {
color: #255aa7;
font-weight: 400;
}
.Link_type_nohover,
.Link_type_nohover:hover {
color: inherit;
}
.Link_type_secondary {
color: #5d5d64;
}
.Link_type_secondary.Link_bordered {
border-color: #dfdfe1;
}
.Link_type_secondary:hover {
color: #151528;
border-color: #151528;
}
.Link_type_icon {
color: #b3b3b7;
}
.Link_type_icon:hover {
color: #151528;
}
.Link_type_user-profile {
border-bottom: 1px solid rgb(34, 116, 165, 0.3);
color: #2274a5;
}
.Link_type_user-profile:active {
color: #151528;
}
.Link_type_user-profile:hover {
color: #2274a5;
border-bottom: none;
font-weight: 500;
}
.Link_type_user-profile:visited {
border-bottom: 1px solid #63599c;
color: #63599c;
}
.Link_type_opinion-user {
position: relative;
color: #2274a5;
font-weight: 500;
}
.Link_type_opinion-user:active {
color: #151528;
}
.Link_type_opinion-user:hover {
color: #255aa7;
border-bottom: none;
font-weight: 500;
}
.Link_type_opinion-user:hover:before {
border-bottom: none;
}
.Link_type_opinion-user:visited {
border-bottom: 1px solid #63599c;
color: #63599c;
}
.Link_type_another-page {
position: relative;
color: #2274a5;
font-weight: 400;
}
.Link_type_another-page:active,
.Link_type_another-page:hover {
color: #255aa7;
}
.Link_arrowed-right:after {
content: "\00a0 \2192";
}
.Link_arrowed-up-right:after {
position: absolute;
content: "\2192";
transform: rotate(-45deg);
}
.Link_greater-than-signed:after {
content: "\003e";
}
.TextWithIcon {
position: relative;
padding: 0;
outline: none;
border: none;
background: transparent;
color: #151528;
cursor: pointer;
}
.TextWithIcon:after {
content: "\203A";
position: absolute;
top: 50%;
right: -12px;
transform: translateY(-50%) rotate(90deg);
color: #255aa7;
}
.TextWithIcon:hover:after {
color: #255aa7;
}
.TextWithIcon_open:after {
content: "\2039";
}
.ColorBadge {
display: inline-flex;
align-items: center;
padding: 0 7px;
border-radius: 4px;
text-align: center;
height: 24px;
line-height: 24px;
font-size: 12px;
background-color: #dfdfe1;
}
@media only screen and (max-width: 560px) {
.ColorBadge {
font-size: 10px;
line-height: 2.3;
}
}
.ColorBadge_orange {
background-color: #255aa7;
color: #fff;
}
.ColorBadge_yellow {
background-color: #ffd34e;
}
.ColorBadge_green {
background-color: #d0f3d1;
}
.ColorBadge_white {
border: #dfdfe1 solid 1px;
background-color: #fff;
}
.ColorBadge_red {
background-color: #e64e43;
color: #fff;
}
.RadioButton__input {
position: absolute;
opacity: 0;
}
.RadioButton__input+label {
position: relative;
display: inline-block;
padding-left: 28px;
color: #5d5d64;
font-size: 16px;
line-height: 20px;
cursor: pointer;
}
.RadioButton__input+label:after,
.RadioButton__input+label:before {
content: "";
position: absolute;
border-radius: 100%;
transition: all 0.2s ease;
}
.RadioButton__input+label:before {
top: 0;
left: 0;
width: 16px;
height: 16px;
border: #dfdfe1 solid 1px;
background: #fff;
}
.RadioButton__input+label:after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
background: #fff;
}
.RadioButton__input:checked+label:before {
border-color: #5d5d64;
}
.RadioButton__input:checked+label:after {
background: #5d5d64;
}
.RadioButton__input:not(:disabled):hover+label {
font-weight: 500;
}
.RadioButton__input:not(:disabled):hover+label:before {
border-color: #5d5d64;
}
.RadioButton__input:disabled {
pointer-events: none;
}
.RadioButton__input:disabled+label {
opacity: 0.5;
pointer-events: none;
}
.Text {
height: auto;
margin: 0;
padding: 0;
color: #151528;
font-size: 16px;
font-family: inherit;
line-height: 23px;
}
.Text a {
position: relative;
border-bottom: 1px solid rgb(34, 116, 165, 0.3);
color: #2274a5;
text-decoration: none;
}
.Text a:hover {
border-bottom: 1px solid rgb(254, 114, 0, 0.3);
color: #255aa7;
text-decoration: none;
}
.Heading {
font-size: 24px;
font-weight: 100;
padding-bottom: 15px;
}
.foo12 {
width: 50%;
float: left;
}
.Logo {
display: inline-block;
}
.Logo_type_small {
max-width: 43px;
}
.Logo_type_default {
max-width: 195px;
}
.Logo__link {
display: block;
}
.Logo__svg {
width: 100%;
height: auto;
vertical-align: text-bottom;
}
.DropDown {
position: relative;
display: inline-flex;
height: auto;
margin: 0;
padding: 0;
}
.DropDown__trigger {
display: inline-flex;
cursor: pointer;
}
.DropDown__content {
position: absolute;
z-index: 10;
display: none;
padding: 0;
margin: 0;
background-color: #fff;
box-shadow: 0 5px 25px rgb(30, 31, 33, 0.12);
border-radius: 5px;
}
.DropDown__content>div {
overflow-y: auto;
overflow-x: hidden;
}
.DropDown__content_dir_right {
right: 0;
}
.DropDown__content_main-header {
top: 50px;
right: 10px;
}
.DropDown__content_main-header:before {
content: "";
position: absolute;
right: 10px;
top: -20px;
border: transparent solid 10px;
border-bottom-color: #fff;
}
.DropDown__content_position-end-center-parent {
right: 50%;
margin-right: -20px;
}
.DropDown_show .DropDown__content {
display: block;
}
.SortingList {
display: flex;
flex-direction: row;
}
.SortingList_has-padding {
padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
.SortingList_has-padding {
padding: 30px 0;
}
}
@media only screen and (min-width: 1440px) {
.SortingList_has-padding {
padding: 40px 0;
}
}
.SortingList:first-child {
margin-left: 0;
}
.SortingList__item {
display: flex;
color: #5d5d64;
font-size: 16px;
cursor: pointer;
user-select: none;
}
.SortingList__item:hover {
color: #151528;
}
.SortingList__item_active {
color: #151528;
font-weight: 700;
}
.SortingList__item_active .SortingList__svg {
display: block;
}
.SortingList__item+.SortingList__item {
margin-left: 10px;
}
.SortingList__svg {
display: none;
}
.SortingList__svg_active {
display: flex;
margin-top: 5px;
margin-left: 3px;
}
.SortingList__svg_asc {
transform: rotate(180deg) translateY(7px);
}
.SortingList__mobile-svg {
display: none;
}
.SortingList__mobile-svg_active {
transform: translateY(4px);
display: inline-block;
}
.SortingList__mobile-svg_asc {
transform: rotate(180deg);
}
.FilterTags {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.FilterTags::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 768px) {
.FilterTags {
overflow-x: visible;
flex-wrap: wrap;
}
}
.FilterTags_hidden {
display: none;
}
.FilterTags_disabled .FilterTags__tag {
color: #b3b3b7;
}
.FilterTags__name {
white-space: nowrap;
}
.FilterTags__icon {
margin-left: 5px;
color: #5d5d64;
opacity: 0.5;
}
.FilterTags__tag {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 6px 8px 8px;
font-size: 16px;
line-height: 16px;
background: #f5f5f6;
border-radius: 4px;
cursor: pointer;
}
.FilterTags__tag_wrapper {
margin-right: 10px;
}
.FilterTags__tag_wrapper:last-of-type {
padding-right: 20px;
}
.FilterTags__tag_wrapper:first-of-type {
padding-left: 20px;
}
@media only screen and (min-width: 560px) {
.FilterTags__tag_wrapper:last-of-type {
padding-right: 40px;
}
.FilterTags__tag_wrapper:first-of-type {
padding-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.FilterTags__tag_wrapper {
margin-bottom: 10px;
}
.FilterTags__tag_wrapper:first-of-type {
padding-left: 0;
}
.FilterTags__tag_wrapper:last-of-type {
padding-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.FilterTags__tag_wrapper:last-of-type {
margin-bottom: 20px;
}
}
.FilterTags__tag:hover .FilterTags__icon {
opacity: 1;
}
.FilterTags__tag_disabled {
color: #b3b3b7;
}
.Button {
position: relative;
display: inline-flex;
align-items: center;
box-sizing: border-box;
justify-content: center;
border: solid 1px;
border-radius: 0px;
white-space: nowrap;
cursor: pointer;
outline: none;
transition: all 0.1s ease;
}
.Button_size_s {
min-width: 100px;
height: 30px;
font-size: 14px;
}
.Button_size_m,
.Button_size_s {
padding-left: 10px;
padding-right: 10px;
}
.Button_size_m {
height: 40px;
}
.Button_size_l,
.Button_size_m {
min-width: 120px;
font-size: 16px;
}
.Button_size_l {
height: 50px;
padding-left: 20px;
padding-right: 20px;
}
.Button_circle {
min-width: auto;
padding: 0;
border-radius: 50%;
}
.Button_circle .Button__icon {
margin-right: 0;
}
.Button_with-icon {
min-width: auto;
}
.Button_circle.Button_size_s {
width: 30px;
height: 30px;
}
.Button_circle.Button_size_m {
width: 40px;
height: 40px;
}
.Button_circle.Button_size_l {
width: 50px;
height: 50px;
}
.Button_theme_primary {
border-color: #255aa7;
background-color: #255aa7;
color: #fff;
}
.Button_theme_primary .Button__preloader {
color: #fff;
}
.Button_theme_primary:hover {
opacity: 0.9;
}
.Button_theme_primary:active {
opacity: 0.75;
}
.Button_theme_menu {
border-color: #dfdfe1;
background-color: #fff !important;
color: #151528;
min-width: 80px;
padding: 5px 12px !important;
}
.Button_theme_menu:hover {
border-color: #255aa7 !important;
color: #255aa7 !important;
}
.Button_theme_ghost {
border-color: #255aa7;
background-color: initial;
color: #255aa7;
}
.Button_theme_ghost:hover {
border-color: #255aa7;
background-color: #255aa7;
color: #fff;
}
.Button_theme_ghost:hover .Button__preloader {
color: #fff;
}
.Button_theme_ghost:active {
border-color: #255aa7;
}
.Button_theme_ghost:disabled,
.Button_theme_ghost[data-disabled] {
background-color: #dfdfe1;
}
.Button_theme_primary-transparent {
border-color: #255aa7;
background-color: inherit;
color: #255aa7;
}
.Button_theme_primary-transparent:hover:enabled {
opacity: 0.9;
background-color: #255aa7;
color: #fff;
}
.Button_theme_primary-transparent:hover:enabled .Button__preloader {
color: #fff;
}
.Button_theme_primary-transparent:active:enabled {
opacity: 0.75;
}
.Button_theme_primary-transparent:disabled,
.Button_theme_primary-transparent[data-disabled] {
opacity: 0.5;
}
.Button_theme_secondary {
border-color: #dfdfe1;
background-color: #f5f5f6;
color: #255aa7;
}
.Button_theme_primary-black {
padding: 0 20px 0 36px;
font-size: 14px;
line-height: 25px;
background-color: #000;
color: #fff;
}
.Button_theme_primary-ghost {
border-color: #255aa7;
background-color: initial;
color: #255aa7;
}
.Button_theme_primary-ghost:hover {
background-color: #255aa7;
color: #fff;
font-weight: 700;
}
.Button_theme_primary-ghost:active {
opacity: 0.75;
background-color: #255aa7;
color: #fff;
font-weight: 400;
}
.Button_theme_primary-ghost:disabled,
.Button_theme_primary-ghost[data-disabled] {
opacity: 0.5;
}
.Button_theme_primary-ghost:disabled:active,
.Button_theme_primary-ghost:disabled:hover,
.Button_theme_primary-ghost[data-disabled]:active,
.Button_theme_primary-ghost[data-disabled]:hover {
border-color: #255aa7;
background-color: initial;
color: #255aa7;
font-weight: 400;
}
.Button_theme_secondary-ghost {
border-color: #fff;
background-color: initial;
color: #fff;
}
.Button_theme_secondary-ghost:before {
content: "";
border: transparent solid 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.Button_theme_secondary-ghost:active,
.Button_theme_secondary-ghost:active:before,
.Button_theme_secondary-ghost:hover {
border-color: rgb(179 194 200 / 96%);
}
.Button_theme_secondary-ghost:disabled,
.Button_theme_secondary-ghost[data-disabled] {
opacity: 0.5;
}
.Button_theme_secondary-ghost:disabled:active,
.Button_theme_secondary-ghost:disabled:hover,
.Button_theme_secondary-ghost[data-disabled]:active,
.Button_theme_secondary-ghost[data-disabled]:hover {
border-color: #b3b3b7;
background-color: initial;
color: #5d5d64;
font-weight: 400;
}
.Button_theme_secondary-ghost:hover {
color: #eee;
font-weight: 400;
}
.Button_theme_secondary-ghost:active {
color: #eee;
font-weight: 700;
}
.Button:disabled,
.Button[data-disabled] {
cursor: not-allowed;
}
.Button:disabled:active,
.Button:disabled:hover,
.Button[data-disabled]:active,
.Button[data-disabled]:hover {
pointer-events: none;
}
.Button:disabled.Button_theme_primary,
.Button[data-disabled].Button_theme_primary {
opacity: 0.5;
}
.Button:disabled.Button_theme_secondary,
.Button[data-disabled].Button_theme_secondary {
border-color: #dfdfe1;
background-color: #fff;
color: #dfdfe1;
}
.Button_active.Button_theme_secondary-ghost {
border-color: #255aa7;
color: #255aa7;
font-weight: 700;
}
.Button_full-width {
width: 100%;
}
.Button__icon {
margin-right: 5px;
}
.Button__text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Button__preloader-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.Button__content_hidden {
visibility: hidden;
}
.CircleButton {
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 0;
outline: none;
border: none;
border-radius: 50%;
transition: all 0.15s ease-in-out;
appearance: none;
}
.CircleButton:active {
opacity: 0.75;
}
.CircleButton:disabled {
opacity: 0.5;
pointer-events: none;
}
.CircleButton_theme_primary {
background-color: #255aa7;
color: #fff;
}
.CircleButton_theme_primary:hover {
opacity: 0.9;
}
.CircleButton_theme_secondary {
background-color: #f5f5f6;
color: #b3b3b7;
}
.CircleButton_theme_secondary:active,
.CircleButton_theme_secondary:hover {
background-color: #fff8eb;
color: #255aa7;
}
.CircleButton_theme_transparent {
background-color: initial;
color: #255aa7;
}
.CircleButton_theme_transparent:active,
.CircleButton_theme_transparent:hover {
background-color: #255aa7;
color: #fff;
}
.CircleButton_theme_gray {
background-color: #f5f5f6;
color: #255aa7;
}
.CircleButton_theme_gray:active,
.CircleButton_theme_gray:hover {
background-color: #255aa7;
color: #fff;
}
.CircleButton_size_s {
width: 20px;
height: 20px;
}
.CircleButton_size_m {
width: 30px;
height: 30px;
}
.CircleButton_size_l {
width: 40px;
height: 40px;
}
.CircleButton_size_xl {
width: 50px;
height: 50px;
}
.BrandList {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
}
.BrandList__item {
padding: 5px;
}
.BrandItem {
display: inline-block;
padding: 5px 15px;
border: #dfdfe1 solid 1px;
border-radius: 6px;
font-size: 14px;
line-height: 20px;
color: #5d5d64;
text-decoration: none;
transition: border-color 0.1s ease;
}
.BrandItem:hover {
border-color: #255aa7;
}
.datepicker {
width: 280px !important;
height: 281px !important;
border: none !important;
background: #fff !important;
color: #151528 !important;
font-size: 14px !important;
}
.datepicker,
.datepicker--day-name {
transition: all 0.4s ease-out !important;
}
.datepicker--day-name {
color: #b3b3b7 !important;
}
.datepicker--pointer {
display: none !important;
}
.datepicker--nav {
min-height: 40px !important;
padding: 0 !important;
}
.datepicker--nav-title {
font-size: 16px !important;
}
.datepicker--nav-action path {
stroke: #151528 !important;
stroke-width: 1.5px !important;
}
.datepicker--cell {
margin-bottom: 4px !important;
}
.datepicker--cell-day {
width: 38px !important;
height: 38px !important;
}
.datepicker--cell.-selected-.-current- {
background: #fff8eb !important;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
color: #151528 !important;
font-weight: 700 !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-selected- {
border-radius: 50% !important;
background: #ffd34e !important;
}
.datepicker--cell.-current-.-in-range- {
color: #151528 !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-in-range-.-focus-,
.datepicker--cell.-selected-.-focus- {
background: #fff8eb !important;
color: #151528 !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-selected-.-focus- {
border: none !important;
}
.datepicker--cell.-focus- {
border-radius: 50% !important;
background: #ffd34e !important;
color: #151528 !important;
}
.datepicker--cell.-current-.-focus-,
.datepicker--cell.-range-from- {
color: #151528 !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-range-from- {
border: none !important;
border-radius: 50% 0 0 50% !important;
background-color: #fff8eb !important;
font-weight: 700 !important;
}
.datepicker--cell.-range-from-:before,
.datepicker--cell.-range-to-:before {
content: "" !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
z-index: -1 !important;
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
background: #ffd34e !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-range-to- {
border: none !important;
border-radius: 0 50% 50% 0 !important;
background-color: #fff8eb !important;
font-weight: 700 !important;
}
.datepicker--cell.-in-range-,
.datepicker--cell.-range-to- {
color: #151528 !important;
transition: all 0.4s ease-out !important;
}
.datepicker--cell.-in-range- {
background: #fff8eb !important;
}
.datepicker--cell.-current- {
color: #151528 !important;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade-,
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-,
.datepicker--cell.datepicker--cell-day.-other-month-.-in-range- {
background: #fff8eb !important;
color: #151528 !important;
}
.-weekend- {
color: #5d5d64 !important;
}
.InputBox_error .InputBox__input {
border-bottom-color: #ed0000;
}
.InputBox_error .InputBox__label {
color: #ed0000 !important;
}
.InputBox_error .InputBox__error-block {
display: block;
}
.InputBox_error:not(.InputPassword) .InputBox__clear-button {
display: inline-block;
}
.InputBox_error:not(.InputPassword) .InputBox__icon {
display: none;
}
.InputBox_required__container:after {
position: absolute;
right: -13px;
bottom: 13px;
content: "*";
display: inline;
width: 10px;
height: 10px;
font-size: 20px;
line-height: 1.29;
color: #f37f00;
}
.InputBox_required .InputBox__label:after {
content: "*";
}
.InputBox_loader .InputBox__clear-button {
display: none !important;
}
.InputBox_valid .InputBox__valid-icon {
display: inline-block;
}
.InputBox_valid .InputBox__icon {
display: none;
}
.InputBox__container {
position: relative;
display: block;
}
.InputBox__textarea {
resize: none;
overflow: hidden;
height: 32px;
}
.InputBox__textarea_with-rows {
height: auto;
}
.InputBox__title {
font-size: 14px;
line-height: 18px;
transform-origin: left;
transform: translateY(-20px) scale(0.8);
}
.InputBox__label,
.InputBox__title {
position: absolute;
left: 0;
transition: 0.3s ease-out;
pointer-events: none;
color: #000;
}
.InputBox__label {
font-size: 16px;
transform-origin: left;
}
.InputBox__input::-webkit-inner-spin-button {
margin: 0;
}
.InputBox__input:-webkit-autofill,
.InputBox__input:-webkit-autofill:focus,
.InputBox__input:-webkit-autofill:hover {
border-bottom: 1px solid #dfdfe1;
}
.InputBox__input::-ms-clear {
display: none;
}
.InputBox__input:focus {
border-bottom-color: #255aa7;
}
.InputBox__input:disabled {
background-color: initial;
color: #b3b3b7;
}
.InputBox__input:focus~.InputBox__icon-container {
color: #5d5d64;
}
.InputBox__input:focus+.InputBox__label,
.InputBox__input:not(:placeholder-shown)+.InputBox__label {
transform: translateY(-20px) scale(0.8);
}
.InputBox__input:-webkit-autofill+.InputBox__label,
.InputBox__input:-webkit-autofill:focus+.InputBox__label,
.InputBox__input:-webkit-autofill:hover+.InputBox__label,
.InputBox__input:focus+.InputBox__label,
.InputBox__input:not(:placeholder-shown)+.InputBox__label {
font-size: medium;
color: #b3b3b7;
}
.InputBox__input:disabled+.InputBox__label {
color: #b3b3b7;
}
@media null,
null {
.InputBox__input:focus+.InputBox__label,
.InputBox__input:not(:-ms-input-placeholder)+.InputBox__label {
transform: translateY(-20px) scale(0.8);
color: #b3b3b7;
}
}
.InputBox__icon {
display: inline-block;
}
.InputBox__icon-container {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: #b3b3b7;
}
.InputBox__valid-icon {
display: none;
color: #a3dc00;
}
.InputBox__clear-button {
display: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
background-color: initial;
color: #5d5d64;
cursor: pointer;
}
.InputBox__clear-button_active {
display: inline-block;
}
.InputBox__helpers {
margin-top: 10px;
color: #5d5d64;
font-size: 14px;
line-height: 1.29;
}
.InputBox__helpers_hidden {
display: none;
}
.InputBox__tips {
display: flex;
justify-content: space-between;
}
.InputBox__error-block {
display: none;
}
.InputBox__error {
color: #ed0000;
}
.InputBox_filled__container {
background: #fff;
border-radius: 0px;
padding-left: 12px;
padding-top: 9px;
padding-bottom: 9px;
}
.InputBox_filled__input {
border: none;
padding-bottom: 0;
width: 50%;
}
.InputBox_filled__label {
left: 12px;
color: #5e5e5e;
padding-top: 2px;
}
.InputBox_filled__input:focus+.InputBox_filled__label,
.InputBox_filled__input:not(:placeholder-shown)+.InputBox_filled__label {
transform: translateY(-30px) scale(0.8);
}
.InputBox__close-container {
position: absolute;
right: -28px;
bottom: -2px;
}
.FilterSider {
position: fixed;
top: 0;
right: 0;
overflow: hidden;
min-width: 0;
height: 100%;
overflow-y: scroll;
width: 0;
padding: 0;
transition-timing-function: ease-in;
transition-duration: 0.2s;
transition-property: min-width;
background-color: #f5f5f6;
z-index: 100;
}
@media only screen and (min-width: 1024px) {
.FilterSider {
position: relative;
z-index: 0;
display: inline-block;
width: 205px;
overflow-y: hidden;
height: auto;
padding: 30px;
}
}
.FilterSider__head {
display: flex;
height: 60px;
justify-content: space-between;
border-bottom: 1px solid #dfdfe1;
margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.FilterSider__head {
height: auto;
border-bottom: none;
margin: 5px;
}
}
.FilterSider__head-title {
color: #151528;
font-size: 24px;
line-height: 1.39;
padding: 15px 20px;
font-weight: 700;
}
@media only screen and (min-width: 1024px) {
.FilterSider__head-title {
font-weight: 400;
padding: 0 0 0 15px;
}
}
.FilterSider__head-clear-button {
padding-right: 80px;
border: none;
background: transparent;
color: #5d5d64;
font-size: 16px;
line-height: 1.25;
cursor: pointer;
}
.FilterSider__head-clear-button:focus {
outline: none;
}
@media only screen and (min-width: 1024px) {
.FilterSider__head-clear-button {
font-size: small;
line-height: inherit;
padding: 0;
}
}
.FilterSider__head-close-button {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: transparent;
outline: none;
border: none;
border-left: 1px solid #dfdfe1;
}
.FilterSider__head-close-button svg {
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.FilterSider__head-close-button {
display: none;
}
}
.FilterSider_opened {
min-width: 100%;
}
.FilterSider__content {
padding: 15px 20px;
}
.FilterSider__content_wide {
padding: 0;
margin: 20px 5px 0;
}
@media only screen and (min-width: 768px) {
.ProductCardVertical_mobile {
display: none;
}
}
.ProductCardVertical_tablet {
display: none;
}
@media only screen and (min-width: 768px) {
.ProductCardVertical_tablet {
display: initial;
}
}
.ProductCardVertical_overlay {
opacity: 0.5;
}
.men12 {
float: left;
margin: auto;
flex-grow: 1;
background: #eeeeee;
margin-top: 0px;
margin-bottom: 0px;
}
@media only screen and (min-width: 1024px) {
.Footer__contact {
display: block;
flex-basis: 190px;
}
}
@media only screen and (min-width: 1280px) {
.Footer__contact {
flex-basis: 454px;
}
}
@media only screen and (min-width: 1440px) {
.Footer__contact {
flex-basis: 518px;
}
}
@media only screen and (min-width: 1600px) {
.Footer__contact {
flex-basis: 580px;
}
}
@media only screen and (min-width: 1920px) {
.Footer__contact {
flex-basis: 710px;
}
}
@media only screen and (max-width: 1280px) {
.Footer__contact {
margin-right: 0;
}
}
@media only screen and (max-width: 560px) {
.Footer__contact {
display: block;
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.Footer__contacts-wrapper {
display: block;
}
}
.Footer__contact-title {
margin-bottom: 15px;
font-weight: 700 !important;
}
@media only screen and (min-width: 1280px) {
.Footer__contact-title {
margin-bottom: 30px;
margin-top: 30px;
}
}
.Footer__contact-address {
display: block;
color: #2274a5;
margin-bottom: 15px;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.Footer__contact-address {
margin-bottom: 10px;
font-size: 18px;
}
}
@media only screen and (min-width: 1280px) {
.Footer__contact-address {
margin-bottom: 30px;
}
}
.Footer__copyright {
display: flex;
justify-content: space-between;
font-size: 14px;
}
@media only screen and (max-width: 560px) {
.Footer__copyright {
display: block;
}
.Footer__copyright>div {
margin-bottom: 20px;
}
}
.Footer__link {
color: #151528;
}
@media only screen and (min-width: 768px) {
.Footer__gdpr {
text-align: right;
}
}
@media only screen and (min-width: 1024px) {
.Footer__gdpr {
text-align: left;
}
}
.FooterMenu__menu {
justify-content: space-between;
flex: 1 1;
}
@media only screen and (min-width: 767px) {
.FooterMenu__menu {
display: flex;
}
}
.bx-breadcrumb {
display: table;
}
.bx-breadcrumb-item {
float: left;
text-decoration: underline;
font-size: 10pt;
}
.bx-breadcrumb-item-angle {
margin: 0 10px;
font-size: 12px;
float: left;
}
.bx-breadcrumb-item-text {
font-size: 9pt;
}
.FooterMenu__menu2 {
padding-top: 20px;
}
.foo13 {
border-bottom: 1px solid #dfdfe1;
height: 150px;
padding-top: 35px;
}
.foo14 {
width: 50%;
float: left;
}
.hea14 {
padding-right: 20px;
padding-top: 15px;
vertical-align: top;
text-align: right;
float: right;
}
.men1221 {
background: url(/images/svg-editor-image-r.svg) repeat-y;
float: left;
}
.men1221:hover {
color: #255aa7;
background: url(/images/svg-editor-image-w.svg) repeat-y;
}
.men1221 p {
margin-left: 10px;
padding-left: 20px;
}
.container {
max-width: 1800px;
margin: 0 auto;
}
.text {
font-size: 20px;
padding: 20px 0;
}
.popup-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.popup {
background: #ffffff;
width: 75%;
left: 50%;
top: 50%;
height: 436px;
padding: 30px;
padding-top: 10px;
padding-left: 0px;
padding-top: 0px;
}
.close-popup {
background: url(/images/close_delete.svg);
width: 25px;
height: 25px;
top: 10px;
right: 10px;
cursor: pointer;
}
.no-scroll {
overflow-y: hidden;
}
.bre0312 {
max-width: 1800px;
padding-top: 15px;
}
.b-popup-content {
background: #eeeeee;
height: 85px;
padding: 30px;
width: 75%;
padding-top: 10px;
line-height: 20pt;
padding-left: 0px;
}
.bx_catalog-compare-list {
font-size: 12px;
z-index: 998;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 270px;
max-height: 100%;
padding: 10px 8px 0;
white-space: normal;
color: #404040;
border: 1px solid #b7b7b7;
border-radius: 3px;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
margin-bottom: 10px;
}
.bx_catalog-compare-list.fix {
position: fixed;
}
.bx_catalog-compare-list.top {
top: 5px;
}
.bx_catalog-compare-list.right {
right: 5px;
}
.bx_catalog-compare-list.bottom {
bottom: 5px;
}
.bx_catalog-compare-list.left {
left: 5px;
}
.bx_catalog-compare-list a {
font-size: 11px;
color: #327ab7;
}
.bx_catalog-compare-list a:hover {
text-decoration: none;
}
.bx_catalog_compare_count p {
margin: 0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect {
text-align: center;
font-weight: bold;
}
.bx_catalog-compare-list .compare-items td {
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
vertical-align: top;
}
.catalog-cart-counter-menu {
background: #e3000f;
color: #fff;
text-align: center;
line-height: 25px;
min-width: 25px;
height: 25px;
position: relative;
top: 8px;
border-radius: 50%;
font-style: normal;
font-weight: bold;
font-size: 14px;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
left: -35px;
}
.fl41 {
width: 25%;
background: #eeeeee;
box-shadow: inset 0.5rem 0 0 0 #005cb6;
max-height: 560px;
height: 100%;
padding-top: 20px;
}
.fl31 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
@media (min-width: 1300px) and (max-width: 1610px) {
.popup {
width: 90%;
height: none;
}
.b-popup-content {
width: 90%;
}
.men1712 {
font-size: 10pt;
}
.men171221a {
margin-top: 2px;
font-size: 8pt;
}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_container img {
max-width: 200px;
}
}
@media (min-width: 1111px) and (max-width: 1285px) {
.men171221a {
margin-top: 0px;
}
.men1712 {
font-size: 9pt;
}
.men171221 {
font-size: 9pt;
}
.men171221a {
font-size: 9pt;
}
.popup {
width: 90%;
height: none;
}
.b-popup-content {
width: 90%;
}
}
@media (min-width: 1000px) and (max-width: 1110px) {
.FooterMenu__menu span {
font-size: 9pt;
}
.fot1402 a {
font-size: 9pt;
}
.men171221 {
padding-left: 25px;
font-size: 8pt;
}
.menu-fat .app-tab {
height: auto;
}
.new0605 {
max-width: 150px;
}
.men171221a {
margin-top: 0px;
font-size: 8pt;
}
.fl41 {
padding-top: 0;
}
.men1712 {
font-size: 12px;
}
.popup {
width: 100%;
height: none;
}
.b-popup-content {
width: 100%;
}
}
.fn2 {
float: left;
width: 30%;
display: none;
}
.filter_m11 {
display: none;
}
.product-item-price-current {
font-weight: 600;
text-align: center;
}
.slid140122 {
width: 100%;
height: 350px;
max-width: 1600px;
margin: auto;
}
.a45gf5 {
margin-left: 15px;
margin-right: 15px;
margin-top: 20px;
}
.mm1401 {
font-size: 15px;
margin-top: 10px;
font-weight: 600;
float: left;
width: 90px;
}
.mm1501 {
width: 380px;
text-align: center;
margin: 0 auto;
display: none;
}
.trikn1 {
background: #005cb6;
}
@media (max-width: 1024px) {
.sha21 {
width: 100%;
}
}
@media (max-width: 1023px) {
.foo13 {
width: 100%;
}
.FooterMenu__menu2 {
width: 100%;
}
}
.header-line__menu-inner {
display: flex;
width: 100%;
height: 100%;
}
@media (max-width: 670px) {
.trikn1 {
display: none;
}
.kn2102 {
width: 61px;
background: #005cb6;
text-align: center;
display: block;
}
.tb0402 {
display: none;
}
.header-line__menu-inner {
height: 56px;
}
}
@media (max-width: 580px) {
.h20209 {
margin-top: 0px;
padding-top: 0px;
font-size: 15px;
}
ol,
ul {
font-size: 12px;
line-height: 1.8;
}
.app-tab__content {
display: none;
}
.nvp02 {
min-height: 300px;
width: 90%;
}
div.ot1-3 {
width: 100%;
}
div.ot1-1 {
width: 100%;
clear: both;
}
div.ot1-4 {
width: 100%;
}
p.ot1-6 {
text-align: justify;
}
img.ot1-5 {
margin-left: 10px;
}
.kon1506l {
float: none;
width: 100%;
}
.kon1506r {
float: none;
}
.sertificates-carousel__item {
width: 45%;
margin-right: 0px;
}
.mob2505 {
float: inherit;
}
.dos1705 {
line-height: 1.5;
}
.header_fixed {
margin-bottom: 10px;
}
.sha21 {
position: relative;
z-index: 1001;
background: #fff;
}
.header-menu_fat .menu-fat {
top: 61px;
}
.iph0604 {
margin-left: 10px;
}
.powprices {
left: 0px;
}
.mm1501 {
display: block;
}
/*.trikn1{display:none;}*/
.men171221 {
margin-top: 0;
height: 30px;
}
.slid140122 {
display: none;
}
.bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo {
bottom: 0px;
width: 87%;
margin: auto;
padding-bottom: 10px;
}
.bx_catalog_item_container a {
line-height: 1.1;
}
.pne1401 {
min-height: 85px;
}
.fn1 {
float: left;
width: 50%;
display: none;
}
.fn2 {
float: left;
padding-left: 30px;
line-height: 28pt;
padding-top: 10px;
width: 100%;
display: block;
}
.fn3 {
display: none;
}
.fl41 {
width: 100%;
padding-top: 16px;
background: #fff;
}
.fl31 {
display: none;
}
.popup {
width: 100%;
padding: 0px;
}
.b-popup-content {
width: 100%;
height: 240px;
padding: 0px;
}
.close-popup {
position: fixed;
}
.bre0312 {
padding-left: 10px;
}
.table-3-3 .table-3-3-cell {
width: 49%;
}
.lazy_2 {
width: 150px;
margin-top: 10px;
}
.table-3-3-cell div.index-title {
min-height: 210px;
padding-right: 5px;
font-size: 10pt;
padding-left: 5px;
}
.img-responsive {
width: 100%;
height: 100%;
}
.foo12 {
width: 100%;
float: left;
padding-bottom: 10px;
}
.foo13 {
width: 100%;
height: 150px;
padding-top: 15px;
}
.foo14 {
width: 100%;
}
.edit3 {
width: 80%;
}
.edit14 {
width: 80%;
}
.edit18 {
width: 86%;
}
.modal-content {
max-width: 400px;
}
.for1502 img {
margin-right: -20px;
margin-left: 10px;
}
.for1502 input {
width: 30%;
margin-left: 40px;
}
.FooterMenu__list-block {
padding-top: 20px;
}
.FooterMenu__menu2 {
width: 100%;
}
.hea14 {
padding-right: 0px;
padding-top: 15px;
vertical-align: top;
text-align: right;
float: right;
width: 60%;
}
.men12 {
float: left;
margin: auto;
}
div.bx_182219 {
display: none;
}
.bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a {
background: #255aa7;
color: #fff;
}
.filter_m11 {
color: #5c5c5c;
display: block;
border: 1px double #ccc;
text-align: center;
font-size: 14pt;
font-weight: bold;
margin-top: 8px;
}
.filter_m1,
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked~.filter_m1 {
display: block;
}
.filter_m12,
input[type="checkbox"] {
display: block;
}
.rigmm2102 {
background: #005cb6;
width: 50px;
display: block;
text-align: center;
}
.mai1602 {
text-align: center;
}
}
@media (max-width: 375px) {
.bx_item_detail .item_current_price p {
font-size: 22px;
font-weight: 600;
}
.slid140122 {
display: none;
}
.men171221 {
margin-top: 0px;
}
.b-popup-content {
padding: 10px;
}
.mai1602 {
text-align: center;
width: 120px;
}
}
@media (max-width: 320px) {
.bx_item_detail .bx_item_container .bx_rt {
width: 330px;
}
.knri212 {
padding-left: 0px;
}
.sec_tab1 {
font-size: 14px;
}
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.header-menu_fat .menu-fat {
top: 203px;
max-width: 1800px;
left: 52px;
}
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.slider_1container {
width: 100%;
margin: auto;
clear: both;
max-height: 500px;
}
.flex-caption {
position: relative;
left: 80px;
bottom: 200px;
}
.caption_title_line {
width: 100%;
font-size: 30px;
height: 100%;
padding: 5px 15px 10px 15px;
color: #fff;
opacity: 0.7;
background: #7c561c;
max-width: 500px;
border-radius: 10px;
}
.flex-caption h2 {
color: #fff;
font-size: 40px;
padding: 5px 0 5px 0;
margin: 0;
}
.flex-container a:active,
.flexslider a:active {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider {
width: 100%;
margin: 0;
background: #fff;
max-width: 1186px;
}
.flexslider .slides>li {
display: none;
}
.flexslider .slides img {
max-width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.no-js .slides>li:first-child {
display: block;
}
.flexslider {
position: relative;
}
.flexslider .slides>li {
position: relative;
}
.flex-container {
position: relative;
}
.flex-direction-nav li a {
width: 45px;
height: 42px;
margin: 0;
display: block;
position: absolute;
right: 11px;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav li a.next {
background: url(/images/next.png) center no-repeat;
top: 50%;
transform: translateY(1px);
}
.flex-direction-nav li a.prev {
background: url(/images/prev.png) center no-repeat;
bottom: 50%;
transform: translateY(-1px);
}
.flex-direction-nav li a.next:hover {
background: url(/images/next_a.png) center no-repeat;
}
.flex-direction-nav li a.prev:hover {
background: url(/images/prev_a.png) center no-repeat;
}
.flex-direction-nav li a.disabled {
opacity: 0.3;
cursor: default;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -30px;
text-align: center;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-nav li a:hover {
background-position: 0 -13px;
}
.flex-control-nav li a.active {
background-position: 0 -26px;
cursor: default;
}
.map1901 {
position: relative;
text-align: center;
margin: 0 auto;
width: 100%;
max-width: 1024px;
}
@media screen and (max-width: 1000px) {
.slider_1container {
width: 100%;
clear: both;
background: none;
max-height: 240px;
}
.row {
min-height: 100%;
}
.flex-direction-nav li a {
width: 45px;
height: 42px;
margin: 0;
display: block;
position: absolute;
right: -10px;
cursor: pointer;
text-indent: -9999px;
}
.flex-caption {
display: none;
}
}
.Slider__shadows {
position: absolute;
top: 0;
right: -1px;
display: flex;
align-items: center;
width: 14px;
height: 100%;
}
.Slider__shadow_first {
height: calc(100% - 10px);
background-color: #b3b3b7;
}
.Slider__shadow {
width: 7px;
}
.Main__slider-wrapper:first-child {
margin-top: 0;
margin-bottom: 0;
}
.Slider__shadow_second {
height: calc(100% - 20px);
background-color: #dfdfe1;
}
.Slider__shadow {
width: 7px;
}
.flex-direction-nav {
top: -110px;
}
.descr {
display: none;
margin-left: -200px;
padding: 10px;
margin-top: -80px;
background: #a72525;
color: #fff;
font-size: 10pt;
z-index: 9999;
position: absolute;
}
.section-plan-item {
display: block;
position: absolute;
border: #a72525 solid 3px;
background: #000;
width: 10px;
height: 10px;
border-radius: 50%;
}
.section-plan-item:hover .descr {
display: block;
position: absolute;
top: 120px;
z-index: 9999;
width: 400px;
}
.section-plan-item:hover {
background: #a72525;
width: 15px;
height: 15px;
}
.section-plan {
position: relative;
display: inline-block;
}
.section-plan .section-plan-item {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
background: #fd9d12;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
transition: transform 0.2s;
}
.section-plan .section-plan-item:hover,
.section-plan .section-plan-item.active {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: #23abdb;
}
.fullscreen-bg {
overflow: hidden;
z-index: -100;
position: relative;
height: 100%;
width: 100%;
padding-top: 720px;
}
.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.overlay {
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.overlay h1 {
text-align: center;
color: #fff;
font-size: 70px;
margin-top: 17%;
}
.geor25 {
float: left;
margin-top: 100px;
left: 100px;
position: relative;
}
.geol25 {
float: right;
margin-top: 100px;
right: 100px;
position: relative;
}
.sl2501 {
width: 76%;
}
.sl250122 {
width: 100%;
height: 100%;
}
@media (max-width: 999px) {
.fullscreen-bg {
display: none;
}
.fullscreen-bg__video {
display: none;
}
.map1901 {
display: none;
}
.sli1901 {
display: none;
}
}
@media (max-width: 1920px) {
.sl2501 {
width: 77%;
margin-left: 9px;
}
.sl250122 {
height: 351px;
}
}
@media (max-width: 1768px) {
.fullscreen-bg {
padding-top: 680px;
}
}
@media (max-width: 1680px) {
.fullscreen-bg {
padding-top: 650px;
}
}
@media (max-width: 1600px) {
.fullscreen-bg {
padding-top: 610px;
}
}
@media (max-width: 1536px) {
.sl250122 {
height: 336px;
}
.sl2501 {
width: 76%;
margin-left: 4px;
margin-right: 5px;
}
}
@media (max-width: 1440px) {
.fullscreen-bg {
padding-top: 550px;
}
.sl2501 {
width: 74%;
margin-left: 20px;
margin-right: 20px;
}
.sl250122 {
height: 310px;
}
}
@media (max-width: 1366px) {
.fullscreen-bg {
padding-top: 520px;
}
.sl250122 {
height: 295px;
}
}
@media (max-width: 1280px) {
.fullscreen-bg {
padding-top: 490px;
}
.sl2501 {
width: 74%;
margin-left: 20px;
margin-right: 20px;
}
.sl250122 {
height: 277px;
width: auto;
}
}
@media (max-width: 1176px) {
.fullscreen-bg {
padding-top: 450px;
}
.sl2501 {
width: 70%;
margin-left: 20px;
margin-right: 20px;
}
.sl250122 {
height: 241px;
}
}
@media (max-width: 1024px) {
.fullscreen-bg {
padding-top: 390px;
}
.sl2501 {
width: 72%;
margin-left: 20px;
margin-right: 20px;
}
.sl250122 {
height: 214px;
width: auto;
}
}
@media (max-width: 1300px) {
.geor25 {
display: none;
}
.geol25 {
display: none;
}
}
@media (-webkit-device-pixel-ratio: 1.1) {
.header_fixed {
width: 96%;
margin: 0 auto;
}
.bre0312 {
max-width: 96%;
}
.sha21 {}
}
@media (-webkit-device-pixel-ratio: 1.25) {
.bx-breadcrumb {
padding-left: 30px;
}
}
@media (-webkit-device-pixel-ratio: 1.5) {
.bx-breadcrumb {
padding-left: 80px;
}
.sl2501 {
width: 70%;
margin-left: 40px;
}
.sl250122 {
height: 249px;
}
.sli1901 {
height: 270px;
}
.popup {
width: 90%;
}
.b-popup-content {
width: 90%;
}
.header-contacts__main--phone {
font-size: 16px;
}
.workarea {
/*width:95%;*/
margin: auto;
}
.men171221 {
height: 35px;
font-size: 8pt;
}
.men171221a {
font-size: 7pt;
}
.fl41 {
width: 25%;
padding-top: 0px;
}
.men1712 {
font-size: 7pt;
}
.new0605 {
max-width: 100px;
}
.menu-fat .app-tab {
max-height: 380px;
}
.f1512 {
font-size: 12px;
}
.info_section_list {
font-size: 10pt;
}
}
@media (-webkit-device-pixel-ratio: 1.25) {
.sl2501 {
width: 70%;
margin-left: 46px;
margin-right: 19px;
}
.sl250122 {
height: 315px;
}
.sli1901 {
height: 314px;
}
.men171221 {
height: 45px;
font-size: 8pt;
}
.men171221a {
font-size: 9pt;
}
.fl41 {
width: 25%;
max-height: 450px;
}
.men1712 {
font-size: 9pt;
}
.new0605 {
max-width: 100px;
}
.menu-fat .app-tab {
max-height: 470px;
}
.f1512 {
font-size: 12px;
}
}
.aktrig20 {
float: right;
display: inline-block;
width: 20%;
}
.aktlef20 {
max-width: 80%;
float: left;
}
@media (min-width: 1000px) and (max-width: 1100px) {
.trikn1 {
padding-right: 0px;
}
.map1901 img {
width: 950px;
}
.slid140122 {
height: auto;
}
.foo13 {
width: 100%;
}
.FooterMenu__menu2 {
width: 100%;
}
}
ul.info_section_child li {
background: url(/local/templates/ruselt/images/pntr1.gif) left top no-repeat;
color: #3f3f3f;
list-style: none;
margin: 6px 0 6px 6px;
padding-left: 20px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.header-menu_fat .menu-fat {}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_container img {
max-height: 300px;
}
.bx_catalog_item_container img {
max-height: 300px;
}
}
.news-detail b {
font-size: 12pt;
padding-right: 5px;
}
@media (min-width: 1700px) and (max-width: 1890px) {
.container {
max-width: 1690px;
}
}
@media (min-width: 1671px) and (max-width: 1690px) {
.container {
max-width: 1600px;
}
}
@media (min-width: 1500px) and (max-width: 1670px) {
.container {
max-width: 1490px;
}
}
@media (min-width: 1350px) and (max-width: 1490px) {
.container {
max-width: 99%;
}
}
@media (min-width: 1100px) and (max-width: 1340px) {
.container {
max-width: 99%;
}
}
@media (min-width: 1230px) and (max-width: 1290px) {
.sha21 {}
}
@media (min-width: 1000px) and (max-width: 1090px) {
.container {
max-width: 99%;
}
}
.h3 {
font-size: 18px;
font-weight: bold;
}
.about_items ul {
list-style-position: inside;
margin-left: 10px;
margin-top: 10px;
}
.about_items a {
color: #005cb6;
}
.time_to_read {
margin-bottom: 20px;
font-size: 14px;
}
.time_to_read span {
font-weight: bold;
}
.big-table {
overflow: auto;
position: relative;
}
.big-table table {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
a#print_element_page {
position: absolute;
top: 0;
right: 0;
background-image: url(/images/print_102332.svg);
background-repeat: no-repeat;
padding-left: 30px;
font-size: 14px;
}
.bx_item_container {
position: relative;
}
@media screen and (max-width: 1199px) {
a#print_element_page {
display: none;
}
}
div#element_compare a {
display: inline-block;
padding-left: 40px;
background-image: url(/images/231220.webp);
background-repeat: no-repeat;
background-position: left top;
line-height: 37px;
padding-top: 10px;
color: #555;
font-size: 15px;
}
ul.sitemap_item {
margin-left: 40px;
padding-bottom: 20px;
}
.fot1402:after {
clear: both;
display: table;
height: 0;
content: "";
}
.rt {
width: 100%;
overflow-x: auto;
}
.rt table.sec_tab {
border-collapse: collapse;
}
.rt table.sec_tab td {
padding: 2px 3px;
border: 1px solid #e1e1e1;
}
h1 {
font-size: 27px;
}
h2 {
font-size: 22px;
}
.sec_tab1 {
width: 100%;
font-size: 13px;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.bx_catalog_list_home .bx_catalog_item_price {
font-size: 14px;
}
}
.my-transition {
transition: all 0.25s ease;
}
.btn-callback {
background-color: #005cb6;
color: white;
;
font-size: 15px;
border: none;
cursor: pointer;
width: 180px;
}
.container-mw {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 1199px) {
.container-mw {
padding: 0 24px;
}
}
@media (max-width: 979px) {
.container-mw {
padding: 0 24px;
}
}
@media (max-width: 767px) {
.container-mw {
padding: 0 16px;
}
}
@media (max-width: 480px) {
.container-mw {
padding: 0 16px;
}
}
.container-header-menu {
max-width: 1800px;
margin: auto;
}
.header-top {
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
}
.header-top__logo {
display: flex;
}
.header-top__logo img {
width: 634px;
max-width: 100%;
object-fit: contain;
}
.header-top__info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
padding-left: 40px;
}
.header-contacts-wrapper {
padding-right: 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}
.header-contacts {
max-width: 200px;
vertical-align: top;
white-space: nowrap;
}
.header-contacts+.header-contacts {
padding-left: 30px;
}
.header-contacts__main {
position: relative;
display: block;
padding-left: 35px;
font-size: 18px;
color: #242424;
margin-bottom: 10px;
white-space: nowrap;
font-weight: 600;
}
.header-contacts__main--phone {}
.header-contacts__main:before {
position: absolute;
display: block;
content: "";
width: 27px;
height: 27px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.header-contacts__main--address:before {
background: url("/local/templates/ruselt/images/new-header-icons-sprite.png")no-repeat;
}
.header-contacts__main--phone:before {
background: url("/local/templates/ruselt/images/new-header-icons-sprite.png")no-repeat left -31px;
}
.header-contacts__more {
color: #7b7b7b;
font-size: 14px;
line-height: 1.4;
padding: 0 0 0 15px;
margin: 0;
}
.header-contacts__more a {
padding-left: 20px;
color: #7b7b7b;
}
.header-contacts__more a:hover {
color: #111111;
}
.header-buttons {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
margin-left: 30px;
}
.header-buttons .btn-callback {
margin-top: 10px;
}
@media (max-width: 1200px) {
.header-contacts+.header-contacts {
padding-left: 10px;
}
.header-buttons {
margin-left: 10px;
}
}
@media (max-width: 1024px) {
.header-top {
flex-direction: column;
}
.header-top__logo {}
.header-top__info {
justify-content: space-between;
padding-left: 0px;
}
.header-contacts-wrapper {}
.header-contacts {
padding-right: 0px;
margin-right: 20px;
}
.header-contacts--address {
padding-left: 10px;
}
}
@media (max-width: 673px) {
.header-top__logo {
padding-bottom: 12px;
}
.header-top__info {
display: none;
flex-direction: column;
}
.header-top__info--show {
display: flex;
}
.header-contacts-wrapper {
justify-content: space-around;
padding: 0;
}
.header-contacts {
margin: 0;
padding-left: 20px;
}
.header-contacts__main {
font-size: 14px;
padding-left: 0;
}
.header-contacts__main::before {
background: none;
}
.header-contacts__more {
font-size: 13px;
padding: 0;
}
.header-contacts__more a {
padding-left: 0;
}
.header-contacts--address {
padding-left: 0px;
}
.header-contacts--tel {
padding-right: 0px;
}
.header-buttons {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-evenly;
align-items: center;
}
.header-buttons .btn-callback {
margin-bottom: 10px;
}
}
@media (max-width: 375px) {
.header-buttons .btn-callback {
width: 165px;
}
}
.header-line {
width: 100%;
max-width: 1800px;
background: #f7f7f7;
display: flex;
flex-wrap: nowrap;
border-spacing: 8px;
margin: auto;
position: relative;
z-index: 1001;
}
.header-line__menu {
order: 1;
border-right: 1px solid #eeeeee;
}
.header-line__search {
order: 2;
}
.header-line__main-menu {
order: 3;
}
@media (min-width: 581px) and (max-width: 895px) {
.header-line {
flex-wrap: wrap;
justify-content: space-between;
}
.header-line__search {
order: 3;
width: 100%;
}
.header-line__main-menu {
order: 2;
}
}
.header-line__menu {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-size: 13pt;
font-weight: 600;
background: #005cb6;
width: 160px;
color: #fff;
cursor: pointer;
}
.header-line__menu:hover {
background: #04488b;
}
.header-line__content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-left: 20px;
}
.header-line__content-img {}
.header-line__content-text,
.pro0505 {
padding-left: 10px;
}
@media (max-width: 580px) {
.header-line__menu {
width: 61px;
}
.popup-window-titlebar {
padding-top: 10px;
}
.header-line__content {
justify-content: center;
padding-left: 0px;
}
.header-line__content-img {
padding-right: 0px;
}
.header-line__content-text,
.pro0505 {
display: none;
}
}
@media (max-width: 320px) {
.header-line__menu {
width: 40px;
}
}
.compare__empty-message {
text-align: center;
max-width: 800px;
margin: 60px auto 100px;
font-size: 16px;
line-height: 1.3;
}
h2.section-header {
font-size: 1.8rem;
line-height: 1.2;
font-weight: 600;
margin: 0 0 16px 0;
padding: 0;
}
.home-slider-wrapper {
display: flex;
flex-wrap: nowrap;
grid-gap: 24px;
align-content: flex-start;
justify-content: center;
}
.home-slider-more {}
.home-slider-more a {
display: block;
}
.home-slider-more img {
display: block;
max-width: 100%;
height: auto;
}
@media (max-width: 1199px) {
.home-slider-wrapper {
grid-gap: 16px;
}
}
@media (max-width: 767px) {
.home-slider-more {
display: none;
}
}
.home-intro {
margin: 40px 0 24px 0;
}
.home-intro__header {
font-size: 2rem;
line-height: 1.2;
font-weight: 700;
text-align: left;
margin: 0 0 16px 0;
padding: 0;
}
.home-intro__text {
font-size: 1.2rem;
}
.section-products-slider {
margin: 30px 0 40px;
}
.section-categories {
margin: 30px 0;
}
.section-news {
margin: 40px 0 32px;
}
.news-home {
display: flex;
word-wrap: break-word;
margin: 32px 0 32px 0;
white-space: normal;
grid-gap: 24px;
}
.news-home__item {
width: calc(33.3333% - 24px);
}
.news-home-item {
display: flex;
flex-wrap: nowrap;
}
.news-home-item__image {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 180px;
}
.news-home-item__image img {
max-width: 100%;
height: auto;
}
.news-home-item__body {
padding-left: 24px;
max-height: 200px;
overflow: hidden;
position: relative;
}
.news-home-item__body:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 16px;
background: rgb(255, 255, 255);
background: linear-gradient(rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0) 100%);
}
.news-home-item__date {
margin: 0 0 8px 0;
color: #999999;
}
.news-home-item__name {
margin: 8px 0 16px 0;
font-weight: bold;
font-size: 12pt;
line-height: 1.35;
}
.news-home-item__text {
margin: 16px 0 0 0;
line-height: 1.35;
}
@media (max-width: 1200px) {
.news-home-item__image {
flex-basis: 120px;
}
}
@media (max-width: 1000px) {
.news-home {
flex-wrap: wrap;
}
.news-home__item {
width: 100%;
}
}
@media (max-width: 580px) {
.news-home-item__image {
flex-basis: 80px;
}
}
.news-list {
word-wrap: break-word;
margin: 32px 0 32px 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
grid-gap: 32px 4%;
box-sizing: border-box;
}
.news-list * {
box-sizing: border-box;
}
.news2402 {
flex-basis: 48%;
max-height: 300px;
overflow: hidden;
}
.news-detail img {
max-width: 100%;
height: auto;
}
.news-list .news-title {
font-weight: bold;
}
.news-date-time {
color: #646262;
font-weight: normal;
}
.news-detail {
word-wrap: break-word;
margin: auto;
font-size: 10pt;
}
div.news-detail img.detail_picture {
display: block;
float: left;
margin: 0 8px 6px 1px;
}
.news-detail figure,
.news-detail ol,
.news-detail p,
.news-detail ul {
margin-bottom: 10px;
}
.news-detail p {
font-size: 12pt;
line-height: 20pt;
}
.news-list img.preview_picture {
float: left;
width: 300px;
max-width: 40%;
height: auto;
margin-right: 20px;
margin-bottom: 300px;
}
.news-item__inner:after {
clear: both;
content: "";
display: table;
}
@media (max-width: 767px) {
.news-list img.preview_picture {
float: none;
margin: 0 0 16px 0;
}
}
@media (max-width: 580px) {
.news-detail {
font-size: 10pt;
/*white-space: pre-line;*/
overflow: hidden;
text-align: left;
margin: inherit;
}
.bx_catalog_item_container a img {
padding-top: 15px;
}
}
.news-list img.preview_picture {
width: 200px;
max-width: 100%;
margin-bottom: 16px;
}
.section-sert {
margin: 40px 0 32px;
}
.sert-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 32px 0;
padding: 0;
justify-content: center;
grid-gap: 30px;
}
.sert-list>li>a {
border: solid 1px #dfdfe1;
display: block;
padding: 7px;
}
.sert-list>li>a:hover {
border: solid 1px #cccccc;
}
.sert-list>li img {
max-width: 100%;
height: auto;
display: block;
width: 180px;
}
@media (max-width: 1199px) {
.sert-list {
grid-gap: 2%;
}
.sert-list>li {
width: 18%;
}
.sert-list>li img {
width: auto;
}
}
@media (max-width: 767px) {
.sert-list {
grid-gap: 5%;
grid-row-gap: 16px;
}
.sert-list>li {
width: 30%;
}
}
@media (max-width: 480px) {
.sert-list {
grid-gap: 10%;
}
.sert-list>li {
width: 45%;
}
}
@media (max-width: 767px) {
.footer-block {
padding-top: 16px;
}
.footer-block--p2 {
padding-top: 8px;
}
.footer-contacts {
text-align: left;
line-height: 25px;
font-size: 20px;
}
.foo14 {
width: 100%;
float: left;
}
}
@media screen and (min-width: 1340px) {
#CatalogBacketPopups {
max-width: 400px;
}
}
.bx_catalog_list_home .bx_catalog_item_price {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.edit5,
.unsubscripe-checkbox {
display: block;
width: 400px;
height: auto !important;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
margin: 0 auto 12px;
margin-top: 20px;
margin-bottom: 20px;
}
.unsubscripe-checkbox {
width: 400px;
display: block;
}
@media screen and (max-width: 580px) {
.edit5 {
width: 100%;
}
.unsubscripe-checkbox {
max-width: 280px;
display: flex;
}
.header-mobile-mw {
padding: 0 !important;
}
}
#headerBlock .container-mw {
padding: 0 !important;
}
.btn-callback,
.mai1602 {
width: 180px;
height: 40px !important;
box-sizing: border-box;
outline: none;
}
@media screen and (max-width: 674px) {
.header-contacts+.header-contacts {
padding: 0 !important;
text-align: right;
}
.bx-searchtitle .bx-input-group {
position: relative;
display: table;
border-collapse: separate;
box-sizing: border-box;
top: 5px;
}
}
@media screen and (max-width: 875px) {
.bx-searchtitle .bx-input-group {
top: 1px;
}
}
/* Теги в каталоге */
.tag-container {
--tag-item-font-size: 14px;
--tag-section-line-height: calc(var(--tag-item-font-size) + (2 * 7px) + (2 * 1px));
box-sizing: border-box;
position: relative;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
}
.tag-container.list-tag-container .tag-section {
overflow: hidden;
height: auto;
max-height: calc((2 * var(--tag-section-line-height)) + 5px);
}
.tag-container.list-tag-container .tag-section.active {
max-height: none;
}
.tag-container .tag-section__wrapper {
display: none;
margin-top: 10px;
}
.tag-container .tag-section__wrapper:first-child {
display: block;
margin-top: 0;
}
.tag-container .tag-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.tag-container .tag-section .tag-section__title {
font-size: 14px;
font-weight: 700;
line-height: 1;
color: rgba(0, 0, 0, 1);
margin-right: 15px;
}
.tag-container .tag-section .tag-item {
font-size: var(--tag-item-font-size);
font-weight: 400;
line-height: 1;
color: rgba(102, 102, 102, 1);
padding: 7px 9px;
border: 1px solid rgba(234, 234, 234, 1);
transition: all 0.3s ease;
}
.tag-container .tag-section .tag-item.active {
color: rgba(0, 0, 0, 1);
border-color: var(--color-primary);
}
.tag-container .tag-section .tag-item:hover,
.tag-container .tag-section .tag-item:focus {
color: rgba(0, 0, 0, 1);
border-color: var(--color-primary);
}
.tag-container.list-tag-container .tag-section .tag-item.active {
color: rgba(255, 255, 255, 1);
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tag-container.list-tag-container .tag-section .tag-item:hover,
.tag-container.list-tag-container .tag-section .tag-item:focus {
color: rgba(255, 255, 255, 1);
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tag-container .btn {
padding: 7px 20px;
font-size: 14px;
font-weight: 400;
line-height: 1;
border-radius: 0px;
margin-top: 20px;
}
@media (max-width: 992px) {
.tag-container {
margin-top: 16px;
margin-bottom: 20px;
}
.tag-container .tag-section .tag-section__title {
margin-right: 5px;
}
}
/* end Теги в каталоге */
/* Теги в меню */
.tag-container.tag-container--menu {
margin: 0;
}
.tag-container.tag-container--menu .tag-section__wrapper {
display: block;
}
.tag-container.tag-container--menu .tag-section .tag-item {
border: none;
color: rgba(9, 9, 9, 1);
}
.tag-container.tag-container--menu .tag-section .tag-item.active {
color: var(--color-primary);
}
.tag-container.tag-container--menu .tag-section .tag-item:hover,
.tag-container.tag-container--menu .tag-section .tag-item:focus {
color: var(--color-primary);
}
/* end Теги в меню */
/* End */
/* /bitrix/components/bitrix/search.title/templates/barbaros/style.css?1663759812832 */
/* /local/templates/ruselt/components/bitrix/catalog.compare.list/.default/style.css?17494536141460 */
/* /bitrix/components/bitrix/form.result.new/templates/.default3/style.css?1711454981652 */
/* /local/components/forumedia/cookie.agree/templates/.default/style.css?17490318023181 */
/* /local/templates/ruselt/styles.css?1743490868817 */
/* /local/templates/ruselt/template_styles.css?1759133674127866 */