.profile-item .gallery,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

body,
html {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    ms-text-size-adjust: 100%;
    webkit-text-size-adjust: 100%;
}

body {
    font-family: "Montserrat", "Lato", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    line-height: 1;
   
}
  

a {
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    cursor: default;
    font-weight: 400;
    margin: 0;
}

h1 {
    margin: 30px 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

blockquote {
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:after,
q:before {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 0 40px;
}

nav ol,
nav ul {
    list-style: none;
}

img {
    border: 0;
    ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure,
form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

button,
input {
    line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    webkit-appearance: button;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    padding: 0;
    webkit-box-sizing: border-box;
}

input[type=search] {
    box-sizing: content-box;
    moz-box-sizing: content-box;
    webkit-appearance: textfield;
    webkit-box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    moz-box-sizing: inherit;
    webkit-box-sizing: inherit;
}

* {
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    webkit-tap-highlight-color: transparent;
}

pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    padding: 15px;
    position: absolute;
    word-break: break-all;
    word-wrap: break-word;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 800px;
}


/*  Header block  <<<  */
.top-header {
    background-color: #50184f;
    height: 42px;
    margin: 0 auto;
    padding: 0 5px;
    display: flex;
    max-width: 1140px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;

}

.top-header a {
    color: #d1d3d4;
    display: block;
    line-height: 42px;
    moz-transition: all 0.25s ease-out;
    padding: 0 12px;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.top-header a:hover {
    color: #a39f9e;
}
header {
    margin-bottom: 20px;
}
.top-header .menu {
    float: left;
}

.top-header .menu ul:before,
.top-header .menu ul:after {
    clear: both;
    content: '';
    display: table;
}

.top-header .menu li {
    float: left;
}

.top-header .menu li:first-child a {
    padding-left: 0;
}

.top-header .user-authorization,
.top-header .main-search {
    float: right;
}

.top-header .main-search {
    height: 30px;
    margin: 6px 0;
    moz-transition: all 0.25s ease-out;
    position: relative;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 204px;
    z-index: 20;
}

.top-header .main-search form {
    height: 100%;
}

.top-header .main-search form:hover .inp-text,
.top-header .main-search form:focus .inp-text,
.top-header .main-search form .inp-text.hover {
    background-color: #fff;
}

.top-header .main-search .inp-text {
    background-color: #a39f9e;
    border: none;
    height: 100%;
    moz-transition: all 0.25s ease-out;
    padding-left: 5px;
    padding-right: 30px;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 100%;
}

.top-header .main-search .inp-text:focus {
    background-color: #fff;
}

.top-header .main-search .inp-submit {
    background: url("../images/search.png") 50% 50% no-repeat;
    border: none;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.top-header .user-authorization {
    /* margin-left: 55px; */
}

.top-header .user-authorization:before,
.top-header .user-authorization:after {
    clear: both;
    content: '';
    display: table;
}

.top-header .user-authorization .signin,
.top-header .user-authorization .signup {
    float: left;
}

.top-header .user-authorization .signin {
    position: relative;
}

.top-header .user-authorization .signin:after {
    background-color: #5f524f;
    content: '';
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.bot-header {
    display: flex;
    max-width: 1140px;
    margin: 20px auto;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.bot-header .bot-header-item {
   
}



.bot-header .logo {
    /* width: 260px; */
    /* margin: 0 auto; */
}
.bot-header .contacts .tel{
    font-size: 21px;
    line-height: 1.2;

}
.bot-header .contacts  a{
    color: #50184f;
}   
.bot-header .contacts  .email{

    font-weight: 400;
    line-height: 25px;
}   

.bot-header  .contacts .callback a i {
    background: url(../images/sprite_block.png) no-repeat 0 0;
    height: 21px;
    margin-right: 5px;
    top: 5px;
    width: 21px;
}
.bot-header   .contacts .callback a span {
        display: inline-block;
}
 .user-cart .cart i {
    background: url(../images/cart_block.png) no-repeat 0px 0;
    height: 22px;
    top: 5px;
    width: 24px;
}
 .user-cart .cart-details a {
    /* color: #50184f; */
}

.user-cart .cart span {
    /* color: #50184f;
    font-size: 16px;
    line-height: 26px;
    padding-left: 5px;
    text-transform: uppercase; */
}


.bottom-header {
    height: 178px;
    position: relative;
}


.bottom-header .contacts {
    float: left;
}

 .user-cart {
    float: left;
   /*  margin-top: 47px; */
    /* width: 155px; */
}

.bottom-header .logo {
    height: 100%;
    left: 50%;
    margin-left: -131px;
    margin-top: -40.5px;
    position: absolute;
    top: 50%;
    width: 262px;
    text-align: center;
   
}

.bottom-header .logo a {
    display: block;
    height: 100%;
    width: 100%;
}

.bottom-header .contacts {
    margin-top: 40px;
}

.bottom-header .contacts a {
    color: #50184f;
}

.bottom-header .contacts .tel {
    font-size: 21px;
    line-height: 1.2;
}

.bottom-header .contacts .tel span {
    color: #50184f;
    font-size: 26px;
    font-weight: 600;
}

.bottom-header .contacts .email {
    font-style: italic;
    font-weight: 400;
    line-height: 25px;
}

.bottom-header .contacts .email:hover {
    text-decoration: underline;
}

.bottom-header .contacts .callback {
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    margin-top: 12px;
}

.bottom-header .contacts .callback a {
    color: #50184f;
    position: relative;
}
.bottom-header .contacts .callback a span {
    display: inline-block;
}

.bottom-header .contacts .callback a i {
    background: url("../images/sprite_block.png") no-repeat 0 0;
    height: 21px;
    margin-right: 5px;
    top: 5px;
    width: 21px;
}

.bottom-header .contacts .callback a:hover span {
    text-decoration: underline;
}





.user-cart .cart span {
    /* color: #50184f;
    font-size: 16px;
    line-height: 26px;
    padding-left: 5px;
    text-transform: uppercase; */
}






.total-summ a {
    color: #000;
}

@media screen and (max-width: 960px) {
    .user-cart .cart-details .total-summ span {
        font-size: 12px;
    }

     .user-cart .cart-details .total-summ .basket-sum {
        font-size: 14px;
        right: 56px;
    }

    .basket-sum {
        display: none;
    }
}

/*  >>>  Header block  */


/*  burger mobile menu  <<<  */
.burger,
.burger:hover,
.burger:active,
.burger:visited {
    color: #a39f9e;
    text-decoration: none;
}

.burger {
    display: inline-block;
    margin: 0;
}

.burger .burger-label {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    margin-left: 12px;
    vertical-align: top;
}

.burger .burger-icon {
    display: inline-block;
    height: 30px;
    width: 36px;
}

.burger .burger-icon span,
.burger .burger-icon span:before,
.burger .burger-icon span:after {
    backface-visibility: hidden;
    background: #a39f9e;
    display: block;
    height: 6px;
    moz-backface-visibility: hidden;
    moz-transition: all 0.5s;
    transition: all 0.5s;
    webkit-backface-visibility: hidden;
    webkit-transition: all 0.5s;
    width: 100%;
}

.burger .burger-icon span {
    margin: 0;
    position: relative;
}

.burger .burger-icon span:before,
.burger .burger-icon span:after {
    content: "";
    position: absolute;
}

.burger .burger-icon span:before {
    top: -8px;
}

.burger .burger-icon span:after {
    top: 8px;
}

.burger:hover .burger-icon span:before {
    moz-transform: translate(0px, -4px);
    ms-transform: translate(0px, -4px);
    transform: translate(0px, -4px);
    webkit-transform: translate(0px, -4px);
}

.burger:hover .burger-icon span:after {
    moz-transform: translate(0px, 4px);
    ms-transform: translate(0px, 4px);
    transform: translate(0px, 4px);
    webkit-transform: translate(0px, 4px);
}

.burger.selected .burger-icon span:before {
    moz-transform: translate(0px, 8px) rotate(-45deg);
    ms-transform: translate(0px, 8px) rotate(-45deg);
    transform: translate(0px, 8px) rotate(-45deg);
    webkit-transform: translate(0px, 8px) rotate(-45deg);
}

.burger.selected .burger-icon span:after {
    moz-transform: translate(0px, -8px) rotate(45deg);
    ms-transform: translate(0px, -8px) rotate(45deg);
    transform: translate(0px, -8px) rotate(45deg);
    webkit-transform: translate(0px, -8px) rotate(45deg);
}

.burger.selected .burger-icon span {
    background: transparent;
}

.menu-trigger {
    display: none;
    left: 2%;
    position: absolute;
    top: 20px;
    z-index: 20;
}

/*  >>>  burger mobile menu  */


/*  Menu catalog  <<< */
.upper-level-menu {
    display: flex;
    background-color: #50184f;
    justify-content: space-between;
    /* border-bottom: 1px solid #bebfb5; */
    /* height: 35px; */
    line-height: 35px;
    width: 100%;
}

.upper-level-menu:before,
.upper-level-menu:after {
    /* clear: both;
    content: '';
    display: table; */
}

.upper-level-menu .main-catalog {
    float: left;
}

.upper-level-menu .main-catalog>a {

    color: #d1d3d4;
    display: block;
    line-height: 42px;
    moz-transition: all 0.25s ease-out;
    padding: 0 12px;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;

    /* color: #3d3533;
    display: block;
    font-size: 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%; */
}
.upper-level-menu .main-catalog>a:last-child{
    padding-right: 0
}
.main-menu-1 .secondary-menu {
    background-color: #fff;
    border: 1px solid #50184f;
    border-left: none;
    box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.25);
    display: none;
    height: 350px;
    left: 285px;
    position: absolute;
    top: 0px;
    webkit-box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.25);
    width: 855px;
    z-index: 15;
}

.main-menu-1 .secondary-menu .col {
    /* position: relative;
    width: calc(33.33% - 15px);
    display: flex; */
}

.main-menu-1 .secondary-menu .col:after {
    background-color: #d8d7d6;
    content: '';
    height: 312px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 1px;
}

.main-menu-1 .secondary-menu .col:first-child:after {
    display: none;
}

.main-menu-1 .secondary-menu  .col-menu-subcategory {
    width: 60%;
}
.main-menu-1 .secondary-menu .col{
    /* display: inline-block; */
    /* width: calc(33% - 10px);
     */
     width: 100%;
}
.main-menu-1 .secondary-menu .col-menu{ 
    width: 100%;
    display: flex;
}
.main-menu-1 .secondary-menu .col-menu li {
    line-height: 15px;
}
.subimage__hide {
    display: none;
  
}   
.main-menu-1 .secondary-menu .col-menu a.sub-links {
    color: #000;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    moz-transition: all 0.25s ease-out;
    padding: 10px 0;
    padding-left: 18px;
    padding-right: 8px;
    position: relative;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}
.main-menu-1 .secondary-menu  .sub-category{
    display: flex;
    /* height: 350px;
    flex-direction: column;
    flex-wrap: wrap-reverse; */
}

.main-menu-1 .secondary-menu .col-menu a.sub-links:after {
    border-color: transparent transparent transparent #50184f;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    content: '';
    height: 0;
    left: 25px;
    margin-top: -5px;
    moz-transition: all 0.25s ease-out;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 0;
}

.main-menu-1 .secondary-menu .col-menu a.sub-links:hover {
    color: #50184f;
    padding-left: 60px;
}

.main-menu-1 .secondary-menu .col-menu a.sub-links:hover:after {
    left: 45px;
    opacity: 1;
}

.main-menu-1 .main-catalog-list .mCSB_scrollTools {
    left: 0;
    right: auto;
}

.main-menu-1 .main-catalog-list .mCSB_inside>.mCSB_container {
    margin-left: 0;
    margin-right: 0;
}

.main-menu-1 .main-catalog-list .mCS_no_scrollbar .mCSB_container {
    margin-left: 0 !important;
}

.main-catalog-list-second {
    background: none;
    box-shadow: none;
    webkit-box-shadow: none;
}

.main-catalog-list {
    background-color: #50184f;
    box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.25);
    display: none;
    height: 350px;
    left: 0;
    position: absolute;
    top: 55px;
    webkit-box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.25);
    width: 285px;
    z-index: 25;
}

.main-catalog-list .main-catalog-list-item:hover>a:after {
    opacity: 1;
    right: 0;
}

.main-catalog-list .main-catalog-list-item>a {
    border-top: 1px solid #50184f;
    color: #d1d3d4;
    display: block;
    font-size: 16px;
    line-height: 1;
    moz-transition: all 0.15s ease-out;
    padding: 14px 35px;
    position: relative;
    transition: all 0.15s ease-out;
    webkit-transition: all 0.15s ease-out;
}

.main-catalog-list .main-catalog-list-item>a:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 13px 10px 13px 0;
    content: '';
    height: 0;
    margin-top: -13px;
    moz-transition: all 0.25s ease-out;
    opacity: 0;
    position: absolute;
    right: 0;
    right: -8px;
    top: 50%;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 0;
}

.main-catalog-list .main-catalog-list-item>a:hover {
    background-color: #50184f;
    color: #fff;
}

.main-catalog-list .main-catalog-list-item:first-child a {
    border-top: none;
}

.main-catalog-list .opened>a {
    background-color: #50184f;
    color: #fff;
}

.main-catalog-list .opened>a:after {
    display: block;
}

.main-catalog-list .icon {
    margin-bottom: 15px;
    margin-top: 50px;
    text-align: center;
}

.main-catalog-list .icon-category-title {
    cursor: default;
    text-align: center;
}

.main-catalog-list .icon-category-link {
    margin-top: 30px;
    text-align: center;
}

.main-catalog-list .icon-category-link .green-border-button {
    border: 1px solid #50184f !important;
    z-index: 20;
}

.mCSB_container .main-catalog-list-item a {
    z-index: 200;
}

.main-catalog-list.custom-scrollbar {
    z-index: 200;
}

.main-catalog-list {
    box-shadow: none;
    webkit-box-shadow: none;
}

.main-catalog-list .main-catalog-list-item.opened>a:after {
    opacity: 1;
    right: 0;
}

.sub-category:before,
.sub-category:after {
    clear: both;
    content: '';
    display: table;
}

.main-catalog.opened-menu>a {
    position: relative;
}

.main-catalog.opened-menu>a:before {
    background-color: #50184f;
    bottom: -1px;
    content: '';
    height: 3px;
    left: 0;
    moz-transition: all 0.25s ease-out;
    position: absolute;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .main-catalog.opened-menu>a:after {
        border-color: #50184f transparent transparent transparent;
        border-style: solid;
        border-width: 7px 9px 0 9px;
        content: '';
        height: 0;
        left: 50%;
        margin-left: -9px;
        position: absolute;
        top: 35px;
        width: 0;
    }
   
}


.main-catalog.opened-menu .main-catalog-list {
    display: block;
}

.main-catalog.opened-menu .main-catalog-list .main-catalog-list-item.opened .secondary-menu {
    display: block;
}

.main-catalog>.main-catalog-list>li>a>span {
    display: inline-block;
    line-height: 1;
}

.main-items .title {
    height: 55px;
    overflow: hidden;
}

@media screen and (max-width: 420px) {
    .mobile-menu {
        left: -130%;
    }
}

/*  >>> Menu catalog  */


/*  Pages Base layout  <<<  */
html,
body {
    height: 100%;
    min-width: 1190px;
}


.container {
    margin-bottom: -245px;
    min-height: 100%;
    min-width: 1140px;
}

.container:after {
    content: '';
    display: block;
    height: 200px;
}

footer,
.container:after {
    height: 200px;
    min-width: 1140px;
}

.wrapper {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1140px;
}

.main:before,
.main:after {
    clear: both;
    content: '';
    display: table;
}

.main .sidebar {
    float: left;
    width: 200px;
}

.main .content {
    float: right;
    width: 906px;
}

.main .content.full {
    width: 100%;
}

html {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
}

img {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
}

.inp-textarea,
textarea {
    max-height: 400px;
    max-width: 100%;
}

i.icon {
    display: inline-block;
    position: relative;
}

::-moz-selection {
    background-color: #50184f;
    color: #fff;
}

::selection {
    background-color: #50184f;
    color: #fff;
}

.headling {
    display: inline-block;
    font-size: 30px;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 40px;
}

.headling.green {
    color: #50184f;
}

.headling.red {
    color: #ea5656;
}

.headling.small {
    font-size: 24px;
    margin-bottom: 15px;
}

.headling.bold {
    font-weight: 600;
    text-transform: uppercase;
}

.page {
    text-align: justify;
    margin-bottom: 35px;
    line-height: 20px;
}

.page ul,
ol {
    list-style: disc;
    margin: 0 0 0 30px;
}

.page_header {
    font-weight: bold;
    margin-top: 40px;
}

/*  >>>  Pages Base layout  */


/*  index categories    <<< */
.main-categories {
    margin-bottom: 55px;
}

.main-categories .wrapper:before,
.main-categories .wrapper:after {
    clear: both;
    content: '';
    display: table;
}

.main-categories .item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}

.main-categories .item:hover .title {
    background-color: #fff;
}

.main-categories .item:hover .title .name:after {
    width: 100%;
}

.main-categories .item a {
    display: block;
    height: 100%;
    width: 100%;
}

