@import url("css.css");
@import url("font.css");
@import url("hover.css");
body , html {
    height: 100%;
    color: #2f3945;
    font-size: 14px;
    font-family: 'PT Sans';
    font-weight: 400;
    font-style: normal;
    background: #f2f2f2;
	display: block;
}
.gold2 {
	color: #8C7228;
}



.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content {
    flex: 1 0 auto;
}
.footer {
    flex: 0 0 auto;
}
.ptSans {
    font-family: 'PT Sans';
}
.headerTop {
	background: #fff;
}
.headerTop .container {
	display: flex;
	align-items: center;
}
.headerTop-left {
	width: 300px;
	display: flex;
	justify-content: center;
}
.headerTop-right {
	margin-left: 20px;
	flex-grow: 1;
}
.hr-1, .hr-2 {
	padding: 10px 0;
}
.hr-1 {
	border-bottom: 1px solid rgba(229, 229, 229, 1);
	flex-wrap: wrap;
}
.topNav  {
    display: inline-flex;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: -10px;
}
.topNav li {
    display: inline-block;
    padding: 0 10px;
	vertical-align: middle;
    position: relative;
	white-space: nowrap;
}
.topNav li a {
    position: relative;
    display: block;
}

.topNav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.auth {
    /* max-width: 130px; */
    /* overflow: hidden; */
}
.authUl {
    display: inline-block;
    vertical-align: middle;
}
.authUl li {
    display: inline-block;
}

.authUl .icon-svg23:before {
    color: #c9c9c9;
}
.instaButton span:nth-child(1) {
	height: 16px;
}
.telegramButton {
    margin-right: 20px;
}
.telegramButton span:before {
    color: #47a0d8;
}
.logo {


}
.course {
	white-space: nowrap;
}
.headerBottom {
    background: #fff;
	border-top: 1px solid rgba(229, 229, 229, 1);
}
.searchContainer {
   flex-grow: 1;
}
.form_div {
    position: relative;
    height: 50px;
    border-radius: 7px;
    overflow: hidden;
}
.form_div:hover #search-input {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
}
.form_div form {
    width: 100%;
    height: 100%;
}
#search-input {
    background: #f2f2f2;
    box-shadow: none;
    position: relative;
    padding-left: 20px;
    border: none;
    font-size: 16px;
    width: 100%;
    height: 100%;
    transition: 0.5s linear;
}
#search-input::-webkit-input-placeholder {
    color: #a4a4a4;
}
#search-input::-moz-placeholder {
    color: #a4a4a4;
}
#search-input:-moz-placeholder {
    color: #a4a4a4;
}
#search-input:-ms-input-placeholder {
    color: #a4a4a4;
}
.form_div .my_but {
    float: right;
    width: 40px;
    height: 100%;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: none;
    color: white;
    font-size: 22px;
}
.form_div .my_but:hover span:before {
    color: rgba(140, 114, 40, 1);
}
.tels {
	margin: 0 30px;
}
.bookButton span {
    font-size: 30px;
    line-height: 1;
}
.bookButton {
    width: 60px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    text-align: center;
    height: 30px;
    cursor: pointer;
    position: relative;

}
 .bookButton span:before {
    transition: 0.2s linear;
}
 .bookButton:hover span:before {
    color: rgba(140, 114, 40, 1);
}
.bookButton .count {
    width: 18px;
    height: 18px;
    background: rgba(140, 114, 40, 1);
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    line-height: 1.5;
    border-radius: 50%;
    top: -4px;
    right: 5px;
}
.cartDiv {
    margin-left: 10px;
    display: block;
}
.cartDiv table tr td:nth-child(1) {
    padding-right: 10px;
    position: relative;
}
.cartDiv table tr td:nth-child(1) span:before {
	color: #cfcfcf;
	transition: all .2s linear;
}
.cartDiv:hover table tr td:nth-child(1) span:before {
	color: rgba(140, 114, 40, 1);
}
.cartDiv .count {
    min-width: 18px;
    height: 18px;
    background: rgba(140, 114, 40, 1);
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    line-height: 1.1;
    border-radius: 50%;
    top: 2px;
    right: 5px;
    padding: 2px;
}
.manContainer {
    flex-grow: 1;
	display: none!important;
}
.catalogButton {
    padding: 10px 15px;
    background: rgba(77, 79, 65, 1);
    cursor: pointer;
    margin-right: 20px;
    width: 300px;
    font-size: 16px;
    z-index: 999;
    font-weight: bold;
    color: white;
    overflow: hidden;
    display: inline-flex;
	align-items: center;
    text-align: center;
	justify-content: center;
	position: relative;
}
.catalogButton span:nth-child(1) {
	position: absolute;
	left: 15px;
}
.catalogButton span:before {
	color: #fff;
}
.catalogButton:hover  {
    background: rgba(140, 114, 40, 1);
}
.topBrands {
    width: 100%;
}
.topBrands  ul {
    display: table;
    width: 100%;
    margin-left: 30px;
}
.topBrands  ul > li {
     display: table-cell;
     padding: 0 5px;
     vertical-align: middle;
     height: 50px;
     cursor: pointer;
     background-color: transparent;
     position: relative;
 }
 .topBrands  ul > li > a {
     font-size: 16px;
 }

  .topBrands  ul > li.hasUl > a {
      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxICAgTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyICAgYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3ICAgYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIgZmlsbD0iI2M0YzRjNCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      padding-right: 12px;
      background-size: 10px;
      background-position: 100% 70%;
  }

 .topBrands  ul > li:last-child a .icon-svg15:before {
     font-size: 12px;
     color: #83b00b;
     transition: 0.3s linear;
 }

 .topBrands li .subDiv {
     position: absolute;
     left: 0;
     top: 100%;
     background: white;
     -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.25);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 100ms linear 0s;
    z-index: 999;
    width: 200px;

    border: 1px solid #e5e5e5;
 }
.topBrands li .subDiv .arrow,
.topBrands li .subDiv .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.topBrands li .subDiv .arrow:after {
  z-index: -1;
  content: "";
}
.topBrands li .subDiv .arrow {
    top: -10px;
    left: 20px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-width: 0 10px 10px;
}
.topBrands li .subDiv .arrow:after {
    top: -2px;
    left: -11px;
    border-bottom-color: #e5e5e5;
    border-width: 0 11px 11px;
}


.topBrands li .subDiv ul {
    display: block;
    padding: 0;
    margin: 0;
}

.topBrands li .subDiv ul li {
    display: block;
    height: auto;
    padding: 2px 0;
}

