@font-face {
    font-family: 'AvenirNextCyr-Bold';
    src: url("./webfonts/avenirnextcyr-bold.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-bold.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-bold.woff2") format("woff2"), url("./webfonts/avenirnextcyr-bold.woff") format("woff"), url("./webfonts/avenirnextcyr-bold.ttf") format("truetype"), url("./webfonts/avenirnextcyr-bold.svg#avenirnextcyr-bold") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-BoldItalic';
    src: url("./webfonts/avenirnextcyr-bolditalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-bolditalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-bolditalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-bolditalic.woff") format("woff"), url("./webfonts/avenirnextcyr-bolditalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-bolditalic.svg#avenirnextcyr-bolditalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Demi';
    src: url("./webfonts/avenirnextcyr-demi.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-demi.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-demi.woff2") format("woff2"), url("./webfonts/avenirnextcyr-demi.woff") format("woff"), url("./webfonts/avenirnextcyr-demi.ttf") format("truetype"), url("./webfonts/avenirnextcyr-demi.svg#avenirnextcyr-demi") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-DemiItalic';
    src: url("./webfonts/avenirnextcyr-demiitalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-demiitalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-demiitalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-demiitalic.woff") format("woff"), url("./webfonts/avenirnextcyr-demiitalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-demiitalic.svg#avenirnextcyr-demiitalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Heavy';
    src: url("./webfonts/avenirnextcyr-heavy.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-heavy.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-heavy.woff2") format("woff2"), url("./webfonts/avenirnextcyr-heavy.woff") format("woff"), url("./webfonts/avenirnextcyr-heavy.ttf") format("truetype"), url("./webfonts/avenirnextcyr-heavy.svg#avenirnextcyr-heavy") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-HeavyItalic';
    src: url("./webfonts/avenirnextcyr-heavyitalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-heavyitalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-heavyitalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-heavyitalic.woff") format("woff"), url("./webfonts/avenirnextcyr-heavyitalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-heavyitalic.svg#avenirnextcyr-heavyitalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Italic';
    src: url("./webfonts/avenirnextcyr-italic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-italic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-italic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-italic.woff") format("woff"), url("./webfonts/avenirnextcyr-italic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-italic.svg#avenirnextcyr-italic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Light';
    src: url("./webfonts/avenirnextcyr-light.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-light.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-light.woff2") format("woff2"), url("./webfonts/avenirnextcyr-light.woff") format("woff"), url("./webfonts/avenirnextcyr-light.ttf") format("truetype"), url("./webfonts/avenirnextcyr-light.svg#avenirnextcyr-light") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-LightItalic';
    src: url("./webfonts/avenirnextcyr-lightitalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-lightitalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-lightitalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-lightitalic.woff") format("woff"), url("./webfonts/avenirnextcyr-lightitalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-lightitalic.svg#avenirnextcyr-lightitalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Medium';
    src: url("./webfonts/avenirnextcyr-medium.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-medium.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-medium.woff2") format("woff2"), url("./webfonts/avenirnextcyr-medium.woff") format("woff"), url("./webfonts/avenirnextcyr-medium.ttf") format("truetype"), url("./webfonts/avenirnextcyr-medium.svg#avenirnextcyr-medium") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-MediumItalic';
    src: url("./webfonts/avenirnextcyr-mediumitalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-mediumitalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-mediumitalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-mediumitalic.woff") format("woff"), url("./webfonts/avenirnextcyr-mediumitalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-mediumitalic.svg#avenirnextcyr-mediumitalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Regular';
    src: url("./webfonts/avenirnextcyr-regular.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-regular.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-regular.woff2") format("woff2"), url("./webfonts/avenirnextcyr-regular.woff") format("woff"), url("./webfonts/avenirnextcyr-regular.ttf") format("truetype"), url("./webfonts/avenirnextcyr-regular.svg#avenirnextcyr-regular") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-Thin';
    src: url("./webfonts/avenirnextcyr-thin.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-thin.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-thin.woff2") format("woff2"), url("./webfonts/avenirnextcyr-thin.woff") format("woff"), url("./webfonts/avenirnextcyr-thin.ttf") format("truetype"), url("./webfonts/avenirnextcyr-thin.svg#avenirnextcyr-thin") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-ThinItalic';
    src: url("./webfonts/avenirnextcyr-thinitalic.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-thinitalic.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-thinitalic.woff2") format("woff2"), url("./webfonts/avenirnextcyr-thinitalic.woff") format("woff"), url("./webfonts/avenirnextcyr-thinitalic.ttf") format("truetype"), url("./webfonts/avenirnextcyr-thinitalic.svg#avenirnextcyr-thinitalic") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-UltraLight';
    src: url("./webfonts/avenirnextcyr-ultralight.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-ultralight.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-ultralight.woff2") format("woff2"), url("./webfonts/avenirnextcyr-ultralight.woff") format("woff"), url("./webfonts/avenirnextcyr-ultralight.ttf") format("truetype"), url("./webfonts/avenirnextcyr-ultralight.svg#avenirnextcyr-ultralight") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'AvenirNextCyr-UltraLightIt';
    src: url("./webfonts/avenirnextcyr-ultralightit.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/avenirnextcyr-ultralightit.eot?#iefix") format("embedded-opentype"), url("./webfonts/avenirnextcyr-ultralightit.woff2") format("woff2"), url("./webfonts/avenirnextcyr-ultralightit.woff") format("woff"), url("./webfonts/avenirnextcyr-ultralightit.ttf") format("truetype"), url("./webfonts/avenirnextcyr-ultralightit.svg#avenirnextcyr-ultralightit") format("svg");
    /* Chrome < 4, Legacy iOS */ }

@font-face {
    font-family: 'Rouble';
    src: url("./webfonts/rouble.eot");
    /* IE 9 Compatibility Mode */
    src: url("./webfonts/rouble.eot?#iefix") format("embedded-opentype"), url("./webfonts/rouble.woff") format("woff"), url("./webfonts/rouble.ttf") format("truetype"), url("./webfonts/rouble.svg") format("svg");
    /* Chrome < 4, Legacy iOS */ }



HTML, BODY {
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial;
    overflow-x: hidden;
}

H2 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 0;
}

H3 {
    font-size: 1.2em;
    line-height: 1.0em;
    margin: 0;
}

TABLE {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

TD {
    padding: 0;
}

a {
    color: #333333;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0 0 7px
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

textarea {
    resize: none;
    overflow: auto;
}

input,
textarea {
    border: 1px solid #666666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    font-family: Arial;
    color: #666666;
    margin-bottom: 12px;
}
select{
    font-size: 13px;
    font-family: Arial;
    margin-bottom: 12px;
}

UL {
    margin: 0 0 15px 0;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: url(/img/mask-bg.png);
    z-index: 10000;
    cursor: pointer;
    display: none;
}

.popup {
    position: absolute;
    left: 5vw;
    top: 5vh;
    width: 90vw;
    height: 90vh;
    margin: 0;
    z-index: 10000;
    -webkit-box-shadow: #565656 0 0 8px;
    -moz-box-shadow: #565656 0 0 8px;
    box-shadow: #565656 0 0 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.popup .headBlock span {
    background: url(/img/icon-cart-button.png) 0 2px no-repeat;
    margin: 0 0 0 -8px;
    padding: 0 0 0 26px;
}

.popup .headBlock i {
    font-style: normal;
    background: url(/img/q.png) 0 0 no-repeat;
    margin: 0 0 0 -8px;
    padding: 0 0 0 26px;
}

.popup .close {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(/img/x.png) 0 0 no-repeat;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.popup .inner {
    padding: 16px 19px 20px;
    border: 1px solid #d9d9d9;
    background: #f2f2f2;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.popup .name {
    color: #3d3d3d;
    font-size: 18px;
    margin: 0 0 8px;
}

.popup label {
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    float: left;
    display: inline-block;
    margin: 7px 5px 0 0;
    width: 125px;
    cursor: pointer;
}

.popup input {
    float: left;
    width: 238px;
    height: 29px;
    padding: 0 10px;
    margin: 0 0 10px;
}

.popup textarea {
    float: left;
    width: 238px;
    padding: 10px;
    margin: 0 0 10px;
}

.popup .select {
    float: left;
    width: 238px;;
    margin: 0 0 10px;
}

.popup .darkButton {
    float: left;
    margin: 10px 0 0 120px;
}

.popup .darkButton i {
    padding: 0 15px;
}

.popup .cancel {
    float: right;
    margin: 11px 9px 0;
}

.popup .cancel i {
    padding: 0 23px;
}

.loadingPleaseWait {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('/img/ajax-loading.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingPleaseWait {
    display: block;
}

.small {
    font-size: 85%;
}

.small-x {
    font-size: 75%;
}

.small-xx {
    font-size: 50%;
}

DIV.clear {
    clear: both;
}

#header-top {
    height: 50px;
    background-color: #FFFFFF;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 10000;
    position: fixed;
    box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.125);
}

#header-top div#menu-button {
    margin-top: 12px;
}

.menu-toggle-btn {
    float: left;
    margin: 0 10px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.menu-toggle-btn span {
    background: #000000;
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    margin-bottom: 8px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.menu-toggle-btn.open span:nth-child(1), .menu-toggle-btn.open span:nth-child(3) {
    transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
    margin: 0;
}

.menu-toggle-btn.open span:nth-child(2) {
    margin: 0 auto;
    transform: translate(0px, 9px) scalex(0);
}

.menu-toggle-btn.open span:nth-child(3) {
    transform: translate(0px, 5px) rotate(45deg) scalex(1.3);
}

#header-top #logo {
    width: auto;
    height: 35px;
    margin: 7px 0 0 0px;
    font-size: 22px;
    line-height: 24px;
    font-family: AvenirNextCyr-Heavy;
    font-weight: 900;
    color: #000;
}
#header-top #logo > span{
    display: block;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    font-family: AvenirNextCyr-Light;
    letter-spacing: -0.25px;
}

#header-top #profileIcon {
    position: absolute;
    top: 8px;
    right: 83px;
}

#header-top #profileIcon IMG {
    border: 0;
    width: 36px;
    height: 36px;
}

#header-top #phoneIcon {
    position: absolute;
    top: 9px;
    right: 45px;
}

#header-top #phoneIcon IMG {
    border: 0;
    width: 34px;
    height: 34px;
}

#header-top #cartIcon {
    position: absolute;
    top: 10px;
    right: 7px;
}

#header-top #cartIcon::after {
    content: "";
    position: relative;
    width: 33px;
    height: 33px;
    background-image: url(/img/icon-cart.svg);
    background-size: contain;
    display: block;
    z-index: -1;
}