.main-categories .item .title {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    left: 0;
    margin-top: 10px;
    moz-transition: all 0.25s ease-out;
    padding: 14px 30px;
    position: absolute;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.main-categories .item .title .price {
    color: #ea5656;
    font-size: 18px;
    line-height: 1;
    padding: 7px 0 0 0;
}

.main-categories .item .title .name {
    color: #6a6a6a;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding-bottom: 7px;
    position: relative;
    text-transform: uppercase;
}

.main-categories .item .title .name:after {
    background-color: #a4a9b9;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    moz-transition: all 0.25s ease-out;
    position: absolute;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 75px;
}

.main-categories .category-1 {
    height: 270px;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 750px;
}

.main-categories .category-2 {
    height: 270px;
    margin-bottom: 30px;
    width: 360px;
}

.main-categories .category-3 {
    height: 570px;
    margin-right: 30px;
    width: 360px;
}

.main-categories .category-4 {
    height: 270px;
    margin-bottom: 30px;
    width: 750px;
}

.main-categories .category-5 {
    height: 270px;
    margin-right: 30px;
    width: 360px;
}

.main-categories .category-6 {
    height: 270px;
    width: 360px;
}

/*  >>> index categories    */


/*  company story index    <<< */
.company-story {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 50px 0 80px 0;
}

.company-story .headling {
    padding-bottom: 15px;
    position: relative;
}

.company-story .headling:after {
    background-color: #50184f;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 200px;
}

.company-story article {
    color: #818181;
    width: 45%;
}

.company-story article:after {
    background: url("../images/companyblock.png") 0 0 no-repeat;
    content: '';
    height: 779px;
    margin-top: -389.5px;
    position: absolute;
    right: -14%;
    top: 60%;
    width: 774px;
}

.company-story article .details {
    margin-top: 20px;
}

.company-story article p {
    margin-top: 0;
}

/*  >>>  company story index  */


/*   Footer block  <<<   */
.top-footer {
    background-color: #50184f;
    height: 200px;
    padding-top: 50px;
}

.top-footer a {
    color: #a39f9e;
    display: block;
    line-height: 42px;
    moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.top-footer a:hover {
    color: #d1d3d4;
}

.top-footer .contacts {
    float: left;
    width: 220px;
}

.top-footer .contacts a {
    color: #6a6a6a;
}

.top-footer .contacts .tel a {
    color: #d1d3d4;
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
}

.top-footer .contacts .email a {
    color: #d1d3d4;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 10px;
}

.top-footer .contacts .email:hover {
    color: #d1d3d4;
    text-decoration: underline;
}

.top-footer .contacts .callback {
    font-size: 17px;
    font-style: italic;
    font-weight: 300;
    line-height: 17px;
    margin-top: 12px;
}

.top-footer .contacts .callback a {
    color: #d1d3d4;
    position: relative;
}
.top-footer .contacts .callback a span {
    display: inline-block;
}
.top-footer .contacts .callback a i {
    background: url("../images/sprite.png") no-repeat -81px 0;
    height: 21px;
    margin-right: 5px;
    top: 5px;
    width: 25px;

}

.top-footer .contacts .callback a:hover span {
    text-decoration: underline;
}

.top-footer .menu {
    float: left;
    margin-left: 15px;
    margin-top: -5px;
    width: 380px;
}

.top-footer .menu:before,
.top-footer .menu:after {
    clear: both;
    content: '';
    display: table;
}

.top-footer .menu>ul {
    float: left;
    padding: 0 15px;
    width: 33.33%;
}

.top-footer .menu a {
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    position: relative;
    text-align: center;
}

.top-footer .menu a:after {
    background-color: #584c49;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    moz-transition: all 0.25s ease-out;
    position: absolute;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 100%;
}

.top-footer .menu a:hover:after {
    background-color: #f2f2f2;
}

.top-footer .rss-form,
.top-footer .socials {
    color: #fff;
    float: right;
    font-size: 16px;
    text-transform: uppercase;
}

.top-footer .rss-form h3,
.top-footer .socials h3 {
    font-weight: 300;
    line-height: 1.5;
    color: #d1d3d4;
}

.top-footer .socials {
    width: 180px;
}

.top-footer .socials ul {
    margin-top: 10px;
}

.top-footer .socials ul:before,
.top-footer .socials ul:after {
    clear: both;
    content: '';
    display: table;
}

.top-footer .socials ul li {
    float: left;
    height: 29px;
    margin-right: 10px;
    width: 30px;
}

.top-footer .socials ul a {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.top-footer .socials ul a:after {
    background-image: url("../images/sprite.png");
    background-position: -100% -100%;
    background-repeat: no-repeat;
    content: '';
    height: 100%;
    left: 0;
    moz-transition: opacity 0.25s ease-out;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.25s ease-out;
    webkit-transition: opacity 0.25s ease-out;
    width: 100%;
    z-index: 10;
}

.top-footer .socials ul a:hover:after {
    opacity: 1;
}

.top-footer .socials ul .vk a {
    background-position: 0 -155px;
}

.top-footer .socials ul .vk a:hover:after {
    background-position: 0 -189px;
}

.top-footer .socials ul .ok a {
    background-position: -36px -155px;
}

.top-footer .socials ul .ok a:hover:after {
    background-position: -36px -189px;
}

.top-footer .socials ul .gp a {
    background-position: -73px -155px;
}

.top-footer .socials ul .gp a:hover:after {
    background-position: -73px -189px;
}

.top-footer .socials ul .fb a {
    background-position: -108px -155px;
}

.top-footer .socials ul .fb a:hover:after {
    background-position: -108px -189px;
}

.top-footer .rss-form {
    margin-left: 60px;
    width: 230px;
}

.top-footer .rss-form ::-webkit-input-placeholder {
    color: #3d3533;
}

.top-footer .rss-form :-moz-placeholder {
    color: #3d3533;
}

.top-footer .rss-form ::-moz-placeholder {
    color: #3d3533;
}

.top-footer .rss-form :-ms-input-placeholder {
    color: #3d3533;
}

.top-footer .rss-form h3 {
    margin-bottom: 30px;
}

.top-footer .rss-form input {
    vertical-align: middle;
}

.top-footer .rss-form .inp-text {
    background-color: #a39f9e;
    border: none;
    color: #3d3533;
    height: 38px;
    moz-transition: all 0.25s ease-out;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 185px;
}

.top-footer .rss-form .inp-text:hover,
.top-footer .rss-form .inp-text:focus {
    background-color: #fff;
}

.top-footer .rss-form .inp-submit {
    background: url("../images/sprite.png") no-repeat -152px -35px;
    border: none;
    height: 38px;
    moz-transition: all 0.25s ease-out;
    opacity: 0.8;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 38px;
}

.top-footer .rss-form .inp-submit:hover {
    opacity: 1;
}

.bottom-footer {
    background-color: #342d2b;
    color: #a39f9e;
    cursor: default;
    font-weight: 300;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

/*   >>>   Footer block    */


.clear {
    clear: both;
}

.mb30 {
    margin-bottom: 30px;
}

.color_tmp {
    color: #50184f;
}

.color_tmp:hover {
    text-decoration: underline;
}

.color_blue {
    color: #069;
}

.color_blue:hover {
    text-decoration: underline;
}


/*  custom form internal page  <<<  */
.form form:before,
.form form:after {
    clear: both;
    content: '';
    display: table;
}

.form input {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.form input:focus {
    border-width: 3px;
}

.form input[type="submit"] {
    background-color: #50184f;
    border: none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 160px;
}

/*  >>>  custom form internal page  */


.mobile-menu-buttons a {
    display: none;
}


@media screen and (max-width: 1260px) {

    html,
    body,
    footer,
    .container,
    .container:after {
        min-width: 240px;
    }

    .wrapper {
        width: 100%;
        padding: 0 2%;
    }

    .headling {
        margin-bottom: 4%;
    }

    .top-header .main-search {
        position: absolute;
        right: 200px;
        top: 0;
        width: 140px;
    }

    .top-header .main-search.active {
        right: 0.5%;
        width: 99%;
    }

    .menu li:first-child a {
        padding-left: 12px;
    }

    .upper-level-menu {
        display: table;
    }

    .upper-level-menu .main-catalog {
        display: table-cell;
        float: none;
        min-width: 100px;
        width: auto !important;
    }

    .upper-level-menu .main-catalog>a {
        padding: 0;
    }

    .main-menu-1 .secondary-menu .col-menu a {
        padding-left: 20px;
    }

    .main-menu-1 .secondary-menu .col-menu a:after {
        left: 0;
    }

    .main-menu-1 .secondary-menu .col-menu a:hover {
        padding-left: 35px;
    }

    .main-menu-1 .secondary-menu .col-menu a:hover:after {
        content: '';
        left: 20px;
    }

    .main-carousel {
        margin-bottom: 4%;
    }

    .main-carousel article {
        position: relative;
        width: 40%;
        z-index: 20;
    }

    .main-carousel .images {
        background-size: contain;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    .main-categories {
       /* height: 870px; */
        margin-bottom: 4%;
    }

    .main-categories .item {
        background-size: cover;
    }

  /*  .main-categories .category-1,
    .main-categories .category-2, */
    .main-categories .category-4,
    .main-categories .category-5,
    .main-categories .category-6 {
        height: 32%;
    }

    .main-categories .category-2,
    .main-categories .category-3,
    .main-categories .category-5,
    .main-categories .category-6 {
        width: 32%;
    }

    .main-categories .category-1,
    .main-categories .category-4 {
        width: 66%;
    }

    .main-categories .category-1,
    .main-categories .category-3,
    .main-categories .category-5 {
        margin-right: 2%;
    }

    .main-categories .category-1,
    .main-categories .category-2,
    .main-categories .category-4 {
        margin-bottom: 2%;
    }

    .main-categories .category-3 {
        height: 66%;
    }

    .company-story article:after {
        right: -25%;
    }

    .top-footer {
        padding-top: 30px;
    }

    .top-footer .menu {
        width: 450px;
    }

    .top-footer .rss-form h3 {
        margin-bottom: 5px;
    }

    .top-footer .rss-form {
        margin-left: 0;
    }

    .top-footer .socials {
        margin-top: 10px;
        width: 230px;
    }

    .top-header a {
        padding: 0 7px;
    }

    .owl-prev {
        left: 0;
    }

    .owl-next {
        right: 0;
    }

    .main-carousel .carousel-initial .wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    .main-carousel article h2 {
        font-size: 38px;
        line-height: 1;
    }
}

@media screen and (max-width: 960px) {

    .top-header a {
        padding: 0 5px;
    }

    .menu-trigger {
        display: block;
    }

    .mobile-menu {
        background-color: #3d3533;
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
        left: -999px;
        padding-top: 30px;
        position: absolute;
        top: 42px;
        transition: all 0.25s ease-out;
        webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
        webkit-transition: -webkit-all 0.25s ease-out;
        width: 320px;
        z-index: 500;
    }

    .mobile-menu .main-search {
        margin: 0;
        right: 0;
        width: 100%;
    }

    .mobile-menu .main-search.active {
        right: 0;
        width: 100%;
    }

    .mobile-menu .menu {
        float: none;
        width: 100%;
    }

    .mobile-menu .menu ul {
        width: 100%;
    }

    .mobile-menu .menu li {
        float: none;
        width: 100%;
    }

    .mobile-menu .menu li a {
        padding: 0 20px !important;
    }

    header {
        overflow: hidden;
    }

    header.open {
        overflow: visible;
    }

    header.open .mobile-menu.open {
        left: 0;
    }

    .bottom-footer {
        height: 35px;
        line-height: 35px;
    }

    .top-footer {
        height: 210px;
        padding-top: 15px;
    }

    .top-footer .menu a {
        padding-left: 0 !important;
    }

    .top-footer .menu,
    .top-footer .contacts,
    .top-footer .rss-form,
    .top-footer .socials {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 50%;
    }

    .top-footer .socials {
        margin-top: 0;
        text-align: right;
    }

    .top-footer .socials ul {
        margin-top: 0;
    }

    .top-footer .socials ul li {
        float: right;
        margin-left: 10px;
        margin-right: 0;
    }

    .upper-level-menu .main-catalog {
        min-width: 0;
    }

    .upper-level-menu .main-catalog>a {
        font-size: 14px;
    }

    header {
        overflow: visible;
    }

    .main-catalog-list .icon-category-link .green-border-button {
        display: inline-block !important;
        height: 40px !important;
    }

    .main-menu-1 .secondary-menu .col li {
        display: table;
        width: 100%;
    }

    .main-menu-1 .secondary-menu .col a {
        display: table-cell;
        height: 32px;
        padding-bottom: 0;
        padding-top: 0;
        vertical-align: middle;
    }

    .main-carousel article .details {
        margin-top: 0;
    }

    .main-carousel article h2 {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }

    .company-story article p {
        position: relative;
        z-index: 10;
    }

    .top-header .user-authorization {
        border-top: 1px solid #a39f9e;
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .top-header .user-authorization a {
        padding: 0 20px;
    }

    .bottom-header,
    .bottom-header .wrapper {
        position: static;
    }

    .bottom-header .contacts .tel {
        position: absolute;
        right: 130px;
        top: 5px;
    }

    .bottom-header .contacts .tel a {
        color: #fff;
    }

   .user-cart {
        margin-top: 0;
        position: absolute;
        right: 2%;
        top: 0;
    }

   .user-cart .cart span {
        display: none;
    }

   .user-cart .cart i {
        position: absolute;
        right: 2%;
        top: 5px;
    }

    .user-cart .cart-details .total-items {
        font-size: 0;
    }

    .user-cart .cart-details .total-items span {
        color: #fff;
        font-size: 11px;
        height: 24px;
        line-height: 38px;
        position: absolute;
        right: 2%;
        text-align: center;
        top: 2px;
        width: 24px;
    }

    .user-cart .cart-details .total-summ {
        font-size: 0;
    }

   .user-cart .cart-details .total-summ span {
        color: #fff;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        position: absolute;
        right: 30px;
        text-align: right;
        top: 0;
        width: 100px;
    }

 .user-cart {
        margin-bottom: 0;
        margin-top: 40px;
        width: 100px;
    }

    .bottom-header .contacts .email,
    .bottom-header .contacts .callback {
        display: none;
    }

    .bottom-header .logo {
        margin-top: 10px;
        top: 80px;
    }

    .rss-form,
    .socials {
        clear: both !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 20px 0 10px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .top-footer {
        height: auto !important;
    }

    .top-footer .socials ul li {
        display: inline-block;
        float: none;

    }
}

@media screen and (max-width: 840px) {
    .main-catalog-list {
        width: 200px;
    }

    .main-menu-1 .secondary-menu {
        left: 200px;
    }

    .main-catalog-list>li>a {
        padding: 14px;
    }
}

@media screen and (max-width: 790px) {
    .main-carousel article p {
        font-size: 15px;
    }

    .company-story article:after {
        background-size: cover;
        height: 600px;
        margin-top: -350px;
        right: -25%;
        width: 600px;
    }
}

@media screen and (min-width: 769px) {
    .main-menu-2 .upper-level-menu .main-catalog>.main-catalog-list {
        display: none;
        height: auto;
        padding-bottom: 1%;
        padding-left: 2%;
        padding-right: 24%;
        padding-top: 1%;
        width: 100%;
    }

    .main-menu-2 .upper-level-menu .main-catalog>.main-catalog-list>li {
        display: inline-block;
        vertical-align: top;
        width: 24%;
    }

    .main-menu-2 .upper-level-menu .main-catalog.opened-menu .main-catalog-list {
        display: block;
    }

    .main-menu-2 .main-catalog-list {
        top: 55px;
    }

    .main-menu-2 .main-catalog-list:before {
        background-color: transparent;
        content: '';
        height: 30px;
        left: 0;
        position: absolute;
        top: -25px;
        width: 100%;
    }

    .main-menu-2 .upper-level-menu .main-catalog>.main-catalog-list>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-menu-2 .upper-level-menu .main-catalog>.main-catalog-list>li>.secondary-menu {
        display: block;
        height: auto;
        position: static;
        width: 100% !important;
    }

    .main-menu-2 .secondary-menu .col {
        float: none;
        width: 100%;
    }

    .main-menu-2 .secondary-menu .col.col-category,
    .main-menu-2 .main-catalog-list>li>a:after,
    .main-menu-2 .secondary-menu .col-menu a:after,
    .main-menu-2 .secondary-menu .col:after {
        display: none !important;
    }

    .main-menu-2 .main-catalog-list {
        background-color: #fff;
        border: 1px solid #bebfb5;
    }

    .main-menu-2 .main-catalog-list .opened>a {
        background: none;
        color: #50184f;
    }

    .main-menu-2 .main-catalog-list>li>a,
    .main-menu-2 .secondary-menu {
        border: none;
        color: #50184f;
        font-weight: bold;
    }

    .main-menu-2 .secondary-menu {
        box-shadow: none;
        webkit-box-shadow: none;
    }

    .main-menu-2 .secondary-menu .col {
        padding-bottom: 0;
        padding-top: 0;
    }

    .main-menu-2 .secondary-menu .col-menu a,
    .main-menu-2 .main-catalog-list>li>a {
        font-weight: normal;
        padding-left: 10px !important;
    }

    .main-menu-2 .secondary-menu .col-menu ul>li {
        height: auto;
        line-height: 1.2;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .main-menu-2 .secondary-menu .col-menu a {
        color: #000;
        display: block;
        font-size: 14px;
        padding-bottom: 2.5px;
        padding-top: 2.5px;
    }

    .main-menu-2 .secondary-menu .col-menu a:hover {
        text-decoration: underline;
    }

    .main-menu-2 .main-catalog-list>li>a:hover {
        background-color: #fff;
        color: #5F8EBE;
    }

    .main-menu-2 .category-image {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 24%;
    }

    .main-menu-2 .category-image a {
        display: block;
        height: 300px;
        max-height: 100%;
        padding: 0 !important;
        text-align: center;
        width: 100%;
    }

    .main-menu-2 .category-image a img {
        height: auto;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-top: 10px;
        width: auto;
    }

    .main-menu-2 .upper-level-menu .main-catalog.opened-menu>a:before {
        background-color: #50184f;
        bottom: -1px;
        content: '';
        height: 3px;
        left: 0;
        moz-transition: all 0.25s ease-out;
        position: absolute;
        transition: all 0.25s ease-out;
        webkit-transition: all 0.25s ease-out;
        width: 100%;
    }

    .main-menu-2 .upper-level-menu .main-catalog.opened-menu>a:after {
        border-color: #50184f transparent transparent transparent;
        border-style: solid;
        border-width: 7px 9px 0 9px;
        content: '';
        height: 0;
        left: 50%;
        margin-left: -9px;
        position: absolute;
        top: 35px;
        width: 0;
    }

    .main-menu-1,
    .main-menu-2 {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .bot-header .bot-header-item {
        width: calc(50% - 10px);
        margin-bottom: 20px;
        text-align: center;
    }
    .main-menu-2 {
        display: none;
    }

    .main-menu-2 .upper-level-menu .main-catalog .main-catalog-list>li>a {
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
    }

    .show-sub-menu.secondary-menu {
        display: block !important;
    }

    .show-sub-menu.secondary-menu a {
        color: #000;
    }

    .show-sub-menu.secondary-menu .col a {
        display: block;
    }

    .show-sub-menu.secondary-menu .col a:hover {
        color: #50184f;
        text-decoration: underline;
    }

    .main-catalog-list>li>a {
        position: relative;
    }

    .main-catalog-list>li>a:before {
        background: url("../images/sprite.png") no-repeat -213px -49px;
        content: '';
        height: 14px;
        margin-top: -7px;
        moz-transition: -moz-transform 0.25s ease-out;
        position: absolute;
        right: 20px;
        top: 50%;
        transition: transform 0.25s ease-out;
        webkit-transition: -webkit-transform 0.25s ease-out;
        width: 8px;
    }

    .main-catalog-list>li>a:hover:before {
        background-position: -249px -49px;
    }

    .main>.mobile-menu-buttons {
        height: 0;
    }

    .mobile-menu-show-categories {
        left: 50%;
        margin-left: -110px;
        top: 180px;
    }

    .sidebar .mobile-menu-buttons {
        text-align: center;
    }

    .sidebar .mobile-menu-buttons a {
        margin-right: 0;
    }

    header+.mobile-menu-buttons {
        position: static;
    }

    .upper-level-menu .main-catalog.show>a:before,
    .upper-level-menu .main-catalog.showed>a:before {
        display: none;
    }

    .main-menu-1 {
        display: none;
    }

    .main-catalog .mCSB_scrollTools_vertical {
        display: none !important;
    }

    .main-menu-2 {
        box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.5);
    }

    .main-menu-2 .wrapper {
        width: 100%;
    }

    .upper-level-menu .main-catalog .main-catalog-list .main-catalog-list-item>a {
        border-bottom: 1px solid #bebfb5 !important;
        border-top: none !important;
        color: #6a6a6a !important;
        font-size: 14px !important;
        padding-left: 40px !important;
    }

    .main-catalog-list .main-catalog-list-item>a:after {
        display: none;
    }

    .main-catalog-list .main-catalog-list-item>a:before {
        background: url("../images/sprite.png") no-repeat -213px -49px;
        content: '';
        height: 14px;
        margin-top: -7px;
        moz-transition: -moz-transform 0.25s ease-out;
        position: absolute;
        right: 20px;
        top: 50%;
        transition: transform 0.25s ease-out;
        webkit-transition: -webkit-transform 0.25s ease-out;
        width: 8px;
    }

    .upper-level-menu .main-catalog .main-catalog-list .main-catalog-list-item>a:hover {
        background-color: #50184f;
        color: #fff !important;
    }

    .upper-level-menu .main-catalog .main-catalog-list .main-catalog-list-item>a:hover:before {
        background-position: -249px -49px;
    }

    .main-catalog-list .main-catalog-list-item.opened:first-child>a {
        border-top: 1px solid #fff;
    }

    .main-menu-1 .title-accordion-inner {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 20;
    }

    .main-menu-1 .title-link-inner {
        position: relative;
        z-index: 30;
    }

    .main-menu-1 .active-show-sub-menu:before {
        moz-transform: rotate(90deg);
        ms-transform: rotate(90deg);
        o-transform: rotate(90deg);
        transform: rotate(90deg);
        webkit-transform: rotate(90deg);
    }

    .main-menu-1 .secondary-menu .col-menu a:hover:after {
        display: none;
    }

    .main-menu-1 .wrapper {
        width: 100%;
    }

    .upper-level-menu {
        border-bottom: none;
        border-top: 1px solid #bebfb5;
        display: block;
        height: auto;
    }

    .upper-level-menu .main-catalog {
        display: block;
    }

    .upper-level-menu .main-catalog>a {
        border-bottom: 1px solid #bebfb5;
        font-size: 15px;
        padding: 10px 2%;
        position: relative;
        text-align: left;
    }

    .upper-level-menu .main-catalog>a:after {
        background: url("../images/sprite.png") no-repeat -213px -49px;
        content: '';
        height: 14px;
        margin-top: -7px;
        moz-transition: -moz-transform 0.25s ease-out;
        position: absolute;
        right: 2%;
        top: 50%;
        transition: transform 0.25s ease-out;
        webkit-transition: -webkit-transform 0.25s ease-out;
        width: 8px;
    }

    .upper-level-menu .main-catalog>a:hover {
        background-color: #50184f;
        font-weight: 700;
    }

    .upper-level-menu .main-catalog>a:hover:after {
        background-position: -249px -49px;
    }

    .upper-level-menu .main-catalog .main-catalog-list {
        background-color: #fff;
        box-shadow: none;
        display: none;
        height: auto;
        moz-transition: height 0.25s ease-out;
        position: static;
        transition: height 0.25s ease-out;
        webkit-box-shadow: none;
        webkit-transition: height 0.25s ease-out;
        width: 100%;
    }

    .upper-level-menu .main-catalog .main-catalog-list>li>a {
        border-bottom: 1px solid #bebfb5;
        border-top: none;
        color: #6a6a6a;
        font-size: 14px;
        padding-left: 40px;
    }

    .upper-level-menu .main-catalog .main-catalog-list>li>a:after {
        display: none;
    }

    .upper-level-menu .main-catalog .main-catalog-list>li>a:hover {
        background-color: #50184f;
        color: #fff;
    }

    .upper-level-menu .main-catalog.show>a {
        background-color: #50184f;
        border-bottom: 1px solid #50184f;
        font-weight: 700;
    }

    .upper-level-menu .main-catalog.showed>a {
        background-color: #50184f;
        border-bottom: 1px solid #50184f;
        font-weight: 700;
    }

    .upper-level-menu .main-catalog.show>a:after {
        background-position: -249px -49px;
        moz-transform: rotate(90deg);
        ms-transform: rotate(90deg);
        transform: rotate(90deg);
        webkit-transform: rotate(90deg);
    }

    .upper-level-menu .main-catalog.showed>a:after {
        background-position: -249px -49px;
        moz-transform: rotate(90deg);
        ms-transform: rotate(90deg);
        transform: rotate(90deg);
        webkit-transform: rotate(90deg);
    }

    .upper-level-menu .main-catalog.show .main-catalog-list {
        display: block;
    }

    .upper-level-menu .main-catalog.showed .main-catalog-list {
        display: block;
    }

    .secondary-menu,
    .main-catalog.opened-menu:after,
    .main-catalog.opened-menu:before {
        display: none !important;
    }

    .upper-level-menu .main-catalog>a {
        position: relative;
    }

    .upper-level-menu .main-catalog>a .title-link {
        display: inline-block;
        height: 100%;
        position: relative;
        z-index: 20;
    }

    .upper-level-menu .main-catalog>a .title-accordion {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .main-catalog-list .opened>a {
        background-color: #fff;
    }

    .content-carousel .owl-prev,
    .content-carousel .owl-next {
        display: block !important;
        height: 26px;
        width: 16px;
    }

    .content-carousel .owl-controls {
        position: static;
    }

    .content-carousel .owl-nav {
        position: absolute;
        right: 0;
        top: -13px;
        width: 50px;
    }

    .content-carousel .owl-nav .owl-prev {
        background: url("../images/sprite.png") no-repeat -117px -4px;
        right: 20px;
    }

    .content-carousel .owl-nav .owl-prev:hover {
        background-position: -156px -4px;
    }

    .content-carousel .owl-nav .owl-next {
        background-position: -178px -4px;
        right: 0;
    }

    .content-carousel .owl-nav .owl-next:hover {
        background-position: -138px -4px;
    }

    .main {
        position: static;
    }

    .main .sidebar,
    .main .content {
        width: 100%;
    }

    .main-catalog-list li.opened>a {
        position: relative;
    }

    .main-catalog-list li.opened>a:before {
        background: url("../images/sprite.png") no-repeat -213px -49px;
        content: '';
        height: 14px;
        margin-top: -7px;
        moz-transition: -moz-transform 0.25s ease-out;
        position: absolute;
        right: 20px;
        top: 50%;
        transition: transform 0.25s ease-out;
        webkit-transition: -webkit-transform 0.25s ease-out;
        width: 8px;
    }

    .main-catalog-list li.opened>a:hover:before {
        background-position: -249px -49px;
    }

    .main-catalog-list li.opened>a .title-link-inner {
        display: inline-block;
        height: 100%;
        position: relative;
        z-index: 20;
    }

    .main-catalog-list li>a .title-link-inner {
        display: inline-block;
        height: 100%;
        position: relative;
        z-index: 20;
    }

    .main-catalog-list li.opened>a .title-accordion-inner {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .main-catalog-list li>a .title-accordion-inner {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .main-catalog-list li.opened:first-child>a {
        border-top: 1px solid #fff;
    }

    .main-catalog-list li.opened.open-sub-sub-menu>a {
        background-color: #50184f;
        border-bottom-color: #fff;
        color: #6a6a6a;
    }

    .main-catalog-list li.opened.open-sub-sub-menu>a:before {
        background-position: -249px -49px;
        moz-transform: rotate(90deg);
        ms-transform: rotate(90deg);
        transform: rotate(90deg);
        webkit-transform: rotate(90deg);
    }

    .main-catalog-list li.opened.open-sub-sub-menu .secondary-menu {
        display: block !important;
    }

    .main-catalog-list .secondary-menu {
        border: none;
        box-shadow: none;
        /*display:none !important;*/
        height: auto;
        position: static;
        webkit-box-shadow: none;
        width: 100% !important;
    }

    .main-catalog-list .secondary-menu .sub-category {
        border-bottom: 1px solid #bebfb5;
        padding: 10px 0;
    }

    .main-catalog-list .secondary-menu .col-category {
        display: none !important;
    }

    .main-catalog-list .secondary-menu .col {
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
    }

    .main-catalog-list .secondary-menu .col a {
        padding-left: 60px;
    }

    .main-menu-1 {
        position: static;
        display: none;
        margin-bottom: 20px;
    }

    .main-menu-1.tabled,
    .sidebar-filters {
        display: none;
        position: static;
    }

    .mobile-menu-buttons {
        position: static;
        right: 0;
        text-align: center;
        width: 100%;
        bottom: auto;
        left: 0;
        top: 0;
    }

    .mobile-menu-buttons a {
        background-color: #a39f9e;
        border: 1px solid #a39f9e;
        color: #fff;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        text-align: center;
        text-transform: uppercase;
        width: 220px;
    }

    .mobile-menu-buttons a.active {
        background-color: #7c7675;
        box-shadow: inset 0 0 5px 2px rgba(163, 159, 158, 0.45);
        color: #fff;
        webkit-box-shadow: inset 0 0 5px 2px rgba(163, 159, 158, 0.45);
    }

    .mobile-menu-show-categories {
        margin-right: 2%;
        z-index: 20;
        left: 0;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -110px;
        top: 180px;
    }

    .main>.mobile-menu-buttons {
        height: 0;
    }

    .sidebar .mobile-menu-buttons {
        text-align: center;
    }

    .sidebar .mobile-menu-buttons a {
        margin-right: 0;
    }

    header+.mobile-menu-buttons {
        position: static;
    }

    .upper-level-menu .main-catalog.show>a:before,
    .upper-level-menu .main-catalog.showed>a:before {
        display: none;
    }

    .content {
        padding-top: 15px;
    }

    .bottom-header {
        height: 200px;
    }

    .main-menu-1,
    .sidebar-filters {
        background-color: #fff;
        box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.5);
        left: 0;
        /*position:absolute;*/
        top: 102px;
        webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.5);
        width: 100%;
        z-index: 19;
    }
}

@media screen and (max-width: 740px) {

    footer,
    .top-footer {
        height: auto;
        text-align: center;
    }

    footer:before,
    .top-footer:before,
    footer:after,
    .top-footer:after {
        clear: both;
        content: '';
        display: table;
    }

    .container:after {
        display: none;
    }

    .container {
        margin-bottom: 0;
    }

    .top-footer .menu,
    .top-footer .contacts,
    .top-footer .rss-form,
    .top-footer .socials {
        width: 100%;
    }

    footer .callback,
    footer .menu,
    footer .rss-form {
        margin-bottom: 30px;
    }

    footer .top-footer .socials {
        text-align: center;
    }

    footer .top-footer .socials ul li {
        display: inline-block;
        float: none;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .main-carousel {
        display: none !important;
    }

    .main-categories {
        margin-top: 4%;
    }

    .main-categories .item {
        background-position: 50% 100%;
        height: 32%;
        margin-left: 2%;
        margin-right: 0;
        width: 49%;
    }

    .main-categories .item:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .main-categories .item .title {
        padding: 15px;
    }

    .company-story {
        padding: 50px 0;
    }

    .company-story article:after {
        display: none;
    }

    .company-story article {
        width: 100%;
    }
}

@media screen and (max-width: 568px) {
    .mobile-menu-buttons a {
        width: 220px;
    }
}

@media screen and (max-width: 460px) {
    .main-categories {
        height: auto;
    }

    .main-categories .item {
        background-position: 50% 100%;
        height: 200px;
        margin-bottom: 2%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .bottom-header .contacts .tel {
        font-size: 20px;
        height: 42px;
        line-height: 32px;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .bottom-header .contacts .tel span {
        font-size: 20px;
    }

    .sidebar .mobile-menu-buttons {
        left: 0;
        right: auto;
        text-align: center;
    }

    .mobile-menu-buttons a {
        font-size: 13px;
    }

    .mobile-menu-show-categories {
        /*position:relative;*/
        z-index: 20;
    }
}

@media screen and (max-width: 380px) {
    .top-footer .menu>ul {
        width: 100%;
    }

    .bottom-footer {
        height: auto;
        line-height: 1.2;
    }

    .bottom-footer .copyright {
        padding: 10px 0;
    }

    .top-header>.wrapper {
        width: 100%;
    }

    header.open .mobile-menu.open {
        left: 0;
    }
}

@media screen and (max-width: 320px) {
    .bottom-header .contacts .tel {
        font-size: 18px;
        padding-left: 60px;
        text-align: left;
    }

    .bottom-header .contacts .tel span {
        font-size: 18px;
    }
}


/*  Big Slider Libs  <<<   */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
    moz-animation-duration: 1000ms;
    moz-animation-fill-mode: both;
    webkit-animation-duration: 1000ms;
    webkit-animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
    moz-animation-name: fadeOut;
    webkit-animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    moz-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
    webkit-transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    position: relative;
    webkit-tap-highlight-color: transparent;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    ms-touch-action: pan-Y;
    position: relative;
}

.owl-carousel .owl-stage:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: hand;
    cursor: pointer;
    moz-user-select: none;
    ms-user-select: none;
    user-select: none;
    webkit-user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    moz-user-select: none;
    ms-user-select: none;
    position: relative;
    user-select: none;
    webkit-backface-visibility: hidden;
    webkit-tap-highlight-color: transparent;
    webkit-touch-callout: none;
    webkit-user-select: none;
}

.owl-carousel .owl-item>div {
    height: 100%;
}

.owl-carousel .owl-item img {
    display: block;
    webkit-transform-style: preserve-3d;
    width: 100%;
}

.owl-carousel.owl-text-select-on .owl-item {
    moz-user-select: auto;
    ms-user-select: auto;
    user-select: auto;
    webkit-user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: grab;
    cursor: move;
    cursor: -moz-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: -webkit-grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    moz-transition: opacity 400ms ease;
    opacity: 0;
    transition: opacity 400ms ease;
    webkit-transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    background: #000;
    height: 100%;
    position: relative;
}

.owl-carousel .owl-video-play-icon {
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    moz-transition: scale 100ms ease;
    position: absolute;
    top: 50%;
    transition: scale 100ms ease;
    webkit-backface-visibility: hidden;
    webkit-transition: scale 100ms ease;
    width: 80px;
    z-index: 1;
}

.owl-carousel .owl-video-play-icon:hover {
    moz-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
    webkit-transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    moz-transition: opacity 400ms ease;
    opacity: 0;
    transition: opacity 400ms ease;
    webkit-transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-item {
    moz-transition: opacity 0.25s ease-out;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    webkit-transition: opacity 0.25s ease-out;
}

.owl-item.active {
    opacity: 1;
}

.content-carousel .owl-item {
    opacity: 1;
}

.owl-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.owl-next,
.owl-prev {
    background-image: url("../images/sprite-inner.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 47px;
    margin-top: -23.5px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 27px;
    z-index: 20;
}

.owl-next.disabled,
.owl-prev.disabled {
    cursor: default;
    opacity: 0.2;
}

.owl-prev {
    background-position: 0 -35px;
    left: -47px;
}

.owl-prev:hover {
    background-position: -71px -35px;
}

.owl-next {
    background-position: -111px -35px;
    right: -47px;
}

.owl-next:hover {
    background-position: -39px -35px;
}

.owl-n,
.owl-d {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.owl-d {
    bottom: 10px;
    height: 22px;
    text-align: right;
    top: auto;
}

.owl-d .wrapper {
    padding-right: 5px;
}

.owl-dot {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.owl-dot span {
    border: 2px solid #6a6a6a;
    border-radius: 50%;
    display: block;
    height: 16px;
    moz-transition: border-color 0.25s ease-out;
    position: relative;
    transition: border-color 0.25s ease-out;
    webkit-transition: border-color 0.25s ease-out;
    width: 16px;
    z-index: 10;
}

.owl-dot span:hover {
    border-color: #50184f;
}

.owl-dot.active span {
    background-color: #50184f;
    border-color: #50184f;
    height: 22px;
    top: 0;
    width: 22px;
}

/*  >>> Big Slider  Libs   */
/*  Big Slider  <<<   */
.main-carousel {
    background-color: #efefef;
    height: 450px;
    margin-bottom: 60px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

    .main-carousel {

    }
    .main-carousel .owl-carousel {
        max-width: 1140px;
        margin: 0 auto;
    }
.main-carousel .owl-carousel,
.main-carousel .owl-stage-outer,
.main-carousel .owl-stage,
.main-carousel .owl-item,
.main-carousel .item {
    height: 100%;
  
}

.main-carousel .item {
    position: relative;
}

.main-carousel .item:before,
.main-carousel .item:after {
    clear: both;
    content: '';
    display: table;
}

.main-carousel article {
    padding-top: 50px;
}

.main-carousel article p {
    cursor: default;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 14px;
    margin-top: 0;
    width: 45%;
}

.main-carousel article h2 {
    font-size: 43px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 42px;
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
}

.main-carousel article h2:after {
    background-color: #50184f;
    bottom: -5px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 150px;
}

.main-carousel article .details {
    margin-top: 30px;
}

.main-carousel .images {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.main-categories .item .title {
    top: 0;
}

.main-categories .item a img {
    height: 100%;
    width: 100%;
}

.main-carousel article {
    float: none;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 10;

}

.main-carousel .images {
    background-position: 25% 100%;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    webkit-background-size: cover !important;
    width: 100%;
}

@media screen and (max-width: 1260px) {
    .main-carousel article {
        padding-left: 80px;
        padding-right: 80px;
        width: 100%;
    }

    .main-items .item:hover .hidden-details,
    .main-items .item.hover .hidden-details {
        padding-bottom: 10px;
    }
}

.main-carousel {
    background-color: #fff;
}

.category-image {
    display: none;
}

.main-categories .item a {
    background-position: top center;
    background-size: cover;
    webkit-background-size: cover;
}

/*  >>> Big Slider   */


/*  catalog products  <<<  */
.main-items .items-list {
    margin-top: 5px;
}

.main-items .items-list:before,
.main-items .items-list:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .item-wrapper {
    background-color: #fff;
    padding: 4px 16px 0;
}

.main-items .item {
    background-color: #fff;
    float: left;
    height: 535px;
    margin-bottom: 30px;
    margin-left: 30px;
    overflow: hidden;
    position: relative;
    width: 204px;
}

.main-items .image {
    height: 250px;
    line-height: 248px;
    overflow: hidden;
    text-align: center;
}

.main-items .description {
    padding-top: 10px;
}

.main-items .title {
    font-size: 12px;
    line-height: 24px;
    color: #3f4147;
    border-bottom: 1px solid #dedfde;
}

.main-items .title a {
    color: #3f4147;
    moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.main-items .title a:hover {
    color: #ea5656;
}

.main-items .category {
    padding: 10px 0;
    height: 52px;
}

.main-items .category a {
    color: #bebfb5;
    font-size: 16px;
    line-height: 1;
}

.main-items .category a:hover {
    color: #6a6a6a;
}

.main-items .lead-paragraph {
    color: #818181;
    cursor: default;
    font-size: 14px;
    height: 51px;
    line-height: 17px;
    margin-bottom: 15px;
    margin-top: 5px;
    min-height: 51px;
    overflow: hidden;
}

.main-items .item-footer .top {
    height: 40px;
}

.main-items .item-footer .top:before,
.main-items .item-footer .top:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .item-footer .bottom {
    background-color: #f2f2f2;
    height: 69px;
    margin-top: 20px;
}

.main-items .item-footer .price {
    cursor: default;
    float: left;
    line-height: 15px;
}

.main-items .item-footer .old_price {
    color: #bebfb5;
    font-size: 14px;
    line-height: 15px;
    text-decoration: line-through;
}

.main-items .item-footer .price .current {
    color: #ea5656;
    font-size: 19px;
    line-height: 30px;
}

.main-items .item-footer .add-to-cart {
    float: right;
}

.main-items .item-footer .add-to-cart a {
    border: 1px solid #50184f;
    display: block;
    height: 40px;
    moz-transition: all 0.25s ease-out;
    position: relative;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 70px;
}

.main-items .item-footer .add-to-cart a:after,
.main-items .item-footer .add-to-cart a:before {
    background: url("../images/sprite.png") no-repeat 0 -95px;
    content: '';
    height: 24px;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -12px;
    moz-transition: all 0.25s ease-out;
    position: absolute;
    top: 50%;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 25px;
}

.main-items .item-footer .add-to-cart a:before {
    background: url("../images/sprite.png") no-repeat -44px -126px;
    opacity: 0;
}

.main-items .item-footer .add-to-cart a:hover,
.main-items .item-footer .add-to-cart a .hover {
    background-color: #50184f;
}

.main-items .item-footer .add-to-cart a:hover:after,
.main-items .item-footer .add-to-cart a .hover:after {
    opacity: 0;
}

.main-items .item-footer .add-to-cart a:hover:before,
.main-items .item-footer .add-to-cart a .hover:before {
    opacity: 1;
}

.main-items .item-footer .options {
    float: right;
    margin-right: 10px;
}

.main-items .item-footer .options:before,
.main-items .item-footer .options:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .item-footer .options .zoom,
.main-items .item-footer .options .param,
.main-items .item-footer .options .favourite {
    float: left;
    margin-left: 10px;
}

.main-items .item-footer .options .zoom a,
.main-items .item-footer .options .param a,
.main-items .item-footer .options .favourite a {
    display: block;
}

.main-items .item-footer .options .zoom a {
    background: url("../images/sprite.png") no-repeat -219px -95px;
    height: 18px;
    margin-top: 9.5px;
    width: 18px;
}

.main-items .item-footer .options .zoom a.hover,
.main-items .item-footer .options .zoom a:hover {
    background-position: -244px -95px;
}

.main-items .item-footer .options .param a {
    background: url("../images/sprite.png") no-repeat -70px -95px;
    height: 19px;
    margin-top: 9px;
    width: 15px;
}

.main-items .item-footer .options .param a.hover,
.main-items .item-footer .options .param a:hover {
    background-position: -94px -95px;
}

.main-items .item-footer .options .favourite a {
    background: url("../images/sprite.png") no-repeat -268px -95px;
    height: 16px;
    margin-top: 11px;
    width: 18px;
}

.main-items .item-footer .options .favourite a.hover,
.main-items .item-footer .options .favourite a:hover {
    background-position: -289px -95px;
}

.main-items .hidden-details {
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.main-items .hidden-details .colors .title {
    color: #3f4147;
    font-size: 15px;
}

.main-items .hidden-details .colors .list:before,
.main-items .hidden-details .colors .list:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .hidden-details .colors .list li {
    cursor: default;
    float: left;
    height: 38px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    width: 38px;
}

.main-items .hidden-details .colors .list li:nth-child(4n) {
    margin-right: 0;
}

.main-items .hidden-details .colors .list a {
    display: block;
    height: 100%;
    width: 100%;
}

.main-items .hidden-details .colors .list {
    margin-top: 18px;
    padding: 0 0 0 10px;
}

.main-items .item:hover,
.main-items .item.hover {
    overflow: visible;
}

.main-items .item:hover .item-wrapper,
.main-items .item.hover .item-wrapper {
    /*outline:3px solid #50184f;*/
    box-shadow: 0 0 0 3px #50184f;
    left: -18px;
    padding-bottom: 5px;
    position: absolute;
    top: -18px;
    width: 240px;
    z-index: 30;
}

.main-items .item:hover .hidden-details,
.main-items .item.hover .hidden-details {
    height: auto;
    opacity: 1;
    visibility: visible;
    margin: 10px 0 0 0;
}

.main-items .sizes .title {
    display: block;
    text-align: left;
}

.main-items .hidden-details .colors .title,
.main-items .hidden-details .sizes .title {
    margin-bottom: 0;
}

.main-items .colors section,
.main-items .checks-list {
    margin-bottom: 4%;
}

.main-items .colors section:before,
.main-items .checks-list:before,
.main-items .colors section:after,
.main-items .checks-list:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .colors section>div,
.main-items .checks-list>div {
    float: left;
    height: 38px;
    margin-left: 4%;
    width: 22%;
}

.main-items .colors section>div:nth-child(4n+1),
.main-items .checks-list>div:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}

.main-items .colors section>div label,
.main-items .checks-list>div label {
    display: block;
    height: 100%;
    width: 100%;
}

.main-items .colors section>div label span,
.main-items .checks-list>div label span {
    height: 100%;
    line-height: 36px;
    text-align: center;
    width: 100%;
}

.main-items .colors section>div input[type="checkbox"]:checked+label .icon,
.main-items .checks-list>div input[type="checkbox"]:checked+label .icon {
    background-color: #fff;
    border-color: #50184f;
    box-shadow: inset 0 0 0 2px #50184f;
    webkit-box-shadow: inset 0 0 0 2px #50184f;
}

.main-items .colors section:before,
.main-items .colors section:after {
    clear: both;
    content: '';
    display: table;
}

.main-items .colors input[type="checkbox"] {
    display: none;
}

.main-items .colors input[type="checkbox"]+label .color-icon {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.main-items .colors input[type="checkbox"]+label {
    cursor: pointer;
    moz-user-select: none;
    ms-user-select: none;
    o-user-select: none;
    user-select: none;
    webkit-user-select: none;
}

.main-items .colors input[type="checkbox"]:checked+label .color-icon {
    border: 3px solid #50184f !important;
}

.main-items .item-footer .add-to-cart a:after,
.main-items .item-footer .add-to-cart a:before {
    background: url("../images/sprite-inner.png") no-repeat 0 -95px;
}

.main-items .item-footer .options .zoom a {
    background: url("../images/sprite-inner.png") no-repeat -219px -95px;
}

.main-items .item-footer .options .param a {
    background: url("../images/sprite-inner.png") no-repeat -70px -95px;
}

.main-items .item-footer .options .favourite a {
    background: url("../images/sprite-inner.png") no-repeat -268px -95px;
}

.main-items .item-footer .add-to-cart a:before {
    background: url("../images/sprite-inner.png") no-repeat -44px -126px;
}

/*  >>>  catalog products  */


/*  breadcrumbs catalog  <<<  */
.breadcrumbs {
    float: left;
    margin: 0 0 30px 0;
    width: 100%;
}

.breadcrumbs ul:before,
.breadcrumbs ul:after {
    clear: both;
    content: '';
    display: table;
}

.breadcrumbs li {
    float: left;
    position: relative;
}

.breadcrumbs li:after {
    color: #bebfb5;
    content: '/';
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs a {
    color: #bebfb5;
    font-style: italic;
    font-weight: 400;
    moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.breadcrumbs a:hover {
    color: #6a6a6a;
    text-decoration: underline;
}

.breadcrumbs span {
    color: #50184f;
    cursor: default;
    font-style: italic;
    font-weight: 400;
}

/*  >>>  breadcrumbs catalog  */


/*  pagination  <<<  */
.pager {
    /* float: left; */
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

.pager ul {
    display: inline-block;
}

.pager ul:before,
.pager ul:after {
    clear: both;
    content: '';
    display: table;
}

.pager ul li {
    float: left;
    line-height: 38px;
    margin: 0 5px;
}

.pager ul li a {
    border: 1px solid #d0d0d0;
    color: #6a6a6a;
    display: block;
    /*height:38px;*/
    line-height: 28px;
    moz-transition: all 0.25s ease-out;
    text-align: center;
    transition: all 0.25s ease-out;
    vertical-align: middle;
    webkit-transition: all 0.25s ease-out;
    width: 42px;
    font-size: 15px;
}

.pager ul li a:hover {
    border-color: #50184f;
    color: #50184f;
    background: #fff;
}

.pager ul li .select_page {
    border-color: #50184f;
    color: #50184f;
}

.pager ul li span {
    cursor: default;
    display: inline-block;
    height: 38px;
    line-height: 48px;
    text-align: center;
    vertical-align: bottom;
    width: 20px;
}

.pager ul li:last-child a,
.pager ul li:first-child a {
    width: 110px;
}

.pager ul li:last-child {
    margin-right: 0;
}

.pager li>a,
.pager li>span {
    border-radius: 0px;
}

/*  >>>  pagination  */


/*  counter product  <<<  */
.counter {
    float: left;
    height: 40px;
    /*margin-left:10px;*/
    position: relative;
    width: 100px;
}

.counter {
    height: 100%;
}

.counter span {
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 25px;
}

.counter input {
    /* background-color: #f2f2f2; */
    border: none;
    color: #3f4147;
    font-size: 18px;
    left: 20%;
    line-height: 41px;
    margin-left: -19px;
    moz-user-select: none;
    ms-user-select: none;
    position: absolute;
    text-align: center;
    user-select: none;
    webkit-user-select: none;
    width: 25px;
}

.item .counter input {
    line-height: 37px;
}

.bx_ordercart .counter input {
    background: none !important;
    line-height: 0 !important;
    margin-top: -9px !important;
}

.counter .plus,
.counter .minus {
    border: none;
    cursor: pointer;
    height: 15px;
    margin-top: -7.5px;
    moz-user-select: none;
    ms-user-select: none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    user-select: none;
    webkit-user-select: none;
    width: 16px;
}

.counter .plus {
    background: url("../images/sprite.png") no-repeat -171px -95px;
    right: 0;
}

.counter .plus.hover,
.counter .plus:hover {
    background-position: -195px -95px;
}

.counter .plus.disabled {
    background-position: -171px -95px !important;
    cursor: default;
}

.counter .minus {
    background: url("../images/sprite.png") no-repeat -122px -95px;
    left: 0;
}

.counter .minus.hover,
.counter .minus:hover {
    background-position: -147px -95px;
}

.counter .minus.disabled {
    background-position: -122px -95px !important;
    cursor: default;
}

.counter.hover .plus {
    background-position: -195px -95px;
}

.counter.hover .minus {
    background-position: -147px -95px;
}

/*  >>>  counter product  */
.bx_item_detail .bx_cnt_desc {
    right: 45px;
    top: 12px;
}

/*  properties SKU  <<<  */
.colors .colors-list {
    margin: 10px 0;
    width: 100%;
}

.colors .colors-list:before,
.colors .colors-list:after {
    clear: both;
    content: '';
    display: table;
}

.colors .colors-list label {
    float: left;
    margin: 0 6px 6px 0;
}

.colors .colors-list .radio-custom {
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 24px;
    moz-user-select: none;
    ms-user-select: none;
    o-user-select: none;
    text-align: center;
    user-select: none;
    webkit-user-select: none;
    min-width: 28px;
    padding: 0 5px;
}

.colors .colors-list .radio-custom>input[type=radio] {
    display: none;
}

.colors .colors-list .radio-custom>input[type=radio]:checked+span {
    border: 1px solid #50184f !important;
    box-shadow: inset 0 0 0 2px #50184f;
    webkit-box-shadow: inset 0 0 0 2px #50184f;
}

.colors .colors-list .radio-custom {
    font-size: 12px;
}

/*  >>>  properties SKU  */


/*  popular and viewed product  <<<  */
.popular-items {
    margin-bottom: 23px;
}

.popular-items .item:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
}

.top-sales,
.viewed-items {
    border-bottom: 1px solid #ededed;
}

.top-sales .items-list,
.viewed-items .items-list {
    margin-top: 20px;
}

.top-sales .item:nth-child(5n+1),
.viewed-items .item:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
}

.viewed-items {
    border-bottom: none;
    margin-top: 25px;
    padding-bottom: 20px;
}

.top-sales .item,
.viewed-items .item {
    height: 535px;
}

/*  >>>  popular and viewed product  */


/*  Filter brands  <<<  */
.brands {
    margin-bottom: 30px;
}

.brands .headling {
    margin-top: 6px;
}

.brands .items-list {
    margin-top: 6px;
}

.brands .items-list:before,
.brands .items-list:after {
    clear: both;
    content: '';
    display: table;
}

.brands .item {
    float: left;
    min-height: 48px;
    line-height: 1.5;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
    padding-left: 68px;
    padding-right: 60px;
    position: relative;
    width: 18%;
}

.brands .item:nth-child(5n+1) {
    /*clear:left;*/
    margin-left: 0;
}

.brands .item:after {
    background-color: #50184f;
    content: '';
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
}

.brands .item .letter {
    color: #fff;
    font-size: 36px;
    height: 48px;
    left: 0;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px;
    z-index: 20;
}

.brands .item a {
    color: #6a6a6a;
}

.brands .item a:hover {
    text-decoration: underline;
}

/*  >>>  Filter brands  */


/*  description categories  <<< */
.category-lead {
    /* background-color: #50184f; */
    color: #50184f;
    display: table;
    /* height: 300px; */
    margin-bottom: 50px;
}

.category-lead .image,
.category-lead .text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.category-lead .image {
    /*background-position:50% 50%;background-repeat:no-repeat;*/
    background-size: cover;
    width: 300px;
}

.category-lead .text {
    padding: 0 10px;
}

.category-lead .text h2 {
    font-size: 22px;
    line-height: 1;
    padding-bottom: 30px;
    padding-top: 20px;
    text-transform: uppercase;
}

.category-lead .text p {
    font-size: 14px;
    line-height: 22px;
}

.category-lead {
    width: 100%;
}

/*  >>> description categories  */


/*  catalog right block  <<<  */
.filtred-items .header {
    cursor: default;
    height: 24px;
}

.filtred-items .header:before,
.filtred-items .header:after {
    clear: both;
    content: '';
    display: table;
}

.filtred-items .header .total {
    float: left;
    font-size: 24px;
    line-height: 1;
}

.filtred-items .header .total span {
    font-weight: normal;
}

.filtred-items .header .options {
    float: right;
}

.filtred-items .header .options:before,
.filtred-items .header .options:after {
    clear: both;
    content: '';
    display: table;
}

.filtred-items .header .options .sort,
.filtred-items .header .options .change-view {
    float: left;
}

.filtred-items .header .options .sort>span,
.filtred-items .header .options .change-view>span {
    cursor: default;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.filtred-items .header .options .change-view {
    margin-left: 20px;
}

.filtred-items .header .options .change-view a {
    background-image: url("../images/sprite-inner.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    line-height: 24px;
    margin-left: 10px;
    vertical-align: middle;
    width: 19px;
}

.filtred-items .header .options .change-view a.active {
    cursor: default;
}

.filtred-items .header .options .change-view .change-view-list {
    background-position: -193px -189px;
}

.filtred-items .header .options .change-view .change-view-list.active,
.filtred-items .header .options .change-view .change-view-list:hover {
    background-position: -249px -189px;
}

.filtred-items .header .options .change-view .change-view-block {
    background-position: -222px -189px;
}

.filtred-items .header .options .change-view .change-view-block.active,
.filtred-items .header .options .change-view .change-view-block:hover {
    background-position: -163px -189px;
}

.filtred-items .items-list {
    margin-top: 40px;
}

.filtred-items .items-list.view-block .item:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}

.filtred-items .items-list.view-list .item {
    height: 270px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.filtred-items .items-list.view-list .item:hover .item-wrapper {
    border: none;
    padding: 4px 16px 0;
    position: static;
    width: 100%;
}

.filtred-items .items-list.view-list .item:hover .description {
    padding-top: 25px;
}

.filtred-items .items-list.view-list .item .hidden-details {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.filtred-items .items-list.view-list .item .item-wrapper {
    height: 100%;
}

.filtred-items .items-list.view-list .item .item-wrapper:before,
.filtred-items .items-list.view-list .item .item-wrapper:after {
    clear: both;
    content: '';
    display: table;
}

.filtred-items .items-list.view-list .item .lead-paragraph {
    height: auto;
    overflow: visible;
}

.filtred-items .items-list.view-list .item .image {
    float: left;
    height: 100%;
    line-height: 270px;
    width: 25%;
}

.filtred-items .items-list.view-list .item .description {
    float: left;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    position: relative;
    width: 50%;
}

.filtred-items .items-list.view-list .item .hidden-details {
    float: left;
    width: 25%;
}

.filtred-items .items-list.view-list .item .hidden-details .colors .list,
.filtred-items .items-list.view-list .item .hidden-details .sizes .list {
    padding-left: 0;
}

.filtred-items .items-list.view-list .item .hidden-details .colors .title,
.filtred-items .items-list.view-list .item .hidden-details .sizes .title {
    margin-top: 0;
}

.filtred-items .items-list.view-list .item .item-footer {
    /*background-color:#fff;bottom:0;box-shadow:0 -15px 10px 5px rgba(255, 255, 255, 0.99);height:100px;left:30px;position:absolute;webkit-box-shadow:0 -15px 10px 5px rgba(255, 255, 255, 0.99);width:393px;*/
}

.filtred-items .items-list.view-list .item .item-footer .bottom {}

.filtred-items .items-list.view-list .item .item-footer .counter form input {
    line-height: 40px;
}

/*  >>>  catalog right block  */


.container {
    margin-bottom: -200px;
    min-height: 100%;
    min-width: 1140px;
}

.container:after {
    content: '';
    display: block;
    height: 200px;
}

.wrapper {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1140px;
}

.main:before,
.main:after {
    clear: both;
    content: '';
    display: table;
}

.main .sidebar {
    float: left;
    width: 200px;
}

.main .content {
    float: right;
    width: 906px;
}

.main .content.full {
    width: 100%;
}

.active-prop {
    border: 3px solid #50184f;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.green-border-button {
    border: 1px solid #50184f;
    color: #6a6a6a;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    moz-transition: all 0.25s ease-out;
    text-align: center;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 145px;
}

 .icon-category-link .green-border-button:hover {
    padding-left: 18px!important;
    background: #d1d3d4;
  
}
 .icon-category-link .green-border-button:after {
    content: unset!important;
}



.accordion-content {
    display: none;
    moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.accordion-content.opened {
    display: block;
}

.page {
    text-align: justify;
    margin-bottom: 35px;
    line-height: 20px;
}

.page ul,
ol {
    list-style: disc;
    margin: 0 0 0 30px;
}

.page_header {
    font-weight: bold;
    margin-top: 40px;
}


/*  popup notice basket  <<<  */
#added-basket {
    background: white;
    height: 200px;
    margin: 40px auto;
    max-width: 400px;
    padding: 20px 30px;
    position: relative;
    text-align: center;
}

#added-basket h3 {
    font-size: 24px;
    margin-top: 65px;
}

/*  >>>  popup notice basket  */


/*  catalog left block  <<<  */
.sidebar .categories {
    margin-bottom: 40px;
}

.sidebar .categories .accordrion-item-link {

    background-color: #a39f9e;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    moz-transition: background-color 0.25s ease-out;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    transition: background-color 0.25s ease-out;
    webkit-transition: background-color 0.25s ease-out;
    width: 100%;
}
.sidebar .categories .accordrion-item-img {
    height: 20px;
    margin-right: 8px;
}
.sidebar .categories .accordrion-item-link:after {
    background: url("../images/sprite-inner.png") no-repeat -207px -155px;
    content: '';
    height: 7px;
    margin-top: -3.5px;
    moz-transform: rotate(-90deg) translateY(30px);
    moz-transition: all 0.25s ease-out;
    ms-transform: rotate(-90deg) translateY(30px);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: rotate(-90deg) translateY(30px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    webkit-transform: rotate(-90deg) translateY(30px);
    webkit-transition: all 0.25s ease-out;
    width: 11px;
}

.sidebar .categories .accordrion-item-link:hover {
    background-color: #50184f;
}

.sidebar .categories .accordrion-item-link:hover:after {
    moz-transform: rotate(-90deg) translateY(0);
    ms-transform: rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0);
    visibility: visible;
    webkit-transform: rotate(-90deg) translateY(0);
}

.sidebar .categories .accordrion-item-link.active {
    background-color: #50184f;
    color: #d1d3d4;
}

.sidebar .categories .accordrion-item-link.active:after {
    moz-transform: rotate(0deg) translateY(0);
    ms-transform: rotate(0deg) translateY(0);
    transform: rotate(0deg) translateY(0);
    visibility: visible;
    webkit-transform: rotate(0deg) translateY(0);
}

.sidebar .categories .accordrion-item-link {
    height: auto;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sidebar .categories .accordion-content a {
    border-bottom: 1px solid #f7faf9;
    color: #6a6a6a;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    moz-transition: all 0.25s ease-out;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
    width: 100%;
}
.sidebar .categories .accordion-content a.sub-section-link { 
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
}
.sidebar .categories .accordion-content a:hover {
    background-color: #f7faf9;
    color: #50184f;
    font-weight: 400;
}

.sidebar .categories .accordion-content a {
    height: auto;
    line-height: 1;
    padding-bottom: 15px;
    padding-top: 15px;
}

.sidebar .categories .accordion-content li:last-child a {
    border-bottom: none;
}

/*  >>>  catalog left block  */


/*  catalog filter  <<<  */
.sidebar-filters {
    background-color: #f7faf9;
}

.sidebar-filters .header {
    height: 45px;
    line-height: 45px;
}

.sidebar-filters .header a {
    color: #6a6a6a;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%;
}

.sidebar-filters .header a:after {
    background: url("../images/sprite-inner.png") no-repeat -188px -155px;
    content: '';
    height: 7px;
    margin-top: -3.5px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 11px;
}

.sidebar-filters .header a:hover {
    text-decoration: underline;
}

.sidebar-filters section {
    moz-transition: height 0.25s ease-out;
    padding: 0 20px;
    transition: height 0.25s ease-out;
    webkit-transition: height 0.25s ease-out;
}

.sidebar-filters section:before,
.sidebar-filters section:after {
    clear: both;
    content: '';
    display: table;
}

.sidebar-filters .price,
.sidebar-filters .sizes,
.sidebar-filters .colors,
.sidebar-filters .season,
.sidebar-filters .brands {
    border-bottom: 1px solid #dedfde;
}

.sidebar-filters .price .val-from,
.sidebar-filters .price .val-to {
    background-color: #f7faf9;
    border: 1px solid #bebfb5;
    bottom: -25px;
    color: #6a6a6a;
    cursor: default;
    font-size: 13px;
    left: -20px;
    position: absolute;
    text-align: center;
    width: 56px;
}

.sidebar-filters .price .val-to {
    left: -36px;
}

.sidebar-filters .price .slider-price {
    position: relative;
    top: -55px;
}

.sidebar-filters .price .price-inputs {
    font-size: 0;
    height: 105px;
}

.sidebar-filters .price .price-inputs input {
    display: inline-block;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 75px;
}

.sidebar-filters .price .price-inputs input:last-child {
    margin-left: 10px;
}

.sidebar-filters .sizes section {
    margin-bottom: 15px;
}

.sidebar-filters .sizes section>div {
    float: left;
    margin-bottom: 15px;
    width: 50%;
}

.sidebar-filters .colors section {
    margin-bottom: 20px;
}

.sidebar-filters .colors section>div {
    float: left;
    margin-bottom: 6px;
    margin-left: 6px;
    width: 27px;
}

.sidebar-filters .colors section>div:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
}

.sidebar-filters .colors input[type="checkbox"] {
    display: none;
}

.sidebar-filters .colors input[type="checkbox"]+label .color-icon {
    cursor: pointer;
    display: inline-block;
    height: 27px;
    position: relative;
    vertical-align: middle;
    width: 27px;
}

.sidebar-filters .colors input[type="checkbox"]+label {
    cursor: pointer;
    moz-user-select: none;
    ms-user-select: none;
    o-user-select: none;
    user-select: none;
    webkit-user-select: none;
}

.sidebar-filters .colors input[type="checkbox"]:checked+label .color-icon {
    border: 3px solid #50184f !important;
}

.sidebar-filters .season section,
.sidebar-filters .collections section {
    margin-bottom: 20px;
}

.sidebar-filters .season section>div,
.sidebar-filters .collections section>div {
    margin-bottom: 10px;
}

.sidebar-filters .season .all a,
.sidebar-filters .collections .all a {
    color: #50184f;
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    margin-top: 10px;
    text-decoration: underline;
}

.sidebar-filters .season .all a:hover,
.sidebar-filters .collections .all a:hover {
    color: #6a6a6a;
}

.sidebar-filters .brands {
    margin-bottom: 0;
}

.sidebar-filters .brands section {
    margin-bottom: 20px;
}

.sidebar-filters .brands .custom-scrollbar {
    height: 135px;
}

.sidebar-filters .brands .mCSB_container>div {
    margin-bottom: 10px;
}

.sidebar-filters .brands .mCSB_container>div:last-child {
    margin-bottom: 5px;
}

.sidebar-filters .buttons {
    padding: 0 20px;
}

.sidebar-filters .buttons input {
    border: 0;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.sidebar-filters .buttons input:hover {
    text-decoration: underline;
}

.sidebar-filters .buttons .filter-apply {
    background-color: #50184f;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sidebar-filters .buttons .filter-reset {
    background-color: #bebfb5;
    margin-bottom: 20px;
}

.sidebar-filters .hide section {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.sidebar-filters .hide .header a:after {
    moz-transform: rotate(-90deg);
    ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    webkit-transform: rotate(-90deg);
}

/*  FILTER    <<< */
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label .icon {
    background-color: #fff;
    border: 1px solid #d8d7d6;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

input[type="checkbox"]+label .icon:hover {
    border-color: #50184f;
}

input[type="checkbox"]+label .text {
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding-left: 6px;
    vertical-align: middle;
}

input[type="checkbox"]+label {
    white-space: nowrap;
    cursor: pointer;
    moz-user-select: none;
    ms-user-select: none;
    o-user-select: none;
    user-select: none;
    webkit-user-select: none;
}

input[type="checkbox"]:checked+label .icon {
    background: #50184f;
    box-shadow: inset 0 0 0 3px #fff;
    webkit-box-shadow: inset 0 0 0 3px #fff;
}

/*  >>> FILTER    */
/*  >>>  catalog filter  */


/*  product detail  <<<  */
.profile-item:before,
.profile-item:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .item-title,
.profile-item .tabs-info {
    float: left;
    width: 100%;
}

.profile-item .gallery {
    float: left;
    width: 300px;
}

.profile-item .details {
    float: left;
    padding-left: 25px;
    width: 533px;
}

.profile-item .details .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 1;
}

.profile-item .details .header {
    /* margin-bottom: 20px; */
    /* border-bottom: 1px solid #dedfde; */
}

.profile-item .details .articul,
.profile-item .details .brand {
    margin-bottom: 10px;
}

.profile-item .details .articul a,
.profile-item .details .brand a {
    color: #4b6eae;
    text-decoration: underline;
    font-size: 14px;
}

.profile-item .details .articul a:hover,
.profile-item .details .brand a:hover {
    color: #6a6a6a;
}

.profile-item .details .no-availability {
    color: #50184f;
    cursor: default;
    font-size: 18px;
    font-weight: 600;
    margin-right: 35px;
    text-transform: uppercase;
}

.profile-item .details .no-availability {
    color: #ea5656;
}

.profile-item .details .subscription {
    color: #50184f;
    font-style: italic;
    font-weight: 400;
    text-decoration: underline;
}

.profile-item .details .subscription:hover {
    color: #6a6a6a;
    cursor: pointer;
}

.profile-item .details .colors {
    cursor: default;
}

.profile-item .details .colors:before,
.profile-item .details .colors:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .details .colors>div {
    cursor: default;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.profile-item .details .footer .top {
    background-color: #f2f2f2;
    display: table;
    height: 80px;
    margin-bottom: 30px;
    padding: 20px;
    width: 100%;
    margin-top: 20px;
}

.profile-item .details .footer .top:before,
.profile-item .details .footer .top:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .details .footer .bottom {
    height: 40px;
}

.profile-item .details .footer .bottom:before,
.profile-item .details .footer .bottom:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .details .footer .prices,
.profile-item .details .footer .counter,
.profile-item .details .footer .main-price,
.profile-item .details .footer .add-to-cart {
    display: table-cell;
    vertical-align: middle;
}

.item_info_section dt {
    display: inline-block;
    /*line-height: 1;*/
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
}

.item_info_section dd {
    font-weight: 600;
    font-size: 14px;
}

@media screen and (max-width: 740px) {
    .profile-item .details .footer .add-to-cart {
        top: 70px;
        width: 100%;
    }
}

.profile-item .details .footer .prices .old_price {
    color: #bebfb5;
    font-size: 14px;
    line-height: 15px;
    text-decoration: line-through;
}

.profile-item .details .footer .prices .current {
    color: #ea5656;
    font-size: 19px;
    line-height: 20px;
}

.profile-item .details .footer .main-price {
    color: #ea5656;
    font-size: 22px;
}

.profile-item .details .footer .add-to-cart {
    height: 40px;
    line-height: 40px;
    width: 185px;
}

.profile-item .details .footer .add-to-cart a {
    background-color: #50184f;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 100%;
    padding-left: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.profile-item .details .footer .add-to-cart a:after {
    background: url("../images/sprite-inner.png") no-repeat -44px -126px;
    content: '';
    height: 24px;
    left: 20px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 25px;
}

.profile-item .details .footer .add-to-cart a:hover {
    text-decoration: underline;
}

.profile-item .details .footer .compare,
.profile-item .details .footer .favourite,
.profile-item .details .footer .fast-buy {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 203px;
}

.profile-item .details .footer .compare a,
.profile-item .details .footer .favourite a,
.profile-item .details .footer .fast-buy a {
    display: block;
    height: 100%;
    width: 100%;
}

.profile-item .details .footer .compare,
.profile-item .details .footer .favourite {
    margin-right: 30px;
}

.profile-item .details .footer .compare a,
.profile-item .details .footer .favourite a {
    background-color: #f2f2f2;
    color: #6a6a6a;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
}

.profile-item .details .footer .compare a:after {
    background: url("../images/sprite-inner.png") no-repeat -70px -95px;
    content: '';
    height: 19px;
    left: 20px;
    margin-top: -9.5px;
    position: absolute;
    top: 50%;
    width: 15px;
}

.profile-item .details .footer .compare a:hover:after {
    background-position: -95px -124px;
}

.profile-item .details .footer .favourite a:after {
    background: url("../images/sprite-inner.png") no-repeat -268px -95px;
    content: '';
    height: 16px;
    left: 20px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.profile-item .details .footer .favourite a:hover:after {
    background-position: -289px -95px;
}

.profile-item .details .footer .fast-buy {
    border: 1px solid #50184f;
}

.profile-item .details .footer .fast-buy a {
    color: #50184f;
    font-weight: 600;
    line-height: 38px;
    moz-transition: all 0.25s ease-out;
    text-transform: uppercase;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.profile-item .details .footer .fast-buy a:hover {
    background-color: #50184f;
    color: #fff;
}

.profile-item .tabs-info {
    margin-bottom: 45px;
    margin-top: 30px;
}

.profile-item .tabs-info .tabs-nav {
    border-bottom: 1px solid #bebfb5;
}

.profile-item .tabs-info .tabs-nav:before,
.profile-item .tabs-info .tabs-nav:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .tabs-info .tabs-nav li {
    float: left;
}

.profile-item .tabs-info .tabs-nav li a {
    border: 1px solid #fff;
    color: #6a6a6a;
    display: block;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    position: relative;
}

.profile-item .tabs-info .tabs-nav li a span {
    border-bottom: 3px solid #fff;
    display: inline-block;
    line-height: 30px;
}

.profile-item .tabs-info .tabs-nav li a.current {
    background-color: #fff;
    border: 1px solid #bebfb5;
    border-bottom: 1px solid #fff;
    position: relative;
}

.profile-item .tabs-info .tabs-nav li a.current:after {
    background-color: #fff;
    bottom: -2px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.profile-item .tabs-info .tabs-nav li a.current span {
    border-bottom: 3px solid #50184f;
}

.profile-item .tabs-info .tabs-content {
    border: 1px solid #bebfb5;
    border-top: none;
    padding: 30px;
}

.profile-item .tabs-info .tabs-content .table-headling {
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.profile-item .tabs-info .tabs-content .tables:before,
.profile-item .tabs-info .tabs-content .tables:after {
    clear: both;
    content: '';
    display: table;
}

.profile-item .tabs-info .tabs-content .tables table {
    width: 100%;
}

.profile-item .tabs-info .tabs-content .tables table:first-child {
    margin-right: 30px;
}

.profile-item .tabs-info .tabs-content .tables table tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.profile-item .tabs-info .tabs-content .tables table tr:hover {
    background-color: #bebfb5;
    cursor: default;
}

.profile-item .tabs-info .tabs-content .tables table td {
    line-height: 30px;
    padding-left: 20px;
}

.profile-item .tabs-info .tabs-content .tables table td:first-child {
    font-weight: 600;
    width: 25%;
}

.profile-item .tabs-info .tabs-content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 20px;
    padding-bottom: 0;
}

.profile-item .counter {
    width: 100%;
    height: 40px;
    position: relative;
}

.bx-modal-container {
    background: #fff;
    border: 1px solid #50184f;
    padding: 25px;
}

.docs>div {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
    width: 49.5%;
}

.docs>div>div {
    margin: 0 0 0 4%;
    width: 70%;
}

.docs>div>div a {
    color: #ff6600;
    font-size: 16px;
    text-decoration: none;
}

.docs>div>div a:hover {
    text-decoration: underline;
}

.docs>div>div div {
    color: #999;
    margin-top: 5px;
}

.counter .plus {
    background: url("../images/sprite-inner.png") no-repeat -171px -95px;
}

.counter .minus {
    background: url("../images/sprite-inner.png") no-repeat -122px -95px;
}

.styledSelect:after {
    background: url("../images/sprite-inner.png") no-repeat -167px -155px;
}

.mobile-menu-buttons {
    background: none;
    position: static;
}

.main-menu,
.main .breadcrumbs {
    top: 160px;
}

.mobile-menu-buttons {
    bottom: auto;
    left: 0;
    position: relative;
    right: auto;
    top: 0;
}

.main>.mobile-menu-buttons {
    position: static;
}

img.cloudzoom-gallery {
    border: 1px solid #ccc;
}

a.thumb-link {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
}

.cloudzoom-lens {
    cursor: pointer;
}

.cloudzoom-lens+div {
    display: none !important;
}

.ccontainer {
    width: 100%;
}

.col-sm-6 {
    width: 100%;
}

.cloudzoom-blank img,
.cloudzoom-zoom img,
.cloudzoom-zoom-inside img {
    max-height: 2000px;
}

.text-center .thumb-link {
    border: 1px solid #bebfb5;
    box-sizing: border-box;
    float: left;
    height: 80px;
    line-height: 80px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 0;
    moz-box-sizing: border-box;
    overflow: hidden;
    webkit-box-sizing: border-box;
    width: 80px;
}

.text-center .thumb-link:nth-child(5n+1) {
    clear: left;
    margin-left: 0;
}

.text-center .thumb-link.cloudzoom-gallery-active {
    border-color: transparent;
    position: relative;
}

.text-center .thumb-link.cloudzoom-gallery-active:after {
    border: 3px solid #50184f;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.text-center .thumb-link img {
    border: none;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    /*width:100%;*/
}

.gallery .text-center:first-child {
    border: 1px solid #bebfb5;
}

.text-center+.text-center {
    margin-top: 10px;
}

.text-center+.text-center:before,
.text-center+.text-center:after {
    clear: both;
    content: '';
    display: table;
}

@media screen and (max-width: 1260px) {
    .text-center .thumb-link {
        border: 1px solid #bebfb5;
        box-sizing: border-box;
        float: left;
        height: 80px;
        line-height: 80px;
        margin-bottom: 2%;
        margin-left: 2%;
        margin-right: 0;
        moz-box-sizing: border-box;
        overflow: hidden;
        webkit-box-sizing: border-box;
        width: 18.3%;
    }

    .text-center .thumb-link:nth-child(5n+1) {
        clear: left;
        margin-left: 0;
    }
}

.gallery {
    text-align: center;
}

.small-slider-box {
    margin: 4px 2px 4px 2px;
}

.small-slider-box a {
    margin-bottom: 0 !important;
}

.text-center:first-child {
    border-bottom: 2px solid #bebfb5 !important;
    margin-bottom: 20px;
}

.text-center+.text-center {
    margin-top: 5px;
    overflow: hidden;
}

@media screen and (max-width: 1260px) {
    .text-center .thumb-link {
        width: 100%;
    }

    .gallery .text-center:first-child {
        border: 1px solid #bebfb5 !important;
    }

    .text-center+.text-center {
        margin: 0;
        width: 19%;
    }
}

@media screen and (max-width: 1024px) {
    .bx-ui-slider-handle {
        height: 24px !important;
        top: -11px;
        width: 24px !important;
    }
}

@media screen and (max-width: 840px) {
    .big-pic {
        width: 90%;
    }
}

/*  >>>  product detail  */


/*  set goods  <<<  */
.group-items {
    border-bottom: 1px solid #ededed;
    margin-bottom: 25px;
    padding-bottom: 40px;
    width: 100%;
}

.group-items .item {
    border: 2px solid #50184f;
    display: table;
    padding: 45px;
    width: 100%;
}

.group-items .item .helper {
    display: table;
    width: 100%;
}

.group-items .item .column,
.group-items .item .plus,
.group-items .item .equal,
.group-items .item .total {
    /*display:table-cell;vertical-align:middle;*/
    float: left;
    margin-bottom: 20px;
}

.group-items .item .column {
    max-width: 140px;
    width: 140px;
}

.group-items .item .column .image {
    border: 1px solid #dbdbdb;
    height: 140px;
    line-height: 136px;
    overflow: hidden;
    text-align: center;
    width: 140px;
}

.group-items .item .column .image:hover {
    border-color: #50184f;
}

.group-items .item .column .image a {
    display: block;
    height: 100%;
    width: 100%;
}

.group-items .item .column .title {
    font-size: 16px;
}

.group-items .item .column .title a {
    color: #6a6a6a;
    display: inline-block;
    padding: 20px 0;
}

.group-items .item .column .title a:hover {
    text-decoration: underline;
}

.group-items .item .column .price {
    color: #ea5656;
    font-size: 16px;
}

.group-items .item .plus,
.group-items .item .equal {
    color: #c8c5c5;
    cursor: default;
    font-size: 96px;
    font-weight: 600;
    text-align: center;
    /*width:230px;*/
    line-height: 150px;
    margin: 0px 5px;
}

.group-items .item .total .old {
    color: #bebfb5;
    font-size: 19px;
    line-height: 1.2;
    text-decoration: line-through;
}

.group-items .item .total .current {
    color: #ea5656;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 1.2;
}

.group-items .item .total .economy {
    font-size: 20px;
    padding: 10px 0;
}

.group-items .item .total .add-to-cart {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    width: 200px;
}

.group-items .item .total .add-to-cart a {
    background-color: #50184f;
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
}

.group-items .item .total .add-to-cart a:hover {
    text-decoration: underline;
}

.constructor-items .old {
    color: #bebfb5;
    font-size: 19px;
    line-height: 1.2;
    text-decoration: line-through;
}

.constructor-items .current {
    color: #ea5656;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 1.2;
}

.constructor-items .economy {
    font-size: 20px;
    padding: 10px 0;
}

.constructor-items .add-to-cart {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}

.constructor-items .add-to-cart a {
    background-color: #50184f;
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
}

.constructor-items .add-to-cart a:hover {
    text-decoration: underline;
}

/*  >>>  set goods  */


/*  contacts  <<<  */
.contacts-details {
    overflow: hidden;
}

.contacts-left {
    float: left;
    width: 30%;
    font-size: 17px;
}

.contacts-right {
    float: right;
    width: 70%;
}

.contacts-left .tel,
.contacts-left .email,
.contacts-left .locate,
.contacts-left .clock {
    height: 70px;
    margin-bottom: 40px;
    padding-left: 100px;
    position: relative;
}

.contacts-left .tel:after,
.contacts-left .email:after,
.contacts-left .locate:after,
.contacts-left .clock:after {
    content: '';
    height: 70px;
    left: 0;
    margin-top: -35px;
    position: absolute;
    top: 50%;
    width: 70px;
}

.contacts-left .tel:after {
    background: url('../images/sprite-contacts.png') no-repeat 0 0;
}

.contacts-left .email:after {
    background: url('../images/sprite-contacts.png') no-repeat 0 -92px;
}

.contacts-left .locate:after {
    background: url('../images/sprite-contacts.png') no-repeat 0 -181px;
}

.contacts-left .clock:after {
    background: url('../images/sprite-contacts.png') no-repeat 0 -280px;
}

.contacts-left .title {
    color: #50184f;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px;
    text-transform: uppercase;
}

.contacts-left a {
    color: #353b3e;
}

.contacts-left .tel a {
    /* font-size: 20px;
    font-weight: 600; */
}

.form-contact {
    margin: 40px 0 95px 0;
}

.form-contact h3 {
    display: block;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.form-contact .inputs {
    float: left;
    width: 40%;
}

.form-contact .textarea {
    float: right;
    width: 55%;
}

.form-contact .inputs input {
    border: 1px solid #ccc;
    font-size: 12px;
    margin-bottom: 16px;
    padding: 12px 15px;
    width: 100%;
}

.form-contact textarea {
    border: 1px solid #ccc;
    font-size: 14px;
    height: 152px;
    margin-bottom: 20px;
    padding: 15px;
    resize: none;
    text-transform: uppercase;
    width: 100%;
}

.form-contact input:hover,
.form-contact input:focus,
.form-contact textarea:hover,
.form-contact textarea:focus {
    border: 1px solid #50184f;
}

.form-contact .wrap {
    overflow: hidden;
}

.form-contact .btn {
    background: #50184f;
    border: none;
    color: #fff;
    float: right;
    font-size: 15px;
    height: 58px;
    text-transform: uppercase;
    width: 300px;
}

.form-contact .btn:hover {
    text-decoration: underline;
}

.wrap-details {
    padding: 50px 0 55px;
    line-height: 20px;
    text-align: justify;
}

.header-details {
    font-size: 30px;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 30px;
}

.tbl-details {
    width: 100%;
}

.tbl-details td {
    font-size: 16px;
    padding: 20px 0 25px;
}

.tbl-details td:first-child {
    font-size: 17px;
    font-weight: bold;
    min-width: 125px;
    padding-left: 25px;
}

.tbl-details tr:nth-child(2n) {
    background: #fff;
}

.tbl-details tr:nth-child(odd) td {
    background-color: #E3E3E3;
}

@media screen and (max-width: 867px) {
    .ymaps-map {
        width: 90% !important;
    }

    .contacts-left,
    .contacts-right {
        width: 100%;
    }

    .contacts-left .tel,
    .contacts-left .email,
    .contacts-left .locate,
    .contacts-left .clock {
        float: left;
        width: 50%;
    }
}

@media screen and (max-width: 586px) {

    .contacts-left .tel,
    .contacts-left .email,
    .contacts-left .locate,
    .contacts-left .clock {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 420px) {

    .form-contact .inputs,
    .form-contact .textarea,
    .form-contact .btn {
        width: 100%;
    }

    .tbl-details td {
        display: block;
        padding: 5px !important;
    }

    .tbl-details tr {
        display: block;
        margin-bottom: 20px;
    }
}

/*  >>>  contacts  */


/*  left menu internal page   <<<   */
.sb-menu a {
    background-color: #a39f9e;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 15px 20px;
    position: relative;
    transition: background-color 0.25s ease-out;
    webkit-transition: background-color 0.25s ease-out;
}

.sb-menu a:after {
    background: url("../images/sprite-inner.png") no-repeat -207px -155px;
    content: '';
    height: 7px;
    margin-top: -3.5px;
    ms-transform: rotate(-90deg);
    o-transform: rotate(-90deg);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: rotate(-90deg);
    webkit-transform: rotate(-90deg);
    width: 11px;
}

.sb-menu a:hover,
.sb-menu a.current {
    background-color: #50184f;
}

/*  >>>    left menu internal page   */


/*  index news shares  <<<  */
.shares,
.news {
    margin-bottom: 30px;
    line-height: 20px;
    text-align: justify;
}

.shares .headling .all,
.news .headling .all {
    background: url("../images/sprite.png") no-repeat 0 -130px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.shares .headling .all:hover,
.news .headling .all:hover {
    background-position: -21px -130px;
}

.shares .items-list:before,
.news .items-list:before,
.shares .items-list:after,
.news .items-list:after {
    clear: both;
    content: '';
    display: table;
}

.shares .item .image,
.news .item .image {
    display: block;
    height: 210px;
    margin-top: 6px;
    overflow: hidden;
    webkit-backface-visibility: hidden;
    webkit-perspective: 1000;
    webkit-transform: translate3d(0, 0, 0);
    width: 100%;
}

.shares .item .image img,
.news .item .image img {
    height: 100%;
    width: 100%;
}

.shares .item .date,
.news .item .date {
    color: #818181;
    cursor: default;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
}

.shares .item .title,
.news .item .title {
    color: #3f4147;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 25px;
}

.shares .item .title:hover,
.news .item .title:hover {
    color: #ea5656;
}

.shares .item .lead-paragraph,
.news .item .lead-paragraph {
    color: #818181;
    cursor: default;
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 568px) {

    .shares .item .image,
    .news .item .image {
        height: auto;
    }

    .shares .item .image img,
    .news .item .image img {
        height: auto;
        width: 100%;
    }
}

/*  >>>  index news shares  */


/*  news  <<< */
.news .item {
    margin-bottom: 30px;
    overflow: hidden;
}

.news .image_block {
    border: 1px solid #ccc;
    float: left;
    width: 40%;
    text-align: center;
}

.news .text_block {
    float: right;
    width: 55%;
}

.news .text_block a {
    color: #3f4147;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px;
}

.news .text_block a:hover {
    color: #ea5656;
}

.news .text_block .data {
    color: #ccc;
    cursor: default;
}

@media screen and (max-width: 568px) {

    .news .image_block,
    .news .text_block {
        width: 100%;
    }

    .news .image_block {
        margin-bottom: 10px;
    }

    .news .image_block {
        border: none;
    }

    .news .image_block a {
        display: block;
    }

    .news .image_block a img {
        border: 1px solid #ccc;
        max-width: 100%;
    }
}

/*  >>>  news  */


/*  search page  <<<  */
.search_field {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 85%;
}

.btn_search {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 15%;
}

/*   >>>  search page   */


/*  personal account  <<<  */
.bx-auth-profile input[type="text"] {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.bx-auth-profile input[type="password"] {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.bx-auth-profile textarea {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.bx-auth-profile input[type="submit"] {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 15%;
}

.bx-auth-profile input[type="reset"] {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 15%;
}

.profile_link {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 25px;
}

.subscribe-edit input[type="text"] {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.subscribe-edit input[type="password"] {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.subscribe-edit textarea {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.subscribe-edit input[type="submit"] {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 15%;
}

.subscribe-edit input[type="reset"] {
    background-color: #50184f;
    border: medium none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 15%;
}

.subscribe-edit input[type="checkbox"] {
    display: block;
    float: left;
    margin: 2px 5px 0 0;
}

.bx_my_order_switch a {
    color: #50184f;
}

.bx_page {
    line-height: 21px;
}

.bx_page div {
    margin: 0 0 30px 0;
}

.bx_page a {
    color: #50184f;
}

.bx_page h2 {
    margin: 0 0 10px 0;
}

.bx-auth input[type="checkbox"] {
    display: block;
    height: 15px;
    width: 15px;
    float: left;
}

/*  >>>  personal account  */


/*  catalog compare <<< */
.bx_compare {
    overflow: hidden;
}

.bx_compare .bx_filtren_container {
    background-color: #f7faf9;
    border: none;
    float: left;
    height: 290px;
    padding: 0 20px;
    width: 20%;
}

.bx_compare .bx_filtren_container h5 {
    color: #6a6a6a;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    line-height: 1;
    padding-bottom: 20px;
    padding-top: 20px;
}

.bx_compare .table_compare {
    float: right;
    width: 75%;
}

.custom-checkbox-compare {
    display: block;
    padding-left: 30px;
    position: relative;
}

.custom-checkbox-compare:before {
    background-color: #fff;
    border: 1px solid #d8d7d6;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 18px;
}

.custom-checkbox-compare.active:before {
    background: #50184f;
    box-shadow: inset 0 0 0 3px #fff;
}

.bx_compare .bx_filtren_container ul li {
    padding-left: 0;
}

.custom-checkbox-compare+label {
    display: inline-block;
    line-height: 16px;
    padding-left: 30px;
    vertical-align: top;
}

.table_compare tr:first-child {
    height: 290px;
    vertical-align: top;
}

.table_compare tr:first-child td {
    position: relative;
}

.table_compare tr:first-child td>a {
    color: #000 !important;
    text-decoration: none;
}

.table_compare tr:first-child td>a:hover {
    text-decoration: underline;
}

.table_compare tr:first-child noindex {
    bottom: 40px;
    height: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.table_compare tr:first-child noindex a {
    background: #50184f !important;
    border-radius: 0;
    display: inline-block;
    text-shadow: none;
}

.table_compare tr td {
    max-width: 200px;
    min-width: 200px;
    text-align: center !important;
    width: 200px;
}

.table_compare tr td:first-child {
    text-align: left !important;
}

#bx_catalog_compare_block .bx_sort_container {
    top: 26px;
}

.bx_compare .bx_sort_container .sortbutton {
    background: #f9f9f9 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.bx_compare .bx_sort_container .sortbutton.current {
    background: #50184f !important;
}

.bx_compare .table_compare table tr:last-child td a {
    background-color: #bebfb5;
    color: #fff !important;
    display: inline-block;
    padding: 5px;
}

@media screen and (max-width: 900px) {
    .bx_compare .bx_filtren_container {
        background-color: #f7faf9;
        border: none;
        float: none;
        height: 150px;
        margin-bottom: 2%;
        padding: 0 20px;
        width: 100%;
    }

    .bx_compare .table_compare {
        float: none !important;
        margin-bottom: 6%;
        width: 100% !important;
    }

    .bx_compare .bx_filtren_container ul li {
        margin-right: 2%;
        width: 22%;
    }
}

@media screen and (max-width: 568px) {
    .bx_compare .bx_filtren_container ul li {
        width: 30%;
    }

    .bx_compare .bx_filtren_container {
        height: 180px;
    }

    .table_compare .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: auto;
        top: -4px;
    }

    .table_compare #mCSB_7 {
        padding-top: 15px;
    }

    .bx_compare .bx_sort_container .sorttext {
        display: block;
        margin-bottom: 10px;
    }

    .bx_compare .bx_sort_container .sortbutton {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 420px) {
    .bx_compare .bx_filtren_container ul li {
        width: 47%;
    }

    .bx_compare .bx_filtren_container {
        height: 210px;
    }
}

@media screen and (max-width: 320px) {
    .bx_compare .bx_filtren_container ul li {
        margin-right: 0;
        width: 100%;
    }

    .bx_compare .bx_filtren_container {
        height: 300px;
    }
}

/*  >>>  catalog compare  */


/*  catalog reviews <<< */
.feedback_product_no {
    padding-bottom: 25px;
}

#REPLIER {
    border: 1px solid #bebfb5;
}

.send_forum_message {
    background-color: #50184f;
    border: none;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 25px;
    position: relative;
    text-transform: uppercase;
}

.send_forum_message:hover,
.forum-upload-file-attach:hover {
    text-decoration: underline;
}

.forum-upload-file-attach {
    background-color: #f2f2f2;
    color: #6a6a6a;
    display: inline-block;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
}

.reviews-reply-field-setting {
    display: none;
}

div.reviews-reply-buttons:last-child {
    margin-top: 0;
}

div.reviews-reply-fields:first-child {
    padding-left: 0;
}

.reviews-reply-header {
    background: none !important;
    padding-left: 0 !important;
}

#REVIEW_AUTHOR {
    margin-left: 15px;
    width: 200px;
}

#REVIEW_AUTHOR:hover,
#REVIEW_AUTHOR:focus,
#LHE_iframe_REVIEW_TEXT {
    border-color: #50184f;
}

#LHE_iframe_REVIEW_TEXT {
    border: 1px solid #bebfb5 !important;
}

#REVIEW_AUTHOR {
    border: 1px solid #bebfb5;
    padding: 10px 15px;
}

.bxlhe-editor-cell {
    padding: 10px 15px;
}

.lhe-stat-toolbar-cont {
    background: #FAFAFA !important;
    border: none !important;
}

.lhe-smiles-tlbr-table {
    display: none;
}

/*  >>>   catalog reviews  */


/*  Cart pages  <<< */
#basket_form {
    position: relative;
}

.bx_sort_container>div {
    display: none;
}

.bx_sort_container {
    position: absolute;
    right: 0;
    top: -60px;
}

.bx_sort_container li {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.bx_sort_container li a {
    border: 1px solid #ccc;
    color: #716d6c;
    display: inline-block;
    height: 38px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    vertical-align: top;
}

.bx_sort_container li a:hover {
    border-color: #50184f;
}

.bx_sort_container li a.current {
    border-color: #50184f;
    border-width: 3px;
    color: #50184f;
    font-weight: bold;
}

.bx_ordercart_order_table_container thead {
    background-color: #d8d7d5;
    font-weight: bold;
}
.bx_ordercart_order_table_container tbody {
    font-weight: normal;
}

.bx_ordercart .bx_ordercart_order_table_container table tbody td {
    border-bottom: none;
	font-weight: normal;
}

.bx_ordercart_photo_container {
    height: 80px;
    width: 80px;
}

.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo {
    background-size: cover;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    webkit-background-size: cover;
}

.bx_ordercart .bx_ordercart_photo_container {
    border-color: #dbdbdb;
}

.bx_ordercart .bx_ordercart_order_table_container table td.margin {
    width: 0 !important;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control br {
    display: none;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a {
    border: 1px solid #ccc;
    color: #000;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 38px;
    padding-left: 30px;
    padding-right: 10px;
    position: relative;
    text-align: center;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:hover,
.bx_ordercart .bx_ordercart_order_table_container tbody td.custom.red {
    color: #ea5656;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:first-child {
    border-bottom: none;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:first-child:after {
    background: url(../images/remove.png) no-repeat 0 0;
    content: '';
    display: block;
    height: 17px;
    left: 7px;
    margin-top: -7.5px;
    position: absolute;
    top: 50%;
    width: 15px;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:last-child:after {
    background: url('../images/sprite-inner.png') no-repeat -268px -95px;
    content: '';
    display: block;
    height: 16px;
    left: 7px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:last-child:hover:after {
    background-position: -289px -95px;
}

.custom .left.amount {
    border: none;
    font-size: 13px;
    height: 22px;
    text-align: center;
}

#basket_form .price+.custom .centered {
    width: auto !important;
}

.addBasket.added {
    background-color: #249677 !important;
    border-color: #249677 !important;
    o-transition: all .55s ease-in;
    transition: all .55s ease-in;
    webkit-transition: all .55s ease-in;
}

.bx_size_scroller_container {
    margin-left: 0;
}

.bx_item_detail_size_small_noadaptive ul li a,
.bx_item_detail_size_small_noadaptive ul li {
    height: 32px;
    line-height: 30px;
}

#basket_form .price+.custom .centered td:last-child {
    font-size: 0;
}

.bx_item_detail_size_small_noadaptive ul li:active a,
.bx_item_detail_size_small_noadaptive ul li.bx_active a,
.bx_item_detail_size_small_noadaptive ul li:hover a {
    border-color: #50184f;
}

.bx_ordercart_order_pay {
    border: 1px solid #50184f;
    overflow: hidden;
    padding: 0 !important;
}

.bx_ordercart_order_pay_left,
.bx_ordercart_order_pay_right {
    float: left;
    width: 35% !important;
}

.bx_ordercart_order_pay_right+div {
    display: none;
}

.bx_ordercart_order_pay_center {
    border-left: 1px solid #50184f;
    float: right;
    width: 30% !important;
}

.bx_ordercart_order_pay_center {
    line-height: 140px;
    text-align: center;
}

.bx_ordercart_order_pay_center .buy_one {
    background-color: #50184f;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 240px;
}

.bx_ordercart_order_pay_center .buy_one:hover {
    text-decoration: underline;
}

.bx_ordercart_order_pay_left,
.bx_ordercart_order_pay_right,
.bx_ordercart_order_pay_center {
    height: 140px;
}

.bx_ordercart_order_pay_left {
    display: table;
}

.bx_ordercart_order_pay_left .bx_ordercart_coupon {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}

.bx_ordercart_order_pay_left .bx_ordercart_coupon span {
    font-size: 14px;
}

.bx_ordercart_order_pay_left .bx_ordercart_coupon input {
    border-color: #ccc;
}

.bx_ordercart_order_pay_left .bx_ordercart_coupon input:hover,
.bx_ordercart_order_pay_left .bx_ordercart_coupon input:focus {
    border-color: #50184f;
}

.bx_ordercart_order_pay_right .bx_ordercart_order_sum {
    display: table;
    height: 100%;
    width: 100%;
}

.bx_ordercart_order_pay_right .bx_ordercart_order_sum tbody {
    display: table-cell;
    font-size: 16px !important;
    vertical-align: middle;
}

#allSum_FORMATED {
    color: #ea5656;
}

.bx_ordercart .bx_ordercart_order_sum tr td {
    font-size: 16px;
    padding: 5px 20px;
}

.bx_ordercart .bx_ordercart_order_sum tr td.fwb {
    padding-top: 20px;
}

@media screen and (max-width: 867px) {
    .bx_ordercart_order_pay_center {
        border-left: none;
        border-top: 1px solid #50184f;
        width: 100% !important;
    }

    .bx_ordercart_order_pay_left,
    .bx_ordercart_order_pay_right {
        width: 50% !important;
    }

    .bx_sort_container {
        position: static;
    }

    .bx_sort_container li a {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {

    .bx_ordercart_order_pay_left,
    .bx_ordercart_order_pay_right {
        width: 100% !important;
    }

    .bx_ordercart_order_pay_left,
    .bx_ordercart_order_pay_right {
        text-align: center;
    }

    .bx_ordercart .bx_ordercart_order_sum tr td {
        text-align: left;
    }
}

@media screen and (max-width: 568px) {
    .bx-touch .bx_ordercart .bx_sort_container a {
        line-height: 32px;
    }

    #basket_form_container .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: auto;
        top: -6px;
    }

    #basket_form_container #mCSB_7 {
        padding-top: 15px;
    }
}

#basket_form td {
    vertical-align: middle !important;
}

.bx_ordercart_photo_container a {
    display: block;
    height: 80px;
    width: 80px;
}

.bx_ordercart .bx_ordercart_photo_container {
    height: 80px;
    max-height: 80px;
    max-width: 80px;
    padding-top: 0;
    width: 80px;
}

.custom .left .amount {
    line-height: 20px;
    top: -10px;
}

/*  >>>  Cart pages  */


/*  select custom  <<<  */
.select-options {
    background-color: #fff;
    border: 1px solid #50184f;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    position: absolute;
    top: 25px;
    width: 200px;
    z-index: 999;
}

.select-options li {
    font-size: 12px;
    margin: 0;
    moz-transition: all 0.25s ease-out;
    padding: 5px 0;
    position: relative;
    transition: all 0.25s ease-out;
    webkit-transition: all 0.25s ease-out;
}

.select-options li:after {
    border-color: transparent transparent transparent #50184f;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    content: '';
    height: 0;
    left: 0;
    margin-top: -4px;
    moz-transform: translateX(-20px);
    moz-transition: all 0.25s ease-out;
    ms-transform: translateX(-20px);
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-20px);
    transition: all 0.25s ease-out;
    webkit-transform: translateX(-20px);
    webkit-transition: all 0.25s ease-out;
    width: 0;
}

.select-options li:hover {
    color: #50184f;
    padding-left: 15px;
}

.select-options li:hover:after {
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    opacity: 1;
    transform: translateX(0);
    webkit-transform: translateX(0);
}

.s-hidden {
    padding-right: 10px;
    visibility: hidden;
}

/*select{opacity:0;}*/
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 200px;
}

.styledSelect {
    background-color: #fff;
    bottom: 0;
    color: #50184f;
    font-size: 12px;
    height: 24px;
    left: 0;
    line-height: 24px;
    padding-left: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}

.styledSelect:after {
    /* background: url("../images/sprite.png") no-repeat -167px -155px; */
    content: '';
    height: 7px;
    margin-top: -3.5px;
    moz-transition: -moz-transform 0.25s ease-out;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform 0.25s ease-out;
    webkit-transition: -webkit-transform 0.25s ease-out;
    width: 11px;
}

/*  >>>  select custom  */

.mobile-menu-buttons a {
    display: none;
}

@media screen and (max-width: 1260px) {

    html,
    body,
    footer,
    .container,
    .container:after {
        min-width: 240px;
    }

    .wrapper {
        width: 100%;
        padding: 0 2%;
    }

    .headling {
        margin-bottom: 4%;
    }

    .main-items .item {
        margin-bottom: 2%;
        margin-left: 2%;
        width: 32%;
    }

    .main-items .item:nth-child(4n+1) {
        clear: none !important;
        margin-left: 2% !important;
    }

    .main-items .item:nth-child(4n+1) {
        clear: left !important;
        margin-left: 0 !important;
    }

    /*.main-items .item:hover:after{border:3px solid #50184f;border-bottom:none;content:'';height:20px;left:-5%;position:absolute;top:-2%;width:110%;z-index:20;}*/
    /*.main-items .item:hover .item-wrapper{border:none;border-bottom:3px solid #50184f;left:-5%;padding:0 5%;top:0;width:110%;}*/
    /*.main-items .item:hover .item-wrapper:after,
    .main-items .item:hover .item-wrapper:before{background-color:#50184f;content:'';height:100%;position:absolute;top:0;width:3px;}
    .main-items .item:hover .item-wrapper:before{left:0;}
    .main-items .item:hover .item-wrapper:after{right:0;}*/
    .popular-items .item {
        margin-bottom: 2%;
        margin-left: 2%;
        width: 23.5%;
    }

    .popular-items .item:nth-child(5n+1) {
        clear: none;
        float: left;
        margin-left: 2%;
    }

    .popular-items .item:nth-child(3n+1) {
        clear: none !important;
        margin-left: 2% !important;
    }

    .popular-items .item:nth-child(4n+1) {
        clear: left;
        margin-left: 0 !important;
    }

    .popular-items .hidden-details .sizes .list li:nth-child(4n) {
        margin-right: 10px;
    }

    .popular-items .hidden-details .sizes .list li:nth-child(5n+1) {
        clear: left;
        margin-left: 0;
    }

    .main .sidebar {
        width: 25%;
    }

    .main .content {
        width: 73%;
    }

    .styledSelect,
    .select {
        width: 170px;
    }

    .styledSelect:after {
        right: -10px;
    }

    .profile-item .gallery {
        width: 30%;
    }

    .profile-item .details {
        width: 40%;
        padding-left: 20px
    }

    .profile-item .right_details_column {
        width: 30%;
        padding-left: 20px;

    }

    .profile-item .lead-profile-image-thumb a {
        margin-bottom: 2%;
        margin-left: 2%;
        width: 23.5%;
    }

    .profile-item .tabs-info .tabs-content .tables table:first-child {
        margin-right: 5%;
    }

    /*.profile-item .details .footer .prices{display:none;}*/
    .profile-item .details .footer .compare,
    .profile-item .details .footer .favourite,
    .profile-item .details .footer .fast-buy {
        width: 32%;
    }

    .profile-item .details .footer .compare,
    .profile-item .details .footer .favourite {
        margin-right: 2%;
    }

    .main-items .hidden-details .colors .list li,
    .main-items .hidden-details .sizes .list li,
    .main-items .hidden-details .colors .list li:nth-child(4n),
    .main-items .hidden-details .sizes .list li:nth-child(4n) {
        margin-left: 10px;
        margin-right: 0;
    }

    .main-items .hidden-details .colors .list li:nth-child(3n+1),
    .main-items .hidden-details .sizes .list li:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
}

.filtred-items .items-list.view-list .item {
    height: auto;
}

.filtred-items .items-list.view-list .item .image,
.filtred-items .items-list.view-list .item .hidden-details {
    width: 25%;
}

.filtred-items .items-list.view-list .item .description {
    /*padding-bottom:100px;position:static;width:50%;*/
}

.filtred-items .items-list.view-list .item .description:before,
.filtred-items .items-list.view-list .item .description:after {
    clear: both;
    content: '';
    display: table;
}

.filtred-items .items-list.view-list .item .description .item-footer {
    /*box-shadow:none;left:25%;padding-left:30px;padding-right:30px;webkit-box-shadow:none;width:50%;*/
}

.filtred-items .items-list.view-list .item .item-wrapper {
    border: none !important;
}

.filtred-items .items-list.view-list .item:hover:after {
    display: none !important;
}

@media screen and (max-width: 960px) {

    /*.item-footer .old_price{text-align: center;}*/
    .popular-items .item {
        height: 570px;
    }

    .popular-items .item-footer .top {
        height: 90px;
    }

    .popular-items .item-footer .top .price,
    .popular-items .item-footer .top .add-to-cart {
        width: 100%;
    }

    .popular-items .item-footer .top .price a,
    .popular-items .item-footer .top .add-to-cart a {
        margin: 10px 0;
    }

    .category-lead .image {
        width: 220px;
    }

    .profile-item .details .footer .favourite {
        margin-right: 0;
    }

    .profile-item .details .footer .compare,
    .profile-item .details .footer .favourite,
    .profile-item .details .footer .fast-buy {
        margin-bottom: 2%;
        width: 49%;
    }

    .profile-item .tabs-info:before,
    .profile-item .tabs-info:after {
        clear: both;
        content: '';
        display: table;
    }

    .profile-item .tabs-info .tabs-nav {
        border: 1px solid #bebfb5;
        float: left;
        width: 25%;
    }

    .profile-item .tabs-info .tabs-nav li {
        width: 100%;
    }

    .profile-item .tabs-info .tabs-nav li a.current {
        border: none;
    }

    .profile-item .tabs-info .tabs-nav li a.current span {
        border-color: #fff;
        color: #50184f;
    }

    .profile-item .tabs-info .tabs-nav li a {
        border: none;
    }

    .profile-item .tabs-info .tabs-nav li a span {
        line-height: 15px;
    }

    .profile-item .tabs-info .tabs-content {
        border-top: 1px solid #bebfb5;
        float: left;
        left: -1px;
        position: relative;
        width: 75%;
    }

    .profile-item .tabs-info .tabs-content .tables table {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
    }

    .top-sales .item,
    .viewed-items .item {
        height: 445px !important;
    }

    .top-sales .item:last-child,
    .viewed-items .item:last-child {
        display: none;
    }

    .top-sales .item .price,
    .viewed-items .item .price {
        text-align: left !important;
    }

    .top-sales .item .item-footer .top .add-to-cart a,
    .viewed-items .item .item-footer .top .add-to-cart a {
        margin: 10px 0 !important;
    }

    .filtred-items .header .options .change-view {
        display: none;
    }

    .filtred-items .header .options {
        margin-right: 10px;
    }

    .select-options {
        left: auto;
        right: -10px;
    }

    .filtred-items.main-items .item:nth-child(5n+1) {
        clear: none !important;
        margin-left: 1% !important;
    }

    .filtred-items.main-items .item:nth-child(4n+1) {
        clear: none !important;
        margin-left: 1% !important;
    }

    /*.filtred-items.main-items .item:nth-child(3n+1){clear:none !important;margin-left:1%;}
	.filtred-items.main-items .item:nth-child(2n+1) {
		clear: left;
		margin-left:0 !important;
		margin-right:1%;
	}*/
    .filtred-items.main-items .item {
        width: 32%;
    }
}

@media screen and (max-width: 920px) {

    .main-items .item-footer .price,
    .main-items .item-footer .add-to-cart {
        text-align: center;
        width: 100%;
    }

    .main-items .item-footer .price a,
    .main-items .item-footer .add-to-cart a {
        margin: 10px auto;
    }

    .main-items .item-footer .top {
        height: 90px;
    }

    .main-items .item {
        height: 570px;
    }

    .sidebar-filters .price .price-inputs input {
        padding: 0 5px;
        width: 45%;
    }

    .sidebar-filters .price .price-inputs input:last-child {
        margin-left: 10%;
    }

    .popular-items .item-footer .top .add-to-cart a {
        margin: 10px auto;
    }
}

@media screen and (max-width: 840px) {
    .profile-item .details .footer .top {
        position: relative;
    }

    .profile-item .details .footer .add-to-cart {
        bottom: -120px;
        position: absolute;
        right: 0;
        width: 49%;
    }

    .profile-item .details .footer .main-price {
        text-align: right;
    }

    #cloud-zoom-big,
    .cloud-zoom-lens {
        display: none !important;
    }

    .lead-img,
    .lead-img * {
        cursor: pointer !important;
    }

    .group-items {
        display: block;
    }

    .group-items .item {
        padding: 15px;
    }
}

@media screen and (max-width: 790px) {
    .popular-items .item:nth-child(5n+1) {
        clear: none !important;
        margin-left: 2% !important;
    }

    .popular-items .item:nth-child(4n+1) {
        clear: none !important;
        margin-left: 2% !important;
    }

    .popular-items .item:nth-child(3n+1) {
        clear: left !important;
        margin-left: 0 !important;
    }

    .popular-items .item {
        width: 32%;
    }

    .popular-items .item-footer .top .price a,
    .popular-items .item-footer .top .add-to-cart a {
        margin: 0;
    }

    .popular-items .item-footer .top .price,
    .popular-items .item-footer .top .add-to-cart {
        width: auto;
    }

    .popular-items .item-footer .top {
        height: 40px;
    }

    .popular-items .item {
        height: 520px;
    }

    .popular-items .item-footer .top .price {
        text-align: left;
    }

    .top-sales .item:nth-child(4),
    .viewed-items .item:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .main {
        position: static;
    }

    .main .sidebar,
    .main .content {
        width: 100%;
    }

    .accordion.categories {
        display: none;
    }

    .sidebar-filters section {
        height: 0;
        margin-bottom: 0 !important;
        overflow: hidden;
    }

    .sidebar-filters .hide section {
        height: auto;
        margin-bottom: 15px !important;
        overflow: visible;
    }

    .sidebar-filters .buttons {
        text-align: center;
    }

    .sidebar-filters .buttons a {
        margin: 0 auto;
        width: 220px;
    }

    .sidebar-filters {
        margin-bottom: 2%;
        position: relative;
        top: 55px;
    }

    .main-menu {
        position: static;
    }

    .main-menu.tabled,
    .sidebar-filters {
        display: none;
        position: static;
    }

    .mobile-menu-buttons {
        /*background-color:#3d3533;*/
        /*height:60px;*/
        /*position:absolute;*/
        position: static;
        right: 0;
        text-align: center;
        /*top:42px;*/
        width: 100%;
        bottom: auto;
        left: 0;
        /*position:relative;*/
        /*right:auto;*/
        top: 0;
    }

    .mobile-menu-buttons a {
        background-color: #a39f9e;
        border: 1px solid #a39f9e;
        color: #fff;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        text-align: center;
        text-transform: uppercase;
        width: 220px;
    }

    .mobile-menu-buttons a.active {
        background-color: #7c7675;
        box-shadow: inset 0 0 5px 2px rgba(163, 159, 158, 0.45);
        color: #fff;
        webkit-box-shadow: inset 0 0 5px 2px rgba(163, 159, 158, 0.45);
    }

    .sidebar .mobile-menu-buttons {
        text-align: center;
    }

    .sidebar .mobile-menu-buttons a {
        margin-right: 0;
    }

    header+.mobile-menu-buttons {
        position: static;
    }

    .content {
        padding-top: 15px;
    }

    .pager {
        margin-top: 35px;
    }

    .sidebar-filters {
        background-color: #fff;
        box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.5);
        left: 0;
        /*position:absolute;*/
        top: 102px;
        webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.5);
        width: 100%;
        z-index: 19;
    }

    .profile-item .lead-profile-image-thumb a {
        height: 65px;
        line-height: 59px;
    }

    .main-items .hidden-details .colors .list li:nth-child(3n+1),
    .main-items .hidden-details .sizes .list li:nth-child(3n+1) {
        clear: none;
        margin-left: 2%;
    }

    .main-items .hidden-details .colors .list li,
    .main-items .hidden-details .sizes .list li {
        margin-bottom: 2%;
        margin-left: 2%;
        width: 20%;
    }

    .main-items .hidden-details .colors .list li,
    .main-items .hidden-details .sizes .list li,
    .main-items .hidden-details .colors .list li:nth-child(4n),
    .main-items .hidden-details .sizes .list li:nth-child(4n) {
        margin-left: 2%;
    }

    .main-items .hidden-details .sizes {
        padding-bottom: 20px;
    }

    .brands .item:nth-child(4n+1) {
        margin-left: 0;
    }

    .col-sm-6 {
        width: 100% !important;
    }

    .col-sm-3 {
        width: 50% !important;
    }
}

@media screen and (max-width: 740px) {

    /*    .main-items .item:nth-child(3n+1){clear:none !important;margin-left:4% !important;}
        .main-items .item:nth-child(2n+1){clear:left !important;margin-left:0 !important;}*/
    .main-items .item {
        margin-left: 4%;
        width: 48%;
    }

    /*.main-items .item:hover:after{border:3px solid #50184f;border-bottom:none;content:'';height:20px;left:-2%;position:absolute;top:-2%;width:104%;z-index:20;}*/
    .main-items .item:hover .image {
        border-color: #fff;
    }

    /*.main-items .item:hover .item-wrapper{border:none;border-bottom:3px solid #50184f;left:-2%;padding:0 2%;top:0;width:104%;}*/
    /*.main-items .item:hover .item-wrapper:after,
    .main-items .item:hover .item-wrapper:before{background-color:#50184f;content:'';height:100%;position:absolute;top:0;width:3px;}
    .main-items .item:hover .item-wrapper:before{left:0;}
    .main-items .item:hover .item-wrapper:after{right:0;}*/
    .main-items .hidden-details .colors .list li:nth-child(4n),
    .main-items .hidden-details .sizes .list li:nth-child(4n) {
        margin-right: 10px;
    }

    .brands .item {
        margin-left: 2%;
        margin-right: 0;
        padding-right: 10px;
        width: 23%;
    }

    .brands .item:nth-child(4n+1) {
        clear: left;
        margin-left: 0;
    }

    .main-items .item {
        height: 545px;
    }

    .pager {
        margin-top: 75px;
    }

    .category-lead {
        display: block;
        height: auto;
    }

    .category-lead .image,
    .category-lead .text {
        display: block;
    }

    .category-lead .text h2 {
        padding-bottom: 0;
        padding-top: 10px;
    }

    .popular-items .item {
        height: 520px;
    }

    .popular-items .item:nth-child(5n+1) {
        margin-left: 4% !important;
    }

    .popular-items .item:nth-child(2n+1) {
        /*margin-left:0% !important;*/
    }

    .top-sales,
    .viewed-items {
        display: none;
    }

    .profile-item .details .no-availability {
        display: block;
    }

    .profile-item .details .title {
        display: block;
        padding-bottom: 10px;
    }

    .profile-item .details {
        width: 50%;
    }

    .profile-item .gallery {
        width: 50%;
    }

    .profile-item .details .footer .compare,
    .profile-item .details .footer .favourite,
    .profile-item .details .footer .fast-buy {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .profile-item .details .footer .bottom {
        padding-top: 30px;
    }

    .profile-item .details .header {
        margin-bottom: 15px;
    }

    .profile-item .details .colors {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .profile-item .details .sizes {
        margin-bottom: 20px;
    }

    .profile-item .details .footer .top {
        display: block;
        height: auto;
        padding: 10px;
    }

    .profile-item .details .footer .top .counter {
        display: block;
        float: none;
        height: 35px;
        margin: 0 auto;
        width: 70px;
    }

    .profile-item .details .footer .top .main-price {
        display: block;
        padding: 5px 0;
        text-align: center;
        width: 100%;
    }

    .profile-item .details .footer .add-to-cart {
        top: 95px;
        width: 100%;
    }

    .filtred-items .header .total {
        width: 100%;
    }

    .filtred-items .header .options {
        margin-bottom: 20px;
        margin-right: 4%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 670px) {
    .group-items .item .helper {
        display: block;
    }

    .group-items .item .column,
    .group-items .item .plus,
    .group-items .item .equal,
    .group-items .item .total {
        display: block;
    }

    .group-items .item .column,
    .group-items .item .plus,
    .group-items .item .equal,
    .group-items .item .total {
        margin: 0 auto;
        max-width: 200px;
        text-align: center;
        width: 200px;
    }

    .group-items .item .column .image {
        margin: 0 auto;
    }

    .group-items .item .column .title,
    .group-items .item .column .price {
        text-align: center;
    }
}

@media screen and (max-width: 568px) {
    .brands {
        display: block;
    }

    .brands .item {
        margin-left: 2%;
        width: 49%;
    }

    .brands .item:nth-child(5n+1) {
        clear: none;
        margin-left: 2%;
    }

    .brands .item:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .pager ul li {
        margin-bottom: 10px;
    }

    .profile-item .details .colors>div {
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 5px;
    }

    .profile-item .tabs-info .tabs-nav li a {
        padding: 0 10px;
    }

    .profile-item .tabs-info .tabs-content {
        padding: 10px;
    }

    .sidebar .mobile-menu-buttons {
        text-align: center;
    }

    .mobile-menu-show-filters {
        margin-left: 2%;
        margin-right: 0;
    }

    .sidebar .mobile-menu-buttons a {
        margin-right: 0;
    }

    .pager {
        text-align: center;
    }

    .pager ul li:last-child a,
    .pager ul li:first-child a {
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
    }

    .pager ul li a,
    .pager ul li span {
        font-size: 13px;
        height: 30px;
        line-height: 18px;
        width: 20px;
    }

    .pager ul li>span {
        vertical-align: top;
    }

    .search_field {
        width: 70%;
    }

    .btn_search {
        width: 30%;
    }
}

@media screen and (max-width: 460px) {
    .main-items .item {
        margin-left: 2% !important;
        width: 96% !important;
    }

    .popular-items .hide {
        display: none;
    }

    .container .main-items .item {
        margin-bottom: 8%;
        margin-left: 2% !important;
    }

    .filtred-items .header .options .sort,
    .filtred-items .header .options .change-view,
    .filtred-items .header .options {
        width: 100%;
    }

    .filtred-items .header .options .sort {
        padding-left: 2%;
    }

    .filtred-items .header .options .change-view,
    .category-lead {
        display: none;
    }

    .sidebar .mobile-menu-buttons {
        left: 0;
        right: auto;
        text-align: center;
    }

    .mobile-menu-buttons a {
        font-size: 13px;
    }

    .mobile-menu-show-categories {
        /*position:relative;*/
        z-index: 20;
    }

    .main-items .item-footer .top {
        height: 40px;
    }

    .main-items .item-footer .top .price,
    .main-items .item-footer .top .add-to-cart {
        width: auto;
    }

    .main-items .item-footer .top .price {
        text-align: left;
    }

    .main-items .item {
        height: 570px;
    }

    .main-items {
        padding-top: 20px;
    }

    .profile-item .tabs-info .tabs-nav {
        width: 35%;
    }

    .profile-item .tabs-info .tabs-content {
        width: 65%;
    }

    .profile-item .tabs-info .tabs-content .tables table td {
        display: block;
        line-height: 1;
        padding: 5px;
    }

    .profile-item .tabs-info .tabs-content p {
        padding: 20px 0;
    }
}

@media screen and (max-width: 420px) {

    .profile-item .gallery,
    .profile-item .details {
        padding-left: 0;
        width: 100%;
    }

    .profile-item .header {
        padding-top: 20px;
    }

    .profile-item .header:before,
    .profile-item .header:after {
        clear: both;
        content: '';
        display: table;
    }

    .profile-item .details .articul,
    .profile-item .details .brand {
        float: left;
    }
}

@media screen and (max-width: 380px) {
    .category-lead {
        display: none;
    }

    .mobile-menu-buttons a {
        font-size: 11px;
    }

    .pager {
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .brands {
        display: block;
    }

    .brands .item {
        clear: none;
        margin-left: 0 !important;
        width: 100%;
    }

    .pager ul li {
        margin: 0 2px;
    }

    /*.filtred-items .items-list.view-block .item {
		margin-left: 2% !important;
		margin-right: 2% !important;
	}*/

}


/*  filter  <<<     */
.price-to {
    margin-left: 10px;
}

.bx-ui-slider-handle {
    background: #fff !important;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px #50184f;
    height: 12px !important;
    top: -4px !important;
    webkit-box-shadow: inset 0 0 0 3px #50184f;
    width: 12px !important;
    z-index: 90;
}

.bx-filter .bx-ui-slider-handle.left {
    margin-left: -6px !important;
}

.bx-filter .bx-ui-slider-handle.right {
    margin-right: -6px !important;
}

.bx-filter .bx-ui-slider-part {
    background: none;
    display: none;
}

.bx-filter .bx-ui-slider-track {
    height: 3px !important;
}

.bx-filter .bx-ui-slider-pricebar-v {
    background: #50184f !important;
}

.bx-filter .bx-ui-slider-pricebar-vn {
    background: #a39f9e !important;
}

.bx-filter .bx-ui-slider-range {
    z-index: 99 !important;
}

/*  filter  >>>     */
/*  Filter libs <<<  */
.mCustomScrollbar {
    ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    ms-touch-action: auto;
    touch-action: auto;
}

/*.mCustomScrollBox{direction:ltr;height:100%;max-width:100%;outline:none;overflow:hidden;position:relative;}*/
/*.mCSB_container{height:auto;overflow:hidden;width:auto;}*/
.mCustomScrollBox {
    direction: ltr;
    height: 100%;
    max-width: 100%;
    outline: none;
    position: relative;
    overflow: hidden;
}

.mCSB_container {
    height: auto;
    width: auto;
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-left: 30px;
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    bottom: 0;
    height: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: 0;
    right: auto;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    width: 2px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 30px;
    margin-right: 0;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    height: 16px;
    left: 0;
    right: 0;
    top: auto;
    width: auto;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 2px;
    margin: 7px 0;
    width: 100%;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    height: 100%;
    left: 0;
    width: 30px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    bottom: 0;
    height: auto;
    left: 0;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.mCSB_container_wrapper>.mCSB_container {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    padding-bottom: 30px;
    padding-right: 30px;
    webkit-box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-left: 30px;
    margin-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
    margin-right: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
    filter: "alpha(opacity=75)";
    ms-filter: "alpha(opacity=75)";
    opacity: 0.75;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    filter: "alpha(opacity=0)";
    ms-filter: "alpha(opacity=0)";
    opacity: 0;
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    filter: "alpha(opacity=100)";
    ms-filter: "alpha(opacity=100)";
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    filter: "alpha(opacity=40)";
    ms-filter: "alpha(opacity=40)";
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    filter: "alpha(opacity=75)";
    ms-filter: "alpha(opacity=75)";
    opacity: 0.75;
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    filter: "alpha(opacity=90)";
    ms-filter: "alpha(opacity=90)";
    opacity: 0.9;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    width: 4px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 1px;
    width: 4px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    width: 4px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    width: 6px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin: 0 1px;
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: -1px 0;
    width: 16px;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: 0 -1px;
    width: 16px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    ms-filter: "alpha(opacity=30)";
    opacity: 0.3;
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-repeat: repeat-x;
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-y;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    filter: "alpha(opacity=30)";
    ms-filter: "alpha(opacity=30)";
    opacity: 1;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    width: 8px;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    height: 8px;
    margin: 4px 0;
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    width: 100%;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 8px;
    margin: 4px auto;
    width: 100%;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    filter: "alpha(opacity=30)";
    ms-filter: "alpha(opacity=30)";
    opacity: 1;
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    height: auto;
    left: 0;
    margin: 2px;
    position: absolute;
    right: 0;
    top: 0;
    webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    margin: 12px 0;
    right: 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 6px;
    margin: 5px 0;
    width: 100%;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    width: 12px;
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 3px 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: 6px;
    left: 0;
    margin: 5px 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
    width: 100%;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/*  >>> Filter libs  */


/*  Filter custom   <<< */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {
    background: #50184f !important;
}

.mCSB_inside>.mCSB_container {
    margin-right: 15px;
}

.mCSB_scrollTools {
    width: 13px;
}

/*  >>> Filter custom  */


/*  Item cloudzoom  <<<*/
.cloudzoom-lens {
    border: 5px solid #888;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    cursor: crosshair;
    height: 100px;
    webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    width: 100px;
    z-index: 9999;
}

.cloudzoom-zoom {
    border: 1px solid #888;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    height: 200px;
    webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    width: 600px;
    z-index: 9999;
}

.cloudzoom-zoom-inside {
    border: none;
    box-shadow: none;
    webkit-box-shadow: none;
    z-index: 9999;
}

.cloudzoom-caption {
    background-color: #000;
    color: #fff;
    display: none;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

.cloudzoom-blank {
    background-image: url("../images/cloudzoom/blank.png");
}

.cloudzoom-ajax-loader {
    background-image: url("../images/cloudzoom/ajax-loader.gif");
    height: 32px;
    width: 32px;
}

/*  >>>  Item cloudzoom  */


/*  select sku   <<<   */
.chosen-container {
    display: inline-block;
    font-size: 13px;
    moz-user-select: none;
    position: relative;
    user-select: none;
    vertical-align: middle;
    webkit-user-select: none;
    zoom: 1;
    margin: 5px 0 20px 0;
}

.chosen-container * {
    box-sizing: border-box;
    moz-box-sizing: border-box;
    webkit-box-sizing: border-box;
}

.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1010;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container-single .chosen-single {
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    display: block;
    height: 25px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}

.chosen-container-single .chosen-single div b {
    background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
    display: block;
    height: 100%;
    width: 100%;
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1010;
}

.chosen-container-single .chosen-search input[type="text"] {
    background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
    background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
    border: 1px solid #aaa;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 1em;
    height: auto;
    line-height: normal;
    margin: 1px 0;
    outline: 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
}

.chosen-container-single .chosen-drop {
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    left: -9999px;
    position: absolute;
}

.chosen-container .chosen-results {
    color: #444;
    margin: 0 4px 4px 0;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 4px;
    position: relative;
    webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    line-height: 15px;
    list-style: none;
    margin: 0;
    padding: 5px 6px;
    webkit-touch-callout: none;
    word-wrap: break-word;
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
    height: 10% !important;
    width: 100% !important;
}

.chosen-container .chosen-results li.disabled-result {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.chosen-container .chosen-results li.highlighted {
    color: #50184f;
}

.chosen-container .chosen-results li.no-results {
    background: #f4f4f4;
    color: #777;
    display: list-item;
}

.chosen-container .chosen-results li.group-result {
    cursor: default;
    display: list-item;
    font-weight: bold;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/*  >>> select sku  */


/*  bottom fixed menu  <<<  */
.bottom-fixed-menu.not-active {
    bottom: -42px;
}

.toggle-bottom-fixed-menu {
    background: #3d3533;
    bottom: 42px;
    height: 40px;
    o-transition: all .25s ease-in;
    position: fixed;
    right: 20px;
    transition: all .25s ease-in;
    webkit-transition: all .25s ease-in;
    width: 40px;
    z-index: 1001;
}

.toggle-bottom-fixed-menu.not-active {
    bottom: 0px;
}

.toggle-bottom-fixed-menu.not-active a:after {
    transform: rotate(-90deg);
}

.toggle-bottom-fixed-menu a {
    display: block;
    height: 100%;
    width: 100%;
}

.toggle-bottom-fixed-menu a:after {
    background: url('../images/sprite-inner.png') no-repeat -138px -4px;
    content: '';
    height: 26px;
    left: 50%;
    margin-left: -8px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
    width: 16px;
}

.bottom-fixed-menu {
    background-color: #50184f;
    bottom: 0;
    height: 42px;
    left: 0;
    line-height: 42px;
    o-transition: all .25s ease-in;
    overflow: hidden;
    position: fixed;
    transition: all .25s ease-in;
    webkit-transition: all .25s ease-in;
    width: 100%;
    z-index: 1000;
}

.bottom-fixed-menu a {
    color: #d1d3d4;
}

.bottom-fixed-menu a:hover {
    color: #fff;
}

.bottom-fixed-menu .left {
    float: left;
}

.bottom-fixed-menu .right {
    float: right;
}

.bottom-fixed-menu .right a {
    border-left: 1px solid #a39f9e;
    display: inline-block;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

.bottom-fixed-menu .right a span {
    border-bottom: none;
    color: #d1d3d4;
    font-weight: normal;
}

.bottom-fixed-menu .right .viewed-items {
    margin-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .bottom-fixed-menu {
        height: 84px;
    }

    .bottom-fixed-menu .right {
        float: left;
        width: 100%;
    }

    .bottom-fixed-menu .right>* {
        float: left;
        width: 49%;
    }

    .bottom-fixed-menu .left {
        bottom: 0;
        position: absolute;
        right: 0;
    }

    .bottom-fixed-menu.not-active {
        bottom: -84px;
    }

    .toggle-bottom-fixed-menu {
        bottom: 84px;
    }
}

@media screen and (max-width: 720px) {
    .bottom-fixed-menu .right>* {
        width: 100%;
    }

    .bottom-fixed-menu {
        bottom: -168px;
        height: 168px;
    }

    .toggle-bottom-fixed-menu {
        bottom: 168px;
    }

    .bottom-fixed-menu.not-active {
        bottom: 0px;
    }

    .toggle-bottom-fixed-menu.not-active {
        bottom: 168px;
    }

    .toggle-bottom-fixed-menu {
        bottom: 0;
    }

    .toggle-bottom-fixed-menu a:after {
        transform: rotate(-90deg);
    }

    .toggle-bottom-fixed-menu.not-active a:after {
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 380px) {
    .bottom-fixed-menu {
        bottom: -210px;
        height: 210px;
    }

    .toggle-bottom-fixed-menu {
        bottom: 0px;
    }

    .toggle-bottom-fixed-menu.not-active {
        bottom: 210px;
    }

    .bottom-fixed-menu .right a {
        border-left: none;
    }
}

/*   >>>  bottom fixed menu  */


/*  Popup libs  <<<   */
.mfp-bg {
    background: #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
}

.mfp-wrap {
    height: 100%;
    left: 0;
    outline: none !important;
    position: fixed;
    top: 0;
    webkit-backface-visibility: hidden;
    width: 100%;
    z-index: 1043;
}

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    moz-box-sizing: border-box;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    webkit-box-sizing: border-box;
    width: 100%;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    cursor: auto;
    width: 100%;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: -moz-zoom-in;
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    moz-user-select: none;
    ms-user-select: none;
    user-select: none;
    webkit-user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    webkit-appearance: none;
    webkit-box-shadow: none;
    z-index: 1046;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.mfp-close {
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%;
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.mfp-arrow {
    height: 110px;
    margin: 0;
    margin-top: -55px;
    opacity: 0.65;
    padding: 0;
    position: absolute;
    top: 50%;
    webkit-tap-highlight-color: transparent;
    width: 90px;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    border: medium inset transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}

.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    width: 100%;
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    moz-box-sizing: border-box;
    padding: 40px 0 40px;
    webkit-box-sizing: border-box;
    width: auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    width: auto;
    z-index: -1;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%;
}

.mfp-title {
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        moz-box-sizing: border-box;
        padding: 3px 5px;
        position: fixed;
        top: auto;
        webkit-box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, 0.6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        moz-transform: scale(0.75);
        ms-transform: scale(0.75);
        transform: scale(0.75);
        webkit-transform: scale(0.75);
    }

    .mfp-arrow-left {
        moz-transform-origin: 0;
        ms-transform-origin: 0;
        transform-origin: 0;
        webkit-transform-origin: 0;
    }

    .mfp-arrow-right {
        moz-transform-origin: 100%;
        ms-transform-origin: 100%;
        transform-origin: 100%;
        webkit-transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 600px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    padding-top: 0;
    right: 0;
    top: 0;
}

.my-mfp-zoom-in.mfp-bg {
    moz-transition: opacity 0.3s ease-out;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    webkit-transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    moz-transition: all 0.2s ease-out;
    ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    opacity: 0;
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transition: all 0.2s ease-out;
    webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    webkit-transition: all 0.2s ease-out;
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    moz-transform: translateY(0) perspective(600px) rotateX(0);
    ms-transform: translateY(0) perspective(600px) rotateX(0);
    opacity: 1;
    transform: translateY(0) perspective(600px) rotateX(0);
    webkit-transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
    webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
    moz-transition: opacity 0.3s ease-out;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    webkit-transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.5;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/*  >>> Popup libs   */
/*  Popup  <<<   */
.popup {
    background: #fff;
    margin: 40px auto;
    max-width: 400px;
    padding: 35px;
    position: relative;
    text-align: left;
}

.popup .mfp-close {
    font-family:  'Lato', sans-serif;
    font-size: 42px;
    font-weight: 300;
}

.popup .header h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
}

.popup .header h2:after {
    background-color: #50184f;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 75px;
}

.popup .header .small {
    cursor: default;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
}

.popup form:before,
.popup form:after {
    clear: both;
    content: '';
    display: table;
}

.popup input[type="text"] {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.popup input[type="text"]:focus {
    border-width: 3px;
}

.popup textarea {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 100px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.popup textarea {
    border-width: 3px;
}

.popup input[type="submit"] {
    background-color: #50184f;
    border: none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 160px;
}

/*  >>> Popup   */
/*  Popup popup_preview  <<<   */
.popup_preview {
    background: #fff;
    margin: 40px auto;
    width: 1280px;
    padding: 35px;
    position: relative;
    text-align: left;
}

.popup_preview .mfp-close {
    font-family:  'Lato', sans-serif;
    font-size: 42px;
    font-weight: 300;
}

.popup_preview .header h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
}

.popup_preview .header h2:after {
    background-color: #50184f;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 75px;
}

.popup_preview .header .small {
    cursor: default;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
}

.popup_preview form:before,
.popup_preview form:after {
    clear: both;
    content: '';
    display: table;
}

.popup_preview input[type="text"] {
    /*border:1px solid #50184f;*/
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    /*padding-left:20px;*/
    /*padding-right:20px;*/
    /*width:100%;*/
}

.popup_preview input[type="text"]:focus {
    border-width: 3px;
}

.popup_preview textarea {
    border: 1px solid #50184f;
    font-size: 16px;
    font-weight: 300;
    height: 100px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.popup_preview textarea {
    border-width: 3px;
}

.popup_preview input[type="submit"] {
    background-color: #50184f;
    border: none;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 160px;
}

/*  >>> Popup popup_preview  */


/* fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license  <<<  */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: top;
}

.fancybox-wrap {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8020;
}

.fancybox-skin {
    background: #f9f9f9;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.fancybox-image {
    max-height: 100%;
    max-width: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("../images/cloudzoom/fancybox_sprite.png");
}

#fancybox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}

#fancybox-loading div {
    background: url("../images/cloudzoom/fancybox_loading.gif") center center no-repeat;
    height: 44px;
    width: 44px;
}

.fancybox-close {
    cursor: pointer;
    display: none;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
}

.fancybox-nav {
    background: transparent url("../images/cloudzoom/blank.gif");
    cursor: pointer;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 40%;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    cursor: pointer;
    height: 47px;
    margin-top: -23.5px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 8040;
}

.fancybox-prev span {
    background: url("../images/sprite.png") no-repeat 0 -35px;
    left: 10px;
}

.fancybox-prev:hover span {
    background-position: -71px -35px;
}

.fancybox-next span {
    background: url("../images/sprite.png") no-repeat -111px -35px;
    right: 10px;
}

.fancybox-next:hover span {
    background-position: -39px -35px;
}

.fancybox-tmp {
    left: -99999px;
    max-height: 99999px;
    max-width: 99999px;
    overflow: visible !important;
    position: absolute;
    top: -99999px;
    visibility: hidden;
}

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    background: url("../images/cloudzoom/fancybox_overlay.png");
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010;
}

.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 8050;
}

.fancybox-title-float-wrap .child {
    background: rgba(0, 0, 0, 0.8);
    background: transparent;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    margin-right: -100%;
    padding: 2px 20px;
    text-shadow: 0 1px 2px #222;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
}

/*  >>>  fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license  */


/*  right_details_column  <<<  */
.profile-item .right_details_column {
    float: right;
    padding-left: 25px;
    width: calc(100% - 360px - 473px);
}

#catalog_store_amount_div hr {
    display: none;
}

#catalog_store_amount_div {
    /* border-bottom: 1px solid #dedfde; */
}

.profile-item .details .header>p {
    margin: 17px 0 18px;
}

.profile-item .details .header {
    margin-bottom: 18px;
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt,
.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 3px solid #50184f;
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt {
    border: 3px solid #50184f;
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul {
    margin-left: 0px !important;
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul li {
    height: 34px !important;
    margin-right: 3px;
    padding: 0 !important;
    width: 34px !important;
}

.bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt,
.bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {
    border: 3px solid #50184f;
}

.item_info_section .block_item_size {
    padding-top: 5px;
}

.item_info_section .block_item_size p.choose_size_title {
    color: #474747;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

.item_info_section .block_item_size #select_size {
    background: url(../images/dropdown.png) no-repeat 90% 50%;
    border: 1px solid #dedfde;
    color: #313131;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 20px 10px 13px;
    webkit-appearance: none;
    width: 150px;
}

.profile-item .details h4 {
    color: #474747;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.bx_storege ul#c_store_amount li a {
    color: #50184f;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.bx_storege ul#c_store_amount li {
    padding-left: 14px;
    position: relative;
}

.bx_storege ul#c_store_amount li::before {
    /* background-color: #50184f;
    border-radius: 50%;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 5px; */
}

.bx_storege ul#c_store_amount li span {
    color: #272727;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
}

.bx_storege ul li {
    padding-bottom: 18px;
}

.bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item {
    background-size: 100% 100%;
}

.profile-item .details .header>p {}

.profile-item .details .header>p span {
    color: #8e8e8e;
}

.item_info_description {
    padding-bottom: 20px;
}

.item_info_description .item_descr {
    border-bottom: 1px dotted #8e8e8e;
    padding: 15px 0;
}

.item_info_description .item_descr span {
    display: inline-block;
    width: 45%;
}

.item_info_description .item_descr span.left {
    color: #8e8e8e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.item_info_description .item_descr span.right {
    color: #313131;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.item_info_description .wrap_button {
    background-color: #f2f2f2;
    height: 40px;
    line-height: 36px;
    margin-top: 20px;
    max-width: 270px;
    text-align: center;
}

.item_info_description .wrap_button span {
    border-bottom: 1px dotted #8e8e8e;
    color: #666;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    max-width: 270px;
    text-align: center;
    width: 100%;
}

.item_info_description .wrap_button span:hover {
    border-bottom: 1px dotted transparent;
}

.right_details_column p {
    margin: 0;
}

.right_details_column .top_price {
    /* border: 1px solid #dedfde; */
    padding: 0 0;
}

.right_details_column .top_price .block_old_price {
    padding: 0 20px 16px 20px;
}

.right_details_column .top_price .block_old_price p {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 9px;
}

.right_details_column .top_price .block_old_price p.value_price {
    color: #121212;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    text-decoration: line-through;
}

.right_details_column .top_price .block_new_price {
    padding: 0 20px 20px;
}

.right_details_column .top_price .block_new_price p {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}

.right_details_column .top_price .block_new_price span.new_price,
.right_details_column .top_price .block_new_price_only span.price-measure {
    color: #000;
    display: inline;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    vertical-align: top;
  
}

.right_details_column .top_price .block_new_price_only span.new_price {
    width: 100%;
}

.right_details_column .top_price .block_new_price span.sales {
    color: #ff0000;
    font-size: 13px;
    font-weight: 600;
}

.right_details_column .availability-box {
    text-align: center;
}

.right_details_column .no-availability,
.item .bx_available {
    color: #ea5656;
    cursor: default;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.item .bx_available {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.right_details_column .subscription,
.item .bx-catalog-subscribe-button {
    color: #50184f;
    cursor: pointer;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    position: relative;
    text-decoration: underline;
    z-index: 1;
}

.right_details_column .top_price .block_buy_product {
    /* background-color: #f2f2f2;
    border-bottom: 1px solid #dedfde;
    border-top: 1px solid #dedfde; */
    padding: 19px 20px;
    padding-top: 0;
}

.right_details_column .top_price .block_buy_product .left_column {
    float: left;
    margin-right: 7%;
    position: relative;
    width: 100%;
}

.right_details_column .top_price .block_buy_product .right_column {
    float: left;
    margin-top: 5px;
    width: 50%;
}

.block_buy_product .left_column span.quantity_product {
    color: #313131;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}

.block_buy_product .left_column span.minus {
    background: url(../images/minus.png) no-repeat;
    height: 15px;
    left: 0;
    margin-top: -7.5px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.block_buy_product .left_column span.plus {
    background: url(../images/plus.png) no-repeat;
    height: 15px;
    margin-top: -7.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
}

.block_buy_product .right_column a {
    border-radius: 4px;
    background-color: #50184f;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


.block_buy_product .right_column a:hover,
.block_buy_product .right_column a:focus {
    background-color: #A850A8;
}

.top_price .fast_order {
    padding: 20px;
}

.top_price .fast_order a {
    background-color: #fff;
    border: 1px solid #50184f;
    color: #50184f;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.top_price .fast_order a:hover {
    background-color: #50184f;
    color: #fff;
}

.top_price .block_compare {
    padding: 0 20px;
}
.quantity-store {
    padding: 20px;
    padding-top: 0;

}
.top_price .block_compare a {
    border-bottom: 1px dotted #50184f;
    color: #50184f;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 23px;
    position: relative;
}

.top_price .block_compare a:hover {
    border-bottom: 1px dotted transparent;
}

.top_price .block_compare .comp {
    margin-bottom: 12px;
}

.top_price .block_compare a.like::before {
    background: url(/bitrix/templates/innet_plumbing2_1_s1/components/bitrix/catalog.element/innet/images/wishCompImage.png) 0 0 no-repeat;
    content: '';
    height: 16px;
    left: -23px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;



    transition: all .2s ease-in-out;
}



.top_price .block_compare .comp::before {
    background: url(/bitrix/templates/innet_plumbing2_1_s1/components/bitrix/catalog.element/innet/images/wishCompImage.png) 0 0 no-repeat;
    content: '';
    height: 25px;
    left: -23px;
    margin-top: -9.5px;
    position: absolute;
    top: 50%;
    width: 25px;
    transition: all .2s ease-in-out;
    background-position: 2px -15px;

}
.right_details_column .bottom_price {
    border: 1px solid #dedfde;
    padding: 20px;
}

.bottom_price .block_delivery {
    margin-bottom: 15px;
}

.bottom_price .block_delivery span.title_name {
    color: #313131;
    float: left;
    font-size: 16px;
    font-weight: 700;
}

.bottom_price .block_delivery span.choose_city {
    border: none;
    border-bottom: 1px dotted #4b6eae;
    color: #4b6eae;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    position: relative;
}

.bottom_price .block_delivery span.choose_city::before {
    background: url(../images/drop.png) no-repeat;
    content: '';
    height: 5px;
    margin-top: -2.5px;
    position: absolute;
    right: -15px;
    top: 50%;
    width: 7px;
}

.right_details_column .block_car {
    margin-bottom: 6px;
}

.right_details_column .block_car p.title {
    color: #50184f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}

.right_details_column .block_car .block_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 1;
    padding-bottom: 14px;
}

.right_details_column .block_car .block_list p.left_item {
    color: #313131;
    font-size: 14px;
    font-weight: 400;
    width: 70%;
}

.right_details_column .block_car .block_list p.price_item {
    color: #313131;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    width: 30%;
}

.right_details_column .block_payment strong {
    color: #313131;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.right_details_column .block_payment ul li {
    color: #313131;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 12px;
}

.right_details_column .block_payment ul li:last-child {
    padding-bottom: 0;
}

.bx_catalog_list_home .bx_catalog_item_images {
    height: 100%;
    padding-top: 0;
}

.main-items .item-wrapper {
    border: 1px solid #dedfde;
    padding: 4px 16px 0;
}

.main-items .item {
    height: auto;
    margin-bottom: 20px;
    margin-left: 14px;
    width: 216px;
}

.main-items .item:hover {
    z-index: 999;
}

.main-items .item:hover .item-wrapper {
    border-color: transparent;
    left: 0;
    /*outline:3px solid #50184f*/
    box-shadow: 0 0 0 3px #50184f;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-items .item-footer .bottom .counter {
    height: 40px;
    margin-top: 14.5px;
    position: relative;
}

.main-items .item-footer .add-to-cart {
    margin-top: 14.5px;
}

.main-items .item-footer .bottom {
    position: relative;
}

.main-items .item-footer .bottom::before {
    background-color: #f2f2f2;
    content: '';
    height: 100%;
    left: -15px;
    position: absolute;
    width: 15px;
    z-index: 0;
}

.main-items .item-footer .bottom::after {
    background-color: #f2f2f2;
    bottom: 0;
    content: '';
    height: 100%;
    position: absolute;
    right: -15px;
    width: 15px;
}

.main-items .description .item-footer {
    padding: 15px 0 0;
}

.main-items .item-footer .top {
    height: auto;
    line-height: 1;
    margin-bottom: 15px;
}

.main-items .item-footer .top .old_price {
    float: left;
    margin-right: 10px;
}

.bx-catalog-subscribe-button {
    margin-bottom: 5px;
}

.item-footer .block_status_product {
    margin-bottom: 20px;
}

.yes_availability {
    color: #669933;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-left: 19px;
    position: relative;
}

.yes_availability::before {
    background: url(../images/3.png) no-repeat;
    content: '';
    height: 12px;
    left: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 13px;
}

.no_availability {
    color: #cc0000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-left: 19px;
    position: relative;
}

.no_availability::before {
    background: url(../images/2.png) no-repeat;
    content: '';
    height: 12px;
    left: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 12px;
}

.hidden-details .link-compare,
.hidden-details .link-fav {
    border-bottom: 1px dotted #50184f;
    color: #50184f;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
    margin-left: 22px;
    position: relative;
}

.hidden-details .link-compare::before {
    background: url(../images/table.png) no-repeat;
    content: '';
    height: 19px;
    left: -24px;
    margin-top: -9.5px;
    position: absolute;
    top: 50%;
    width: 15px;
}

.hidden-details .link-fav::before {
    background: url(../images/like.png) no-repeat;
    content: '';
    height: 16px;
    left: -25px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item {
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    padding: 0;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li {
    height: 34px !important;
    padding: 0 !important;
    width: 34px !important;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {
    border: 3px solid #50184f;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:hover .cnt {
    border: 1px solid #50184f;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active:hover .cnt {
    border: 3px solid #50184f;
}

.bx_catalog_list_home .bx_item_detail_size ul li:active .cnt,
.bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt {
    border: 3px solid #50184f;
    font-size: 14px;
}

.bx_size_scroller_container {
    margin-top: 12px;
}

.bx_catalog_list_home .bx_item_detail_size ul li {
    height: 30px;
}

.bx_catalog_list_home .bx_item_detail_size .bx_item_section_name_gray {
    color: #3f4147;
    font-size: 14px;
    line-height: 1;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_scu_scroller_container {
    margin-top: 12px;
}

.bx_catalog_list_home .bx_item_detail_scu .bx_item_section_name_gray {
    color: #3f4147;
    font-size: 14px;
    line-height: 1;
}

.main-items .item .label_new,
.main-items .item .label_sale,
.main-items .item .label_special {
    color: white;
    font-size: 10px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    z-index: 92;
}

.main-items .item:hover .label_new,
.main-items .item:hover .label_sale,
.main-items .item:hover .label_special {
    z-index: 100;
}

.main-items .item .label_sale {
    background: #ff0000;
}

.main-items .item .label_new {
    background: #79b549;
}

.main-items .item .label_special {
    background: #ff9900;
}

@media screen and (max-width: 1260px) {
    .main-items .item {
        margin-bottom: 2%;
        margin-left: 2%;
        width: 23.5%;
    }

    .profile-item .right_details_column {
        padding-left: 20px;
        width: 30%;
    }

    .main-items .item:hover .label_new,
    .main-items .item:hover .label_sale,
    .main-items .item:hover .label_special {}

    .main-items .item:hover .item-wrapper {}

    .main-items .item:hover .item-footer .bottom::before {
        left: -15px;
    }

    .main-items .item-footer .add-to-cart a {
        width: 35px;
    }
}

@media screen and (max-width: 992px) {
    .profile-item .gallery {
        width: 40%;
    }

    .profile-item .details {
        width: 60%;
    }

    .profile-item .right_details_column {
        float: left;
        margin-top: 50px;
        padding-left: 0;
        width: 61%;
    }

    .main-items .item {
        margin-bottom: 2%;
        margin-left: 1% !important;
        width: 24%;
    }

    .main-items .item:nth-child(even) {
        margin-left: 1% !important;
    }

    .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container {
        padding: 4px 16px 0;
    }

    .main-items .item:nth-child(3n+1) {
        clear: none !important;
        margin-left: 1% !important;
    }

    .main-items .item:nth-child(4n+1) {
        margin-left: 1% !important;
    }

    .bx_ordercart .bx_ordercart_order_table_container tbody td.control a:first-child:after,
    .bx_ordercart .bx_ordercart_order_table_container tbody td.control a:last-child:after {
        left: 5px;
    }
}

@media screen and (max-width: 920px) {

    .main-items .item-footer .price,
    .main-items .item-footer .add-to-cart {
        text-align: inherit;
        width: auto;
    }

    .main-items .item-footer .price a,
    .main-items .item-footer .add-to-cart a {
        margin: 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 1060px) {
    .main-items .item-footer .bottom {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media screen and (max-width: 800px) {
    .ya-share2__list {
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 790px) {
    .main-items .item-footer .bottom {
        margin: 0 -10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    .profile-item .gallery {
        width: 100% !important;
    }

    .profile-item .right_details_column,
    .profile-item .details {
        width: 49% !important;
    }

    .profile-item .details {
        margin-right: 2%;
    }

    .profile-item .right_details_column {
        margin-top: 10px;
    }

    .bottom_price .block_delivery span.choose_city {
        float: left;
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 820px) {
    .bx-filter .bx-filter-parameters-box-title span {
        font-size: 13px;
    }

    .bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    .main-items .item {
        width: 32%;
    }

    .profile-item .gallery {
        width: 60%;
    }

    .profile-item .details {
        width: 40%;
    }

    .checkbox {
        display: inline-block;
        width: 32%;
    }
}

@media screen and (max-width: 680px) {
    .profile-item .gallery {
        width: 50%;
    }

    .profile-item .details {
        width: 50%;
    }
}

@media screen and (max-width: 560px) {
    .main-items .item {
        width: 49%;
    }

    .checkbox {
        width: 48%;
    }

    .filtred-items.main-items .item {
        width: 49%;
    }
    .bot-header .bot-header-item {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 480px) and (max-width: 620px) {
    .main-items .item-footer .add-to-cart a {
        position: relative;
        width: 35px;
        z-index: 5;
    }

    .main-items .item-footer .bottom {
        margin-left: -10px;
        margin-right: -10px;
    }

    .main-items .item:hover .item-footer .bottom::before {
        left: -7px;
    }

    .main-items .item-footer .bottom::after {
        right: -7px;
    }
}

@media screen and (max-width: 480px) {
    .profile-item .gallery {
        width: 100%;
    }

    .profile-item .details {
        width: 100%;
    }

    .profile-item .right_details_column {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .main-items .item {
        margin-left: 2% !important;
        width: 48% !important;
    }

    .container .main-items .item {
        margin-bottom: 15px;
    }

    .main-items .item:nth-child(4n+1) {
        margin-left: 2% !important;
    }

    .checkbox {
        width: 98%;
    }
}

@media screen and (max-width: 380px) {
    .main-items .item {
        margin-left: 2% !important;
        width: 96% !important;
    }

    .main-items .item-footer .add-to-cart a {
        width: 70px;
    }
  
}


.bx-filter.bx-site {
    background-color: #f7faf9;
}

.bx-filter .bx-ui-slider-track-container {
    margin-left: 5px;
}

.bx-filter .bx-filter-section>.row {
    padding: 0;
}

.bx-filter .bx-filter-parameters-box-title span {
    color: #6a6a6a;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding-right: 20px;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.bx-filter .bx-filter-parameters-box-container-block {
    margin-right: 0px;
    width: 65px;
}

.bx-filter-parameters-box-container {
    padding-bottom: 0;
}

.bx-filter-block {
    margin-bottom: 20px;
}

.row .bx-filter-parameters-box-container {
    margin-left: -15px;
    margin-right: -15px;
}

.bx-filter-parameters-box {
    border-bottom: 1px solid #dedfde;
}

.bx-filter-parameters-box-container {
    direction: ltr;
    height: 100%;
    max-height: 400px;
    outline: none;
    overflow: hidden;
    position: relative;
}

.bx-filter-input-checkbox::before {
    background-color: #fff;
    border: 1px solid #d8d7d6;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

.bx-filter .bx-filter-parameters-box-title {
    padding-bottom: 0;
}

.bx-filter .bx-filter-button-box {
    padding: 0 20px;
}

.bx-filter-button-box input[type="submit"], .bx-filter-button-box input[type="button"]{
    border: 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.bx-filter-button-box #set_filter {
    background-color: #50184f;
    margin-bottom: 10px;
    margin-top: 10px;
}

.bx-filter-button-box #del_filter {
    background-color: #bebfb5;
    margin-bottom: 10px;
    margin-top: 10px;

}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border: 0;
}

.sidebar-filters .header a:after {
    background: url(../images/sprite-inner.png) no-repeat -188px -155px;
    content: '';
    height: 7px;
    margin-top: -3.5px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 11px;
}

.bx-filter .bx-filter-parameters-box {
    padding: 0 20px;
}

.bx-filter-parameters-box-title span:after {
    background: url(../images/sprite-inner.png) no-repeat -188px -155px;
    content: '';
    height: 7px;
    margin-top: -3.5px;
    position: absolute;
    right: 0px;
    top: 50%;
    width: 11px;
}

.bx-active .bx-filter-parameters-box-title span:after {
    moz-transform: rotate(-90deg);
    ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    webkit-transform: rotate(-90deg);
}

.bx-filter-parameters-box-title .fa,
.bx-filter-parameters-box-hint .fa,
.bx-filter .bx-filter-title,
.bx-filter-parameters-box-container-block i {
    display: none !important;
}

.bx-filter .bx-filter-section {
    padding-top: 0;
}

.bx-filter-parameters-box-container input[type='range'] {
    background-color: #fff;
    border: 1px solid #bdc3c7;
    border-radius: 8px;
    height: 7px;
    webkit-appearance: none;
    width: 100%;
}

.bx-filter-parameters-box-container::-webkit-slider-thumb {
    background-color: #ecf0f1;
    border: 1px solid #bdc3c7;
    border-radius: 10px;
    cursor: pointer;
    height: 20px;
    webkit-appearance: none;
    width: 20px;
}

.bx-filter-input-checkbox .icon {
    background-color: #fff;
    border: 1px solid #d8d7d6;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    display: inline-block;
}

.bx-filter .bx-filter-param-btn-block .bx-active {
    color: #50184f;
}

input[type="checkbox"]:checked+.icon {
    background: #50184f;
    box-shadow: inset 0 0 0 3px #fff;
    webkit-box-shadow: inset 0 0 0 3px #fff;
}

.bx-filter {
    min-width: 195px;
}

.view-list .title a {
    font-size: 22px;
}

.bx_catalog_item_articul {
    font-size: 14px;
    line-height: 24px;
}

.view-list .link-compare {
    margin-top: 30px;
}

@media screen and (max-width: 960px) {
    .bx-filter .bx-filter-input-container input {
        width: auto;
    }

    .bx-filter .bx-filter-parameters-box-container-block {
        padding: 0 0 0 15px;
        width: auto;
    }
}

#mCSB_10 .checkbox {
    display: inline-block;
    margin-bottom: 10px;
    width: 48%;
}

#mCSB_11 .checkbox {
    display: inline-block;
    margin-bottom: 10px;
    width: 48%;
}

.bx_item_detail_rating {
    float: right;
    margin-bottom: 0;
    margin-top: 10px;
}

.bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls,
.bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul,
.bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu {
    display: block !important;
}

.items-list .bx_catalog_item:hover .bx_catalog_item_scu {
    padding-top: 0;
}

.processing_data {
    margin: 10px 0 20px 0;
}

.processing_data label {
    cursor: pointer;
}

.processing_data a {
    color: #50184f;
}

.btn_coupon {
    background-color: #50184f;
    color: #fff;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 220px;
    margin-top: 10px;
}

.btn_coupon:hover {
    text-decoration: underline;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
  }




  .accordion {
	margin: 1rem 0;
	padding: 0;
	list-style: none;

}

.accordion-item {
	/* border-bottom: 1px solid #e5e5e5; */
}

/* Thumb */
.accordion-thumb {
	margin: 0;
	padding: .8rem 0;
	cursor: pointer;
    font-weight: normal;
    font-size: 18px;
}

.accordion-thumb::before {
	content: '';
		display: inline-block;
		height: 7px;
		width: 7px;
		margin-right: 1rem;
		margin-left: .5rem;
		vertical-align: middle;
		border-right: 1px solid;
		border-bottom: 1px solid;
		transform: rotate(-45deg);
        transition: transform .2s ease-out;
        color: #50184f;
}
.accordion-thumb span {
    border-bottom: 1px dotted;
}

/* Panel */
.accordion-panel {
	margin: 0;
	padding-bottom: .8rem;
	display: none;
}

/* Active */
.accordion-item.is-active .accordion-thumb::before {
    transform: rotate(45deg);
}