@media only screen and (min-width: 991px) {

    .topNav li a:hover {
        color: rgba(140, 114, 40, 1);
    }

    .topNav li a:hover:before {
      visibility: visible;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

    .topBrands  ul > li.hasUl:hover > a {
        color: #83b00b;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsMTk1LjI4NUwxNDkuMDI4LDYyLjI0Yy0xLjkwMS0xLjkwMy00LjA4OC0yLjg1Ni02LjU2Mi0yLjg1NnMtNC42NjUsMC45NTMtNi41NjcsMi44NTZMMi44NTYsMTk1LjI4NSAgIEMwLjk1LDE5Ny4xOTEsMCwxOTkuMzc4LDAsMjAxLjg1M2MwLDIuNDc0LDAuOTUzLDQuNjY0LDIuODU2LDYuNTY2bDE0LjI3MiwxNC4yNzFjMS45MDMsMS45MDMsNC4wOTMsMi44NTQsNi41NjcsMi44NTQgICBjMi40NzQsMCw0LjY2NC0wLjk1MSw2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDJsMTEyLjIwOCwxMTIuMjA5YzEuOTAyLDEuOTAzLDQuMDkzLDIuODQ4LDYuNTYzLDIuODQ4ICAgYzIuNDc4LDAsNC42NjgtMC45NTEsNi41Ny0yLjg0OGwxNC4yNzQtMTQuMjc3YzEuOTAyLTEuOTAyLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY2ICAgQzI4NC45MjksMTk5LjM3OCwyODMuOTg0LDE5Ny4xODgsMjgyLjA4MiwxOTUuMjg1eiIgZmlsbD0iI2M0YzRjNCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
         background-size: 10px;
          background-position: 100% 70%;
          background-repeat: no-repeat;
    }
    .topBrands li:hover .subDiv {
        max-height: 700px;
        overflow: visible;
        opacity: 1;
        padding: 10px 20px;
        display: block;
    }

}
body.overflow {
    overflow: hidden;
    padding-right: 17px;
}
/* body.overflow:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 120px;
    bottom: 0;
    background: rgba(0,0,0, 0.5);
    z-index: 9;
} */
/* body.overflow header {
    padding-right: 17px;
} */
body.overflow .content {
    position: relative;
}
body.overflow .layer {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    background: rgba(0,0,0, 0.5);
    z-index: 9;
}
.fixedHeader.overflow .layer {
    top: 80px;
}
.mobCat .container {
    position: relative;
}
.catalogNavigation {
    display: none;
    position: absolute;
    top: 80px;
    z-index: 9999;
    background: white;
}
.catalogNavigation.active {
    display: block;
}

.catalogNavigation .firstUl  {
    margin: 0;
    list-style: none;
    display: inline-block;
    background: white;
    width: 290px;
    padding: 0 0 0px 0;
    z-index: 9;
    overflow: hidden;
    min-height: 517px;
}

.catalogNavigation .firstUl > li {
    border-bottom: 1px solid #efefef;
}
.catalogNavigation .firstUl > li:last-child {
    border: 0;
}
.catalogNavigation .firstUl > li > a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    position: relative;
}
.catalogNavigation div.subDiv {
    display: none;
    position: absolute;
    background: white;
    min-width: 600px;
    background: white;
    left: 290px;
    top: 0;
    padding: 20px;
    height: 100%;
}
.topBrands li:last-child .subDiv {
    left: inherit;
    right: 0;
}
.topBrands li:last-child .subDiv .arrow {
    right: 100px;
    left: inherit;
}
.catalogNavigation .subDiv .img {

}
.subDivTitle {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}
.catalogNavigation div.subDiv ul {
    width: 100%;
    padding: 0;
    margin: 0;
}
.catalogNavigation div.subDiv .row {
    margin-left: -10px;
    margin-right: -10px;
}
.catalogNavigation div.subDiv ul li a {
    display: block;
    position: relative;
    padding: 5px 0;
}
.catalogNavigation div.subDiv ul li:last-child {
    border-bottom: 1px solid #efefef;
    padding-bottom: 13px;
}
.catalogNavigation div.subDiv ul li {
    padding: 3px 10px;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.catalogNavigation div.subDiv ul li .subDiv {
    left: 290px;
}

@media only screen and (min-width: 991px) {
    .catalogNavigation .firstUl li:hover > div.subDiv {
        display: block;
    }
    .catalogNavigation .firstUl li:hover > a {
        background: rgba(242, 228, 215, 1);
		color: rgba(140, 114, 40, 1);
    }
    .catalogNavigation .firstUl li:hover > a .right-arrow {
        color: rgba(140, 114, 40, 1);
    }
    .catalogNavigation .firstUl li:hover .subDiv a {
        background: none;
    }
}
.right-arrow{
    font-size: 22px;
    color: #c1bcbc;
    position: absolute;
    right: 10px;
    top: 6%;
}
.hbLeft {
    position: relative;
}
@media (min-width: 991px) and (max-height: 700px) {
    .catalogNavigation .firstUl > li > a {
        padding: 5px 20px;
    }
    .right-arrow {
        top: -10%;
    }
    div.subDiv {
        padding: 10px;
    }
    .subDivTitle {
        padding-bottom: 3px;
    }
    div.subDiv ul li {
        padding: 1px 0;
    }
}
.menuAndSlider .catalogNavigation {
    display: block!important;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1;
    min-height: auto;
    background: transparent;
}
.menuAndSlider .catalogNavigation .firstUl {
    width: 100%;
    height: 100%;
}
.preim .col-auto {
    padding: 20px 10px;
    border-right: 1px solid #e5e5e5;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.preim .col-auto:last-child {
    border: 0;
}
.preim .col-auto span:before {
	color: rgba(140, 114, 40, 1);
}















.center {
    padding: 30px 0;
}

.myCarousel {
    overflow: hidden;
}
.myCarousel .owl-dots {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: -55px;
    position: absolute;
}
#mainBanner .owl-dots {
    display: none;
}
.myCarousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #f5f5f5;
    margin: 3px 3px;
    border-radius: 50%;
}
.myCarousel .owl-dots .owl-dot span {
    background: transparent;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.myCarousel .owl-dots .owl-dot.active  {
   background: #9b0312;
}
.myCarousel .owl-dots .owl-dot.active span {
    background: #9b0312;
}
.myCarousel .owl-prev {
    float: left;
    width: 50px;
    height: 50px;
    background: transparent url(../images/left-arrow.png) no-repeat 50% 50%!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.5s linear;
}
.myCarousel .disabled {
    opacity:0.5!important;
}
.myCarousel .owl-next {
    float: right;
    width: 50px;
    height: 50px;
    background: transparent url(../images/right-arrow.png) no-repeat 50% 50%!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.5s linear;

}


.myCarousel .owl-nav{
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 60%;
    left: 0;
    margin-top: 0!important;
}
#mainBanner .item img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    width: 100%;
}

.lh1 {
    line-height: 1;
}
.title {
    padding: 10px 30px;
    border-bottom: 1px solid #e5e5e5;
}
.arrowCol {
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 2.5;
    color: #d9d9d9;
}
.arrowCol span::before {
    color: #adadad;
}
.arrowCol:hover {
    background: #9f62af;
}
.arrowCol:hover span:before {
    color: white;
}

.catalog {
    margin-left: 0;
    margin-right: 0;
}
.catalog .col-md-6, .catalog .col-lg-2, .catalog .col-lg-3 {
    padding-left: 0;
    padding-right: 0;
}

.ItemDiv .divForImg {
    position: relative;
    display: block;
    min-height: 190px;
    width: 100%;
}
.divForImg img {
    max-width: 100%;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.ItemDiv {
    position: relative;
}
.hoverDiv {
    transition: 0.4s linear;
    background: white;
    border: 1px solid #efefef;
}
.ItemDiv .paddingBlock {
    padding: 20px;
}
.ItemDiv:hover {
    z-index: 9999;
}
.ItemDiv:hover .hoverDiv {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.5);
    box-shadow: 0px 0px 20px 0px rgba(51,51,51,0.5);
    z-index: 9;
}
.hoverDiv.open {
    position: absolute;
    z-index: 99;
    border: 1px solid #8C7228;
    width: 100%;
}

.myCheckbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    margin-bottom: 0;
    color: #524c4c;
}
.myCheckbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 2px;
    border: 1px solid #dedfe1;
    background: white;
}
.myCheckbox input[type=checkbox] {
    display: none;
    margin-left: 0;
}
.myCheckbox input[type=checkbox]:checked + label:before {
    content: "\2714";
    font-size: 15px;
    color: white;
    text-align: center;
    line-height: 16px;
    background-color: #8C7228;
    border: 0;
}
.howMany {
    font-size: 12px;
    border-radius: 10px;
    padding: 2px 10px;
    background: white;
    border: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: middle;
}

.mainButtons .col-4, .mainButtons .col-8 {
    padding-left: 5px;
    padding-right: 5px;
}
.mainButtons .col-4 {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
}
.mainButtons .col-8 {
    flex-grow: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    width: inherit;
}
.mainButtons {
    margin-left: -5px;
    margin-right: -5px;
    flex: 100%;
}
#variants .mainButtons {
    min-width: 230px;
    margin-left: auto;
}
.m-l-auto {
    margin-left: auto;
}
.number {
    background: white;
    height: 40px;
    border: 1px solid #e5e5e5;
    width: 100%;
    border-radius: 5px;
}
.number .minus, .number .plus {
    width: 30%;
    float: left;
    height: 100%;
    font-size: 33px;
    color: #4D4F41;
    text-align: center;
    cursor: pointer;
    transition: 0.5s linear;
}
.number .minus {
    line-height: 1em;
}
.number .plus {
    line-height: 1em;
}
.number .minus:hover, .number .plus:hover {
    color: #20282c;
}
.number input {
    width: 40%;
    text-align: center;
    font-size: 16px;
    float: left;
    height: 100%;
    border: 0;
}
.greenButton {
    background: #4D4F41;
    color: white;
    border: 0;
    height: 40px;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    line-height: 1;

}
.greenButton[disabled] {
    background: #c7c7c7;
    pointer-events: none;
}
.buttonModal {
    border-radius: 5px;
    text-align: center;
    padding: 9px 0 10px 0;
    display: flex;
	align-items: center;
	justify-content: center;
    height: 40px;
}
.buttonModal:hover {
	color: #fff;
}
.greenButton span {
    vertical-align: middle;
    font-size: 22px;
}
.greenButton .icon-svg5:before {
    color: white;
}
.book {
    background: transparent;
    border: 1px solid #e5e5e5;
    height: 40px;
    font-size: 29px;
    font-weight: bold;
    cursor: pointer;
    width: 40px;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.5s linear;
    line-height: 1.4;
	display: flex;
    align-items: center;
    justify-content: center;
}
.book span:before {
    color: #c4c4c4;
}
.book:hover {
    background: #333;
}


.variants {
    height: 35px;
    display: block;
    background: transparent;
    width: 100%;
    cursor: pointer;
    border: 1px solid #e5e6e6;
    border-radius: 7px;
    overflow: hidden;
	color: #4D4F41;
}
.variants span {
    transition: 0s linear;
    vertical-align: middle;
}
.variants .icon-svg6 {
    color: white;
    display: inline-block;
    vertical-align: sub;
    margin-left: 5px;
    font-weight: 400;
    font-size: 12px;
	
}
.variants .icon-svg6:before {
	color: #4D4F41;
}
.open .variants .icon-svg6 {
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.variants:hover, .variants:hover .icon-svg6:before {
    color: white;
}
.variantsLink {
    line-height: 2;
    text-align:center;
}
.manyColorsUl li {
    padding: 5px 0;
}

.noVisible {
    display: none;
    height: 0;
    overflow: hidden;
    margin-top: -10px;
    padding: 0 23px 30px 23px;
}
.open .noVisible {
    height: auto;
    display: block;
}
.soc {
    display: block;
    height: 170px;
    background: #e6620e;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.5s linear;
}
.soc:hover {
    background: #83b00b;
}
.orangeBg {
    background: #ec7529;
}

.oneService {
    padding: 30px;
    border: 1px solid #e5e5e5;
    height: 100%;
}
.services {
    margin-left: 0;
    margin-right: 0;
}
.services .col {
    padding-left: 0;
    padding-right: 0;
}
.footerTop {
    background: #302932;
    padding: 60px 0;
}

.footerTop ul {
    margin-top: 15px;
 }

 .footerTop ul li {
    padding: 8px 0;
    font-size: 16px;
    color: #bba9c0;
 }
 .footerTop ul li a {
    position: relative;
    font-size: 16px;
    padding: 2px 0;
    color: #bba9c0;
}
.footerTop ul li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgba(209, 175, 76, 1);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footerTop ul li a:hover {
	color: rgba(209, 175, 76, 1);
}
.footerTop ul li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.footerBottom {
    padding: 20px 0;
    background: #302932;
    color: #fff;
    border-top: 1px solid #5c5a5b;
}
.heads {
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    width: 130px;
    font-size: 70px;
    height: 27px;
    line-height: .5;
}
.heads span {
    display: inline-block;
    height: 0;
    line-height: 0;
}
.heads span span:before {
    transition: 0.5s linear;
}
.heads:hover span span:before {
    color: rgba(140, 114, 40, 1);
}
section.orangeBg {
    margin-bottom: -30px;
}


.myCheckbox {
    position: relative;
}
.filterCount {
    position: absolute;
    right: 0;
    top: 4px;
    color: #a0a0a0;
    font-size: 12px;
}
.filterBox {
    padding: 15px;
    border-bottom: 1px solid #efefef;
    background: white;
}
.fBContainer.hidden {
    display: none;
}
.filterName {
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}
.filterName span + span {
    margin-left: 15px;
}
.filterName .icon-svg6 {
    display: inline-block;
}

.arrowLittleCol {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 2.1;
    color: #c4c4c4;
    background: #f2f2f2;
}
.filterName.active .arrowLittleCol {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    line-height: 2.2;
}
.arrowLittleCol:hover {
    background: #83b00b;
}
.arrowLittleCol:hover span::before {
    color: white;
}
.filterBox .myCheckbox label {
    font-size: 16px;
    width: 100%;
    padding-right: 20px;
}
.filterBox .leftMenu4ek {
    width: 100%;
}
.filterBox .leftMenu4ek label {

}
.filterBox ul {
    margin-top: 20px;
}
.filterBox ul li {
    padding: 3px 0;
}
.priceFilter {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 7px;
    border: 1px solid #e5e5e5;
}
.priceFilter .col-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.priceFilter .col-6:nth-child(1) {
    border-right: 1px solid #e5e5e5;
}
.priceFilter .border {
    padding: 8px 10px;
    border: 0!important;
}
.priceFilter input {
    width: 100%;
    color: #a9a2a2;
    border: 0;
}
.priceFilter input::-webkit-input-placeholder {
    color: #a9a2a2;
}
.priceFilter input::-moz-placeholder {
    color: #a9a2a2;
}
.priceFilter input:-moz-placeholder {
    color: #a9a2a2;
}
.priceFilter input:-ms-input-placeholder {
    color: #a9a2a2;
}
.modeNav {
    display: inline-flex;
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.modeNav .nav-link {
    background: transparent;
    padding: 5px;
    border-radius: 7px;
    line-height: 1;
    text-align: center;
}
.modeNav .nav-link.active {
    background: #8C7228;
}
.modeNav .nav-link span:before{
    color: #c7c7c7;
    transition: 0s linear;
    background: transparent;
}
.modeNav .nav-link.active span:before {
    color: white;
}

.quickSelection {
    background: white;
    box-shadow: none;
    position: relative;
    padding-left: 20px;
    border: none;
    font-size: 14px;
    width: 380px;
    height: 40px;
    transition: 0.5s linear;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
}
.quickSelectiont::-webkit-input-placeholder {
    color: #aeadad;
}
.quickSelection::-moz-placeholder {
    color: #aeadad;
}
.quickSelection:-moz-placeholder {
    color: #aeadad;
}
.quickSelection:-ms-input-placeholder {
    color: #aeadad;
}
.sorting .sortOne {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
}
.myRow {
    margin-left: 0;
    margin-right: 0;
}
.myRow > .col-lg-2, .myRow > .col-lg-10 {
    padding-left: 0;
    padding-right: 0;
}
.myRow  .Fil {
    border-right: 1px solid #e5e5e5;
}
.SortOne, .SortTwo {
    background: white;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}
 .SortTwo {
     border-bottom: 0;
 }

.modal-content {
    padding: 50px;
    border-radius: 0;
}
button.close {
    display: inline-flex;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 50px;
    color: #b8b9b9;
    font-weight: 500;
    opacity: 1;
    cursor: pointer;
}
.pika_play {
    display: none!important;
}
.pika_subdiv img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
#pikame li {
    display: inline-block;
    width: auto!important;
    height: auto!important;
    margin-right: 10px;
    cursor: pointer;
}
#pikame li  img{
    width: 55px!important;
    height: 55px!important;
    border: 1px solid #dddddd;
    padding: 5px;
}
#pikame li img.pika_selected {
    border: 1px solid #ec7529;
}
#pikame {
    padding: 0px;
    margin-top: 20px;
}
.pika_navigation {display:none!important;}
.charakt  {
    width: 100%;
}
.charakt  tr td {
    padding: 9px 15px;
    font-size: 16px;
}
.charakt  tr:nth-child(odd) {
    background: #f2f2f2;
}
.bordRad {
    padding: 20px;
    border-radius: 7px;
}