#header-top #cartIcon #cartCount {
    font-weight: bold;
    color: white;
    background-color: red;
    border-radius: 3px;
    width: 19px;
    text-align: center;
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 12px;
}

div#panel ul#panel-menu span#cartCount_menu {
    display: inline-block;
    font-weight: bold;
    color: white;
    background-color: red;
    border-radius: 6px;
    width: 25px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px;
    padding: 6px 5px 4px;
}

#header-identity {
    height: 65px;
    background-color: #434343;
    position: relative;
}

div#myGeo {
    width: 100%;
    margin-top: 50px;
    padding: 5px 0;
    font-size: 10pt;
    line-height: 16pt;
    height: 35px;
    background-image: url('/img/mobile-header-line.png');
    background-repeat: repeat-x;
    box-sizing: border-box;
    text-align: center;
    filter: saturate(0);
}

div#myGeo a#myGeoChangeLink {
    margin: 2px;
}

div#myGeo select#myGeoChange {
    width: calc(100% - 8px);
    height: 25px;
    border-color: white;
    border-radius: 2px;
    background-color: white;
    padding: 0 2px;
}
div#myGeo select#myGeoChange:focus {
    outline: none;
}

#header-search {
    height: 40px;
    background-image: url('/img/mobile-header-line.png');
    background-repeat: repeat-x;
    overflow: hidden;
    filter: saturate(0);
}

