/* Основні класи для сторінки */
html, body { font-family: "Helvetica Neue", Helvetica, Arial, PT Sans sans-serif; background: #fff; font-size: 13px; color: #000; min-width: 500px; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
img { border: 0; vertical-align: top; } a { color: #cc2432; } a:hover { text-decoration: none; }
:root {
    --error-color: #d76161;
    --yellow-color: #ffcc33;
    --preview-border: #c4c4c4;
}
/* Додаткові класи */
.reset { margin: 0; padding: 0; list-style: none; }
.pageWrapper { width: 100%; max-width: 1300px; min-width: 500px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; }
.pagePhone { position: fixed; bottom: 40px; right: 40px; width: 60px; height: 60px; border-radius: 100%; color: #000; font-size: 30px; background: var(--yellow-color); z-index: 800; cursor: pointer; line-height: 60px; text-align: center; }
.error-summary { background: var(--error-color); padding: 10px 15px; color: #fff; margin-bottom: 25px; border-radius: 2px; }
.error-summary a { color: #444; text-decoration: underline; }
.h {display: none;}

/* ------------ */
.button { display: inline-block; cursor: pointer; border: none; transition: all .2s; font-weight: 500; border-radius: 3px; font-size: 13px; }
.button:hover { text-decoration: none; }
.button.buttonBlock { padding: 0; text-align: center; display: block; width: 100%; box-sizing: border-box; }
.button.buttonSmall { height: 32px; line-height: 32px; padding: 0 15px; }
.button.buttonMedium { height: 36px; line-height: 36px; padding: 0 20px; }
.button.buttonLarge { height: 40px; line-height: 40px; }
.button.buttonGrey { background: #f1f1f1; color: #6d7681; }
.button.buttonGrey:hover { background: #ddd; }
.button.buttonGreen { background: #45c7a4; color: #fff; box-shadow: 0 3px 5px rgba(51,182,146,0.2); }
.button.buttonGreen:hover { background: #33b692; }
.button.buttonWhite { background: #fff; color: #000; }
.button.buttonWhite:hover { background: rgba(255,255,255,0.7); }
.button.buttonYellow { background: var(--yellow-color); color: #000; box-shadow: 0 3px 5px rgba(255,216,0,0.2); }
.button.buttonYellow:hover { background: #ffd800; }

@font-face {
    font-family: "Century_Gothic";
    src: url("font/Century_Gothic.eot");
    src: url("font/Century_Gothic.eot") format("embedded-opentype"),
    url("font/Century_Gothic.woff2") format("woff2"),
    url("font/Century_Gothic.woff") format("woff"),
    url("font/Century_Gothic.ttf") format("truetype"),
    url("font/Century_Gothic.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1.3); }
}

blockquote {padding-left: 10px;border-left: lightgray 5px solid;}
.something_more {font-family: "Century_Gothic";}
.page200--register { position: fixed; bottom: 0; left: 50%; margin-left: -250px; width: 500px; height: 362px; z-index: 999; display: none; }
.page200--register.ru, .page200--register.uk { background: url('../img/200.png') no-repeat; }
.page200--register .page200--register--close { position: absolute; top: 0; right: 0; font-size: 28px; color: #000; cursor: pointer; }
.page200--register .page200--register--button { position: absolute; bottom: 15px; right: 40px; }
.page200--register .page200--register--button a { display: inline-block; background: var(--yellow-color); color: #333; padding: 10px 52px; font-size: 16px; border-radius: 4px; text-decoration: none; }

/* ------------ */
.pageHeader { z-index: 700; min-width: 500px; position: relative; }
.pageHeader .pageHeader--section--one { height: 50px; background: #f9f9f9; }
.pageHeader .pageHeader--section--one .pageHeader--time { float: left; line-height: 50px; color: #999; }
.pageHeader .pageHeader--section--one .pageHeader--phones { float: right; line-height: 50px; color: #000; }
.pageHeader .pageHeader--section--one .pageHeader--phones .phones--element { display: inline-block; margin-left: 20px; font-weight: 500; }
.pageHeader .pageHeader--section--one .pageHeader--phones .phones--element i { margin-right: 10px; }
.pageHeader .pageHeader--section--two { width: 100%; display: flow-root; padding: 30px 0; }
.pageHeader .pageHeader--section--two .pageWrapper{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.pageHeader .pageHeader--section--two .pageHeader--sex { width: 250px; }
.pageHeader .pageHeader--section--two .pageHeader--sex .pageHeader--sex--content { position: relative; margin-top: 20px; }
.pageHeader .pageHeader--section--two .pageHeader--sex .pageHeader--sex--content .sex--element { float: left; height: 53px; line-height: 53px; background: #f1f1f1; font-size: 13px; color: #666; font-weight: 500; padding: 0 25px; margin-right: 5px; text-decoration: none; text-transform: uppercase; }
.pageHeader .pageHeader--section--two .pageHeader--sex .pageHeader--sex--content .sex--element:last-child { margin-right: 0; }
.pageHeader .pageHeader--section--two .pageHeader--sex .pageHeader--sex--content .sex--element.active { background: var(--yellow-color); border-color: var(--yellow-color); color: #000; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content { position: relative; margin-top: 50px; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.options--lang { border-radius: 3px; background-color: #f1f1f1; width: 32px; height: 32px; margin-top: -6px; padding-top: 2px; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.options--lang a{ color: #666; font-size: 1.1rem; font-weight: 700; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.pulse { animation: pulse 1s infinite; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.pulse a { color: #c00; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.options--basket i { display: inline-block; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element { float: right; margin-left: 10px; height: 23px; font-size: 20px; text-align: center; color: #000; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element a { color: #000; text-decoration: none; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .basket--cart { position: relative; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .basket--cart.active { color: #c00; }
.pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .itemsCount { vertical-align: super; font-size: 0.6em }
.pageHeader .pageHeader--section--two .pageHeader--logotype .pageHeader--logo img { width: 374px; height: auto; }
.pageHeader .pageHeader--section--two .options--user.loggedin { padding: 5px; background: var(--yellow-color); border-radius: 2px; margin-top: -6px;}
.pageHeader .pageHeader--menu { border-top: 3px solid var(--yellow-color); height: 64px; box-shadow: 0 5px 10px rgba(0,0,0,0.05); }
.pageHeader .pageHeader--menu ul { display: flex; width: 100%; position: relative; }
.pageHeader .pageHeader--menu .firstElement { display: flex; flex:auto; align-items: center; vertical-align: middle; height: 64px; border-right: 1px solid #eee; box-sizing: border-box; }
.pageHeader .pageHeader--menu .firstElement:last-child { border-right: none; }
.pageHeader .pageHeader--menu .firstElement:hover { background: var(--yellow-color); }
.pageHeader .pageHeader--menu .firstElement:hover > .pageHeader--menu--window { display: flex; }
.pageHeader .pageHeader--menu .firstElement.active { background: var(--yellow-color); }
.pageHeader .pageHeader--menu .firstElement.news { background: #f1f1f1; }
.pageHeader .pageHeader--menu .firstElement .firstElement--arrow { display: none; }
.pageHeader .pageHeader--menu .firstElement .firstLink { font-weight: 500; text-transform: uppercase; display: block; color: #000; text-decoration: none; padding: 15px 18px; font-size: 12px; text-align: left; }
.pageHeader .pageHeader--menu .pageHeader--menu--window { display: none; position: absolute; top: 64px; z-index: 700; background: #fff; border-top: 1px solid #ddd; box-shadow: 0 10px 50px rgba(0,0,0,0.1); padding: 20px; box-sizing: border-box; flex-wrap: wrap; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.box { left: inherit; right: 0; width: 385px !important; padding: 0 10px !important; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.box .box--element { float: left; width: 50%; text-align: center; padding: 20px 10px; box-sizing: border-box; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.box .box--element a { padding: 10px; border: 1px solid #ddd; border-bottom: 1px solid #ddd !important; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.box .box--element img { max-width: 100%; margin-bottom: 10px; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.brands { left: inherit; right: 0; width: 610px !important; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.brands .pageHeader--menu--window--brands { float: left; width: 33.3333%; border-right: 1px solid #ddd; box-sizing: border-box; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.brands .pageHeader--menu--window--brands:last-child { border-right: none; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.small { width: 200px; padding: 0; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.small a { display: block; font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 12px 20px; text-decoration: none; border-bottom: 1px solid #ddd; color: #000; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.small a:last-child { border-bottom: none; }
.pageHeader .pageHeader--menu .pageHeader--menu--window.small a:hover { background: #f9f9f9; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--banners { float: right; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--banners a { float: right; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--banners a:first-child { float: left; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--banners a img { width: 100%; }

.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--colors .pageHeader--menu--window--colors--title { text-transform: uppercase; padding-bottom: 15px; font-weight: 500; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--colors .pageHeader--menu--window--colors--items { max-width: 170px; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right .pageHeader--menu--window--colors .pageHeader--menu--window--colors--items a { display: inline-block; width: 22px; height: 22px; border: 1px solid rgba(0,0,0,0.1); }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left { width: auto; min-width :470px; -webkit-column-width: 180px; column-width: 180px; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left .pageHeader--menu--window--categories { display: inline-block; margin: 0 20px 10px 0; vertical-align: top; width: 100%; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left .pageHeader--menu--window--categories a { text-decoration: none; color: #666; display: block; padding: 4px 0; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left .pageHeader--menu--window--categories a:hover { color: #000; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left .pageHeader--menu--window--categories h3 { font-weight: 500; text-transform: uppercase; font-size: 13px; color: #000; }
.pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left .pageHeader--menu--window--categories h3 a { color: #000; padding-top: 0; }
.pageHeader .containerSearch--content { margin-bottom: -34px; display: none; }
.pageHeader .containerSearch--content input { height: 34px; border: 1px solid #ddd; border-radius: 2px; width: 240px; box-sizing: border-box; padding: 0 12px; font-size: 13px; }

/* ------------ */
.leftForm { position: relative; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #ddd; }
.leftForm a { display: inline-block;  margin-right: 15px; line-height: 34px; }

/* ------------ */
.brandList { width: 100%; display: inline-block; }
.brandList ul li { float: left; width: 25%; position: relative; text-align: center; margin: 15px 0; outline: 15px solid #fff; border-bottom: 2px solid #eee; }
.brandList ul li .brandListImage { display: inline-block; padding: 5px; vertical-align: top; }
.brandList ul li .brandListTitle { display: block; padding: 6px 10px 5px 10px; background: #eee; text-transform: uppercase; margin-top: 10px; }
.brandList ul li a { color: #666; }


/* ------------ */
.button { display: inline-block; height: 36px; box-sizing: border-box; padding: 0 20px; border-radius: 2px; line-height: 36px; border: 1px solid transparent; text-decoration: none; cursor: pointer; }
.button.buttonYellow { background: var(--yellow-color); color: #333; }
.button.buttonIcon { font-size: 16px; border-color: #ddd; color: #000; padding: 0 10px; }

/* ------------ */
.pageHeader--sex--adaptive { float: right; padding-top: 10px; }
.pageHeader--sex--adaptive .pageHeader--sex--content .sex--element { float: left; height: 44px; line-height: 46px; background: #f1f1f1; font-size: 12px; color: #666; font-weight: 500; padding: 0 15px; margin-right: 5px; text-decoration: none; text-transform: uppercase; }
.pageHeader--sex--adaptive .pageHeader--sex--content .sex--element:last-child { margin-right: 0; }
.pageHeader--sex--adaptive .pageHeader--sex--content .sex--element.active { background: var(--yellow-color); border-color: var(--yellow-color); color: #000; }
.pageHeader--menu--adaptive { float: left; height: 44px; line-height: 44px; margin-top: 10px; font-size: 14px; font-weight: 500; display: none; }
.pageHeader--menu--adaptive i { font-weight: normal; margin-right: 10px; font-size: 24px; display: inline-block; vertical-align: middle; position: relative; top: -1px; }
.pageHeader--menu--adaptive small i { font-size: 9px; color: #999; margin-left: 5px; }

/* ------------ */
.pageSlider { position: relative; min-width: 500px; }
.pageSlider ul li img { width: 100%; }

/* ------------ */
.pageMain { position: relative; padding: 40px 0 10px 0; min-width: 500px; }
.pageMain .pageWrapper h1 { font-size: 27px; text-align: center; margin-bottom: 10px; }
.pageMain .pageMain--tree { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; }
.pageMain .pageMain--tree .pageMain--tree--element { margin-bottom: 30px; overflow: hidden; position: relative; }
.pageMain .pageMain--tree .pageMain--tree--element.element-4 { grid-column-start: 1; grid-row-start: 2; grid-column: 1/3; }
.pageMain .pageMain--tree .pageMain--tree--element img { width: 100%; height: 100%; }
.pageMain .pageMain--tree .pageMain--tree--element .endDate, .pageSlider .endDate {
    background: #0006;
    color: #fff;
    letter-spacing: .05em;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

/* ------------ */
.pageBrands { padding: 40px 0; background: #fff; border-top: 3px solid #eee; overflow: hidden; min-width: 500px; }
.pageBrands ul li { float: left; text-align: center; }

/* ------------ */
.pageHottest { border-top: 3px solid #000; min-width: 500px; }
.pageHottest .pageHottest--title { height: 60px; position: relative; top: -3px; padding: 0 30px; background: #000; color: #fff; font-size: 15px; font-weight: 500; display: inline-block; line-height: 60px; text-transform: uppercase; border-top: 3px solid var(--yellow-color); }
.pageHottest .pageHottest--container { position: relative; width: calc(100% + 30px); left: -15px; display: inline-block; margin: 20px 0 40px 0; }
.pageHottest .pageHottest--container .pageHottest--element { float: left; width: 20%; padding: 0 15px; box-sizing: border-box; }
.pageHottest .pageHottest--container .pageHottest--element a { display: block; width: 100%; border: 1px solid #eee; padding: 15px; box-sizing: border-box; }
.pageHottest .pageHottest--container .pageHottest--element a img { width: 100%; }

/* ------------ */
.pagePresent { padding: 40px 0; border-top: 1px solid #ddd; min-width: 500px; }
.pagePresent h1 { font-size: 27px; }
.pagePresent h2 { font-size: 20px; padding-bottom: 10px; font-weight: 500; }
.pagePresent p { line-height: 18px; color: #666; }
.pagePresent p:last-child { padding-bottom: 0; margin-bottom: 0; }

/* ------------ */
.pageDefault { padding: 40px 0; }
.pageDefault .videoBox, .pageDefault .videoBox video { width: 100%; }
.pageDefault .videoBox { margin: 0 auto 20px; }
.pageDefault .pageDefault--title { font-size: 26px; font-weight: 500; padding-bottom: 30px; }
.pageDefault .pageDefault--forms { background: #fff; border: 2px solid #ddd; border-radius: 2px; padding: 40px; width: 100%; max-width: 700px; margin: 0 auto; box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-sizing: border-box; }
.pageDefault .pageDefault--static { position: relative; width: 80%; font-size: 15px; margin: 0 auto; line-height: 20px; }
.pageDefault--static .table { display:flex; flex-wrap:wrap; margin:0 10% 20px 20%; }
.pageDefault--static .table .text { width: 30%; padding: 10% 0; text-align: justify;}
.pageDefault--static .table .arrow { margin: 0 auto; padding: 10% 0; }
.pageDefault--static .table .arrow img { width: 100px; }
.pageDefault--static .table .picture { width: 40%; text-align: center; font-style: oblique; }
.pageDefault--static .table .picture a { color: #000; }
.pageDefault .pageDefault--static img { max-width: 100%; height: auto !important; }
.pageDefault .pageDefault--static table { width: 100% !important; }
.pageDefault--static span { font-size: 1.3em; }
.pageDefault--static .list { display: flex; flex-direction: column; margin-top: 10px; }
.pageDefault--static .list .image { width: 250px; float:left; }
.pageDefault--static .list .descr { padding: 20px 0; }
.pageDefault--static #wait { width:400px; margin:0 auto; padding:40px 20px 20px 20px; background:var(--yellow-color); font-size:16px; border: 1px #bbb solid; border-radius:5px; text-align:center; }
.dots {
    width: 60px;
    margin: 0 auto;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#888 90%,#0000);
    background:
            var(--_g) 0%   50%,
            var(--_g) 50%  50%,
            var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: d3 1s infinite linear;
}
@keyframes d3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/* ------------ */
.pageFilters { position: relative; width: 100%; display: inline-block; margin-bottom: 25px; }
.pageFilters .pageFilters--container { margin-left: 0; }
.pageFilters .pageFilters--content { width: calc(100% + 10px); display: inline-block; position: relative; left: -5px; }
.pageFilters .pageFilters--area { float: left; width: 12.5%; padding: 0 5px; margin-bottom: 10px; box-sizing: border-box; }
.pageFilters .pageFilters--area.sorting { width: 212px; position: absolute; right: -5px; z-index: 600;  top:-62px; }
.pageFilters .pageFilters--area.sorting .pageFilters--element .pageFilters--element--title { background: #f9f9f9;}
.pageFilters .pageFilters--area.sorting .pageFilters--element .pageFilters--element--content { background: #f9f9f9; }
.pageFilters .pageFilters--area.sorting .pageFilters--element .pageFilters--element--content { background: #f9f9f9; z-index: 600; }
.pageFilters .pageFilters--element { border: 1px solid #ddd; border-radius: 2px; cursor: pointer; position: relative; }
.pageFilters .pageFilters--element:last-child { margin-right: 0; }
.pageFilters .pageFilters--element .pageFilters--element--title { height: 34px; line-height: 34px; padding: 0 10px; }
.pageFilters .pageFilters--element .pageFilters--element--title i { font-size: 9px; float: right; color: #999; }
.pageFilters .pageFilters--element .pageFilters--element--content { display: none; padding: 5px 0; position: absolute; top: 34px; left: -1px; width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 2px; z-index: 500; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.pageFilters .pageFilters--element .pageFilters--element--content.view { z-index: 700; }
.pageFilters .pageFilters--element .pageFilters--element--content label { padding: 5px 5px 5px 10px; border-bottom: 1px dotted #ddd; display: inline-block; width: 100%; box-sizing: border-box; cursor: pointer; }
.pageFilters .pageFilters--element .pageFilters--element--content label:last-child { border-bottom: none; }
.pageFilters .pageFilters--element .pageFilters--element--content label input { display: none; }
.pageFilters .pageFilters--element .pageFilters--element--content.sale label input { display: block; float: left; margin-right: 5px; }
.pageFilters .pageFilters--element .pageFilters--element--content label .checkbox { width: 18px; height: 18px; position: relative; border-radius: 2px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; float: left; vertical-align: top; }
.pageFilters .pageFilters--element .pageFilters--element--content label .checkbox::after { display: none; content: ''; position: absolute; width: 8px; height: 8px; background: #000; top: 4px; left: 4px; }
.pageFilters .pageFilters--element .pageFilters--element--content label input:checked + .checkbox { border-color: #000; }
.pageFilters .pageFilters--element .pageFilters--element--content label input:checked + .checkbox::after { display: block; }
.pageFilters .pageFilters--element .pageFilters--element--content label .title { margin-left: 28px; position: relative; padding-top: 2px; font-size: 12px; }
.pageFilters .pageFilters--element .pageFilters--ui { padding: 10px; }
.pageFilters .pageFilters--element .pageFilters--ui .pageFilters--button { margin-top: 10px; display: inline-block; width: 100%; }
.pageFilters .pageFilters--element .pageFilters--ui .pageFilters--button button { background: #f0f0f0; display: block; width: 100%; border: none; cursor: pointer; text-align: center; height: 34px; line-height: 34px; font-weight: 500; border-radius: 2px; color: #333; font-size: 13px; }
.pageFilters .pageFilters--element .pageFilters--ui .pageFilters--prices { margin-top: 13px; }
.pageFilters .pageFilters--element .pageFilters--ui .pageFilters--prices input { width: 48%; height: 30px; border: 1px solid #ddd; border-radius: 2px; padding: 0 10px; box-sizing: border-box; float: left; font-size: 12px; }
.pageFilters .pageFilters--element .pageFilters--ui .pageFilters--prices input:last-child { float: right; }
.pageFilters .pageFilters--element .pageFilters--ui .ui-slider { width: 100%; height: 5px; background: rgba(0,0,0,0.1); position: relative; border-radius: 8px; }
.pageFilters .pageFilters--element .pageFilters--ui .ui-slider-range { height: 5px; background: var(--yellow-color); position: absolute; border-radius: 2px; }
.pageFilters .pageFilters--element .pageFilters--ui .ui-slider-handle { width: 10px; height: 10px; background: #000; display: block; position: absolute; margin-top: -3px; outline: none; cursor: pointer; border-radius: 2px; }
.pageFilters .pageFilters--element .pageFilters--ui .ui-slider-handle:nth-child(3) { margin-left: -10px; }

/* ------------ */
.pageCatalogue { width: 100%; display: flex; flex-wrap: wrap; position: relative; }
.pageCatalogue .pageCatalogue--element { width: 20%; padding: 15px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; position: relative; }
.pageCatalogue .pageCatalogue--element:nth-child(5n) { border-right: none; }
.pageCatalogue.productCollection--slider .pageCatalogue--element:nth-child(5n) { border-right: 1px solid #eee; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { width: 100%; text-align: center; margin-bottom: 10px; height: 224px; position: relative; display: table; overflow: hidden; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images img { max-height: 100%; max-width: 100%; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images .images--first { transition: all .2s; display: table-cell; vertical-align: middle; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images .images--second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; visibility: hidden; opacity: 0; transition: all .2s; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images.none:hover .images--first { visibility: visible; opacity: 1; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images:hover .images--first { visibility: hidden; opacity: 0; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--images:hover .images--second { visibility: visible; opacity: 1; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--title { font-size: 13px; font-weight: 500;  }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--title a { display: block; color: #000; text-decoration: none; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--category { color: #666; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options { font-weight: 500; width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options:nth-child(2) { text-align: right; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--brand { color: #000; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--price { color: #666; font-size: 1.3em; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--price.red { color: #cc2432;  }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--price-old { font-weight: normal; color: #666; text-decoration: line-through 1px #666; margin-top: -5px; }
.pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--filler { font-weight: normal; color: #fff; margin-top: -5px; }
.catalogueSale { position: absolute; z-index: 1; font-size: 11px; font-weight: bold; top: 25px; left: 25px; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; color: #fff; }
.containerBasket .catalogueSale { position: relative; float: right; margin-right: 50% }
.pageProduct .catalogueSale { position: relative; top: auto; left: auto;}
.newBasketContainer .catalogueSale { position: relative; top: 10px; }
.catalogueSale.blue { background: #0000ff; }
.catalogueSale.yellow { background: #fff222; color:#000000; }
.catalogueSale.violet { background: #7410d0; }
.catalogueSale.lightblue { background: #74cdfb; }
.catalogueSale.red { background: #ff0000; }
.catalogueSale.brown { background: #8b4513; }
.catalogueSale.orange { background: #ff7518; }
.catalogueSale.magenta { background: #e40799; }
.pageCatalogue .pageCatalogue--delete { position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: #ccc; border-radius: 2px; color: #333; text-align: center; line-height: 30px; font-size: 16px; z-index: 100; text-decoration: none;  }
.smallCard {
        display: none;
        min-width: 550px;
        border: 1px solid var(--preview-border);
        background: #fff;
        position: absolute;
        top:0;
        left:0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        z-index: 2;
    }
.smallCard .pageProduct--card .pageProduct--card--images {width: 275px;padding: 10px;}
.smallCard .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs {float: none;width: auto;display: flex;}
.smallCard .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs a {border-color:var(--preview-border);margin: 0 2px 10px 2px;}
.smallCard .pageProduct--card .pageProduct--card--images .pageProduct--card--image { height: 270px;margin:0;border-color:var(--preview-border);}
.smallCard .pageProduct--card .pageProduct--card--present {margin-left: 300px;min-width: 175px;padding: 10px;}
.smallCard .pageProduct--card .pageProduct--card--present .present--category {padding-bottom: 0;}
.smallCard .pageProduct--card .pageProduct--card--present .present--info {line-height: 1.5em;}
.smallCard .pageProduct--card .pageProduct--card--present .present--product {margin: 0; padding: 0;}
.smallCard .pageProduct--card .pageProduct--card--present .present--product .present--product--button {margin: 10px 5px;}
.smallCard .button {padding: 0 10px;}
.smallCard .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content {display: flex;}
.smallCard .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content a {text-decoration: none; border: none;}
.smallCard .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content a span {color: #999; font-size: 26px;font-variant: super;margin-left: 5px;}
.smallCard .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content {display: flex;}
.smallCard .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--title { width: auto;}
.smallCard .pageProduct--card .pageProduct--card--present .present--product div.catalogueSale {display: none;}
    /* ------------ */
    .eventsContainer { position: relative; width: calc(100% + 20px); display: flex; flex-wrap: wrap; left: -10px; }
    .eventsContainer .eventsContainer--element { float: left; width: 33.3333%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
    .eventsContainer .eventsContainer--element .eventsContainer--content { padding: 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 10px 35px rgba(0,0,0,0.1); }
    .eventsContainer .eventsContainer--element .eventsContainer--content .eventsContainer--image { width: 100%; text-decoration: none; display: block; }
    .eventsContainer .eventsContainer--element .eventsContainer--content .eventsContainer--image img { width: 100%; }
    .eventsContainer .eventsContainer--element .eventsContainer--content .eventsContainer--title { text-align: center; padding: 20px; font-size: 14px; font-weight: 500; height: 40px; }
    .eventsContainer .eventsContainer--element .eventsContainer--content .eventsContainer--title a { color: #000; text-decoration: none; }
    .eventsContainer .eventsContainer--element .eventsContainer--content .eventsContainer--endDate { text-align: center; margin-top: -20px; font-weight: bold; }
    .newsPresent { width: 100%; padding: 0 10px; box-sizing: border-box; display: inline-block; line-height: 21px; }
    .newsFull { position: relative; }
    .newsFull img { max-width: 100%; height: auto !important; }
    .newsFull table { width: 100% !important; }

    /* ------------ */
    .pageGallery { width: 600px; margin: 30px auto; padding: 30px; box-sizing: border-box; border: 2px solid #f0f0f0; clear: both; }
    .pageGallery .lSGallery { width: 100% !important; }
    .pageGallery ul li { float: left; position: relative; height: 306px; }
    .pageGallery .lSPager li { float: left; width: 14% !important; position: relative; height: auto !important; }
    .pageGallery ul li img { width: 100%; }
    .pageGallery .lSPager li a { display: block; height: 40px; overflow: hidden; }
    .pageGallery .lSPager li { border-radius: 0 !important; }
    .pageGallery .lSPager li.active a { opacity: 0.5 }
    .pageGallery ul li span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: rgba(0,0,0,0.7); color: #fff; box-sizing: border-box; font-size: 13px; }

    /* ------------ */
    .pagePagination { text-align: center; padding-top: 40px; }
    .pagePagination ul { margin: 0; padding: 0; list-style: none; }
    .pagePagination ul li { height: 32px; border: 1px solid #ddd; border-radius: 2px; margin: 0 2px 4px 2px; display: inline-block; text-decoration: none; transition: all .2s; cursor: pointer; }
    .pagePagination ul li.disabled { display: none; }
    .pagePagination ul li a { line-height: 32px; display: block; padding: 0 15px; text-decoration: none; color: #666; }
    .pagePagination ul li.active { background: var(--yellow-color); border-color: #d6cb02; color: #000; }
    .pagePagination ul li.active a { color: #000; }
    .pagePagination ul li:hover { background: #f9f9f9; }

    /* ------------ */
    .breadcrumb { list-style: none; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #eee; }
    .breadcrumb li { display: inline-block; margin-right: 5px; color: #666; text-decoration: none; }
    .breadcrumb li::after { content: '—'; padding-left: 5px; }
    .breadcrumb li a { color: #666; text-decoration: none; }
    .breadcrumb li:last-child { color: #000; }
    .breadcrumb li:last-child::after { display: none; }
    .breadcrumb .breadcrumb--line { display: inline-block; margin-right: 5px; color: #666; }

    /* ------------ */
    .pageProduct { position: relative; }
    .pageProduct .pageProduct--container { width: 100%; display: inline-block; }
    .pageProduct .pageProduct--container .pageProduct--right { float: right; width: 140px; }
    .pageProduct .pageProduct--container .pageProduct--left { margin-right: 170px; }

    /* ------------ */
    .pageProduct--slider { position: relative; height: 750px; padding: 40px 0; box-sizing: border-box; }
    .pageProduct--slider .pageProduct--slider--prev { position: absolute; top: 0; height: 25px; background: #f0f0f0; text-align: center; line-height: 25px; width: 100%; cursor: pointer; display: block; color: #666; }
    .pageProduct--slider .pageProduct--slider--prev i { transform: rotate(180deg); display: inline-block; }
    .pageProduct--slider .pageProduct--slider--next { position: absolute; bottom: 0; height: 25px; background: #f0f0f0; text-align: center; line-height: 25px; width: 100%; cursor: pointer; display: block; color: #666; }
    .pageProduct--slider .pageProduct--slider--content { position: relative; width: 100%; display: inline-block; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element { width: 100%; display: inline-block; margin-bottom: 15px; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--image { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 6px; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--image img { width: 100%; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--title { font-weight: 500; font-size: 12px; padding-bottom: 3px; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--title a { text-decoration: none; color: #000; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--category { font-size: 11px; color: #666; padding-bottom: 3px; }
    .pageProduct--slider .pageProduct--slider--content .pageProduct--slider--element .pageProduct--slider--price { font-size: 11px; color: #000; font-weight: 500; }

    /* ------------ */
    .pageProduct--card { position: relative; }
    .pageProduct--card .pageProduct--card--images { float: left; width: 530px; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs { float: left; width: 80px; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs a { display: inline-block; text-align: center; width: 100%; border: 1px solid #eee; border-radius: 2px; padding: 5px; box-sizing: border-box; margin-bottom: 10px; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs a.active { border-color: var(--yellow-color); }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs a img { max-width: 100%; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--image { margin-left: 90px; border: 1px solid #eee; padding: 10px; box-sizing: border-box; border-radius: 2px; overflow: hidden; text-align: center; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_left, .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_right { display: none; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--image .pageProduct--card--image--zoom { vertical-align: middle; }
    .pageProduct--card .pageProduct--card--images .pageProduct--card--image .pageProduct--card--image--zoom a video{ width: 420px; height: 420px; }
    .pageProduct--card .pageProduct--card--present { margin-left: 560px; }
    .pageProduct--card .pageProduct--card--present h1 { font-size: 25px; font-weight: 400; color: #000; padding-bottom: 3px; }
    .pageProduct--card .pageProduct--card--present h1 a { text-decoration: none; color: #000; }
    .pageProduct--card .pageProduct--card--present .present--category { padding-bottom: 10px; color: #666; }
    .pageProduct--card .pageProduct--card--present .present--info { padding-bottom: 2px;display:flex;flex-wrap: wrap;line-height: 2em; }
    .pageProduct--card .pageProduct--card--present .present--info b { margin-right: 20px; }
    .pageProduct--card .pageProduct--card--present .present--info a { text-decoration: none; color: #000; }
    .pageProduct--card .pageProduct--card--present .present--product { margin: 20px 0 15px 0; padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }
    .pageProduct--card .pageProduct--card--present .present--product--article { height: 36px; line-height: 36px; font-size: 15px; color: #666; margin-right: 30px; display: inline-block; }
    .pageProduct--card .pageProduct--card--present .present--product--article .article { color: #4d0132; }
    .pageProduct--card .pageProduct--card--present .present--product .present--product--price { height: 36px; line-height: 36px; font-size: 24px; color: #c00; }
    .pageProduct--card .pageProduct--card--present .present--product .present--product--price small { font-size: 15px; color: #666; }
    .pageProduct--card .pageProduct--card--present .present--product .present--product--price small { font-size: 15px; color: #666; }
    .pageProduct--card .pageProduct--card--present .present--product .present--product--button { margin-left: 10px; }
    .pageProduct--card .pageProduct--card--present .present--colors { height: 36px; line-height: 36px; padding-bottom: 15px; border-bottom: 1px solid #eee; width: 100%; display: inline-block; }
    .pageProduct--card .pageProduct--card--present .present--colors .present--colors--title { float: left; width: 140px; color: #666; }
    .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content { margin-left: 140px; padding-top: 3px; }
    .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content a { display: inline-block; width: 30px; height: 26px; border-radius: 4px; overflow: hidden; margin-right: 3px; border: 2px solid #f1f1f1; }
    .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content a.active { border-color: var(--yellow-color); }
    .pageProduct--card .pageProduct--card--present .present--colors .present--colors--content a img { width: 100%; height: 100%; }
    .pageProduct--card .pageProduct--card--present .present--sizes { padding: 15px 0 12px 0; border-bottom: 1px solid #eee; width: 100%; display: inline-block; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--notify { display: none; background: #fff999; padding: 10px; color: #000; border-radius: 2px; margin-bottom: 5px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--how { padding-top: 5px; padding-bottom: 10px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--title { float: left; width: 140px; color: #666; height: 36px; line-height: 36px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content { margin-left: 140px; padding-top: 5px; }
    .present--sizes--content2 { display: none; position: absolute; bottom: 85px; right: 15px; z-index: 100; background: #fff; border: 1px #999 solid; padding: 5px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content .present--sizes--grid, .present--sizes--content2 .present--sizes--grid { width: 100%; display: inline-block; margin-bottom: 3px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content .present--sizes--grid .present--sizes--letter, .present--sizes--content2 .present--sizes--grid .present--sizes--letter { height: 26px; line-height: 26px; padding: 0 10px; background: #f1f1f1; display: inline-block; font-size: 11px; border-radius: 2px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content label, .present--sizes--content2 label { display: inline-block; cursor: pointer; margin-bottom: 3px; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content label input, .present--sizes--content2 label input { display: none; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content label input:checked + .present--sizes--check, .present--sizes--content2 label input:checked + .present--sizes--check { background: #f5f5f5; border-color: #c00; }
    .pageProduct--card .pageProduct--card--present .present--sizes .present--sizes--content label .present--sizes--check, .present--sizes--content2 label .present--sizes--check { min-width: 32px; height: 26px; border: 1px solid #ddd; box-sizing: border-box; text-align: center; line-height: 25px; font-size: 11px; border-radius: 2px; }
    .pageProduct--card .pageProduct--card--present .present--tabs { position: relative; margin-top: 20px; }
    .pageProduct--card .pageProduct--card--present .present--tabs ul { width: 100%; overflow: hidden; }
    .pageProduct--card .pageProduct--card--present .present--tabs ul li { float: left; width: 25%; background: #fff; border-radius: 2px 2px 0 0; text-align: center; font-size: 13px; }
    .pageProduct--card .pageProduct--card--present .present--tabs ul li.active { background: #f1f1f1; }
    .pageProduct--card .pageProduct--card--present .present--tabs ul li a { display: block; padding: 14px 0; color: #666; text-decoration: none; }
    .pageProduct--card .pageProduct--card--present .present--tabs .present--tabs--tab { background: #f1f1f1; padding: 20px; line-height: 21px; color: #666; border-radius: 0 0 2px 2px; display: none; }
    .pageProduct--card .pageProduct--card--present .present--tabs .present--tabs--tab.active { display: block; }

    /* ------------ */
    .productCollection { border-top: 3px solid #000; margin-top: 30px; position: relative; }
    .productCollection .productCollection--next, .productCollection .productCollection--prev, .productHistory .productHistory--next  { position: absolute; top: 10px; right: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #666; background: #f0f0f0; cursor: pointer; }
    .productCollection .productCollection--next i { transform: rotate(-90deg); display: inline-block; position: relative; left: 1px; }
    .productCollection .productCollection--prev i { transform: rotate(90deg); display: inline-block; position: relative; right: 1px; }
    .productCollection .productCollection--title { height: 50px; position: relative; top: -3px; padding: 0 30px; background: #000; color: #fff; font-size: 15px; font-weight: 500; display: inline-block; line-height: 50px; text-transform: uppercase; border-top: 3px solid var(--yellow-color); }

    /* ------------ */
    .productHistory { margin-top: 30px; border-top: 3px solid #eee; position: relative; }
    .productHistory .productHistory--next i { transform: rotate(-90deg); display: inline-block; position: relative; left: 1px; }
    .productHistory .productHistory--prev { position: absolute; top: 10px; right: 32px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #666; background: #f0f0f0; cursor: pointer; }
    .productHistory .productHistory--prev i { transform: rotate(90deg); display: inline-block; position: relative; right: 1px; }
    .productHistory .productHistory--title { height: 50px; position: relative; top: -3px; padding: 0 30px; background: #eee; color: #333; font-size: 15px; font-weight: 500; display: inline-block; line-height: 50px; text-transform: uppercase; border-top: 3px solid #000; }

    /* ------------ */
    .pageFooter { background: #222; min-width: 500px; }
    .pageFooter .pageFooter--content { padding: 40px 0; overflow: hidden; }
    .pageFooter .pageFooter--content .pageFooter--menu { float: left; }
    .pageFooter .pageFooter--content .pageFooter--menu ul { float: left; margin-right: 40px; }
    .pageFooter .pageFooter--content .pageFooter--menu ul li { display: block; color: #aaa; }
    .pageFooter .pageFooter--content .pageFooter--menu ul li.name { text-transform: uppercase; padding-bottom: 10px; font-weight: 500; }
    .pageFooter .pageFooter--content .pageFooter--menu ul li a { display: block; padding: 5px 0; text-decoration: none; color: #ddd; }
    .pageFooter .pageFooter--content .pageFooter--menu ul li a:hover { color: #666; }
    .pageFooter .pageFooter--content .pageFooter--info { float: right; text-align: right; width: 200px; }
    .pageFooter .pageFooter--content .pageFooter--socials { float: right; text-align: right; }
    .pageFooter .pageFooter--content .pageFooter--socials .pageFooter--socials--title { text-transform: uppercase; padding-bottom: 10px; font-weight: 500; color: #aaa; }
    .pageFooter .pageFooter--content .pageFooter--socials .pageFooter--socials--content { position: relative; }
    .pageFooter .pageFooter--content .pageFooter--socials .pageFooter--socials--content a { text-decoration: none; font-size: 30px; color: #ddd; margin-left: 5px; }
    .pageFooter .pageFooter--content .pageFooter--socials .pageFooter--socials--content a:hover { color: #666; }
    .pageFooter .pageFooter--content .pageFooter--phones { margin-top: 22px; clear: both; display: inline-block; width: 100%; }
    .pageFooter .pageFooter--content .pageFooter--phones .phones--element { display: block; font-size: 20px; margin: 5px 0; }
    .pageFooter .pageFooter--content .pageFooter--phones .phones--element i { margin-right: 10px; }
    .pageFooter .pageFooter--content .pageFooter--phones .phones--element a { color: #ddd; }
    .pageFooter .pageFooter--copyrights { background: #f1f1f1; height: 74px; padding: 15px 0; box-sizing: border-box; }
    .pageFooter .pageFooter--copyrights .pageFooter--copyrights--logotype { float: left; }
    .pageFooter .pageFooter--copyrights .pageFooter--copyrights--logotype .pageFooter--copyrights--logo img { width: 226px; height: 44px; }
    .pageFooter .pageFooter--copyrights .pageFooter--copyrights--text { margin-left: 256px; line-height: 44px; color: #666; }
    .pageFooter .pageFooter--copyrights .pageFooter--copyrights--text .studio { float: right; }
    .pageFooter .pageFooter--copyrights .pageFooter--copyrights--text .studio a { font-weight: 500; text-decoration: none; }

    /* ------------ */
    .containerBasket { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(94,99,109,0.5); z-index: 999; display: none; text-align: left; font-size: 13px; }
    .containerBasket .containerBasket--content { width: 560px; height: 560px; background: #fff; border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; }
    .containerBasket .containerBasket--content .containerBasket--header { height: 60px; border-bottom: 1px solid #eee; box-shadow: 0 0 50px rgba(0,0,0,0.15); line-height: 60px; padding: 0 25px; }
    .containerBasket .containerBasket--content .containerBasket--header .containerBasket--title { float: left; font-size: 16px; font-weight: 500; color: #000; }
    .containerBasket .containerBasket--content .containerBasket--header .containerBasket--close { float: right; font-size: 28px; position: relative; top: -2px; cursor: pointer; right: -2px; }
    .containerBasket .containerBasket--content .containerBasket--items { margin: 0 0 130px 0; overflow: auto; height: 370px; }
    .containerBasket--element { padding: 15px 20px; border-bottom: 1px dashed #ddd; width: 100%; display: inline-block; box-sizing: border-box; }
    .containerBasket--element .containerBasket--element--image { float: left; width: 84px; height: 84px; border: 1px solid #ddd; border-radius: 2px; padding: 5px; box-sizing: border-box; text-align: center; }
    .containerBasket--element .containerBasket--element--image img { max-width: 100%; max-height: 100%; }
    .containerBasket--element .containerBasket--element--present { margin-left: 104px; }
    .containerBasket--element .containerBasket--element--present .present--name { font-size: 14px; font-weight: 500; padding-top: 3px; }
    .containerBasket--element .containerBasket--element--present .present--name a { color: #000; text-decoration: none; }
    .containerBasket--element .containerBasket--element--present .present--article { font-size: 12px; padding: 5px 0 0 0; }
    .containerBasket--element .containerBasket--element--present .present--article.inside { padding: 1px 0; }
    .containerBasket--element .containerBasket--element--present .present--count { display: inline-block; }
    .containerBasket--element .containerBasket--element--present .present--count .count--minus,
    .containerBasket--element .containerBasket--element--present .present--count .count--plus,
    .newBasketItem .newValue .count--minus,
    .newBasketItem .newValue .count--plus { display: inline-block; vertical-align: top; border: none; cursor: pointer; border-radius: 2px; width: 30px; height: 30px; background: #f0f0f0; color: #666; text-align: center; line-height: 30px; font-size: 16px; margin: 0 10px; }
    .containerBasket--element .containerBasket--element--present .present--count .count--price { display: inline-block; vertical-align: top; border: none; height: 30px; color: #000; text-align: center; line-height: 30px; font-weight: 500; margin-left: 15px; font-size: 13px;  }
    .containerBasket--element .containerBasket--element--present .count--delete, .newBasketItem .newPrice .count--delete { float: right; vertical-align: top; border: none; cursor: pointer; border-radius: 2px; height: 30px; background: transparent; color: #666; line-height: 30px; font-size: 13px;  }
    .containerBasket--element .containerBasket--element--present .present--count .count--value { display: inline-block; vertical-align: top; border-radius: 2px; margin: 0 3px; width: 40px; height: 30px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; color: #666; text-align: center; line-height: 30px; font-size: 13px;  }
    .containerBasket--element .containerBasket--element--present .present--count .count--count,
    .newBasketItem .newValue .count--count { display: inline-block; vertical-align: top; border-radius: 2px; position: relative; top: 1px; height: 30px; box-sizing: border-box; color: #666; text-align: center; line-height: 30px; font-size: 13px; font-weight: normal; }
    .containerBasket .containerBasket--content .containerBasket--footer { height: 130px; background: #f0f0f0; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 0 2px 2px; }
    .containerBasket .containerBasket--content .containerBasket--footer b { font-size: 15px !important; vertical-align: unset !important; margin-left: 0 !important; }
    .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--total { height: 60px; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); border-top: 1px solid #eee; line-height: 60px; padding: 0 25px; font-size: 15px; }
    .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--total b { font-weight: 500; color: #000; }
    .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--buttons { padding: 15px 25px; }
    .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--buttons .buttonGrey { float: right; }

    /* ------------ */
    .containerBasket.small {
        position: absolute;
        left: unset;
        right: 130px;
        top: 40px;
        width: 400px;
        height: auto;
        border: 1px solid #f1f1f1;
    }
    .containerBasket.small .containerBasket--content.small {
        position: relative;
        width: auto;
        height: auto;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--header.small {
        display: none;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--footer.small .containerBasket--footer--total.small {
        border-top: 0;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--footer.small .containerBasket--footer--buttons.small a {
        text-align: center;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--footer.small .containerBasket--footer--buttons.small {
        padding: 15px 15%;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--footer.small .containerBasket--footer--buttons.small .buttonGrey.small {
        display: none;
    }
    .containerBasket.small .containerBasket--content.small .containerBasket--items.small {
        height: auto;
    }
    /* ------------ */
    .containerOrder { display: flex; flex-flow: row-reverse; }
    .containerOrder .containerOrder--right { min-width: 600px; max-width: 600px; }
    .containerOrder .containerOrder--left { margin-right: 30px; }
    .containerOrder .containerOrder--left #checkoutform-use_cert { width: 75%; float: right; height: 20px; }
    .newBasket { position: relative; padding: 10px 0; margin-bottom: 10px; width: 100%; display: inline-block; }
    .newBasketProducts { border: 2px solid #ddd; box-shadow: 0 15px 30px rgba(0,0,0,0.1); padding: 25px; margin-top: 10px; position: relative; border-radius: 6px; }
    .newBasketProducts .newBasketProductsTitle { background: #fff; font-size: 22px; color: #999; display: inline-block; position: absolute; top: -17px; left: 15px; padding: 0 10px; }
    .newBasketProducts .newBasketContainer { max-height: 400px; overflow: auto; }
    .newBasketProducts .newBasketItem { width: 100%; display: flex; margin-bottom: 30px; }
    .newBasketProducts .newBasketItem .newImage { width: 100px; border: 1px solid #ddd; text-align: center; padding: 5px; box-sizing: border-box; }
    .newBasketProducts .newBasketItem .newImage img { max-width: 100%; }
    .newBasketProducts .newBasketItem .newPresent { width: 170px; padding: 0 0 0 20px; }
    .newBasketProducts .newBasketItem .newPresent .title { display: block; padding-bottom: 1px; font-size: 14px; font-weight: 700; }
    .newBasketProducts .newBasketItem .newPresent .title a { color: #666; }
    .newBasketProducts .newBasketItem .newPresent .category, .newBasketProducts .newBasketItem .newPresent .color, .newBasketProducts .newBasketItem .newPresent .reference { display: block; padding-bottom: 2px; }
    .newBasketProducts .newBasketItem .newPresent #brand { display: none; }
    .newBasketProducts .newBasketItem .newPresent .size e { display: inline-block; padding: 0 3px; background: #f1f1f1; margin-left: 5px; border: 1px solid #ddd; font-size: 11px; }
    .newBasketProducts .newBasketItem .newValue { display: flex; padding: 10px 20px; }
    .newBasketProducts .newBasketItem .newValue select { width: 55px; padding: 0 6px; line-height: 30px; height: 30px; background: #f1f1f1; border: 1px solid #ddd; box-sizing: border-box; }
    .newBasketProducts .newBasketItem .newPrice { margin-top: 15px; }
    .newBasketProducts .newBasketItem .newPrice .simplePrice { display: block; }
    .newBasketProducts .newBasketItem .newDelete { display: table-cell; width: 16px; padding: 0 15px 0 5px; vertical-align: middle; text-align: center; }
    .newBasketProducts .newBasketFooter { padding-top: 20px; margin-top: 20px; border-top: 2px solid #f1f1f1; }
    .newBasketProducts .newBasketFooter .finalPrice { padding-bottom: 5px; }
    .newBasketProducts .newBasketFooter .finalPrice #discount { padding:10px 0; display: none; }
    .newBasketProducts .newBasketFooter .finalPrice #discount_text { color:#666; display: none; }
    .newBasketProducts .newBasketFooter .finalPrice h3 { font-size: 20px; padding-bottom: 10px; }
    .newBasketProducts .newBasketFooter .finalPrice h5 { padding-bottom: 5px; display:none; }
    .newBasketProducts .newBasketFooter .finalPrice p { padding-top: 15px; line-height: 20px; color: #666; }
    .newBasketProducts .newBasketFooter .newBasketButtons { position: relative; width: 100%; display: inline-block; }
    .newBasketProducts .newBasketFooter .newBasketButtons .btn-back, .newBasketProducts .newBasketFooter .newBasketButtons a { float: right; }
    .newBasketWarning p { padding-top: 15px; line-height: 20px; color: var(--error-color); }
    .newBasketWarning p a { text-decoration: underline; }

    /* ------------ */
    .containerAuth { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(94,99,109,0.5); z-index: 999; display: none; }
    .containerAuth .containerAuth--content { width: 380px; height: 560px; background: #fff; border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; }
    .containerAuth .containerAuth--content .containerAuth--header { height: 60px; border-bottom: 1px solid #eee; box-shadow: 0 0 50px rgba(0,0,0,0.15); line-height: 60px; padding: 0 25px; }
    .containerAuth .containerAuth--content .containerAuth--header .containerAuth--title { float: left; font-size: 16px; font-weight: 500; color: #000; }
    .containerAuth .containerAuth--content .containerAuth--header .containerAuth--close { float: right; font-size: 28px; position: relative; top: -2px; cursor: pointer; right: -2px; }
    .containerAuth .containerAuth--content .containerAuth--areas { padding: 25px; border-bottom: 1px dashed #ddd; }
    .containerAuth .containerAuth--content .containerAuth--areas label { width: 100%; display: inline-block; margin-bottom: 15px; }
    .containerAuth .containerAuth--content .containerAuth--areas label:last-child { margin-bottom: 0; }
    .containerAuth .containerAuth--content .containerAuth--areas .form--input { width: 100%; height: 36px; border: 1px solid rgba(39,86,134,0.2); border-radius: 3px; box-sizing: border-box; padding: 0 12px; line-height: 36px; font-size: 13px; }
    .containerAuth .containerAuth--content .containerAuth--buttons { padding: 15px 25px; }
    .containerAuth .containerAuth--content .containerAuth--buttons a { display: block; padding: 5px 0; color: #000; }

    .login .pageWrapper .buttonGrey { float: right; }
    .login #loginform-rememberme { height: 20px; width: 50%; float: right;}
    form div.toggler { position: relative; }
    div.toggler span.eye { width: 24px; height: 24px; position: absolute; right: 5px; top: -62px; opacity: 0.6; display: none; }
    div#pass3.toggler span.eye { top: -44px; }
    div.toggler span.eye.visible { display: block; }

    /* ------------ */
    .form-group { width: 100%; display: inline-block; margin-bottom: 15px; position: relative; }
    .form-group label { display: block; margin-bottom: 7px !important; }
    .form-group.required label:after { content: '*'; color: var(--error-color); }
    .form-group input { width: 100%; height: 36px; border: 1px solid rgba(39,86,134,0.2); border-radius: 3px; box-sizing: border-box; padding: 0 12px; line-height: 36px; font-size: 13px; }
    .form-group select { width: 100%; height: 36px; border: 1px solid rgba(39,86,134,0.2); border-radius: 3px; box-sizing: border-box; padding: 0 12px; line-height: 36px; font-size: 13px; }
    .form-group .help-block { color: var(--error-color); }
    .form-group.has-error .control-label { color: var(--error-color); }
    .form-group.has-error .form-control { border-color: var(--error-color); }
    .form-group .help-block:empty { padding-top: 0; }
    .form-group #qrregisterform-sex label { margin: 0 40%; }
    .form-group #qrregisterform-sex label input { height: 20px; width: 20%; }


    /* ------------ */
    .historyBlock, .historyWide { width: 100%; display: inline-block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1; }
    .historyBlock:last-child { border-bottom: none; }
    .historyWide span { display: inline-block; margin-right: 15px; font-size: 14px; }
    .historyWide span.zakaz { border-radius: 8px; padding: 5px 15px; background: var(--yellow-color); }
    .historyWide .label-warning { border-radius: 8px; padding: 5px 15px; background: #c6dfb8; }
    .historyItem { width: 100%; display: inline-block; }
    .historyItem .historyLeft { float: left; width: 84px; padding: 10px; border: 1px solid #f1f1f1; box-sizing: border-box; text-align: center; }
    .historyItem .historyRight { display: block; margin-left: 100px; color: #000; text-decoration: none; }
    .historyItem .historyRight h3 { border-bottom: 1px dotted #ddd; padding-bottom: 10px; }
    .historyItem .historyRight:hover { text-decoration: none; }

    /* ------------ */
    .pageMail { display: none; z-index: 200; position: fixed; bottom: 0; right: 100px; background: #fff; width: 340px; padding: 20px; box-sizing: border-box; border-top: 5px solid var(--yellow-color); box-shadow: 0 0 50px rgba(0,0,0,0.15); }
    .pageMail .pageMailClose { position: absolute; top: 0; right: 10px; font-size: 34px; color: #000; font-weight: 700; cursor: pointer; }
    .pageMail h3 { padding-bottom: 20px; font-size: 16px; text-transform: uppercase; color: #000; }
    .pageMail input { height: 40px; border: 1px solid #ddd; padding: 0 12px; line-height: 40px; width: 100%; box-sizing: border-box; margin-bottom: 20px; }

    .pageWrapper.vacancies { margin-top: -40px; }

    /* ------------ */
    .alert-success { background: #080; color: #fff; padding: 20px 0; text-align: center; font-size: 16px; margin: 10px 20% 0; border-radius: 2px; }
    .alert-failed { background: #c80909; color: #fff; padding: 20px 0; text-align: center; font-size: 16px; margin: 10px 20% 0; border-radius: 2px; }

    /* ------------ */
/* опис клубу */
.services { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 40px;padding: 60px 20px;background: #fff;}
.service { text-align: center;padding: 20px;border-radius: 16px;background: #f9f9f9;box-shadow: 0 4px 10px rgba(0,0,0,0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.service:hover { transform: translateY(-6px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.service i {font-size: 36px;color: #c9a14a; margin-bottom: 16px;}
.service h3 {font-size: 20px;font-weight: 600;margin-bottom: 12px;color: #111;}
.service p {font-size: 15px;color: #444;line-height: 1.6;}
.service.last {grid-column-start: 2;}
/* binotel */
body #bingc-passive div.bingc-passive-overlay { background: #ffcc33 !important; }
body #bingc-active { background-color: #fff000f5 !important; }
#bingc-active a#bingc-powered-by-active-overlay,
#bingc-passive div.bingc-passive-overlay a#bingc-powered-by-passive-overlay
{ display:none; }
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour:hover,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes:hover
{ background-color: #444 !important; }
#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-hour div#bingc-active-date-selection-select-hour-list-of-hours-container ul.bingc-active-date-selection-select-hour-list-of-hours li,
#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form div.bingc-active-get-phone-form-date-selection div.bingc-active-date-selection-select-minutes div#bingc-active-date-selection-select-minutes-list-of-minutes-container ul.bingc-active-date-selection-select-minutes-list-of-minutes li
{ color: #444 !important; }
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-phone-sample span,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-statistics,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-we-will-call-you,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-we-will-call-you b,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer span,
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form span.bingc-sample-countdown-timer,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-we-will-call-you,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-we-will-call-you span,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form span.bingc-sample-countdown-timer span,
#bingc-active div.bingc-active-overlay div#bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form span.bingc-sample-countdown-timer,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div#bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div#bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div#bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li,
#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you.bingc-offline-form div.bingc-active-date-selection-select-day div#bingc-active-date-selection-select-day-list-of-days-container ul.bingc-active-date-selection-select-day-list-of-days li
{ color: #000 !important; }
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div#bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div#bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div#bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover
{ background: #444 !important; color: #fff !important; }
#bingc-active a#bingc-active-close-button svg polygon,
#bingc-passive div.bingc-passive-overlay a#bingc-passive-close-button svg polygon
{ fill: #000 !important; }
#bingc-passive div.bingc-passive-overlay div#bingc-passive-content div.bingc-we-will-call-you span.small-text
{ color: #666 !important; }
#bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-we-will-call-you.bingc-offline-form div#bingc-active-date-selection-select-day:hover { background: #bbb !important; }
/* timecounter */
#modal_background {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #444;display: none;opacity: 0.8;z-index: 701;}
#time_reminder_container {display: none;flex-wrap: wrap;justify-content: space-around;padding: 30px;position: absolute;width: 500px;height: 200px;left: 30%;top: 30%;background: #fff;border: 1px solid #ccc;z-index: 702;text-align: center;}
#time_reminder_container button {margin-top: 80px;margin-bottom: 20px;}
#time_reminder_container span {color: #777;font-size: 1.5em;}
.pageHeader .pageWrapper .pageHeader--options img.pink { display: none; }
.pageHeader--menu ul img.pink { width: auto; height: 60px; }
/*-------------------*/
    @media screen and (max-width: 1270px){
        .pageHeader .pageHeader--menu .firstElement .firstLink { padding: 10px; }
    }
    @media screen and (max-width: 1240px){
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { height: 200px; }
        .pageProduct--card .pageProduct--card--images { float: left; width: 430px; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image .pageProduct--card--image--zoom a video{ width: 340px; height: 340px; }
        .pageProduct--card .pageProduct--card--present { margin-left: 460px; }
        .service.last {grid-column-start: 1;}
    }
    @media screen and (max-width: 1120px){
        .pageCatalogue .pageCatalogue--element { width: 25%; }
        .pageCatalogue .pageCatalogue--element:nth-child(5n) { border-right: 1px solid #ddd; }
        .pageCatalogue .pageCatalogue--element:nth-child(4n) { border-right: none; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { height: 224px; }
        .pageProduct .pageProduct--container .pageProduct--right { display: none; }
        .pageProduct .pageProduct--container .pageProduct--left { margin-right: 0; }
    }
    @media screen and (max-width: 1020px){
        .pageHeader--menu--adaptive { display: block; }
        .pageHeader .pageHeader--section--two { padding: 20px 0; }
        .pageBrands { padding: 20px 0; }
        .pageMain .pageMain--tree { grid-column-gap: 15px; }
        .pageHeader .pageHeader--section--two .pageHeader--sex { display: none; }
        .pageHeader .pageHeader--section--two .pageHeader--options { width: 100%; margin-top: 20px; }
        .pageHeader .pageHeader--section--two .pageHeader--logotype { width: 100%; }
        .pageHeader .pageHeader--section--two .pageHeader--logotype .pageHeader--logo img { margin: 0 25% }
        .pageHeader .pageHeader--section--one .pageHeader--phones .phones--element { margin-left: 7px; }
        .pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element { font-size: 24px; }
        .pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content { margin-top: 10px; }
        .pageHottest .pageHottest--container { margin: 20px 0 20px 0; }
        .pageFooter .pageFooter--copyrights .pageFooter--copyrights--logotype { display: none; }
        .pageFooter .pageFooter--copyrights .pageFooter--copyrights--text { margin-left: 0; line-height: 23px; }
        .pageHottest .pageHottest--container { width: 100%; left: 0; }
        .pageHottest .pageHottest--container .pageHottest--element { width: 33.3333%; margin-bottom: 20px; }
        .pageHottest .pageHottest--container .pageHottest--element a { display: block; width: 100%; border: none; padding: 0; box-sizing: border-box; }
        .pageHeader .pageHeader--section--two .pageHeader--options .pageHeader--options--content .options--element.options--basket b { display: none; }
        .pageFooter .pageFooter--content .pageFooter--menu { width: 200px; }
        .pageFooter .pageFooter--content .pageFooter--menu ul { margin-right: 0; margin-bottom: 20px; }
        .pageFooter .pageFooter--content .pageFooter--menu ul:last-child { margin-bottom: 0; }
        .pageHeader .pageHeader--menu ul { position: absolute; top: 204px; border-top: 1px solid #ddd; left: 0; width: 100%; background: #fff; z-index: 600; min-width: 500px; display: none; }
        .pageHeader .pageHeader--menu .firstElement { display: block; height: auto; position: relative; border-bottom: 1px solid #ddd; border-right: none; clear: both; }
        .pageHeader .pageHeader--menu .firstElement:hover > .pageHeader--menu--window { display: none; }
        .pageHeader .pageHeader--menu .firstElement:hover { background: transparent; }
        .pageHeader .pageHeader--menu .firstElement .firstElement--arrow { position: absolute; display: block; right: 4px; top: 9px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; color: #999; }
        .pageHeader .pageHeader--menu .firstElement .firstLink { padding: 15px 20px; }
        .pageHeader .pageHeader--menu .firstElement.active { background: var(--yellow-color); clear: both; }
        .pageHeader .pageHeader--menu .pageHeader--menu--window { width: 100%; position: relative; top: 0; z-index: 500; background: #f9f9f9; border-top: none; box-shadow: none; padding: 25px 20px 0 20px; }
        .pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--right { display: none; }
        .pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left { margin-right: 0; -webkit-column-width: 180px; column-width: 180px }
        .pageFilters { padding-top: 46px; }
        .pageFilters .pageFilters--area.sorting { width: 100%; right: 0; top: 0; }
        .pageFilters .pageFilters--area { width: 33.3333%; }
        .pageHeader .containerSearch--content { position: absolute; top: 148px; right: 0; display: none; }
        .pageHeader .containerSearch--content input { width: 468px }
        .pageHeader .containerSearch--content button { display: none; }
        .containerOrder { flex-flow: column; }
        .containerOrder .containerOrder--right { width: 100%; margin-bottom: 30px; min-width: unset; }
        .containerOrder .containerOrder--left { margin-right: 0; padding: 0 2%; }
    }
    @media screen and (max-width: 990px){
        .pageCatalogue .pageCatalogue--element { width: 33.3333%; }
        .pageCatalogue .pageCatalogue--element:nth-child(5n),
        .pageCatalogue .pageCatalogue--element:nth-child(4n) { border-right: 1px solid #ddd; }
        .pageCatalogue .pageCatalogue--element:nth-child(3n) { border-right: none; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { height: 224px; }
    }
    @media screen and (max-width: 970px){
        .pageProduct--card .pageProduct--card--images { float: left; width: 100%; margin-bottom: 20px; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image { text-align: center; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image .pageProduct--card--image--zoom a video { width: 377px; height: 377px; }
        .pageProduct--card .pageProduct--card--present { margin-left: 0; }
        .pageProduct--card .pageProduct--card--present .present--product .present--product--article { margin-right: 20px; }
        .eventsContainer .eventsContainer--element { width: 50%; }
        .brandList ul li { width: 50%; }
    }
    @media screen and (max-width: 750px){
        .pageHeader .pageHeader--menu .pageHeader--menu--window.box { left: inherit; right: 0; width: 100% !important; padding: 0 10px !important; }
        .pageHeader .pageHeader--menu .pageHeader--menu--window.brands { left: inherit; right: 0; width: 100% !important; }
        .pageHeader .pageHeader--menu .pageHeader--menu--window.small { width: 100%; padding: 0; }
        .containerBasket .containerBasket--content { width: 100%; }
        .total--count { display: inline-block !important; }
    }
    @media screen and (max-width: 720px){
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { height: 200px; }
        .eventsContainer .eventsContainer--element { width: 100%; }
        .getAnnotation { padding: 0 0 20px 0 !important; }
    }
    @media screen and (max-width: 670px){
        .pageCatalogue .pageCatalogue--element { width: 50%; }
        .pageCatalogue .pageCatalogue--element:nth-child(5n) { border-right: 1px solid #ddd; }
        .pageCatalogue .pageCatalogue--element:nth-child(4n) { border-right: 1px solid #ddd; }
        .pageCatalogue .pageCatalogue--element:nth-child(3n) { border-right: 1px solid #ddd; }
        .pageCatalogue .pageCatalogue--element:nth-child(2n) { border-right: none; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--images { height: 224px; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--title { font-size: 12px; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--category { font-size: 12px; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--brand { font-size: 12px; }
        .pageCatalogue .pageCatalogue--element .pageCatalogue--element--options .options--price { font-size: 12px; }
    }
    @media screen and (max-width: 620px){
        .pageHeader .pageHeader--section--one { display: none; }
        .pageHeader .pageHeader--menu ul { top: 235px; }
    }
    @media screen and (max-width: 505px){
        html, body, header.pageHeader, header .pageWrapper, article .pageWrapper, article.pagePresent, footer.pageFooter, footer .pageWrapper,
        .pageHottest, .pageHottest .pageWrapper, .pageBrands, .pageMain .pageWrapper, .pageDefault .pageWrapper, .pageMain, .pageSlider, .vacancies  {min-width: auto;}
        .pageFilters .pageFilters--title { width: 100%; margin-bottom: 10px; }
        .pageFilters .pageFilters--container { margin-left: 0; }
        .pageFilters .pageFilters--container .pageFilters--content { width: 100%; display: inline-block; position: relative; left: 0; }
        .pageHeader .pageWrapper, .pageDefault .pageWrapper {padding: 0;}
        article .pageWrapper {padding: 0 10px;}
        article .pageWrapper .pageDefault--forms, .login .pageWrapper .pageDefault--forms {padding: 10px;}
        #anketa-form {font-size: 1.1rem;}
        #anketa-form input::placeholder {font-size: 1.1rem;}
        .pageFooter .pageFooter--content .pageFooter--menu {width: 90%;}
        .pageFooter .pageFooter--content .pageFooter--menu ul {float: none;}
        .pageHottest .pageHottest--container { display: flex; flex-wrap: wrap; justify-content: center; }
        .pageHottest .pageHottest--container .pageHottest--element, .pageDefault .pageWrapper .pageDefault--static #wait {width: auto; }
        .pageHeader .containerSearch--content input { width: 100vw; }
        .pageHeader .containerSearch--content { top: 160px; }
        .pageHeader--sex--adaptive { margin-right: 5px; }
        .pageHeader--menu--adaptive { margin-left: 5px; }
        .pageHeader .pageHeader--menu ul, .pageHeader .pageHeader--menu .pageHeader--menu--window .pageHeader--menu--window--left { min-width: auto;}
        .pageProduct--card .pageProduct--card--images .pageProduct--card--thumbs { float:none; width:auto; display:flex; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image { margin-left: 0; position: relative; }
        .containerBasket .containerBasket--content .containerBasket--footer { height: auto; background: #fff; }
        .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--buttons { text-align: center; }
        .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--buttons a.button { margin-bottom: 10px; }
        .containerBasket .containerBasket--content .containerBasket--footer .containerBasket--footer--buttons .buttonGrey { float: none; }
        .containerBasket .containerBasket--content { height: 90%; }
        .newBasketProducts { padding: 30px 10px; }
        .newBasketProducts .newBasketContainer { max-height: unset; overflow: auto; }
        .newBasketProducts .newBasketItem .newImage { width: 50%; }
        .newBasketProducts .newBasketFooter .newBasketButtons { display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: center; }
        .newBasketProducts .newBasketItem { flex-wrap: wrap; margin-bottom: 50px; }
        .newBasketProducts .newBasketItem .newPresent { min-width: unset; }
        .pageHeader .pageHeader--section--two .pageHeader--logotype .pageHeader--logo img { width: 100vw; margin:0; }
        .page200--register { left: 0; bottom: 25%; margin-left: 0; width: 100%; }
        .page200--register.ru, .page200--register.uk {  background-size: 100%; }
        .pageDefault .pageWrapper .pageDefault--static #wait { padding: 20px; }
        .pageDefault .pageWrapper .pageDefault--static { padding: 10px; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_left, .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_right {
            position: absolute; width: 50px; height: 100%; top: 0; z-index: 1; display: block;
        }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_left { left: 0; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_right { right: 0; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_left img, .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_right img { position: absolute; top: 50%; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_right img { right:15px; }
        .pageProduct--card .pageProduct--card--images .pageProduct--card--image div#arrow_left img  { left:15px; }
        .pageProduct--card .pageProduct--card--present .present--product .present--product--price { width: 42%; margin-bottom: 20px; padding: 0 10px; }
        .pageDefault .pageWrapper .loginForm { width: 100%; }
        .login .pageWrapper .button { float: none; margin: 10px; }
        .form-group #qrregisterform-sex label { margin: 0 30%; }
        .pageWrapper.applyJob { width: 90%; }
        .pageDefault .pageDefault--static { width: auto; }
        .pageDefault--static .table { margin:0 0 20px; }
        .pageDefault--static .table .text { width: 100%; padding: 0;}
        .pageDefault--static .table .arrow { display: none; }
        .pageDefault--static .table .picture { width: 90%; }
        .pageDefault .videoBox { width: 97%; }
        .pageHeader .pageWrapper .pageHeader--options img.pink { float: left; width: auto; height: 50px; display: block; }
        .pageHeader--menu ul img.pink { display: none; }
    }