.rightArrow {
    background: url(../images/rightArrow.svg);
    width: 12px;
    height: 12px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.loadMore {
    display: block;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    background: white;
    border-radius: 5px;
    overflow: hidden;
    font-weight: 500;
}
.loadMore:hover {
    color: white;
}

.resetFiltersOl {
    margin: 10px 0 0 0 ;
    padding: 0;
    list-style-type: none;
}
.resetFiltersOl li {
    margin-bottom: 10px;
}
.resetFiltersOl li:last-child {
    margin-bottom: 0;
}
.resetFiltersOl .grayBg {
    padding: 5px 10px;
    background: #f2f2f2;
    border-radius: 5px;
}
.res {
    height: 40px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
}
.listTable {
    width: 100%;
    border-top: 1px solid #e5e5e5;
}
.listTable tr td {
    padding: 10px;
}

.listTable tr td:last-child {
    padding-right: 20px;
}
.listTable tr {
    border-bottom: 1px solid #efefef;
}

.listTable .mainButtons .col-12 {
    padding-left: 0;
    padding-right: 0;
}
.listTable .manyColorsUl {
    margin-top: 5px;
}
.listTable .manyColorsUl li {
    padding: 5px 0;
}
.nowrap {
    white-space: nowrap;
}
.notify {
    font-size: 13px;
    background: #83b00b;
    color: white;
    border: 0;
    height: 35px;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    line-height: 1;
}
.fiveItems .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.bootstrap-select.btn-group .dropdown-menu {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    border-radius: 0;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    display: block;
}
.bootstrap-select.btn-group .dropdown-menu.inner li a {
    padding: 5px 9px;
    display: block;
}
.bootstrap-select.btn-group .dropdown-menu.inner li a:hover {
    color: #6a2874;
}
.bootstrap-select > .dropdown-toggle {
    background: white;
    height: 40px!important;
    border: 1px solid #4D4F41!important;
    border-radius: 5px;
}
.info {
    padding: 15px;
    border: 1px solid #6a2874;
}
.toFix {
    background: #4D4F41;
    color: white;
    border: 0;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    line-height: 1;
    max-width: 110px;
    transition: 0.5s linear;
}
.toFix:hover {
    background: #333;
}
#gallery_01 {
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
}
#gallery_01 a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid transparent;
    margin: 5px;
    width: 62px;
    background: white;
    text-align: center;
}
#gallery_01 a.active {
    border: 1px solid #009eff;
}
#gallery_01 img {
    max-width: 50px;
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.zoomWrapper {
    background: white;
    /* width: 100%!important; */
    min-height: 400px;
    position: relative;
}
.zoomWrapper img {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    max-height: 560px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.product-main img#zoom_03 {
    max-width: 100%;
    max-height: 560px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.customPrevBtn,
.customNextBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    margin: 0 5px;
    cursor: pointer;
    transition: 0.1s linear;
    background: #f2f2f2;
    color: #c3c3c3;
    line-height: 2.6;
    text-align: center;
}
.customPrevBtn:hover,
.customNextBtn:hover {
    background: #8C7228;
    color: white;
 }
 .customPrevBtn:hover span:before,
 .customNextBtn:hover span:before {
     color: white;
 }
.productPrice .greenButton {
    width: 175px;
}
.productPrice .greenButton span + span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
.myNav {
    background: #f0f3f4;
    border-bottom: 1px solid #e5e5e5;
}
.myNav  a {
    background: white;
    font-weight: 600;
    display: block;
    padding: 16px 20px;
    display: block;
    text-transform: inherit;
    font-size: 16px;
    background: transparent;
    margin-bottom: -5px;
}
.myNav a:hover {
    color: #333;
}
.myNav  a.active {
    background:  white;
}
.OpTable {
    width: 100%;
    background: white;
}
.OpTable tr {
    border-bottom: 1px solid #ddd;
}
.OpTable tr td {
    padding: 16px 10px;
    font-size: 16px;
}
.OpTable tr td:nth-child(2) {
    font-weight: bold;
}

.expected {
    display: inline-block;
    padding: 2px 5px;
    background: #ec7529;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
}
.orderTable {
    width: 100%;
}
.orderTable td, .orderTable th {
    padding: 10px 5px;
}
.orderTable thead {
    background: #fff;
}
.orderTable thead th {
    font-weight: 500;
}
.orderTable tr td:nth-child(1), .orderTable tr th:nth-child(1) {
    padding-left: 20px;
}
.orderTable tr td:nth-child(5), .orderTable tr th:nth-child(5) {
    width: 130px;
}
.orderTable tr td:nth-child(6), .orderTable tr th:nth-child(6), .orderTable tr td:nth-child(7), .orderTable tr th:nth-child(7), .orderTable tr td:nth-child(8), .orderTable tr th:nth-child(8), .orderTable tr td:nth-child(10), .orderTable tr th:nth-child(10) {
    white-space: nowrap;
}
.orderTable tr {
    border-bottom: 1px solid #e5e5e5;
}
.orderTable tr:last-child {
    border-bottom: 0;
}
.orderTable .number {
    width: 80px;
    height: 40px;
    border-radius: 7px;
}
.orderTable .number .minus, .orderTable  .number .plus {
    font-size: 28px;
    line-height: initial;
}
.closeTr {
    width: 35px;
    height: 35px;
    background: #f6f6f6;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 3;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: bold;
}
.closeTr:hover {
    background: #000;
    color: white;
}
.orderButton {
    max-width: 250px;
    margin-left: auto;
    margin-top: 20px;
    font-size: 16px;
}
.orderTable .myCheckbox label:before {
    top: -13px;
}
.lists {
    border-top: 1px solid #e5e5e5;
}
.allOrdersUl li {
    padding: 5px 0 5px 0;
    border-top: 1px solid #e5e5e5;
    position: relative;
}
.thisCount {
    font-size: 12px;
    position: absolute;
    top: 6px;
    right: 0;
}
.bordRight {
    border-right: 1px solid #e5e5e5;
}