#header-search div#search {
    margin: 8px 4px 0;
    overflow: hidden;
}

#header-search div#search input {
    width: 96%;
    border: 0;
    border-radius: 2px;
    padding: 0 2%;
    height: 25px;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
}

#main-catalog-toplevel UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-catalog-toplevel UL LI {
    width: 32.9vw;
    height: 33vw;
    margin: 0.2vw;
    float: left;
    text-decoration: none;
    position: relative;
    text-align: center;
}

#main-catalog-toplevel UL LI A IMG {
    width: 100%;
    height: auto;
    filter: brightness(0.7);
}

#main-catalog-toplevel UL LI A SPAN {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-family: 'AvenirNextCyr-Medium';
    font-size: 12pt;
    line-height: 12pt;
    max-width: 29vw;
    margin: 0 auto;
    text-align: center;
}

div#content {
    background-color: #FFF;
    color: #000000;
    padding: 5px 12px;
    overflow: hidden;
}

div#content div.article IMG {
    max-width: 100%;
    height: auto;
}
div#content div.article IMG#servicecentericon1, div#content div.article IMG#servicecentericon2{
    height: 30vw;
}

.navigation-bar {
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    position: relative;
    background-color: #f4f4f4;
}

.navigation-bar:before {
    position: absolute;
    top: 50%;
    left: 14px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background-image: url('/img/nav_button_back.png');
    background-repeat: no-repeat;
    content: '';
    background-size: contain;
    filter: brightness(0);
}

.navigation-bar H2 {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

UL.navigation-subcats {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d3d3d3;
    width: 100vw;
    margin-left: -12px;
}

UL.navigation-subcats LI {
    position: relative;
    display: block;
    padding: 10px 30px 10px 15px;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
}

UL.navigation-subcats LI A:after {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 9px;
    height: 16px;
    background-image: url('/img/nav_button_forward.png');
    background-repeat: no-repeat;
    content: '';
    background-size: contain;
}

#footer-links, #footer-fullversion-link {
    margin: 0.16vw;
    padding: 3vw 0;
    display: inline-block;
    width: 100%;
    background-color: #434343;
    text-align: center;
}

#footer-links A, #footer-fullversion-link A {
    font-size: 8pt;
    line-height: 10pt;
    color: white;
    text-decoration: none;
}

#panel{
    background-color: #FFFFFF !important;
    box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 1);
}
UL#panel-menu {
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
}

UL#panel-menu > LI {
    width: 80%;
    height: 40px;
    margin: 0 auto;
}

UL#panel-menu LI A {
    color: #000000;
    font-size: 12pt;
    line-height: 30pt;
    text-decoration: none;
    margin-left: 0;
}

#shelp {
    border-radius: 10px;
    border: 1px solid #333;
    background: #fff;
    position: absolute;
    max-height: 60vh;
    margin: 0 auto;
    padding: 10px;
    width: 90%;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none;
}

#shelp .inn {
    overflow-y: auto;
    max-height: 50vh;
}

#shelp .inn .ajax_search_item {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: solid 1px #434343;
    color: #434343;
}

#shelp .inn .ajax_search_item A {
    color: #434343;
    text-decoration: none;
}

.old_price {
    color: #FF0000;
    display: block;
    font: 11px Tahoma;
    text-decoration: line-through;
}

#toTop {
    background: url(/img/totop.png) no-repeat;
    display: none;
    position: fixed;
    width: 48px;
    height: 48px;
    bottom: 13vw;
    right: 2.2vw;
    z-index: 10000;
    filter: saturate(10) brightness(1) hue-rotate(-15deg);
}

.tabs iframe {
    width: 100%;
}

.caption {
    font-size: 25px;
    color: #3d3d3d;
    line-height: 25px;
    margin: 7px 0;
    font-weight: normal;
}

.goodsLeft {
    position: relative;
    margin-top: 20px;
}

.goodsLeft .big {
    display: block;
    background: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 1px;
    padding: 0 0 8px 0;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.goodsLeft .big img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.goodsLeft .smallWrapper {
    position: relative;
    margin: 0 0 16px 5px;
}

.goodsLeft .smallWrapper a {
    display: block;
    text-decoration: none;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 41px;
    font-size: 1px;
    text-align: center;
    width: 41px;
    height: 41px;
    background: #ffffff;
    margin: 0 0 5px;
}

.goodsLeft .smallWrapper a img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: -1px 0 0 -1px;
    vertical-align: middle;
}

.goodsLeft .smallWrapper ul {
    list-style: none;
    padding-left: 0;
}

.goodsLeft .smallWrapper span {
    display: none;
}

.goodsLeft .smallWrapper .disabled {
    cursor: default;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}