.threeButton a , .threeButton button {
    cursor: pointer;
    width: 180px;
    height: 40px;
    text-align: center;
    padding: 10px 0;
    border-radius: 7px;
    font-weight: 600;
    display: block;
    border: 0;
    margin-left: 10px;
    transition: 0.5s linear;
}
.threeButton .clC {
    border: 1px solid #e5e5e5;
    background: #fff;
}
.addInList {
    background: transparent;
    border: 1px solid #ec7529!important;
    color: #333;
}
.issue {
    background: #4D4F41;
    color: white;
}
.threeButton .clC:hover {
    background: #e5e5e5;
}
.threeButton button:hover {
    opacity: 0.7;
}
.cartButtonsDivBottom {
    padding: 0;
}
.cartButtonsDivBottom .threeButton a {
    background: white;
}
.addHref {
    border-bottom: 1px solid #2f3945;
}
.myRow {
    margin-left: 0;
    margin-right: 0;
}
.myRow > .col-lg-3, .myRow > .col-lg-9 {
    padding-left: 0;
    padding-right: 0;
}
.lkNav li {
    padding: 10px 0;
    min-width: 100%;
}
.lkNav li a {
    display: block;
    text-transform: inherit;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0 0px 20px;
    border-left: 3px solid transparent;
}
.lkNav li a.active {
    border-left: 3px solid #8C7228;
    color: #8C7228;
}
.LK .form-control {
    height: 50px;
    font-size: 16px;
    border-radius: 5px;
}
.LK select.form-control {
    color: #524c4c;
}
.save {
    height: 50px;
    background:  #8C7228;
    border: 0;
    border-radius: 7px;
    overflow: hidden;
    color: white;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
}

.LK .form-group {
    margin-bottom: 30px;
}
.history thead {
    background: #f1f1f1;
    font-weight: bold;
}
.history th, .history td {
    padding: 5px 10px;
}
.history thead th {
    border-top: 0;
    height: 40px;
    vertical-align: center;
    background: white;
    border-bottom: 1px solid #ddd;
}
.table .bg-info .table {
    background: #f6f6f6;
}
.history a.underline {
    font-weight: bold;
}
.history .bg-info thead {
    background: #f6f6f6;
}
.history .open {
    font-weight: bold;
    color: white;
    background: #8C7228;
    text-align: center;
    display: inline-block;
    padding: 8px 20px;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

.h-5 {
    height: 50px;
}
.history .savePrice {
    padding: 0;
}
.history .savePrice span.font-13 {
    border-bottom: 1px solid #000;
}
.LK .form-group input:hover,
 .LK .form-group input:focus,
  .LK .form-group select:hover,
   .LK .form-group select:focus,
    .orderForm .form-group input:hover,
     .orderForm .form-group input:focus,
      .orderForm .form-group select:hover,
       .orderForm .form-group select:focus,
        .orderForm .form-group textarea:hover,
         .orderForm .form-group textarea:focus {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.35);
}

.go {
    width: 100%;
    color: white;
    display: inline-block;
    border: 0;
    padding: 10px 10px;
    border-radius: 5px;
    background: #83b00b;
    cursor: pointer;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    font-weight: bold;
}
.go:hover {
    color: white;
}
 .quit {
     width: 100%;
     display: inline-block;
     padding: 10px 10px;
     border-radius: 5px;
     background: transparent;
     border: 1px solid #e5e5e5;
     cursor: pointer;
     -webkit-transition: color 300ms;
     transition: color 300ms;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     font-weight: bold;
 }
 .quit:hover {
     color: white;
 }
 .oneOrder {
     width: 100%;
     background: white;
 }
 .oneOrder thead {
     background: white;
 }
  .oneOrder th {
     font-weight: 500;
     text-transform: uppercase;
  }
 .oneOrder td, .oneOrder th {
     padding: 10px 10px;
 }

 .oneOrder tr td:nth-child(2), .oneOrder tr th:nth-child(2) {
     max-width: 150px;
 }
 .oneOrder tr {
     border-bottom: 1px solid #efefef;
 }
 .social a {
     width: 50px;
     height: 50px;
     background: #2574c2;
     color: white;
     border-radius: 50px;
     display: inline-block;
     position: relative;
     line-height: 2.4;
     text-align: center;
     font-size: 22px;
 }
 .social a:nth-child(2) {
     background: #11ade7;
 }
 .social a:nth-child(3) {
     background: #2287ea;
 }
 .social a:nth-child(4) {
     background: #f32121;
 }
 .social a:hover {
     background: #8C7228;
 }
 .subscribeForm input {
    width: 270px;
    height: 40px;
    font-size: 16px;
    background: #fff;
    padding: 0 20px;
    border-radius: 5px;
    border: 0;
}
.subscribeForm button {
    height: 40px;
    width: 150px;
    background: rgba(140, 114, 40, 1);
    border: 0;
    color: white;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
	transition: all .2s linear;
}
.subscribeForm button:hover {
    color: #fff;
	background: rgba(209, 175, 76, 1);
}
.subscribeForm input::-webkit-input-placeholder {
    color: #c0c0c0;
}
.subscribeForm input::-moz-placeholder {
    color: #c0c0c0;
}
.subscribeForm input:-moz-placeholder {
    color: #c0c0c0;
}
.subscribeForm input:-ms-input-placeholder {
    color: #c0c0c0;
}
.modalButton {
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    border: 0;
    background: #4D4F41;
    text-align: center;
    display: block;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}
.popContainer {
    cursor: grab;
}
.underline {
    text-decoration: underline;
}

@media only screen and (min-width: 991px) {

    .catalogMenu>li:hover > a {
        color: #29bc78;
    }

}
.ItemName {
    height: 55px;
    overflow: hidden;
    display: block;
}
.containerForBadge {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.containerForBadge .badge {
    display: inline-block;
    font-size: 12px;
    border-radius: 10px;
    margin-bottom: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 4px 5px;
    min-width: 55px;
}

.badge-action {
    background: #ff3f63;
}
.badge-popular {
    background: #009eff;
}
.bageTop {
    background: #8C7228;
}
.badge-sale {
    background: #2574c2;
}
.badge-new {
    background: #00b157;
}


.orderNav {
    border: 1px solid #8C7228;
}
.orderNav li {
    padding: 0 0px;
    width: 50%;
}
.orderNav li a {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    width: 100%;
    display: block;
    background: transparent;
    color: #000;
    text-transform: inherit;
}
.orderNav li a.active {
    background: #8C7228;
    color: white;
}
.wishlistTable tr td:last-child {
    padding-right: 60px;
    position: relative;
}
.wishlistTable .ItemName {
    height: inherit;
}
.del {
    position: absolute;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 0;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background-color: #f6f6f6;
    cursor: pointer;
    color: #aaaaaa;
    font-size: 18px;
    font-weight: bold;
    -webkit-transform: translate(-0%,-50%);
      transform: translate(-0%,-50%);
      position: absolute;
      top: 50%;
      right: 10px;
}
.del:hover {
    color: #8C7228;
}
.boxShadow {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}
.product-main {
    position: relative;
}
.product-main .containerForBadge {
    top: 0;
    z-index: 1;
}
.miniCategories li {
    cursor: pointer;
    padding: 6px 0 6px 0!important;
}
.miniCategories li:hover .name {
    text-shadow: 1px 0px 1px rgba(0,0,0,0.49);
}
/* .miniCategories .name {
    margin-left: 5px;
} */
.miniCat {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 20px;
}
.miniCat li {
	padding: 5px 15px;
	display: inline-block;
    font-size: 16px;
}
.miniCat li:hover a{
	color: #009eff;
}
.miniCat li:first-child a {
	font-weight: bold;
	color: #8C7228;
}
.miniCat li span {
	display: none;
}
.w-100 {
    width: 100%;
}
.modal-content .mainButtons , .popover-body .mainButtons {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin-left: -5px;
    margin-right: -5px;
}
.modal-content .mainButtons .col-6 , .popover-body .mainButtons .col-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.modal-content .dismiss , .popover-body .dismiss {
    display: block;
    height: 40px;
    width: 100%;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    background: white;
    border: 1px solid #e5e5e5;
    transition: all 0.4s ease 0s;
    border-radius: 7px;
    overflow: hidden;
}
.modal-content .dismiss:hover , .popover-body .dismiss:hover {
    background: #999;
    color: white;
    border: 1px solid #999;
}
.modal-content .clear_cart , .popover-body .clear_cart {
    height: 40px;
    font-weight: 600;
    display: block;
    background: #8C7228;
    width: 100%;
    cursor: pointer;
    border: 0;
    color: white;
    transition: all 0.4s ease 0s;
}
.modal-content .clear_cart:hover , .popover-body .clear_cart:hover {
    background: #e52416;
}
.chooseColor {
    cursor: pointer;
    width: 130px;
    height: 40px;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    transition: 0.5s linear;
    background: #fff;
    color: #000;
}
.chooseColor:hover {
    opacity: 0.7;
}
.popover-body textarea {
    width: 250px;
    border: 1px solid #e5e5e5;
    height: 100px;
    resize: none;
}
.popover-body .clear_cart {
    background: #009eff;
}
.hidden {
    display: none;
}
.price-table tr {
    border-bottom: 1px solid #e5e5e5;
}
.price-table tr:last-child {
    border-bottom: 0;
}
.price-table tr td {
    padding: 10px;
    background: white;
}
.price-save {
    padding: 5px 30px;
    background: #ec7529;
    color: white;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}
.price-save:hover {
    color: white;
    opacity: 0.7;
}
.price-table tr td:nth-child(3) {
    text-align: right;
}
.price-table tr td:nth-child(1) {
    padding-left: 20px;
    font-weight: bold;
}
.price-table {
    width: 100%;
}
.statUlone li {
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.statTableOne {
    margin-top: 10px;
}
.statTableOne tr td:nth-child(1) {
    font-weight: bold;
}
.moves .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.moves .col-lg-2:before {
    position: absolute;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    color: #cbcbcb;
    font-size: 16px;
    display: block;
    top: 15%;
    right: -15px;
}
.moves .col-lg-2:last-child:before {
    display: none;
}
.ban img {
    max-width: 100%;
    height: auto;
}
.newcatbutton {
    text-decoration: underline;
}
#go-top {
  position: fixed;
  bottom: 25px;
  right: 5px;
  height: 40px;
  cursor:pointer;
  font-size: 30px;
  z-index: 99;
  display:none;
  animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
#go-top span {
    display: block;
    font-size: 30px;
}
#go-top span:before {
    color: #8C7228;
}
#go-top:hover span:before {
    color: #8C7228;
}
.addToCartFromHistory {
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    background: none;
    margin-left: auto;
    padding: 3px 5px;
    margin-left: auto;
    cursor: pointer;
    width: 75px;
    display: block;
}
.addToCartFromHistory:hover {
    background: #e5e5e5;
}
.newsUl li {
    padding: 30px;
    background: white;
    border-bottom: 1px solid #e5e5e5;
}
.wi {
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.wish_mainButtons {
    width: 170px;
}
.newCatBtn {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background: none;
    margin-left: auto;
    padding: 9px 5px;
    font-size: 16px;
    font-weight: bold;
    margin-left: auto;
    cursor: pointer;
    width: 100%;
    display: block;
}
.newCatBtn:hover {
    background: #e5e5e5;
}
.eddWLCat {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background-color: #f6f6f6;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNThDQkI2NkFBNDRFNDExQTI3NEU2RUVBOUY2OTY1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0JENzIxRjFDRUMxMUVBOUVEMkUxQjE5NzZCMEIxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0JENzIxRTFDRUMxMUVBOUVEMkUxQjE5NzZCMEIxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmVjMmZiMjA3LWFiMmQtYTY0MC05OWM2LTIwMGM0MWM2MWYyZCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU3ODFhMDM2LThiNjItMzA0OC05YjFhLTVmMGEwODBiYjZhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjTGrEUAAACgSURBVHjaYly1ahUDAeABxOlAHAHEP5kIKOYB4ilAHADEG4CYnYmAyReAOB+In0D5K5nwKAaZqAzEM4E4A4jvgtgseBSzQ/nSQDwZiHWB+CsTAcUg8BOIs0GKQRwmIhQHAvF2mAATKYphGqSAWAyIWQgphmkIBeJIIE4C4r/4FDNATbWAOokBquk1LsUwDYpAvBqIjwDxbiB+ji/qAQIMABe/JNFue2kiAAAAAElFTkSuQmCC');
    background-position: 50% 50%;
    background-repeat: no-repeat;

}
.delWLCatModal {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background-color: #f6f6f6;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNThDQkI2NkFBNDRFNDExQTI3NEU2RUVBOUY2OTY1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0VFRkY4QTFDRUMxMUVBODUzQkZBQkRDM0EyMzRFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0VFRkY4OTFDRUMxMUVBODUzQkZBQkRDM0EyMzRFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmVjMmZiMjA3LWFiMmQtYTY0MC05OWM2LTIwMGM0MWM2MWYyZCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU3ODFhMDM2LThiNjItMzA0OC05YjFhLTVmMGEwODBiYjZhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvJTujwAAAC3SURBVHjaZJHLDcJADETDKmcogxYQB1DEBSgAQS9Alk8vhL3zuQEHqIE6UgEz0qxkGUsvcrLj9cTupJQKRA9Mwbn4jyW4gjZIeAcN2DrhDpzADXRLPGZgYA4Ze7HR+xDMS93YB9EUTMDIdGDHJhhBNIdeeGASnL+X8/zIQi+mx7ETV6D24mh+hvE0Oc/WWbyy1Sqq1CkHrSwovoC3PvKGo/LajPLDXXB0LWeoDSbnmRa+eYM/AQYAlywlh6egW1YAAAAASUVORK5CYII=');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 5px;
    text-indent: -9999px;
}
.eddWLCat:hover, .delWLCatModal:hover {
    background-color: #def1fc;
}
.moreInfo {
    background: #8C7228;
    color: white;
    border: 0;
    height: 40px;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.cL {
    margin-bottom: 0;
}
.cL input {
    border: 0;
    width: 70%;
    display: inline-block;
}
.cL span + span {
    display: inline-block;
    color: #a0a0a0;
}
.wiUl li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0;
}
.wi .line {
    height: 1px;
    background: #e5e5e5;
}
.catnam {
    padding-left: 8px;
    border-left: 2px solid transparent;
}
.cL input.cats:checked + .catnam {
    border-left: 2px solid #8C7228;
    color: #8C7228;
    padding: 2px 0 2px 8px;
}
.wi .moreInfo {
    padding: 5px 10px;
}
/* .outOfStock .prBox span {
    color: #b1aaaa;
} */
.noNal .greenButtonб, .noNal .notify {
    background: #c7c7c7;
    color: #333;
    pointer-events: none;
    cursor: not-allowed;
}
.noNal .notify {
    width: 140px;
}
.noNal .number {
    pointer-events: none;
    cursor: not-allowed;
}
.is_pred.greenButton {
    background: #ec7529;
}
.pred .threeButton .issue {
    background: #ec7529;
}
/* .leftMenu4ek {
    position: absolute;
    left: 10px;
}
.filterBox .leftMenu4ek label {
    padding-right: 0;
}
.filterBox .leftMenu4ek label:before {
    top: -12px;
    margin-right: 0;

} */
.static .line {
    height: 1px;
    background: #e5e5e5;
}
.static  .badge {
    display: block;
    color: white;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.static .badge span {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.static .icon-svg23:before, .static .icon-svg6:before {
    color: #c4c4c4;
}
.hidden {
    display: none;
}
.static .no_pred, .static .is_pred {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    position: relative;
}
.static .no_pred span:before, .static .is_pred span:before {
    color: white;
}
.static .badge-popular {
    background: url(../images/fire.png);
}
.popover-dismiss {
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
}
.popover-dismiss span:before {
    color: #999;
}
.popover-dismiss:hover span:before {
    color: #ec7529;
}
.addHref.abandoned {
    color: #83b00b;
    border-bottom: 1px solid #83b00b;
}
.commentButton {
    cursor: pointer;
}


.slider {
    width: auto;
    padding-top: 30PX;
    padding-bottom: 30px;
}
.slick-slide {
    text-align: center;
}

.slick-prev:before,
.slick-next:before {
    color: #009eff;
}

.slick-dots {
    bottom: -30px;
}

.slick-prev, .slick-next {
  left: 50%;
  transform: translate(0, 0) rotate(90deg);
}

.slick-next {
  top: unset!important;
  bottom: 0px;
  left: 0!important;
  right: 0!important;
  margin: auto!important;
}
.slick-prev {
  top: 0px!important;
  bottom: unset!important;
  background: transparent!important;
  left: 0!important;
  right: 0!important;
  margin: auto!important;
  -webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.static .green.underline {
    border-bottom: 1px solid #83b00b;
    color: #83b00b;
}
.line {
  height: 1px;
  background: #e5e5e5;
}
.exportClose {
  height: 50px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  background: white;
  border: 1px solid #ec7529;
  cursor: pointer;
  width: 370px;
  max-width: 100%;
}
.exportClose.active {
  background: #ec7529;
  color: white;
}
.generationNow {
  height: 50px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  background: #ec7529;
  border: 1px solid #ec7529;
  cursor: pointer;
  width: 370px;
  max-width: 100%;
  color: white;
}
.generationNow:hover {
  background: white;
  color: #000;
}
.dd a {
  font-size: 16px;
  font-weight: bold;
  color: #83b00b;
  text-decoration: underline;
}
.dd a:hover {
  text-decoration: none;
  color: #ec7529;
}
#export_catList {
  border: 1px solid #e5e5e5;
}
#export_catList ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#export_catList ul > li {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}
#export_catList ul li ul {
  padding-left: 10px;
}
#export_catList ul li ul li {
  border: 0;
  padding: 2px 10px;
}
#export_catList ul li label {
  margin: 0;
  cursor: pointer;
}
.export_goodsList {
  margin-left: 20px;
  border: 1px solid #e5e5e5;
    margin-top: 10px;
}
.export_goodsList table {
  width: 100%;

}
.export_goodsList table td, .export_goodsList table th {
  border: 1px solid #e5e5e5;
  padding: 5px;
}
.export_goodsList table td:nth-child(1) {
  border-left: 0;
}
.export_goodsList table tr:last-child td {
  border-bottom: 0;
}
.prDF {
  padding: 0 15px;
  min-width: 300px;
}
.prDF form {
	flex-grow: 1;
}
.prDF form  .mainButtons .col-4 {
    -ms-flex: 0 0 50px;
    flex: 0 0 140px;
    max-width: 140px;
}
.popoverMore {
    background: #ec7529;
    color: white;
    padding: 10px 0;
    text-align: center;
    display: block;
    width: 140px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    margin-left: auto;
    border-radius: 5px;
    margin-top: 10px;
}
.popoverMore:hover {
  opacity: 0.7;
  color: white;
}