.goods .label_sale{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    background-image: url("/img/label_sale.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}



.goods .ratingBlock {
}

.goods .ratingBlock .label {
    font-weight: bold;
    display: inline-block;
    width: 170px;
    color: #817878;
    float: left;
}

.goods .ratingBlock .rating {
    margin: 2px 0 5px 3px;
    position: relative;
    right: 0;
}

.goodsRight SPAN.status {
    display: block;
    text-align: center;
}

.goodsRight .old_price {
    color: #FF0000;
    display: block;
    font-size: 14px;
    text-align: center;
    text-decoration: line-through;
}

.goodsRight .call-discount {
    color: #9a8575;
    background-color: white;
    display: block;
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 10px;
    border: solid #9a8575 0.5px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 8px;}

.goodsRight .price {
    color: #3d3d3d;
    display: block;
    font-size: 24px;
    text-align: center;
}

.tabs {
    margin: 13px 0;
}

.tabs .tabsHead {
    margin-right: -20px;
}

.tabs .tabsHead a {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 4px 4px 0;
    padding: 0 7px;
    background-color: #AAAAAA;
    color: #FFFFFF;
}

.tabs .tabsHead a:hover {
    background: url(/img/tabs-gradient.png) 0 -43px repeat-x;
    text-decoration: none;
}

.tabs .tabsHead .active {
    background: #333333 !important;
    z-index: 1;
}

.tabs .tabsContent {
    position: relative;
    padding: 5px 0 0;
}

.tabs .hiddenBlock {
    color: #000000;
}

.tabs .hiddenBlock .inner {
    padding: 0;
}

.tabs .hiddenBlock b {
    display: inline-block;
}

.tabs .hiddenBlock hr {
    margin: 19px -8px 9px;
    border: none;
    border-top: 1px solid #e5e5e5;
}

.tabs .row {
    margin: 0 -8px;
    padding: 8px 9px 9px;
}

.tabs .gray {
    background: #f2f2f2;
}

.tabs .row .name {
    float: left;
    font-weight: bold;
    margin: 0 1% 0 0;
    width: 79%;
    font-size: 13px;
}

.tabs .row .value {
    float: left;
    color: #817878;
    width: 20%;
    font-size: 13px;
}

.tabs .hiddenBlock {
    height: 0;
    overflow: hidden;
}

.qmark {
    cursor: pointer;
    color: white;
    background: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.rating {
    height: 15px;
    display: inline-block;
    background: url(/img/stars.png) 0 0 repeat-x;
    width: 95px;
}

.rating span {
    height: 15px;
    display: inline-block;
    background: url(/img/stars.png) 0 -15px repeat-x;
    filter: hue-rotate(200deg) saturate(1.2) brightness(1.2);
}

.buy span {
    display: block;
    background: url(/img/icon-cart-button.png) 0 9px no-repeat;
    padding: 0;
    margin: 0 12px;
}

.darkButton,
.darkButton2,
.lightButton,
.lightButtonSmall {
    border: none;
    background: none;
    cursor: pointer;
    display: block;
}

.darkButton i,
.darkButton2 i,
.lightButton i,
.lightButtonSmall i {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 33px;
    font-size: 16px;
    line-height: 33px;
    padding: 0 11px;
    cursor: pointer;
    font-style: normal;
}

.btnFullWidth i {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

.darkButton i {
    background-color: #1c5cff;
    color: #ffffff;
    padding: 0 10px;
    text-align: center;
}

.darkButton:hover i {
    background-position: 0 -33px;
    text-decoration: none;
}

.darkButton2 i {
    border: 1px solid #666;
    background: url(/img/buttons-bg2.png) 0 0 repeat-x;
    color: #FE5F00;
}

.darkButton2:hover i {
    background-position: 0 -33px;
    text-decoration: none;
}

.lightButton i,
.lightButtonSmall i {
    background-color: #000000;
    color: #FFFFFF;
}

.lightButton:hover i {
    background-position: 0 -99px;
    text-decoration: none;
}

.lightButtonSmall i {
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    background: #1c5cff;
}

.lightButtonSmall:hover i {
    background-position: 0 -155px;
    text-decoration: none;
}

.addComment {
    padding: 5px 0;
}

.addComment label {
    display: inline-block;
    float: left;
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 11px 0 0;
    width: 100px;
    cursor: pointer;
}

.addComment input,
.addComment textarea {
    float: left;
    width: 96%;
    margin: 0;
}

.addComment input {
    height: 29px;
    padding: 0 2%;
}

.addComment input.captcha {
    width: 92px;
    margin-left: 5px;
}

.addComment img {
    float: left;
}

.addComment a {
    float: left;
    margin: 7px 0 0 5px;
}

.addComment textarea {
    height: 79px;
    padding: 5px 2%;
}

.commentAnswerForm {
    display: none;
}

.addCommentAnswer {
    padding: 5px 0;
}

.addCommentAnswer label {
    display: inline-block;
    float: left;
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 11px 0 0;
    width: 100px;
    cursor: pointer;
}

.addCommentAnswer input,
.addCommentAnswer textarea {
    float: left;
    width: 281px;
    margin: 0 0 10px;
}

.addCommentAnswer input {
    height: 29px;
    padding: 0 10px;
}

.addCommentAnswer input.captcha {
    width: 92px;
    margin-left: 5px;
}

.addCommentAnswer img {
    float: left;
}

.addCommentAnswer a {
    float: left;
    margin: 7px 0 0 5px;
}

.addCommentAnswer textarea {
    height: 79px;
    padding: 5px 10px;
}

.comment {
    padding: 0 0 10px;
}

.comment .name {
    color: #846f5e;
    font-weight: bold;
}

.comment .date {
    display: block;
    font-size: 11px;
    color: #bfbfbf;
}

.comment p {
    margin: 0;
}

.commentAnswer {
    padding: 0 0 10px 30px;
}

.commentAnswer .name {
    color: #846f5e;
    font-weight: bold;
}

.commentAnswer .date {
    display: block;
    font-size: 11px;
    color: #bfbfbf;
}

.commentAnswer p {
    margin: 0;
}

.nav_tab {
    display: table;
    margin: 0 0 10px 20px;
}

.nav_tab h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.nav_tab a {
    display: block;
    margin: 5px 0;
}

div.tip_text {
    position: relative;
    width: 96vw;
    left: -2vw;
}

.label_discount {
    width: 72px;
    height: 27px;
    background-image: url('/img/label_discount.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 50px;
    right: -5px;
}

.label_discount span {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #EDC030;
    margin: 0 0 0 20px;
}

.label_video {
    width: 50px;
    height: 35px;
    background-image: url('/img/label_video2.png');
    filter: saturate(0);
    float: left;
    clear: both;
}

.label_nysale {
    width: 80px;
    height: 54px;
    background-image: url('/img/label_nysale.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: -20px;
    left: -10px;
    background-size: cover;
}

.label_blackfriday {
    width: 37px;
    height: 36px;
    background-image: url('/img/label_blackfriday.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: -15px;
    left: -15px;
}

.label_superskidka{
    width: 100%;
    border: solid #666 1px;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #AA2222;
    color: white;
    margin: 20px auto;
}

.delivery-tabs .nav_tab {
    margin: 20px 0 0;
    width: 100%;
}

.delivery_result {
    min-height: 50px;
    text-align: center;
}

.delivery_result table {
    width: 100%;
    margin: 20px 0 10px;
}

.delivery_result table, .delivery_result td, .delivery_result th {
    border: 1px solid;
    border-collapse: collapse;
    padding: 5px;
}

.delivery-tabs select {
    padding: 5px;
}

.delivery-tooltip {
    color: #9c4600;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: left;
}

.delivery-tabs .nav_tab {
    margin: 20px 0 0;
    width: 100%;
}

.delivery_result {
    min-height: 50px;
    text-align: center;
}

.delivery_result table {
    width: 100%;
    margin: 20px 0 10px;
}

.delivery_result table, .delivery_result td, .delivery_result th {
    border: 1px solid;
    border-collapse: collapse;
    padding: 5px;
}

.delivery-tabs select {
    padding: 5px;
}

.delivery-tooltip {
    color: #9c4600;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: left;
}

.headBlock {
    font-size: 16px;
    color: #ffffff;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    padding: 11px 0 11px 20px;
}

.darkBg {
    background: url(/img/head-block-dark.png);
}

.lightBg {
    background: url(/img/head-block-light.png);
}

.goodsPreview {
    position: relative;
    min-height: 37vw;
    margin-bottom: 1vw;
}

.goodsPreview IMG.goodsPreviewImg {
    float: left;
    max-width: 33vw;
    max-height: 25vw;
    height: auto;
}

.goodsPreview DIV.goodsPreviewInfo {
    float: right;
    width: 50vw;
    position: absolute;
    right: 0;
    bottom: 0;
}

.goodsPreview DIV.goodsPreviewInfo .call-discount {
    display: block;
    font-size: 14px;
    text-align: right;
}

.goodsPreview DIV.goodsPreviewInfo SPAN.status {
    display: block;
    font-size: 14px;
    text-align: right;
}

.goodsPreview DIV.goodsPreviewInfo .old_price {
    color: #FF0000;
    display: block;
    font-size: 14px;
    text-align: right;
    text-decoration: line-through;
}

.goodsPreview DIV.goodsPreviewInfo .price {
    color: #3d3d3d;
    display: block;
    font-size: 24px;
    text-align: right;
}

.goodsPreview .label_discount {
    width: 72px;
    height: 27px;
    background-image: url('/img/label_discount.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 54px;
    right: -5px;
}

.goodsPreview .label_discount span {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #EDC030;
    margin: 0 0 0 20px;
}

.goodsPreview .label_nysale {
    width: 80px;
    height: 54px;
    background-image: url('/img/label_nysale.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 80px;
    left: -10px;
    background-size: cover;
}

.goodsPreview .label_blackfriday {
    width: 37px;
    height: 36px;
    background-image: url('/img/label_blackfriday.png');
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 15px;
    left: initial;
    right: -10px;
}

.goodsPreview .label_sale {
    position: absolute;
    right: 0px;
    top: 60px;
    width: 50px;
    height: 50px;
    background-image: url("/img/label_sale.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/* ================================ cart.html =============================== */
.cart {

}

form.cart div.orderForm INPUT {
    display: block;
    width: 96%;
    padding: 0 2%;
    font-size: 14px;
    line-height: 24px;
}

form.cart div.orderForm TEXTAREA {
    display: block;
    width: 96%;
    padding: 0 2%;
    font-size: 14px;
    line-height: 24px;
}

form.cart div.selectsBlock SELECT {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
}

form.cart .goodsPreview {
    position: relative;
    min-height: 120px;
}

form.cart .goodsPreview IMG.goodsPreviewImg {
    float: left;
    max-width: 33vw;
    height: auto;
}

form.cart .goodsPreview DIV.goodsPreviewInfo {
    float: right;
    width: 50vw;
    position: absolute;
    right: 0;
    top: 40px;
    height: 40px;
}

form.cart .goodsPreview DIV.goodsPreviewInfo SPAN.status {
    display: block;
    font-size: 14px;
    text-align: right;
}

form.cart SPAN.delete {
    position: absolute;
    top: -3px;
    right: -3px;
    color: red;
    font-weight: bold;
    font-family: Tahoma, Arial;
    font-size: 16px;
}

form.cart div.totalPrice .sum_total {
    font-weight: bold;
    color: red;
}

form.cart .goodsPreview INPUT.countText {
    float: left;
    width: 50px;
    height: 24px;
    padding: 0;
    font-weight: bold;
    text-align: center;
}

form.cart .goodsPreview INPUT.button-countMinus {
    width: 16px;
    height: 26px;
    background-image: url('/img/button_countMinus_hover.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
    float: left;
    padding: 0;
    margin: 0;
}

form.cart .goodsPreview INPUT.button-countPlus {
    width: 16px;
    height: 26px;
    background-image: url('/img/button_countPlus_hover.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
    float: left;
    padding: 0;
    margin: 0;
}

/*ФИЛЬТРЫ*/
form.filterForm {
    margin-bottom: 50px;
}

form.filterForm HR {
    margin: 0 0 10px 0;
}

div.ionRangeSlider {
    margin: 10px 10px 0;
}

#btnFilters {
    margin: 10px auto;
}

div#filters {
    display: none;
    margin-bottom: 60px;
}

.column {
    float: left;
    display: inline-block;
    margin: 0 10px 0 0;
}

.filterBlock i.checkLabel {
    font-style: normal;
}

.filterBlock .topBlock {
    color: #817878;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0px;
    border-bottom: 1px solid #666666;
}

.filterBlock .filterName {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px solid #666666;
}

.filterBlock .filterName:after {
    position: absolute;
    top: 15px;
    right: 0;
    width: 15px;
    height: 15px;
    background-image: url('/img/nav_button_down.png');
    background-repeat: no-repeat;
    content: '';
    background-size: contain;
    filter: brightness(0);
}

.filterBlock .filterActive:after {
    background-image: url('/img/nav_button_up.png');
}

.filterBlock .filterParams {
    display: none;
    margin-bottom: 20px;
}

.filterBlock .filterParams .check {
    display: block;
    margin: 3px 0 0 2px;
}

/* сортировка */
.filter_sorting {
    margin-top: 6px;
    color: #000;
    padding-bottom: 5px;
}

.tabs_panel {
    display: table;
    height: 27px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #999999;
    padding: 0;
    list-style: none;
    width: 99%;
    overflow: hidden;
    margin: 5px auto;
}

.tabs_panel li {
    display: table-cell;
    width: 25%;
    border-left: 1px solid #bebebe;
}

.tabs_panel li:first-child {
    border-left: 0;
}

.tabs_panel-tab {
    display: block;
    text-decoration: none !important;
    color: #FFFFFF;
    font: 400 13px Arial;
    line-height: 27px;
    text-align: center;
    height: 27px;
}

.tabs_panel-tab.active {
    color: #fff;
    background-color: #666666;
}

.relatedItemsGroupHeader, .relatedItemsGroupHeaderActive, .relatedServiceItemsGroupHeader, .relatedServiceItemsGroupHeaderActive {
    border-top: 1px solid #AAAAAA;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.relatedItemsGroup, .relatedServiceItemsGroup {
    display: none;
}

.relatedItemsGroupHeader:after, .relatedServiceItemsGroupHeader:after {
    position: absolute;
    top: 15px;
    right: 0;
    width: 15px;
    height: 15px;
    background-image: url('/img/nav_button_down.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    filter: saturate(0);
}

.relatedItemsGroupHeaderActive:after, .relatedServiceItemsGroupHeaderActive:after {
    position: absolute;
    top: 15px;
    right: 0;
    width: 15px;
    height: 15px;
    background-image: url('/img/nav_button_up.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    filter: saturate(0);
}

.darkButtonSmall {
    border: none;
    background: none;
    display: inline-block;
    cursor: pointer;
}

.darkButtonSmall i {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    background-color: #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff !important;
    font-size: 14px;
    padding: 0 11px;
    font-style: normal;
}

.darkButtonSmall:hover i {
    background: url(/img/buttons-bg.png) 0 -201px repeat-x;
    text-decoration: none;
}

.darkButtonSmall.buy span {
    background-position: 0 4px;
    font-size: 16px;
}

#addedToCartPopup {
    width: 90vw;
    height: auto;
    position: relative;
    margin-left: -20px;
    margin-top: -17px;
}

#addedToCartPopup .price {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

#addedToCartPopup .old_price {
    font-size: 12px;
}

#addedToCartPopup > #addedToCartPopupMainBlock {
    background-color: #ddd;
    height: 25vh;
    padding: 15px 15px 19px 15px;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockImgWrapper {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 40%;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockImgWrapper > img {
    width: 100%;
    height: auto;
}

#addedToCartPopup > #addedToCartPopupMainBlock > H3 {
    font-size: 1em;
}

#addedToCartPopup > #addedToCartPopupMainBlock > span.itemCode {
    font-size: 0.8em;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockRatingWrapper {
    display: block;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockPriceStatusWrapper {
    display: block;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockButtonsWrapper {
    display: block;
}

#addedToCartPopup > #addedToCartPopupMainBlock > #addedToCardMainBlockButtonsWrapper > a {
    display: block;
    text-align: center;
    margin: 6px 0 !important;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock {
    height: 50vh;
    padding: 16px;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > H2 {
    font-size: 16px;
    line-height: 16px;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper {
    width: 100%;
    height: 24vh;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem {
    width: 160px;
    height: 24vh;
    margin-right: 10px;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: bottom;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemImgDiv {
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemImgDiv > img {
    border: solid #CCC 1px;
    border-radius: 4px;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 10vh;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemNameDiv {
    position: relative;
    font-size: 0.5em;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemPriceDiv {
    position: relative;
    display: block;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemPriceDiv > a.darkButtonSmall > i {
    width: 100px;
}

#addedToCartPopup > #addedToCartPopupAddItemsBlock > .addedToCartPopupAddItemsWrapper .addItem > .addItemPriceDiv > a.darkButtonSmall > i > span{
    background: initial;
}


.subcat-link{
    display: inline-block;
    width: 30vw;
    overflow: hidden;
    margin-right: 1vw;
    text-align: center;
    vertical-align: top;
}

.subcat-link span{
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 0.8rem;
    line-height: 0.9rem;
}
.subcat-link .img-wrapper {
    width: 100%;
    height: 100px;
    background-color: white;
    border-radius: 8px;
    border: none;
    overflow: hidden;
}
.subcat-link .img-wrapper > IMG{
    margin-top: 2.5%;
    width: 95%;
    height: 95%;
    object-fit: contain;
    overflow: hidden;
}



#giftItemsBlock {
    width: 100vw;
    height: 230px;
    margin: 20px 0 20px -12px;
}

#giftItemsBlock > H3{
    margin-left: 12px;
}

#giftItemsBlock .price {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

#giftItemsBlock .old_price {
    font-size: 12px;
}

#giftItemsBlock > #giftItemsWrapper {
    width: 100vw;
    height: 230px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: 5px;
    padding-left: 12px;
}

#giftItemsBlock > #giftItemsWrapper .giftItem {
    width: 160px;
    height: 210px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: white;
}

#giftItemsBlock > #giftItemsWrapper .giftItem > .giftItemImgDiv {
    height: 130px;
    position: relative;
}

#giftItemsBlock > #giftItemsWrapper .giftItem > .giftItemImgDiv > img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 120px;
    margin: 0 auto;
}

#giftItemsBlock > #giftItemsWrapper .giftItem > .giftItemNameDiv {
    height: 40px;
    position: relative;
    font-size: 10px;
    line-height: 12px;
}

#giftItemsBlock > #giftItemsWrapper .giftItem > .giftItemPriceDiv {
    height: 20px;
    position: relative;
    vertical-align: bottom;
    display: table-cell;
    width: 160px;
}


/* ================================ registration =============================== */

form.registration {
    width: 100%;
    margin: 30px auto;
}

.registration .form-field {
    display: block;
    float: left;
    width: 100%;
    margin-right: 2%;
}

.registration label {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 3px;
}

.registration input {
    display: block;
    height: 24px;
    width: 90%;
    margin: 0 0 6px;
    padding: 0 10px;
}

.registration .darkButton {
    margin: 0 auto;
}

.registration .darkButton i {
    padding: 0 8px;
}



/* ================================ authorization =============================== */

form.authorization {
    width: calc(100% - 40px);
    margin: 30px auto;
    border-radius: 2px;
    padding: 20px;
    background-color: #EEEEEE;
}

.authorization .form-field {
    display: inline-block;
    float: left;
    width: 100%;
}

.authorization label {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 3px;
}

.authorization input {
    display: block;
    height: 24px;
    width: 95%;
    margin: 0 0 6px;
    padding: 0 10px;
}

.authorization .darkButton {
    margin: 0 14px 0 0;
}

.authorization .darkButton i {
    padding: 0 8px;
    margin-top: 10px;
}

.authorization a {
    font-size: 12px;
}

/* ================================ forgotpassword =============================== */

form.forgotpassword {
    width: 100%;
    margin: 30px 0;
}

.forgotpassword .form-field {
    display: inline-block;
    float: left;
    width: 100%;
}

.forgotpassword label {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 3px;
}

.forgotpassword input {
    display: block;
    height: 24px;
    width: 95%;
    margin: 0 0 6px;
    padding: 0 10px;
}

.forgotpassword .darkButton {
    margin: 10px auto;
}

.forgotpassword .darkButton i {
    padding: 0 8px;
}



.usertable{ border-spacing: 1px; margin: 0; padding: 0;width: 100%;}
.usertable th{margin: 0; padding: 1px 3px; height: 22px; text-align: left;	color: #000000;	font-weight: normal; font-size: 1em; background: url(../img/adminarea/table/header_bg.png) repeat-x top left;}
.usertable th a{padding: 0 0.3em; display: block; position: relative; line-height: 22px; text-decoration: none;color: #000000; white-space: nowrap;}

.usertable td{vertical-align: top; font-size: 0.9em; padding:3px; border-bottom: solid #ccc 1px;}
.usertable td a{color: #000000; text-decoration: none;}
.usertable td a:hover{color: #ff0000;}

.usertable tr.smalltext td{font-size:75%;}


#tabOrders .usertable tr{ display: block; margin-bottom: 30px;}
#tabOrders .usertable tr:first-child{display: none;}
#tabOrders .usertable td{ display: block; text-align: left}
#tabOrders .usertable tr td:nth-child(1):before{ content: 'Номер: '; font-weight: bold; }
#tabOrders .usertable tr td:nth-child(2):before{ content: 'Дата: '; font-weight: bold; }
#tabOrders .usertable tr td:nth-child(4):before{ content: 'Стоимость: '; font-weight: bold; }
#tabOrders .usertable tr td:nth-child(5):before{ content: 'Статус заказа: '; font-weight: bold; }

#tabServiceOrders .usertable tr{ display: block; margin-bottom: 30px;}
#tabServiceOrders .usertable tr:first-child{display: none;}
#tabServiceOrders .usertable td{ display: block; text-align: left}
#tabServiceOrders .usertable tr td:nth-child(1):before{ content: 'Номер: '; font-weight: bold; }
#tabServiceOrders .usertable tr td:nth-child(2):before{ content: 'Дата: '; font-weight: bold; }
#tabServiceOrders .usertable tr td:nth-child(4):before{ content: 'Стоимость: '; font-weight: bold; }
#tabServiceOrders .usertable tr td:nth-child(5):before{ content: 'Статус заказа: '; font-weight: bold; }

#tabPersonal .row .name { width: 40%; }
#tabPersonal .row .value { width: 59%; }

#tabCoupons .usertable tr{ display: block; margin-bottom: 30px;}
#tabCoupons .usertable tr:first-child{display: none;}
#tabCoupons .usertable td{ display: block; text-align: left}
#tabCoupons .usertable tr td:nth-child(1):before{ content: 'Купон: '; font-weight: bold; }
#tabCoupons .usertable tr td:nth-child(2):before{ content: 'Статус: '; font-weight: bold; }
#tabCoupons .usertable tr td:nth-child(3):before{ content: 'Заказ: '; font-weight: bold; }


.paginator {
    margin: 0 -20px 30px 0;
    font-size: 14px;
}

.paginator * {
    display: inline-block;
    margin: 0 2.9vw 0 0;
}

.paginator span {
    color: #9c4600;
    font-weight: bold;
}

.paginator a {
    color: #817878;
}

.q, .a {
    background: #ffffff;
    border: 1px solid #666666;
    padding: 20px 20px;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #383838;
    line-height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.q div, .a div {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ededed;
    font-size: 12px;
    color: #9b9a9a;
    font-weight: normal;
    font-style: normal;
}

.height {
    height: 10vw;
}



.goodsCatalog {
    margin: 30px 0;
}


.rentPreview {
    margin: 10px 0;
    padding: 10px 0 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    position: relative;
    display: block;
    width: 100%;
    height: 620px;
    background-color: white;
}

.rentPreview span.status {
    color: #FF0000;
    display: block;
    font-size: 11px;
    position: absolute;
    margin: 30px 0 0 0;
}

.rentPreview .image {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border: 0;
    position: relative;
}

.rentPreview .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.rentPreview .info {
    margin: 10px;
}

.rentPreview .info .name {
    font-size: 16px;
}

.rentPreview .info div {
    margin: 3px 0 14px;
}

.rentPreview .info div span {
    color: #b9b1b1;
}

.rentPreview .info div span span {
    color: #817878;
    font-weight: bold;
}

.rentPreview .info .btn-more {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

.rentPreview .info p {
    line-height: 16px;
    margin-top: 16px;
}

.rentPreview .info .price {
    color: #9c4600;
    font-size: 16px;
    font-weight: bold;
}

.rentPreview .info .buy {
    float: left;
    margin: 0 7px 0 0;
}



.rentItemCard {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}


.rentItemLeft {
    width: 100%;
    border-bottom: #d9d9d9 solid 1px;
}

.rentItemLeft .popup-gallery{
    display: block;
    height: 200px;
    border-bottom: #d9d9d9 solid 1px;
}

.rentItemLeft .big {
    text-align: center;
    text-decoration: none;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 60px;
    width: 320px;
    height: 200px;
}

.rentItemLeft .big img {
    vertical-align: middle;
    margin: -1px 0 0 -1px;
    max-width: 320px;
    max-height: 200px;
}

.rentItemLeft .smallWrapper {
    margin: 0;
    position: absolute;
    top: 10px;
    left: -32px;
    width: 43px;
    height: 475px;
}

.rentItemLeft .smallWrapper a {
    display: block;
    text-decoration: none;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 41px;
    font-size: 1px;
    text-align: center;
    width: 41px;
    height: 41px;
    background: #ffffff;
    margin: 0 0 5px;
}

.rentItemLeft .smallWrapper a img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.rentItemLeft .smallWrapper ul {
    list-style: none;
}

.rentItemLeft .info{
    margin: 16px;
}

.rentItemLeft .info h3{
    margin-bottom: 16px;
}


.rentItemRight {
    width: 100%;
}

.rentItemRight .priceinfo{
    padding: 16px;
    border-bottom: #d9d9d9 solid 1px;
}

.rentItemRight .pricepawn {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #9c4600;
    text-align: center;
}

.rentItemRight .price1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #9c4600;
    text-align: center;
}

.rentItemRight .price2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #9c4600;
    text-align: center;
}

.rentItemRight .price3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #9c4600;
    text-align: center;
}


.rentItemRight .price span {
    font-size: 11px;
    color: #FF0000;
    display: block;
}

.rentItemRight .old_price {
}

.rentItemRight .booking{
    padding: 16px;
}

.rentItemRight .booking h3{
    margin-bottom: 16px;
}

.rentItemRight .booking label {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 3px;
}

.rentItemRight .booking input {
    display: block;
    height: 24px;
    width: 20vw;
    margin: 0 0 6px;
    padding: 0 10px;
}

.rentItemRight #overall-price {
    margin: 16px 0 16px;
}
.rentItemRight .overall-price {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #9c4600;
    text-align: center;
}

TABLE.datepicker{
    width: initial;
}

.datepicker tbody td {
    width: 24px !important;
    height: 18px !important;
    font: 10px/12px Arial,Helvetica,sans-serif !important;
}



.orangeButton {
    border: none;
    background: none;
    cursor: pointer;
    display: inline-block;
}

.orangeButton i {
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 33px;
    font-size: 16px;
    line-height: 33px;
    padding: 0 11px;
    cursor: pointer;
    font-style: normal;
    border: 1px solid #FE5F00;
    background: url(/img/buttons-bg3.gif) 0 0 repeat-x;
    color: #000;
    font-weight: bold;
}



/* ---------------------------------- */
/* ----- Баннер cookies consent ----- */
/* ---------------------------------- */

#cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    z-index: 9999;
    font-family: Arial, sans-serif;
}

.cookie-consent-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cookie-consent-content p {
    margin: 0;
    padding: 0 15px 0 0;
    flex: 1;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

#cookie-consent-button {
    background: #1c5cff;
    color: white;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    white-space: nowrap;
}
/* Мобильная версия */
@media (max-width: 768px) {
    .cookie-consent-content {
        flex-direction: column;
        text-align: center;
    }

    .cookie-consent-content p {
        padding: 0 0 10px 0;
    }

    #cookie-consent-button {
        width: 100%;
        max-width: 200px;
    }
}




/* libs override */

/*cusel*/
.cusel, .cuselFrameRight, .jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown {
    filter: saturate(0) !important;
}


/*ionRangeSlider*/
.irs-bar {
    border-top: 1px solid #666666 !important;
    border-bottom: 1px solid #666666 !important;
    background: #666666 !important;
}
.irs-from, .irs-to, .irs-single {
    border-radius: 2px !important;
    background: #666666 !important;
}