.galk {
  position: relative;
}
.galk:before {
  content: ">";
  color: #e5e5e5;
  font-size: 36px;
  -o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
  position: absolute;
  left: 11px;
    top: -12px;
}

.optQ {
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  border-radius: 50%;
}
div.variants {
  text-align: center;
  line-height: 2;
}
button.i-pop-close {
  top: auto;
  right: auto;
  left: 10px;
  bottom: 2px;
}
.gray.count {
    font-size: 12px;
}
.seo {
    margin-top: 10px;
}
.seo p {
    margin: 0;
    padding: 15px 0;
    font-size: 16px;
}
.mainChk label {
    padding-left: 0;
}
.mainChk label:before {
    position: relative;
}
.productPriceDiv .chooseColor {
    width: 160px;
}
#variants .listTable .resp-img {
    width: 100px;
}
.bg-fiolet {
    background: #f0e8f2;
}
.bg-fiolet.d-flex {
    padding: 20px;
}
.bg-fiolet.d-flex div:nth-child(1) {
    padding-right: 20px;
}
.socials {
    margin-top: 20px;
}
.socials li {
    display: inline-block;
    margin: 0 6px;
}
.line-ul {
    margin-left: -10px;
}
.line-ul li {
    padding: 0 10px;
    display: inline-block;
}
.title_width_img div:nth-child(1), .rad_info div:nth-child(1) {
    padding-right: 20px;
}
.rad_info {
    padding: 20px;
    background: #ffe5e5;
}
.iframe-div iframe {
	width: 100%;
}

/*	=====================================================
 *	МЕНЮ КАТАЛОГА
 *	счетчик товаров, активная категория и четвертый уровень
 *	===================================================== */
.catalogNavigation .catCnt {
	color: #b9b2a6;
	font-size: 12px;
	margin-left: 5px;
}
.catalogNavigation .firstUl > li.hasUl > a .catCnt {
	margin-right: 16px;
}
.catalogNavigation .firstUl > li.activeCat > a,
.catalogNavigation div.subDiv ul li.activeCat > a {
	color: rgba(140, 114, 40, 1);
	font-weight: 500;
}
.catalogNavigation div.subDiv ul.subSubUl {
	padding: 2px 0 4px 14px;
	margin: 0;
	width: 100%;
}
.catalogNavigation div.subDiv ul.subSubUl li {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
}
.catalogNavigation div.subDiv ul.subSubUl li:last-child {
	border: 0;
	padding-bottom: 0;
}
.catalogNavigation div.subDiv ul.subSubUl li a {
	padding: 2px 0;
	font-size: 13px;
	color: #8a8a8a;
}
.catalogNavigation div.subDiv ul.subSubUl li a:hover {
	color: rgba(140, 114, 40, 1);
}

/*	панель подкатегорий: по высоте содержимого и рядом с наведенным пунктом	*/
@media only screen and (min-width: 992px) {
	.catalogNavigation .firstUl {
		overflow: visible;
	}
	.catalogNavigation .firstUl > li {
		position: relative;
	}
	.catalogNavigation .firstUl > li > div.subDiv {
		left: 100%;
	}
	.catalogNavigation div.subDiv {
		height: auto;
		min-width: 520px;
		padding: 16px 20px 18px;
		border: 1px solid #efefef;
		box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
	}
	.catalogNavigation div.subDiv ul li:last-child {
		border: 0;
		padding-bottom: 3px;
	}
}

/*	=====================================================
 *	БЛОК "ЯК ПРАЦЮЄ ОРЕНДА" на главной
 *	выравнивает правую колонку по высоте меню каталога
 *	===================================================== */
.rentSteps {
	padding: 10px 20px 12px;
}
.rentStepsHead {
	border-bottom: 1px solid #efefef;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.rentStepsHead a {
	white-space: nowrap;
}
.rentSteps .col-auto {
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	max-width: 33.333%;
	padding: 0 22px;
	border-right: 1px solid #e5e5e5;
}
.rentSteps .col-auto:first-child {
	padding-left: 0;
}
.rentSteps .col-auto:last-child {
	border-right: 0;
	padding-right: 0;
}
.rentSteps .stepNum {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	background: rgba(242, 228, 215, 1);
	color: rgba(140, 114, 40, 1);
	font-size: 14px;
	margin-right: 8px;
	vertical-align: middle;
}
.rentSteps .stepName {
	display: inline;
	vertical-align: middle;
}
.rentSteps .stepTxt {
	display: block;
	margin-top: 5px;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.4;
}
@media only screen and (max-width: 991px) {
	.rentSteps .d-flex.justify-content-between {
		display: block !important;
	}
	.rentSteps .col-auto {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 9px 0 !important;
		border-right: 0;
		border-bottom: 1px solid #efefef;
	}
	.rentSteps .col-auto:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.rentStepsHead {
		display: block !important;
	}
	.rentStepsHead a {
		display: inline-block;
		margin-top: 4px;
	}
}

/*	=====================================================
 *	АНИМАЦИЯ ДОБАВЛЕНИЯ В КОРЗИНУ
 *	===================================================== */
.cartFly {
	position: fixed;
	z-index: 10050;
	pointer-events: none;
	background: #fff center/contain no-repeat;
	border: 1px solid #efefef;
	border-radius: 4px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
	opacity: 1;
}
.cartFly.cartFlyGo {
	transition: left .75s cubic-bezier(.55, .06, .35, 1),
				top .75s cubic-bezier(.35, .9, .45, 1),
				width .75s ease-in,
				height .75s ease-in,
				opacity .75s ease-in,
				transform .75s ease-in;
	opacity: .35;
	transform: rotate(6deg);
}

/*	отклик самой корзины	*/
.cartBump {
	animation: cartBump .6s cubic-bezier(.3, 1.4, .5, 1);
}
@keyframes cartBump {
	0%		{ transform: scale(1); }
	30%		{ transform: scale(1.12); }
	55%		{ transform: scale(.97); }
	100%	{ transform: scale(1); }
}
#cartMini .cartDiv {
	display: inline-block;
	transform-origin: center;
}
.cartBump .count {
	background: rgba(140, 114, 40, 1);
	transition: background .3s ease;
}

/*	уведомление	*/
.cartToast {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 10040;
	display: flex;
	align-items: center;
	max-width: 400px;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid #efefef;
	border-left: 3px solid rgba(140, 114, 40, 1);
	border-radius: 3px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: opacity .35s ease, transform .35s cubic-bezier(.2, .8, .3, 1), visibility .35s;
}
.cartToast.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.cartToastIcon {
	margin-right: 12px;
	font-size: 26px;
}
.cartToastIcon:before {
	color: rgba(140, 114, 40, 1);
}
.cartToastBody {
	min-width: 0;
}
.cartToastTitle {
	display: block;
	font-size: 15px;
	color: #2f2f2f;
}
.cartToastName {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #8a8a8a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 240px;
}
.cartToastLink {
	margin-left: 16px;
	white-space: nowrap;
	color: rgba(140, 114, 40, 1);
	font-size: 14px;
}
.cartToastLink:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.cartToast {
		right: 12px;
		left: 12px;
		bottom: 12px;
		max-width: none;
		padding: 12px 14px;
	}
	.cartToastName {
		max-width: 160px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cartFly { display: none; }
	.cartBump { animation: none; }
	.cartToast { transition: opacity .2s ease; transform: none; }
}

/*	=====================================================
 *	ФОТО В КАРТОЧКЕ ТОВАРА - во всю ширину, без отступов
 *	отступы переносим с блока на текстовую часть,
 *	иначе на узких экранах (там padding другой) фото вылезает за карточку
 *	===================================================== */
.ItemDiv .paddingBlock {
	padding: 0 0 18px;
}
.ItemDiv .paddingBlock > *:not(.divForImg) {
	padding-left: 20px;
	padding-right: 20px;
}
.ItemDiv .divForImg {
	display: block;
	width: 100%;
	min-height: 0;
	height: 0;
	padding-top: 100%;	/*	квадрат по ширине карточки	*/
	margin: 0 0 12px;
	overflow: hidden;
	background: #fff;
}
.divForImg img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	object-position: center;
}
@media only screen and (max-width: 1230px) {
	.ItemDiv .paddingBlock {
		padding: 0 0 10px;
	}
	.ItemDiv .paddingBlock > *:not(.divForImg) {
		padding-left: 5px;
		padding-right: 5px;
	}
}


/*	=====================================================
 *	ФОТО НА СТРАНИЦЕ ТОВАРА - максимально крупное
 *	лента превью уже, главное фото занимает всю ширину блока
 *	===================================================== */
@media only screen and (min-width: 992px) {
	.row.product > .col-lg-6 > .row > .col-2 {
		-ms-flex: 0 0 84px;
		flex: 0 0 84px;
		max-width: 84px;
		padding-right: 0;
	}
	.row.product > .col-lg-6 > .row > .col-10 {
		-ms-flex: 0 0 calc(100% - 84px);
		flex: 0 0 calc(100% - 84px);
		max-width: calc(100% - 84px);
	}
	.product-main img#zoom_03 {
		width: 100%;
		height: auto;
	}
}
#gallery_01 a {
	width: 66px;
	padding: 4px;
	margin: 4px 0;
}
@media only screen and (max-width: 991px) {
	.row.product > .col-lg-6 > .row > .col-2 {
		-ms-flex: 0 0 74px;
		flex: 0 0 74px;
		max-width: 74px;
		padding-right: 0;
	}
	.row.product > .col-lg-6 > .row > .col-10 {
		-ms-flex: 0 0 calc(100% - 74px);
		flex: 0 0 calc(100% - 74px);
		max-width: calc(100% - 74px);
	}
	.product-main img#zoom_03 {
		width: 100%;
		height: auto;
	}
}