*,.filter-drop__content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.btn:hover,.chosen-container-single .chosen-single,.smartbanner-button,.smartbanner-close,a,a:hover {
  text-decoration: none
}

@font-face {
  font-family: kruk-regular;
  src: url(../assets/fonts/kruk-regular.eot);
  src: local("☺"),url(../assets/fonts/kruk-regular.woff) format("woff"),url(../assets/fonts/kruk-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: kruk-semibold;
  src: url(../assets/fonts/kruk-semibold.eot);
  src: local("☺"),url(../assets/fonts/kruk-semibold.woff) format("woff"),url(../assets/fonts/kruk-semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

* {
  box-sizing: border-box
}

html {
  font-family: lato,arial,sans-serif;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  color: #1f2e32;
  font-size: 12px
}

link,meta {
  display: none
}

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

img {
  max-width: 100%;
  height: auto;
  border: 0
}

b,h1,h2,h3,h4,h5,strong,th {
  font-weight: 700
}

button,input,select,textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

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

input[placeholder] {
  text-overflow: ellipsis;
  color: #696969
}

.drop__content input[type=checkbox] {
  position: relative;
  top: 3px
}

#cartRegister input[type=checkbox],.registrationForm input[type=checkbox] {
  width: 20px;
  height: 20px
}

input[type=checkbox],input[type=radio] {
  padding: 0;
  margin-right: 10px
}

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

table {
  border-collapse: collapse;
  width: 100%
}

th {
  padding: 0
}

a {
  color: inherit;
  outline: 0
}

.g--link {
  cursor: pointer;
  color: #000;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-bottom: 1px
}

.g--link:hover {
  border-bottom-color: #000
}

.g--link--continue-shopping {
  line-height: 1.45;
  display: inline;
  font-size: 14px
}

.g--link--go-to-cart {
  display: inline;
  color: #90a779;
  border-bottom: 1px solid transparent;
  transition: .2s
}

.btn,.btn--add_to_cart,.btn--add_to_cart span,.btn--arrow-a span,.btn--second,.btn:after,.tx_button.zagiel {
  display: inline-block
}

.g--link--go-to-cart:hover {
  color: #41c123;
  border-bottom-color: rgba(65,193,35,1)
}

.txt_s3 {
  color: #3f3f3f;
  border-bottom: 1px solid #27b9e9
}

.txt_s3:hover {
  color: #27b9e9
}

.btn {
  padding: 14px 48px;
  color: #000;
  font-family: inherit;
  cursor: pointer;
  background: #fff;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  border: 1px solid #e8e8e8
}

.btn:after {
  content: "";
  background: url(../../images/layout/kruk/arrow_right.svg) right no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  margin-top: -1px;
  vertical-align: top
}

.btn:hover {
  color: #c2a472;
  border-color: #c2a472
}

.btn--add_to_cart,.btn--second {
  font-size: 11px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer
}

.btn:active {
  position: relative;
  top: 1px
}

.btn--second {
  background: #102d51;
  padding: 13px 16px
}

.btn--second:hover {
  background-color: #203e61
}

.btn--add_to_cart {
  background: #102d51;
  padding: 0;
  text-align: left;
  float: left
}

.btn--add_to_cart .svg-icon {
  margin: 0 16px;
  fill: #fff;
  width: 24px;
  height: 23px
}

.btn--add_to_cart span {
  padding: 16px 24px;
  border-left: 1px solid rgba(255,255,255,.5);
  text-align: center
}

.btn--add_to_cart:hover {
  background-color: #203e61
}

.btn--career {
  margin-top: .8em;
  width: 100%;
  text-align: center
}

.btn--career:after {
  margin-top: 4px
}

@media (min-width: 768px) {
  .btn--add_to_cart {
    width:300px
  }

  .btn--add_to_cart span {
    width: 225px
  }

  .btn--career {
    width: initial
  }
}

.btn--break {
  margin: 0 0 16px
}

.tx_button.zagiel {
  padding: 10px;
  margin: 14px 0
}

.btn_cta.add_review {
  box-shadow: 0 1px 0 0 #7aa1a8 inset;
  background: #50727a;
  background-image: linear-gradient(to bottom,#618f98,#50727a)
}

.btn_cta.add_review:hover {
  background: #618f98
}

.btn--big {
  font-size: 1.2rem;
  padding: 1rem
}

.btn--small {
  font-size: 14px;
  margin: 0 0 0 2px;
  padding: 6px 12px 8px
}

.btn--cart-code-count {
  padding: 11px 10px 10px
}

.btn--style-a {
  border: 1px solid #1f2e32;
  background: #3c555b;
  background-image: linear-gradient(to bottom,#3c555b,#1f2e32);
  text-shadow: 0 -1px 1px #1f2e32;
  box-shadow: -1px -1px 0 rgba(255,255,255,.3) inset,1px 1px 0 rgba(255,255,255,.3) inset
}

.btn--style-a:hover {
  background: #3c555b
}

.btn--arrow-a {
  padding: .5rem 1.75rem .5rem .75rem;
  position: relative
}

.btn--arrow-a span {
  margin: 0;
  position: absolute;
  right: 12px;
  top: 7px;
  width: 9px
}

.btn--arrow-a span:after,.btn--arrow-a span:before {
  background: #fff;
  content: "";
  height: 7px;
  width: 2px;
  display: inline-block;
  vertical-align: middle
}

.btn--arrow-a span:before {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 0 2px
}

.btn--arrow-a span:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0
}

.payment__btn button,.payment__btn input[type=submit] {
  display: inline-block;
  padding: 14px 16px;
  line-height: 1;
  color: #fff;
  font-family: inherit;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  background: #2c96b8;
  background-image: linear-gradient(to bottom,#31a6cb,#2c96b8);
  border: 1px solid #268dae;
  box-shadow: -1px -1px 0 rgba(255,255,255,.4) inset,1px 1px 0 rgba(255,255,255,.4) inset;
  text-shadow: 0 -1px 0 #2eabd3
}

input[type=submit].btn--platnoscipl {
  background: url(https://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_01.png) no-repeat;
  border: none;
  background-size: 140px;
  width: 140px;
  height: 28px
}

.fcb {
  color: #45619d
}

.g--heading {
  font-family: kruk-regular;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  margin: 32px 0
}

.g--heading span,.item-lowecase {
  text-transform: lowercase
}

.g--heading span {
  font-size: 14px;
  color: #7f7f7f;
  display: block;
  margin: 16px 0
}

.g--select--wrapper {
  position: relative
}

.g--select--wrapper:after,.g--select--wrapper:before {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  content: "";
  background: #030303;
  width: 1px;
  height: 10px;
  display: block
}

.g--select--wrapper:after {
  right: 30px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.g--select--wrapper:before {
  right: 23px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

.g--select {
  border: 1px solid rgba(0,0,1,.3);
  border-radius: 0;
  background: #fff;
  padding: 14px 40px 14px 21px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer
}

.g--frame {
  display: block;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 46.67%;
  position: relative
}

.g--frame iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #000
}

.header {
  width: 100%;
  display: table;
  margin-bottom: 16px
}

.header.header--fixed {
  position: fixed;
  max-width: 1680px;
  background: #fff;
  top: 0;
  z-index: 9999;
  border-bottom: 1px solid #e8e8e8;
  -webkit-animation: menu_slide_down 1s ease-in;
  animation: menu_slide_down 1s ease-in;
  -webkit-animation-duration: .3s;
  animation-duration: .5s
}

@-webkit-keyframes menu_slide_down {
  from {
    transform: translateY(-90%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes menu_slide_down {
  from {
    transform: translateY(-90%)
  }

  to {
    transform: translateY(0)
  }
}

.header__fixed__menu {
  display: none
}

.header__fixed__menu .svg-icon {
  width: 24px;
  height: 24px
}

.header--fixed .header__fixed__menu {
  display: block;
  padding: 8px 32px;
  float: left
}

.header--fixed .header__branding__logo__img {
  width: 125px
}

.header--fixed .header__branding,.header--fixed .header__cart {
  padding: 8px 0
}

.header__top {
  display: none
}

.header__branding {
  display: table-cell;
  vertical-align: middle;
  padding: 16px 0 10px;
  text-align: center
}

.header__branding__logo {
  display: inline-block
}

.header__branding__logo.hidden {
  display: none
}

.header__branding__logo__img {
  display: block
}

.header__branding__logo:active {
  position: relative;
  top: 1px
}

.header__branding__mobile-friendly,.header__cart {
  display: none
}

.header__cart__anchor {
  margin-left: 32px;
  position: relative;
  display: inline-block
}

.header__cart__anchor span.user,.menu_cart_quantity {
  position: absolute;
  background: #c2a472;
  width: 20px;
  color: #fff;
  line-height: 20px;
  height: 20px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  transition: .3s
}

.header__cart__anchor span.user {
  bottom: 8px;
  left: 10px
}

.header__cart__anchor:hover .svg-icon-path {
  fill: #c2a472
}

.header__cart__info {
  display: none
}

.header__cart__account {
  float: right;
  padding: 8px 0;
}

.svg-icon {
  vertical-align: middle
}

.social__icon {
  fill: #c2a472
}

.menu_cart_quantity {
  bottom: 10px;
  left: 16px
}

@media (min-width: 768px) {
  .header__top {
    display:block;
    padding: 8px 0;
    overflow: hidden
  }

  .header__top__social {
    width: 50%;
    float: left;
    text-align: left
  }

  .header__top__social a {
    padding: 8px;
    margin-right: 16px;
    display: inline-block
  }

  .header__top__social a:first-child {
    margin-left: 32px
  }

  .header__top__social a:hover .social__icon {
    fill: #c5a879
  }

  .header__top__info {
    width: 50%;
    float: right;
    text-align: right
  }

  .header__top__info a {
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px;
    margin-left: 16px;
    display: inline-block
  }

  .header__top__info a:last-child {
    margin-right: 32px
  }

  .header__top__info a span {
    vertical-align: middle;
    margin-left: 8px
  }

  .header__top__info .info__icon {
    vertical-align: middle
  }

  .header__top__info a:hover {
    color: #c2a472
  }

  .header__top__info a:hover .info__icon {
    fill: #c2a472
  }

  .header__branding {
    width: 28%;
    padding: 16px 0
  }

  .header--fixed .header__branding__logo {
    margin-left: 0
  }
}

@media (min-width: 1024px) {
  .header {
    position:relative
  }

  .header--cart .header__branding {
    position: static;
    padding: 25px 0
  }

  .header__cart__content {
    display: inline;
    margin: 0 0 0 .5rem
  }

  .header__top__info a {
    margin-left: 32px
  }

  .header__cart {
    display: table-cell;
    vertical-align: top;
    padding: 16px 0;
    float: right
  }

  .btn--go-to-cart {
    margin-left: .5rem;
    padding: .5rem .75rem
  }

  .header__cart__search {
    width: 255px;
    float: left;
    position: relative
  }

  .header__cart__info {
    display: block;
    margin: 0;
    text-align: right;
    font-size: .875rem
  }

  .header__cart__info__phone {
    display: block;
    margin-bottom: .25rem;
    font-size: 1.25rem;
    color: #31a6cb
  }

  .header__branding {
    width: 55%
  }

  .header__branding__logo {
    float: right;
    margin-left: 0
  }
}

.header__langs,.nav a,.submenu a,.submenu h2 {
  font-size: 14px
}

.header__langs {
  position: relative;
  cursor: pointer;
  color: #000;
  border: 1px solid #e8eff5;
  border-radius: 4px;
  display: none;
  text-align: left;
  margin: 0;
  width: 60px;
  padding: 6px 22px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase
}

.header__langs::after,.header__langs::before {
  content: "";
  background: #000;
  width: 2px;
  height: 6px;
  top: 12px;
  display: inline-block;
  position: absolute
}

.header__langs::after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  right: 15px
}

.header__langs::before {
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  vertical-align: middle;
  right: 12px
}

.header__langs__action {
  text-transform: uppercase;
  display: inline-block
}

.header__cart .header__langs__action em {
  font-style: normal;
  text-align: right;
  color: #000
}

.header__langs__action.active a {
  color: #e31830
}

.header__langs__action.active a:after {
  border-top-color: #e31830
}

.header__langs__action a {
  display: inline-block;
  width: auto;
  padding: 0
}

.header__langs__action:after {
  display: inline-block;
  content: " ";
  border-top: .35em solid #fff;
  border-left: .2em solid transparent;
  border-right: .2em solid transparent;
  vertical-align: middle;
  margin-left: .5em;
  margin-top: -3px;
  margin-right: -.9em
}

.header__langs .header__langs__list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -1px;
  width: 60px;
  border: 1px solid #e8eff5;
  border-top: none;
  z-index: 999;
  top: 27px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fafafa
}

.header__langs .header__langs__list a {
  padding: 6px 22px 6px 12px;
  display: block;
  border-bottom: 1px solid #e8eff5
}

.header__langs .header__langs__list a:hover {
  background: #e9e9e9
}

.header__langs .header__langs__list a:last-of-type {
  border-bottom: none
}

.header__langs__list .active {
  font-weight: 500
}

.header__langs__list .flag {
  opacity: .5
}

.gallery-thumbs .swiper-slide-thumb-active,.header__langs__list .flag.active {
  opacity: 1
}

@media (min-width: 768px) {
  .header__langs {
    display:inline-block
  }

  .header__langs__action:after {
    vertical-align: top
  }
}

.search {
  border-bottom: 1px solid #e8e8e8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.search--app {
  border: 1px solid #e8e8e8;
  margin: 12px
}

.search input {
  padding: 8px;
  border: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.search button {
  width: 50px;
  padding: 8px;
  cursor: pointer;
  border: none;
  background: 0 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none
}

.search button:hover .search_icon {
  fill: #c2a472
}

.submenu_i_search .search {
  background: #fff;
  margin: 0 .5rem
}

.submenu_i_search .search input {
  padding: .5rem
}

.nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e8e8e8
}

.nav--app {
  z-index: 99999;
  background: #fff;
  border-width: 1px 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  padding-bottom: calc(env(safe-area-inset-bottom) - 16px)
}

.nav--fixed {
  background: #fff;
  z-index: 999;
  padding-left: 32px
}

.nav--fixed .svg-icon {
  width: 20px;
  height: 20px
}

.nav.nav--fixed .nav__fixed__close {
  display: table-cell;
  width: .1%
}

.nav .nav__fixed__close,.nav li {
  display: none
}

.nav.nav--position--fixed {
  position: fixed;
  top: 5px
}

.nav.nav--position--initial {
  position: initial
}

.nav a,.nav_mobile_cart {
  position: relative
}

.nav .nav_mobile {
  display: table-cell
}

.nav a {
  display: block;
  padding: 16px 0;
  text-align: center;
  color: #000;
  font-family: kruk-semibold;
  text-transform: uppercase;
  border-left: 1px solid #e8e8e8
}

.nav .first,.nav--app a {
  border-left: 0
}

.nav a span {
  border-bottom: 1px solid transparent;
  padding-bottom: 4px;
  line-height: 24px
}

.nav--app a span {
  line-height: 22px
}

.nav_mobile_quantity,.repository__quantity {
  color: #fff;
  font-size: 12px;
  line-height: 21px
}

.nav_desktop a.nav_submenu.on span,.nav_desktop a:hover span {
  border-bottom-color: #000
}

.nav_mobile_quantity {
  position: absolute;
  border-radius: 50%;
  display: block;
  bottom: 10px;
  left: 18px;
  width: 21px;
  height: 21px;
  background: #c2a472
}

.fake_select,.fake_select strong,.filters,.menu__banner,.nav_mobile_repository {
  position: relative
}

.nav--app .nav_mobile_quantity {
  left: 11px;
  font-family: kruk-regular;
  background: #522b1a
}

.nav_mobile svg {
  width: 24px;
  height: 24px;
  vertical-align: middle
}

.nav--app .nav_mobile svg {
  fill: #522b1a;
  width: 22px;
  height: 22px
}

.nav_mobile a:hover {
  background: #e8e8e8
}

.nav--app .nav_mobile a:hover {
  background: #fff
}

.repository__quantity {
  position: absolute;
  bottom: 10px;
  left: 18px;
  background: #c2a472;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  text-align: center
}

.nav_second_submenu span:after,.nav_second_submenu span:before {
  display: inline-block;
  width: 2px;
  content: "";
  vertical-align: middle
}

.nav--app .repository__quantity {
  left: 14px;
  font-family: kruk-regular;
  background: #522b1a
}

.nav_second_submenu span {
  float: right;
  margin-right: 8px
}

.nav_second_submenu span:after {
  background: #c2a472;
  height: 6px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: -5px
}

.submenu--app .nav_second_submenu span:after {
  background: #522b1a
}

.nav_second_submenu span:before {
  background: #c2a472;
  height: 6px;
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-left: 12px
}

.submenu--app .nav_second_submenu span:before {
  background: #522b1a
}

.submenu--app,.submenu--fixed {
  background: #fff;
  position: fixed
}

.nav_second_submenu.on span:before {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.nav_second_submenu.on span:after {
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

@media (min-width: 1024px) {
  .nav,.nav a {
    border:none
  }

  .nav li {
    display: table-cell
  }

  .nav .nav_mobile {
    display: none
  }

  .nav {
    max-width: 1200px;
    margin: 0 auto
  }

  .nav.nav--fixed {
    table-layout: initial;
    z-index: 9999
  }

  .nav--app {
    border: 1px solid #e8e8e8;
    max-width: unset
  }

  .nav--app .nav_mobile {
    display: table-cell
  }
}

.breadcrumb,.submenu .see_all li,.submenu_main_categories {
  border-top: 1px solid #e8e8e8
}

.submenu {
  width: 100%;
  overflow: hidden;
  display: none;
  border: 1px solid #e8e8e8;
  border-bottom: none
}

.submenu--app,.sumbenu--app ul {
  overflow: scroll
}

.submenu li,.submenu--fixed {
  border-bottom: 1px solid #e8e8e8
}

.submenu--app {
  top: env(safe-area-inset-top);
  left: 0;
  right: 0;
  bottom: 54px;
  z-index: 999
}

.submenu--fixed {
  top: 62px;
  z-index: 999;
  max-width: 1680px
}

.submenu h2 {
  margin: 32px 0;
  font-family: kruk-semibold;
  text-transform: uppercase;
  font-weight: 400
}

.submenu h2 a:not(.additional_menu_link) {
  color: #febf00
}

.submenu ul {
  width: 100%;
  margin: 0 auto
}

.submenu li {
  margin: 0
}

.nav--app .nav_mobile svg.submenu--close {
  display: none;
  width: 18px;
  height: 18px
}

.submenu a {
  display: block;
  border-bottom: 1px solid transparent;
  padding: 16px 8px
}

.submenu .see_all {
  width: 100%;
  margin: 0;
  display: table
}

.submenu .see_all li {
  margin: 0;
  padding: 16px 24px;
  display: table-cell;
  vertical-align: middle
}

.submenu .see_all li:first-child {
  width: 50%
}

.submenu .see_all li:last-child {
  text-align: right;
  width: 50%
}

.submenu .see_all .see_all__item {
  margin: 0 16px
}

.submenu .see_all .see_all__item:first-child {
  margin-left: 0
}

.submenu .see_all li span {
  font-size: 11px;
  text-transform: uppercase;
  font-family: lato;
  vertical-align: middle;
  margin-left: 8px
}

.clock__banner__subtitle,.clock__banner__title,.gift__banners__subtitle,.gift__banners__title,.index_banner__subtitle,.index_banner__title,.menu__banner__subtitle,.menu__banner__title,.products h3,.small__banners__txt {
  font-family: kruk-regular;
  text-transform: uppercase
}

.submenu .svg-icon {
  margin-left: 8px
}

.submenu--app.second {
  position: static;
  overflow: hidden
}

.submenu.second ul {
  width: 100%
}

.submenu.second li {
  border-bottom: none
}

.submenu.second a {
  padding: 8px 24px
}

.submenu_i_langs {
  text-transform: uppercase
}

.submenu_i_langs .active {
  font-weight: 600
}

.submenu .menu__banner a:hover {
  border: none
}

.submenu__container--logos,.submenu__container__logos {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 8px
}

.submenu__container__logos li {
  float: left;
  width: 19%;
  text-align: center;
  margin: 0 1% 1% 0
}

.submenu__container__logos a {
  margin: 0 15px 32px
}

.submenu__container--logos h2 {
  margin-bottom: 14px
}

@media (min-width: 1024px) {
  .submenu a {
    display:inline-block;
    padding: 0;
    margin: 8px 0
  }

  .submenu a.additional_menu_link {
    margin: 0
  }

  .submenu__container__logos a {
    padding: 12px 15px;
    display: block;
    margin: 0
  }

  .submenu a:hover {
    border-bottom-color: #000
  }

  .submenu__container__logos a:hover {
    border-bottom-color: transparent
  }

  .submenu__container {
    margin: 0 32px;
    float: left
  }

  .submenu__container--logos {
    width: 94%
  }

  .submenu__container.columns {
    width: auto
  }

  .submenu li {
    border: none
  }

  .submenu__container__logos li {
    border: 1px solid #e0e0e0
  }

  .submenu--app a {
    display: block;
    padding: 16px 8px;
    margin: 0
  }

  .submenu--app a:hover {
    border-bottom-color: transparent
  }

  .submenu--app li {
    border-bottom: 1px solid #e8e8e8
  }

  .submenu__columns__list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }

  .submenu__columns__category_list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3
  }

  .category_columns .submenu__columns__category_list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }
}

@media (min-width: 1300px) {
  .submenu__container {
    margin:0 24px
  }

  .submenu__container.columns {
    width: 18%
  }

  .submenu__container.category_columns {
    width: 26%
  }

  .submenu__container--logos {
    width: 98%
  }

  .submenu__container__logos a {
    padding: 14px 20px
  }
}

@media (min-width: 1680px) {
  .submenu .see_all .see_all__item {
    margin:0 64px
  }

  .submenu .svg-icon {
    margin-left: 32px
  }
}

.submenu_name_menu a {
  margin: 0;
  color: #1f2e32!important;
  display: inline-block
}

.menu__banner {
  float: right;
  margin: 32px;
  display: none
}

.menu__banner__txt {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  color: #fff;
  width: 75%
}

.menu__banner__title {
  font-size: 16px
}

.menu__banner__subtitle {
  font-size: 24px;
  margin: 16px 0
}

.menu__banner__desc {
  font-family: lato
}

.menu__banner__btn {
  margin-top: 16px
}

@media (min-width: 1300px) {
  .menu__banner {
    display:block
  }
}

.breadcrumb {
  overflow: hidden
}

.breadcrumb ol {
  text-align: center;
  padding: 24px 10px 16px
}

.breadcrumb li {
  margin-bottom: 8px;
  display: inline-block;
  font-size: 14px;
  color: #000;
  line-height: 1.45
}

.breadcrumb li .last {
  color: #7f7f7f
}

.breadcrumb b {
  margin: 0 8px;
  font-weight: 400
}

@media (min-width: 768px) {
  .breadcrumb ol {
    padding:24px 0 16px
  }
}

.product_box_header {
  width: 100%;
  padding: 16px 0;
  background: #fafafa
}

.product_box_header h2 {
  margin: 0 0 .5rem;
  padding: 0 1rem;
  font-size: 2.5rem;
  font-weight: 400
}

.filter_and_sorter {
  padding: 0 2rem 0 1rem
}

.sorter_wrapper {
  margin-bottom: 1rem
}

.sorter_wrapper label {
  display: inline-block;
  margin-bottom: .25rem;
  padding-right: .25rem
}

.nav_filters {
  margin: 0 0 .5rem
}

.product_sorter p {
  margin: 0
}

.clear_filters {
  display: inline-block;
  margin-left: 8px;
  line-height: 24px;
  padding: 0 10px;
  background: #fffdab;
  color: #000;
  border: 1px solid #fffdab;
  border-radius: 4px
}

.clear_filters:hover {
  background-color: #fffc78;
  box-shadow: 0 0 2px rgba(0,0,0,.2) inset
}

.head_filters {
  width: 100%;
  overflow: hidden;
  text-align: left
}

.filters.hidden {
  display: none
}

.filter {
  margin-bottom: 32px
}

.filters {
  background: #fff;
  border: 1px solid #e8eff5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 16px auto;
  padding: 15px 0 0;
  width: 96%;
  overflow: visible
}

.filters form {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8eff5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.filters h5 {
  margin: 1.5rem 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #31a6cb
}

.filters h6 {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 500
}

.filters p {
  margin: .5rem 0
}

.filters fieldset {
  float: left;
  margin: 0 0 2rem 2rem;
  padding: 0;
  border: 0
}

.filters .fieldset_cta {
  float: none;
  text-align: center;
  background: #f6fafc;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #e8eff5;
  box-shadow: 0 1px 0 #fff inset
}

.filters label {
  margin: 0 0 10px 4px;
  display: inline-block;
  color: #2a3a3f
}

.invisible_select {
  display: none
}

.fake_select {
  display: inline-block;
  min-width: 175px
}

.fake_select strong {
  display: block;
  font-weight: 400
}

.fake_select ul {
  background: #fff;
  border: 1px solid rgba(0,0,1,.3);
  display: none;
  left: -1px;
  position: absolute;
  right: -1px;
  top: 42px;
  border-top: none;
  z-index: 3
}

.fake_select li {
  padding: 10px 40px 10px 21px
}

.fake_select__arrow {
  display: block;
  position: absolute;
  right: -40px;
  top: 50%
}

@media (min-width: 768px) {
  .product_box_header {
    display:table
  }

  .product_box_header h2 {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0 1rem 0 2rem
  }

  .filter_and_sorter {
    display: table-cell;
    vertical-align: middle;
    text-align: right
  }

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

  .sorter_wrapper label {
    margin: 0
  }

  .nav_filters {
    display: inline-block;
    margin: 0 0 0 1rem
  }
}

.index__banner.swiper-container {
  position: relative;
  margin: 4px 0
}

.index_banner__txt {
  left: 6%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  max-width: 50%
}

.index_banner__title {
  font-size: 20px
}

.index_banner__subtitle {
  font-size: 16px;
  margin: 16px 0;
  display: none
}

.index_banner__desc {
  font-size: 14px;
  display: none
}

.index_banner__btn {
  display: none;
  line-height: normal;
  margin-top: 68px
}

.index__banner__icon {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 100;
  width: 16px;
  display: none
}

.index__banner__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 99;
  color: #000;
  font-size: 30px;
  cursor: pointer;
  padding: 16px;
  display: none
}

.index__banner__prev {
  left: 16px
}

.index__banner__next {
  right: 16px
}

.index_banner__url {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0
}

.index_banner__url--left {
  left: 0
}

.index_banner__url--right {
  right: 0
}

.banner_mobile {
  display: block
}

.banner_desktop {
  display: none
}

@media (min-width: 480px) {
  .index_banner__desc,.index_banner__subtitle {
    display:block
  }
}

@media (min-width: 768px) {
  .index__banner.swiper-container {
    margin:.25% 0
  }

  .index_banner__title {
    font-size: 18px
  }

  .index_banner__subtitle {
    font-size: 48px
  }

  .index_banner__btn {
    display: inline-block
  }

  .index__banner__icon,.index__banner__nav {
    display: block
  }

  .banner_mobile {
    display: none
  }

  .banner_desktop {
    display: block
  }
}

.baners__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 99;
  color: #000;
  font-size: 30px;
  cursor: pointer;
  padding: 16px
}

.baners__nav span {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%
}

.baners__nav__prev {
  left: 5px
}

.baners__nav__next {
  right: 5px
}

.baners__nav__prev span {
  transform: translateY(-20%) translateX(-50%) rotate(-45deg);
  -webkit-transform: translateY(-20%) translateX(-50%) rotate(-45deg)
}

.baners__nav__next span {
  transform: translateY(-20%) translateX(-50%) rotate(135deg);
  -webkit-transform: translateY(-20%) translateX(-50%) rotate(135deg)
}

#multi_payment_services img,.small__banners__txt {
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 50%
}

.instagram .baners__nav span {
  border-left: 1px solid #000;
  border-top: 1px solid #000
}

.index__banner .banners__nav span {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff
}

.index_cats {
  overflow: hidden;
  margin-bottom: 16px
}

.index_cats a {
  display: block;
  border: 1px solid #e8eff5;
  transition: .3s
}

.index_cats a:hover {
  border-color: #31a6cb
}

.index_cats img {
  display: block
}

.index_cats h2 {
  text-transform: uppercase;
  letter-spacing: 2px
}

@media (min-width: 768px) {
  .baners__nav {
    padding:42px
  }

  .index_cats {
    width: 102%;
    margin-left: -1%;
    margin-bottom: 32px
  }

  .index_cats li {
    width: 32%;
    float: left;
    margin: 1% 0 0 1%
  }

  .index_cats h2 {
    text-align: center
  }

  .index_cats h2:before {
    display: block;
    margin: 24px auto 16px;
    content: "";
    width: 25%;
    height: 2px;
    background: #31a6cb
  }
}

.small_banners {
  margin: 0;
  display: block;
  overflow: hidden
}

.small_banners__list li {
  float: left;
  position: relative;
  margin-bottom: 4px
}

.small_banners__list img {
  display: block;
  transition: .3s
}

.small_banners__list li:hover img {
  opacity: .9
}

.small__banners__txt {
  color: #fff;
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  text-align: center
}

.small__banners__title {
  font-size: 14px
}

.small__banners__subtitle {
  font-size: 24px;
  margin: 16px 0;
  display: none
}

.small__banners__subtitle span {
  display: block;
  width: 100px;
  height: 1px;
  background: rgba(255,255,255,.5);
  margin: 16px auto
}

.small__banners__subtitle span:after {
  content: "";
  display: inline-block;
  background: url(../../images/layout/kruk/arrow_right_white.svg) center no-repeat;
  width: 16px;
  height: 16px;
  margin: 16px auto
}

@media (min-width: 768px) {
  .small_banners__list {
    width:100.25%;
    margin-right: -.25%
  }

  .small_banners__list li {
    margin: 0 .25% 0 0;
    width: 33.0833%
  }
}

@media (min-width: 1200px) {
  .small__banners__subtitle {
    display:block
  }
}

.clock__banner {
  position: relative
}

.clock__banner__txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 32px
}

.clock__banner__title {
  font-size: 18px;
  color: #c2a472
}

.clock__banner__subtitle {
  font-size: 48px;
  color: #fff;
  margin: 16px 0;
  display: none
}

.clock__banner__desc {
  font-size: 14px;
  color: #fff;
  display: none
}

.clock__banner__btn {
  margin: 80px 24px 0 0
}

@media (min-width: 768px) {
  .clock__banner__txt {
    left:100px
  }

  .clock__banner__subtitle {
    display: block
  }
}

@media (min-width: 1200px) {
  .clock__banner__desc {
    display:block
  }
}

.products__box__slider {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden
}

.products__box__slider .products {
  overflow: visible;
  width: 100%;
  margin: 0;
  flex-wrap: initial;
  -webkit-flex-wrap: initial
}

.products__box__slider .products li {
  margin: 0
}

.gift__banners .item--first:first-child,.gift__banners__item {
  margin-bottom: 4px
}

.gift__banners {
  overflow: hidden
}

.gift__banners__item img {
  display: block
}

.gift__banners .item {
  position: relative
}

.gift__banners__txt {
  position: absolute;
  left: 32px;
  bottom: 32px;
  color: #fff
}

.instragram__wrapper,.products li {
  position: relative
}

.gift__banners__title {
  font-size: 18px;
  display: none
}

.gift__banners__subtitle {
  font-size: 36px;
  margin: 16px 0
}

.gift__banners__desc {
  font-size: 14px;
  display: none
}

.gift__banners__btn {
  margin-top: 32px
}

@media (min-width: 768px) {
  .gift__banners {
    width:100.25%;
    margin-right: -.25%
  }

  .gift__banners__item {
    width: 33.0833%;
    margin-right: .25%;
    float: left
  }

  .gift__banners .item--first:first-child {
    margin-bottom: .5%
  }

  .gift__banners__subtitle {
    font-size: 24px
  }
}

@media (min-width: 1200px) {
  .gift__banners__desc,.gift__banners__title {
    display:block
  }

  .gift__banners__txt {
    left: 64px;
    bottom: 64px
  }

  .gift__banners__subtitle {
    font-size: 36px
  }
}

#rlx-retailer-contact-form *,.product__profile,.products-price,.products-price span {
  font-size: 14px
}

@media (min-width: 1680px) {
  .gift__banners {
    width:100.25%;
    margin-right: -.25%
  }

  .gift__banners__item {
    width: 33.084%;
    margin-right: .25%
  }
}

.instragram__wrapper img {
  display: block
}

.products,.rlx-retailer-contact__row--trio {
  display: flex
}

.instragram__next,.instragram__prev {
  padding: 32px 24px;
  background: rgba(255,255,255,.5)
}

.instragram__prev span {
  top: 45%;
  left: 60%
}

.instragram__next span {
  top: 45%;
  left: 45%
}

.instragram__prev {
  left: 0
}

.instragram__next {
  right: 0
}

.producer__container {
  margin: 32px 0
}

.producer__list li {
  padding: 4px 0
}

#multi_payment_services .item,.products li {
  padding-top: 24px
}

.products {
  overflow: visible;
  width: 101%;
  margin-left: -1%;
  padding-bottom: 32px;
  flex-wrap: wrap
}

.tab.tab--product .products {
  flex-wrap: initial;
  margin-left: 0
}

.products li {
  float: left;
  width: 49%;
  margin: 0 0 16px 1%;
  border: 1px solid transparent
}

.tab.tab--product .products li {
  margin: 0 0 8px
}

.tab--index .products li {
  margin-bottom: 16px
}

.products img {
  display: block
}

.products h3 {
  margin: 0 0 4px;
  line-height: 1.45;
  font-weight: 400
}

.product__data__name,.products-price {
  line-height: 1.25;
  font-family: kruk-regular
}

.products-price {
  margin-bottom: 4px
}

.products-price del {
  text-decoration: line-through;
  display: block;
  color: #7f7f7f
}

.product__hover,.product__profile,.product__repository.added {
  display: none
}

.products-price em {
  font-style: normal;
  color: #e03601
}

.product__arrow {
  background: url(../../images/layout/kruk/arrow_right.svg) right no-repeat;
  width: 16px;
  height: 16px;
  margin: 16px
}

.products .product__repository {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  z-index: 2
}

.product__repository .svg-icon-path {
  fill: rgba(0,0,0,.5)
}

.product__add__to__repository--brown .svg-icon,.product__add__to__repository:hover .svg-icon,.product__notification__btn:hover .svg-icon,.product__pos:hover .svg-icon,.product__repository--brown .svg-icon-path,.product__repository:hover .svg-icon-path,.repository--brown .svg-icon,.repository:hover .svg-icon {
  fill: #c2a472
}

.product__availability {
  position: absolute;
  top: 35px;
  right: -3px;
  padding: 0
}

.product__details,.rlx-retailer-contact__group--required {
  position: relative
}

.product__availability .tooltip {
  z-index: 2
}

.product__profile {
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 100;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-top: none;
  box-shadow: 0 7px 8px #e1e1e1;
  padding: 0 0 16px;
  width: calc(100% + 2px);
  text-align: center
}

.badge,.product__pos {
  font-size: 11px;
  text-transform: uppercase
}

.product__profile__grey {
  color: #7f7f7f
}

.product__profile__gold {
  color: #c2a472
}

.product__profile p {
  margin: 4px 0
}

.tab--index .products {
  overflow: visible;
  width: 100%;
  margin: 0;
  flex-wrap: initial;
  -webkit-flex-wrap: initial
}

.tab--index .products li {
  margin: 0
}

.tab--index .products li.tab__btn {
  align-self: center;
  -webkit-align-self: center
}

.tab--index .products li.tab__btn .btn:after {
  margin-left: 32px
}

.product__add__to__repository {
  border: 1px solid rgba(0,0,1,.3);
  padding: 13px;
  margin-left: 8px;
  vertical-align: middle
}

.product__add__to__repository--brown,.product__add__to__repository:hover {
  border-color: #c2a472
}

.product__notification__btn span,.product__pos span {
  border-left: 1px solid rgba(0,0,1,.3);
  text-align: center
}

.product__pos {
  border: 1px solid rgba(0,0,1,.3);
  display: inline-block;
  width: 300px;
  cursor: pointer
}

.product__pos .svg-icon {
  margin: 0 16px
}

.product__pos span {
  padding: 16px;
  display: inline-block;
  width: 225px
}

.product__pos:hover {
  border-color: #c2a472;
  color: #c2a472
}

.product_low__availability {
  color: #7f7f7f
}

.products__img_wrapper--desktop {
  display: none
}

.products__img_wrapper--mobile {
  display: block
}

.products img.products__second_picture {
  display: none;
  position: absolute;
  top: 0;
  left: 0
}

@media (min-width: 768px) {
  .products {
    width:102%
  }

  .products li {
    width: 32%;
    margin-bottom: 32px;
    padding-top: 0
  }

  .products-price del {
    display: inline;
    padding-right: 4px
  }

  .products-price em {
    padding-left: 4px
  }

  .products .product__repository {
    top: 16px;
    right: 16px
  }

  .product__availability {
    top: 51px;
    right: 14px
  }

  .products__img_wrapper--desktop {
    display: block
  }

  .products__img_wrapper--desktop img {
    width: 100%
  }

  .products__img_wrapper--mobile {
    display: none
  }
}

@media (min-width: 1024px) {
  .products {
    width:101%
  }

  .products a {
    padding: 16px;
    display: block
  }

  .products li {
    width: 19%
  }

  .products li:nth-of-type(20),.products li:nth-of-type(29) {
    clear: both
  }

  .product__availability,.product__repository {
    opacity: 0
  }

  .product__hover {
    display: inline-block;
    opacity: 0
  }
}

@media (min-width: 1025px) {
  .products li:hover .product__profile,.products li:hover img.products__second_picture {
    display:block
  }

  .products li:hover {
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 8px #e1e1e1
  }

  .products li:hover .product__availability,.products li:hover .product__hover,.products li:hover .product__repository {
    opacity: 1
  }
}

.rlx-corners-v3-contact h2 {
  font-size: 3em;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 20px 2%
}

.dash.contact-dash {
  height: 2px;
  width: 50px;
  background-color: #000;
  margin: 0 0 0 2%
}

.rlx-retailer-contact__fieldset {
  border: none;
  padding: 0;
  margin: 0
}

.rlx-retailer-contact__fieldset.last {
  margin: 20px 0 0
}

.rlx-corners-v3-contact {
  margin: 60px auto 0;
  max-width: 600px
}

.rlx-textblock-large p {
  font-size: 15px;
  color: #a5a5a5;
  margin: 20px 0 50px 2%
}

.rlx-retailer-contact .rlx-wrapper-fold.rlx-retailer-contact-success {
  padding: 40px 0;
  background-position: top center
}

.rlx-retailer-contact__form-button--submit {
  background-color: #181717;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 57px
}

.rlx-retailer-contact__form-button--cancel {
  background-color: transparent;
  text-transform: uppercase;
  padding: 20px 45px;
  border: none;
  color: #a5a5a5
}

.rlx-retailer-contact__group--title {
  width: 13%;
  margin: 0 2%
}

.rlx-retailer-contact__group--fname {
  width: 29%;
  margin: 0 2%
}

.rlx-retailer-contact__group--email,.rlx-retailer-contact__group--lname {
  width: 46%;
  margin: 0 2%
}

.rlx-retailer-contact__group input,.rlx-retailer-contact__group select {
  width: 100%
}

.rlx-retailer-contact__fieldset.last .rlx-retailer-contact__row {
  width: 96%;
  margin: 0 2%
}

.rlx-retailer-contact__fieldset.last .rlx-retailer-contact__row textarea {
  width: 100%
}

.rlx-retailer-contact__group--phone {
  width: 46%;
  margin: 0 2%
}

.rlx-retailer-contact__form-select-container div {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #000 transparent transparent;
  margin: -15px 0 0 65px;
  transition: .2s
}

.rlx-retailer-contact__form-select-container select:focus~div {
  transform: rotate(180deg)
}

.rlx-retailer-contact__fieldset.first input {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
  border-bottom: 1px solid #c7c7c7;
  padding: 5px 2px;
  color: #000
}

.rlx-retailer-contact__fieldset.first input:focus,.rlx-retailer-contact__fieldset.first select:focus {
  border-color: #000
}

.rlx-retailer-contact__fieldset.first select {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  padding: 5px 2px;
  border-bottom: 1px solid #c7c7c7;
  border-radius: 0
}

.rlx-retailer-contact__form-input--text-area {
  border: 1px solid #c7c7c7;
  padding: 20px;
  overflow: auto;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  resize: none;
  height: 100px
}

.rlx-retailer-contact__form-input--text-area::placeholder {
  color: #a5a5a5
}

.rlx-retailer-contact__notice {
  width: 45%;
  display: inline-block;
  margin-left: 1%
}

.rlx-retailer-contact__notice label {
  color: #a5a5a5
}

.rlx-retailer-contact__notice label:hover {
  cursor: pointer
}

.rlx-retailer-contact__notice label span {
  color: #000
}

.rlx-retailer-contact__notice div {
  margin-top: 20px
}

.rlx-retailer-contact__row--trio {
  margin: 0 0 50px
}

.rlx-retailer-contact__row--trio.last {
  margin: 60px 0 0
}

.rlx-retailer-contact__group--required span {
  position: absolute;
  right: 0;
  margin: 30px 2% 0 0;
  color: #a5a5a5
}

.product__list__banner {
  display: none
}

.product__list__banner--first {
  clear: both
}

.products li.product__list__banner {
  width: 39%;
  position: relative
}

.products li.product__list__banner a {
  padding: 0
}

@media (min-width: 1024px) {
  .product__list__banner {
    display:block
  }
}

.popular__category__products {
  border-top: 1px solid #e8e8e8;
  position: relative
}

.popular__category__products .products {
  overflow: visible;
  width: 100%;
  margin: 0;
  flex-wrap: initial;
  -webkit-flex-wrap: initial
}

.popular__category__products .products li {
  margin: 0
}

.category__h1 {
  text-align: center
}

.scroll__top__btn__container {
  display: flex;
  justify-content: center
}

.scroll__top__btn {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #c2a472;
  cursor: pointer
}

.scroll__top__btn span {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-40%) translateX(-50%) rotate(45deg);
  -webkit-transform: translateY(-40%) translateX(-50%) rotate(45deg)
}

.shop__description {
  background: #f0f0f0;
  padding: 16px 11px
}

.product__banner {
  position: relative;
  margin-top: 8px;
  display: block;
  padding: 128px
}

.product__banner img {
  display: block
}

.product__banner .gift__banners__subtitle {
  font-size: 24px
}

.product__banner .gift__banners__txt {
  color: #000
}

@media (min-width: 768px) {
  .product__bottom__wrapper {
    display:flex;
    display: -webkit-flex
  }

  .shop__description {
    padding: 32px
  }

  .shop__description--product {
    float: left;
    display: flex;
    display: -webkit-flex
  }

  .shop__description__content {
    -webkit-align-self: center;
    align-self: center
  }

  .product__banner {
    overflow: hidden;
    margin: 0 0 0 .5%;
    display: block
  }
}

@media (min-width: 1024px) {
  .shop__description--product {
    width:70%
  }

  .product__banner {
    width: 29.5%;
    padding: 160px
  }
}

.product--page {
  font-size: 14px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
  padding: 32px 0
}

@media (min-width: 768px) {
  .product--page {
    font-size:inherit
  }
}

.product .add_to_cart_response__link {
  font-size: 15px
}

.product--change_variant {
  margin: 40px 0
}

.product__data__name {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  clear: both
}

.product__data__code {
  color: #c2a472;
  text-transform: uppercase
}

.product__data__props {
  padding: 16px 0 0
}

.product__notification__btn {
  border: 1px solid rgba(0,0,1,.3);
  background: rgba(216,216,216,.5);
  text-transform: uppercase;
  font-size: 9px;
  display: inline-block;
  width: 300px;
  cursor: pointer
}

.product__notification__btn_individual {
  width: 308px
}

@media (min-width: 400px) {
  .product__notification__btn {
    font-size:11px
  }

  .product__notification__btn_individual {
    width: 360px
  }
}

.product__notification__btn .svg-icon {
  margin: 0 16px
}

.product__notification__btn span {
  padding: 16px;
  display: inline-block;
  width: 225px
}

.product__notification__btn:hover {
  border-color: #c2a472;
  color: #c2a472
}

.product__notification__btn .inline__btn__content {
  width: auto
}

.product__notification {
  background: #f0f0f0;
  margin: 16px 0;
  padding: 24px 8px;
  display: none
}

.product__notification p {
  margin: 0;
  line-height: 1.5
}

.product__notification ul {
  margin: 16px 0 0
}

.buy_section,.errors_for_field {
  margin-bottom: 1rem
}

.product__notification .btn {
  margin-top: 8px
}

.product__notification .required--alert {
  border: 1px solid #e1928b;
  background: #f3dbe1;
  padding: 16px
}

.product__info {
  padding-top: 16px;
  text-align: center
}

.buy_section.buy_section--product-notification {
  display: none;
  margin: 32px 0 8px
}

.buy_section_label {
  display: block;
  margin-bottom: 8px
}

.buy_section--colors a {
  display: inline-block;
  margin: 0 6px 2px 0
}

.buy_section--colors img {
  border: 1px solid #e8eff5;
  width: 39px
}

.buy_section--colors .current {
  border-color: #31a6cb;
  margin: 0 2px 0 0
}

.buy_section_price {
  margin-bottom: 16px;
  margin-top: 16px;
  font-family: kruk-regular
}

.buy_section_price .buy_section_data {
  font-size: 18px
}

.buy_section_price .buy_section_data span.val {
  font-size: 1rem
}

.buy_section_price .buy_section_data del {
  text-decoration: line-through;
  margin-right: 8px
}

.buy_section_price .buy_section_data .promo_price {
  color: #e03601;
  font-style: normal
}

.buy_section_data .product__variants {
  display: flex
}

.pricesButton {
  padding: .25rem 0 0;
  overflow: visible
}

.product__desc__profile {
  overflow: hidden
}

.product__desc__profile p {
  margin: 8px 0;
  width: 45%;
  float: left
}

.product__desc__profile.product__desc__profile--compare p {
  width: 100%;
  float: none
}

.product__desc__profile .product__desc__profile__grey {
  color: #7f7f7f
}

.product__desc__profile .product__desc__profile__gold {
  color: #c2a472;
  margin-left: 16px
}

.points__reward__label.error,.product__variants--label.error {
  color: #d72737
}

.product__variants.error {
  border: 1px solid #d72737;
  padding: 32px;
  border-radius: 4px;
  background: rgba(215,39,55,.1);
  transition: .3s
}

.product__variants_disabled {
  color: #c3c3c3
}

.product__variants__disabled {
  display: none
}

.bundling__variants .g--select--wrapper,.product__variants .g--select--wrapper {
  display: inline-block
}

.bundling__variants {
  overflow: visible
}

.buyit_free_shipping {
  color: #31a6cb;
  display: block;
  margin-top: 16px
}

.show_size_chart_wrapper {
  display: block;
  white-space: nowrap;
  margin-top: 16px
}

.show_size_chart_wrapper .svg-icon {
  margin-right: 8px
}

.show_size_chart_wrapper:after {
  content: "";
  background: url(../../images/layout/kruk/arrow_right.svg) right no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  vertical-align: middle
}

.product__preorder {
  margin: 0 auto 16px;
  font-size: 14px;
  line-height: 1.35
}

.product__preorder strong {
  display: block
}

.product__info__item {
  margin: 10px 0;
  position: relative
}

.product__info__item.hidden {
  display: none
}

.product__info__item img {
  width: 28px;
  height: 24px;
  vertical-align: bottom;
  margin-right: 8px
}

.product__info__item--price {
  font-family: lato;
  width: 100%;
  font-size: 12px
}

.product__variant__estimation {
  display: none;
  text-transform: uppercase
}

.product__variant__estimation__none {
  display: inline
}

.product__info__toggler {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,1,.3);
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer;
  text-align: center;
  color: #7f7f7f
}

.product__info__toggler:after {
  content: "i";
  position: relative;
  top: 1px;
  left: 0
}

.product__info__content {
  display: none;
  padding: 10px;
  border: 1px solid rgba(0,0,1,.3);
  position: absolute;
  top: 35px;
  right: 0;
  background: #fff;
  z-index: 100;
  width: 100%;
  opacity: .9
}

.product__info__content:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: -10px;
  transform: rotate(45deg) translateX(50%);
  -webkit-transform: rotate(45deg) translateX(50%);
  border: 1px solid transparent;
  border-left-color: rgba(0,0,1,.3);
  border-top-color: rgba(0,0,1,.3);
  background: #fff
}

.product__desc__dimensions,.product__desc__size__description {
  margin: 0 0 20px
}

.product__desc__dimensions-item {
  display: none
}

.repository {
  border: 1px solid rgba(0,0,1,.3);
  padding: 12px 19px;
  margin: 0 0 0 22px;
  display: inline-block
}

.repository--brown,.repository:hover {
  border-color: #c2a472
}

.repository.added {
  display: none
}

.ring__additional__info {
  position: relative;
  margin: 16px 16px 0;
  width: 300px
}

@media (min-width: 768px) {
  .buy_section_label {
    display:table-cell;
    width: 15%;
    margin-bottom: 0;
    vertical-align: middle
  }

  .product__desc {
    padding: 32px 0
  }

  .buyit_label {
    float: left;
    width: 120px;
    padding: 4px 10px 4px 0;
    text-align: right
  }

  .price .buyit_label {
    padding-bottom: 10px
  }

  .pricesButton>.buyit_label {
    display: block
  }

  .buy_section {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .buy_section_data.product__variants {
    display: flex
  }

  .buy_section_data {
    display: table-cell
  }

  .product__info__item {
    float: left;
    width: 35%;
    margin: 16px 0 0
  }

  .product__info__item--price,.show_size_chart_wrapper {
    display: inline-block;
    margin: 0 0 0 32px
  }

  .product__info__item--price {
    float: none
  }

  .product__notification {
    margin: 16px 32px 32px 0
  }

  .product__notification .btn {
    margin-top: 0
  }

  .repository {
    padding: 12px;
    margin: 0 0 0 16px
  }
}

@media (min-width: 1024px) {
  .product {
    padding:32px 0 0
  }

  .product__images {
    width: 55%;
    float: left;
    margin-bottom: 0
  }

  .product__data {
    width: 45%;
    float: left;
    padding: 0 0 0 32px
  }

  .product__info__item {
    width: 45%
  }

  .product__notification {
    padding: 32px
  }

  .product__desc__content {
    width: 50%
  }
}

@media (min-width: 1300px) {
  .product__info__item {
    width:35%
  }
}

.installment-mini_installment-mini-details {
  color: #000!important;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  text-decoration: none!important
}

.installment-mini_installment-mini-details:hover {
  border-bottom-color: #000
}

.product__show__details {
  overflow: hidden;
  margin: 64px 0;
  clear: both;
  font-size: 14px
}

.product__show__details__profile {
  background: #f0f0f0;
  padding: 16px
}

.product_description_table {
  width: auto;
  margin: 0 auto
}

.product_description_table th {
  padding: 4px 16px;
  text-align: right;
  color: #7f7f7f;
  font-weight: 400;
  vertical-align: top
}

.product_description_table td {
  padding: 4px 16px;
  color: #c2a472
}

.product_description_table td span {
  display: block;
  margin: 4px 0
}

.product_description_table th.headProf {
  padding-top: 1rem;
  color: #31a6cb
}

.product__producer span,.product__show__details__description p {
  color: #696969;
  line-height: 1.85
}

.product__show__details__description {
  padding: 16px
}

.product__producer {
  padding: 16px 0
}

.product__producer span {
  display: block;
  padding: 16px 0
}

@media (min-width: 768px) {
  .product__show__details {
    display:flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }

  .product__show__details__description,.product__show__details__profile {
    width: 50%;
    padding: 16px 48px 48px
  }
}

.availability__popup {
  display: none;
  position: fixed;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999
}

.availability__popup__container {
  max-width: 1280px;
  background: #fff;
  margin: 32px auto;
  padding: 8px;
  overflow: hidden;
  text-align: center;
  max-height: 700px;
  overflow-y: auto;
  position: relative
}

.availability__popup__container h1 {
  margin: 0 65px 0 0;
  text-align: left;
  font-size: 16px
}

.availability__popup__pic {
  display: none;
  float: left;
  width: 30%;
  text-align: right;
  padding-right: 32px;
  clear: both
}

.availability__popup__content,.availability__popup__data {
  text-align: left;
  overflow: hidden
}

.availability__popup__data {
  margin: 32px 0 0
}

.availability__popup__data h2 {
  margin: 0 0 16px
}

.availability__popup__container .g--select {
  width: 100%
}

.availability__popup__content>* {
  display: none
}

.availability__popup__content p {
  margin: 4px 0
}

.availability__popup__content .outpost__cart__select .availability_label {
  display: block;
  padding: 5px 0
}

.availability__popup__close {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 4px
}

.availability__popup__content p.availability_none {
  margin: 12px 0;
  display: none
}

.availability__popup__content p.availability_reservation {
  margin: 0 0 16px;
  display: none;
  text-align: center
}

.availability_confirmation {
  padding-top: 10px;
  color: #90a779;
  font-weight: 700
}

.availability__response__overlay {
  background: rgba(0,0,0,.7);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none
}

.availability__popup__container .availability__response {
  position: absolute;
  top: 40%;
  right: 50%;
  transform: translateY(-50%) translateX(50%);
  -webkit-transform: translateY(-50%) translateX(50%);
  background: #fff;
  padding: 32px;
  max-width: 350px
}

@media (min-width: 520px) {
  .availability__popup__pic {
    display:block
  }

  .availability__popup__container .g--select {
    width: 375px;
    max-width: 100%
  }

  .availability__popup__content p.availability_reservation {
    text-align: left
  }
}

@media (min-width: 768px) {
  .availability__popup__container h1 {
    text-align:center;
    font-size: 24px;
    margin: 0
  }

  .availability__popup__container {
    margin: 64px auto;
    padding: 32px
  }

  .availability__popup__close {
    top: 16px;
    right: 16px;
    padding: 8px
  }

  .availability__popup__pic {
    margin: 32px 0
  }

  .availability__popup__content,.availability__popup__data,.availability__popup__pic {
    width: 50%
  }
}

.sizetable__container {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none
}

.sizetable__content {
  padding: 32px;
  background: #fff;
  max-width: 1280px;
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.sizetable__close {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
  padding: 6px;
  font-size: 16px
}

.sizetable__content table td,.sizetable__content table th,.sizetable__content table tr {
  border: 1px solid #e8e8e8;
  padding: 8px 16px
}

.sizetable__content table th {
  background: #f9f9f9
}

.add_to_cart_response {
  display: none;
  margin-bottom: 16px;
  padding: 20px 32px 20px 64px;
  border: 1px solid #90a779;
  line-height: 1.45;
  background: url(../../images/layout/icon-notification-success.svg) 16px 50% no-repeat;
  position: relative
}

.add_to_cart_response.fail {
  border: 1px solid #d72737;
  background-image: url(../../images/layout/icon-notification-info.svg)
}

.add_to_cart_response__message {
  margin: 0
}

.add_to_cart_response__cart {
  margin: 8px 0
}

.add_to_cart_response__cta {
  margin: 0
}

.add_to_cart_response__cta a {
  padding-bottom: 1px;
  color: #41c123;
  border-bottom: 1px solid rgba(65,193,35,.5);
  transition: .2s
}

.add_to_cart_response__cta a:hover {
  border-color: #41c123;
  border-bottom-color: rgba(65,193,35,1)
}

.add_to_cart_response__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer
}

.add_to_cart_response__close:after,.add_to_cart_response__close:before {
  background: #90a779;
  width: 2px;
  height: 16px;
  display: block;
  content: ""
}

.add_to_cart_response__close:after {
  -ms-transform: translateY(-100%) translateX(8px) rotate(-45deg);
  -webkit-transform: translateY(-100%) translateX(8px) rotate(-45deg);
  transform: translateY(-100%) translateX(8px) rotate(-45deg)
}

.add_to_cart_response__close:before {
  -ms-transform: translateX(8px) rotate(-135deg);
  -webkit-transform: translateX(8px) rotate(-135deg);
  transform: translateX(8px) rotate(-135deg)
}

.report_error .add_to_cart_response {
  display: block;
  border-radius: 0
}

@media (min-width: 768px) {
  .add_to_cart_response {
    width:50%
  }
}

@media (min-width: 1024px) {
  .add_to_cart_response {
    width:auto
  }
}

@media (min-width: 1300px) {
  .add_to_cart_response {
    width:50%
  }
}

.product__flags {
  position: absolute;
  top: 16px;
  left: 16px
}

.badge {
  display: table;
  margin: 0 0 3px;
  padding: 8px 12px
}

.badge--new {
  color: #fff;
  background: #c2a472
}

.badge--promo {
  color: #fff;
  background: #e03601
}

.tab .badge {
  display: none
}

.badge--availability {
  color: #fff;
  background: #da909a
}

.similar_box {
  overflow: hidden
}

.similar_box h2 {
  margin: 0;
  padding: 1rem;
  background: #fafafa;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25
}

@media (min-width: 768px) {
  .similar_box h2 {
    padding:1rem 2.5rem
  }
}

.swiper-button-disabled {
  opacity: .5
}

.product_reviews {
  margin: 26px 0;
  color: #526880;
  border: 1px solid #e8eff5;
  max-height: 500px;
  overflow-y: scroll
}

.product_reviews fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

.product_reviews p {
  font-size: 1rem;
  line-height: 1.625;
  margin: .5rem 0
}

.product_reviews .new label {
  display: block;
  margin: 16px 0 4px
}

.product_reviews .new textarea {
  border: 1px solid #e7e7e7;
  width: 100%;
  height: 100px;
  margin-bottom: 8px
}

.product_reviews .review-header {
  font-size: 1.2rem;
  border-bottom: 1px solid #8cb3db;
  padding-bottom: .5rem
}

.product_reviews li {
  padding: 1rem
}

.product_reviews li:nth-child(odd) {
  background: #f4f6f8
}

.product_reviews .info {
  font-size: .8rem
}

.product_reviews ul.list li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f3f7f8
}

.product_reviews ul.list li .info {
  margin: 0 0 5px
}

.product_reviews ul.list li .info strong {
  font-size: 13px;
  font-weight: 400
}

.product_reviews ul.list li .info .at {
  font-size: 10px;
  margin: 0 0 0 10px
}

.reviews-header .svg-icon {
  margin: 0 0 6px
}

.content .svg-icon-path {
  fill: #d6d7d8
}

.reviews-header {
  font-size: 1.2rem;
  display: table;
  margin: 0 auto
}

.stars-range {
  color: #2ecc71
}

.star-checked .svg-icon-path {
  fill: #c2a472
}

.js--show-reviews-form {
  clear: both;
  display: table;
  margin: 0 auto;
  padding: 1rem 2rem
}

.review-header .svg-icon {
  margin: 0 0 6px
}

.review-h3,.reviews-h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 1rem 0
}

.review-ul li {
  clear: both;
  display: table;
  margin: 0 0 14px
}

.cart,.cart__form {
  margin-bottom: 32px;
  border: 1px solid #eee
}

.review-ul span {
  float: left;
  width: 125px;
  padding: 0 0 5px
}

.cart {
  overflow: hidden
}

.cart__empty {
  border: 1px solid #eee;
  padding: 16px;
  text-align: center
}

.cart__empty__icon {
  margin: 16px
}

.cart__preorder {
  color: #696969;
  font-size: 14px;
  margin-top: 4px
}

.cart__preorder strong {
  display: block
}

.cart__label {
  width: 144px;
  display: inline-block;
  margin: 0 5px 0 0
}

#tx_delivery_choice .cart__label {
  display: block;
  margin: 0 5px 8px 0
}

#tx_delivery_choice select {
  width: 100%;
  white-space: normal
}

@media (min-width: 768px) {
  .cart__preorder strong {
    display:inline
  }

  #tx_delivery_choice .cart__label {
    display: inline-block;
    margin: 0 5px 0 0
  }

  #tx_delivery_choice select {
    width: auto
  }
}

.update-variant-select {
  display: none
}

.update-variant-select span {
  display: block;
  margin: 0 0 5px
}

.update-variant-select .g--select {
  padding: 8px 36px 8px 8px
}

.update-variant-select .btn {
  padding: 11px 8px 8px;
  margin-left: 8px
}

.ring__cart__additional__info {
  font-size: 12px;
  position: relative;
  display: flex;
  align-items: center
}

.cart__info__content {
  display: none;
  padding: 3px 5px;
  font-size: 8px;
  border: 1px solid rgba(0,0,1,.3);
  position: absolute;
  bottom: -50px;
  right: 30px;
  background: #fff;
  z-index: 100;
  width: 200px;
  opacity: .9
}

.cart__info__content:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: -11px;
  bottom: 55px;
  transform: rotate(135deg) translateX(50%);
  -webkit-transform: rotate(135deg) translateX(50%);
  border: 1px solid transparent;
  border-left-color: rgba(0,0,1,.3);
  border-top-color: rgba(0,0,1,.3);
  background: #fff
}

.cart__info__container {
  position: relative
}

@media (min-width: 768px) {
  .cart-current-variant,.update-variant-select {
    width:280px
  }

  .update-variant-select span {
    display: inline
  }

  .cart__info__content {
    bottom: 0;
    left: 40px;
    right: 0;
    width: 400px;
    font-size: 10px;
    padding: 5px 10px
  }

  .cart__info__content:after {
    bottom: 0;
    left: -11px;
    right: 0;
    transform: rotate(-45deg) translateX(50%);
    -webkit-transform: rotate(-45deg) translateX(50%)
  }
}

.cart__popup {
  display: none;
  position: fixed;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999
}

.cart__popup__container {
  max-width: 1000px;
  background: #fff;
  margin: 16px 10px;
  padding: 8px;
  overflow: hidden;
  max-height: 700px;
  overflow-y: auto;
  position: relative
}

.cart__popup__container h1 {
  text-align: center;
  margin: 56px 0 16px;
  font-size: 18px;
  font-family: wolczanka-regular;
  text-transform: uppercase;
  line-height: 22px
}

.cart__popup__container h1.cart__popup__header--second {
  margin: 0 0 16px
}

.cart__popup__container .form {
  margin: 0
}

.cart__popup__container .cart__buttons {
  padding: 24px 0 16px
}

.cart__popup__close {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 16px 24px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  color: #000;
  font-size: 11px;
  text-transform: uppercase
}

.cart__popup__close:hover {
  color: #c2a472;
  border-color: #c2a472
}

.cart__popup__container--register {
  padding: 16px;
  text-align: center
}

.cart__popup__container--register p {
  font-size: 14px;
  margin: 0 0 24px;
  width: 80%;
  text-align: left
}

.cart__popup__container--register .btn {
  display: block;
  text-align: center
}

.cart__popup__container--register .cart__popup__close {
  position: static;
  text-align: center;
  margin-top: 16px
}

@media (min-width: 480px) {
  .cart__popup__container--register .btn {
    display:inline-block;
    text-align: left
  }

  .cart__popup__container--register .cart__popup__close {
    position: absolute;
    margin-top: 0
  }
}

@media (min-width: 768px) {
  .cart__popup__container {
    margin:32px auto;
    padding: 32px 32px 0
  }

  .cart__popup__container h1 {
    margin: 16px 0 0
  }

  .cart__popup__container .cart__buttons {
    padding: 24px 0 32px
  }

  .cart__popup__close {
    top: 16px;
    right: 16px
  }

  .cart__popup__container--register {
    padding: 32px
  }

  .cart__popup__container--register p {
    font-size: 16px;
    font-weight: 700
  }
}

.cart__items,.cart__steps {
  font-size: 14px
}

.cart__steps {
  text-align: center;
  padding: 16px
}

.cart__steps__item {
  display: inline-block;
  color: #696969
}

.cart__steps__item--active {
  color: #c2a472
}

.cart__steps__item--arrow {
  margin: 0 2px
}

@media (min-width: 768px) {
  .cart__steps__item--arrow {
    margin:0 8px
  }
}

table.summary {
  border: none;
  margin: 0 0 20px
}

table.summary tr {
  border: 1px solid #e8e8e8
}

table.summary th {
  padding: 8px 15px 8px 8px;
  border-right: 1px solid #e8e8e8;
  background: #f9f9f9;
  width: 50%
}

.ProductBundlingAdvancedCartAttachmentPlugin,.cart__items--btn {
  background-color: #fff
}

table.summary td {
  padding: 8px
}

.cart__items th {
  display: none
}

th.cart__items__name {
  text-align: left
}

.cart__items td,th.cart__items__price {
  text-align: right
}

.cart__items__price--discounted {
  font-size: .75rem;
  line-height: 1em
}

.cart__items--data:before {
  content: attr(data-th) ": ";
  width: 60%;
  display: inline-block
}

.cart__items--btn {
  border: none;
  cursor: pointer
}

.cart__items td {
  padding: .5rem;
  vertical-align: middle;
  border-bottom: 1px solid #e8e8e8;
  display: block
}

.cart__coupon__info {
  display: block
}

td.cart__items__img {
  width: auto;
  float: left;
  border-bottom: 0;
  text-align: center
}

td.cart__items__product {
  width: auto;
  float: left;
  border-bottom: 0;
  text-align: left
}

td.cart__items__price--single {
  width: 100%;
  clear: both;
  border-top: 1px solid #e8e8e8
}

td.cart__items__price--sum {
  border-bottom-color: #c2a472
}

.cart__items__price__promo {
  color: #ef823a
}

.cart__items__label {
  display: block;
  color: #7f7f7f;
  font-size: 14px;
  margin: 4px 0 1px
}

td.cart__items__img img {
  vertical-align: middle;
  max-width: none;
  width: 75px
}

td.cart__items__quan input {
  width: 40px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #e8e8e8
}

.cart__items__product__title {
  font-weight: 500
}

.cart__items__quan__recalc {
  margin: 4px 0 0
}

.tx_cart_item_option {
  margin-top: 4px;
  font-size: 12px;
  color: #7f7f7f
}

.tx_cart_item_actions {
  display: block;
  margin-top: .5rem
}

.tx_cart_item_actions--add {
  display: inline-block;
  margin-left: 7px;
  margin-top: .5rem
}

.change-variant-container {
  display: inline-block
}

.js--change-variant-form {
  position: absolute;
  display: none;
  background: #fff;
  padding: 0 15px
}

.cart__items--totals__value {
  background: #f7f7f7
}

.cart__items--totals__value .g--link {
  float: left
}

.cart__items--totals__label {
  display: inline-block;
  width: 60%
}

.cart__items__discount,.g--discount {
  color: #68a946
}

.cart__items caption {
  padding: 16px;
  color: #31a6cb;
  font-size: 20px;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8
}

.cart__items__engraver {
  text-align: left;
  padding: 16px 8px
}

.cart__items__engraver h3 {
  margin: 0 0 8px
}

.cart__items__engraver label {
  font-weight: 700;
  padding: 8px 16px 8px 0;
  display: block;
  min-width: 100px
}

.cart__items__engraver .btn {
  padding: 14px 24px
}

.cart__items__engraver textarea {
  min-height: 72px
}

@media (min-width: 768px) {
  .cart__items td,.cart__items th {
    display:table-cell;
    padding: 16px
  }

  td.cart__items__img,td.cart__items__product {
    float: none;
    border-bottom: 1px solid #e8e8e8
  }

  .cart__items th,td.cart__items__img,td.cart__items__product {
    border-bottom: 1px solid #e8e8e8
  }

  .cart__items--totals,td.cart__items__price,td.cart__items__quan {
    text-align: right
  }

  .cart__items th {
    font-weight: 400;
    white-space: nowrap;
    background: #fafafa;
    color: #7f7f7f
  }

  .cart__items__engraver textarea {
    min-height: 200px
  }

  td.cart__items__img {
    width: 7.8%
  }

  td.cart__items__product {
    width: 32%
  }

  td.cart__items__price--single {
    width: 19%;
    clear: none;
    border-top: 0
  }

  .cart__items--totals__label,td.cart__items__img img {
    width: auto
  }

  td.cart__items__price--sum {
    border-bottom-color: #e8e8e8
  }

  .cart__items__quan__recalc {
    margin: 0 0 0 4px
  }

  td.cart__items__quan {
    width: 23%;
    text-align: center
  }

  .cart__items--data:before {
    display: none
  }

  th.cart__items__picture {
    width: 100px
  }

  .cart__items__engraver {
    padding: 16px
  }

  .cart__items__engraver label {
    display: inline-block
  }

  .cart__items__engraver .btn {
    padding: 14px 48px
  }
}

@media (min-width: 1024px) {
  td.cart__items__img {
    padding-left:2rem
  }

  td.cart__items__price,th.cart__items__price {
    padding-right: 2rem
  }

  .cart__items--totals td {
    padding: 1rem 2rem
  }

  .cart__items__engraver {
    padding: 16px 32px
  }
}

.repository__container {
  margin: 0 0 16px
}

.repository__container .content {
  text-align: center
}

.repository__container .cart__items {
  margin: 16px 0 0;
  border-top: 1px solid #e8e8e8
}

.repository__container .cart__items td.options {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.item-hide,.repository__wishlist-confirmation {
  display: none
}

.repository__container .cart__items td.options .btn {
  padding: 12px 18px;
  white-space: nowrap
}

.repository__variant__select.error {
  padding: 16px;
  border: 1px solid #d72737;
  background: rgba(215,39,55,.1);
  transition: .4s;
  border-radius: 4px
}

.repository__banner {
  position: relative
}

.repository__btn {
  width: 100%;
  margin-bottom: 4px;
  padding: 14px
}

.repository__wishlist-description {
  width: 80%;
  text-align: center;
  margin: auto;
  font-size: 14px
}

@media (min-width: 768px) {
  .repository__container .cart__items td.options {
    display:table-cell
  }

  .repository__container .cart__items td.options .btn {
    padding: 14px 48px;
    margin: 4px 0
  }

  .repository__btn {
    width: auto;
    margin-bottom: 0;
    padding: 14px 48px
  }
}

.free-ship {
  overflow: hidden;
  padding: 16px
}

.free-ship p {
  margin: 0;
  color: #31a6cb;
  line-height: 1.45
}

@media (min-width: 1024px) {
  .free-ship {
    overflow:hidden;
    padding: 16px 32px
  }
}

.cart__shipping__container {
  font-size: 14px
}

.cart__shipping {
  width: 100%;
  clear: both
}

.cart__shipping.enabled {
  opacity: .2
}

.cart__shipping__msg {
  display: block;
  padding: 16px;
  text-align: left;
  background: #f6d8a6;
  transition: .3s
}

.cart__shipping__msg--alert {
  color: #e41b00;
  padding: 16px 16px 16px 76px;
  font-size: 18px;
  line-height: 1.2;
  background: url(../images/layout/icon-notification-info--red.svg) 26px 50% no-repeat #fdeeee
}

.cart__shipping td {
  padding: 8px 10px
}

.cart__shipping input {
  display: block;
  float: left;
  margin: 3px 16px 0
}

.cart__shipping tr:nth-of-type(2) td {
  padding-top: 1rem
}

.cart__shipping tr:nth-last-of-type(1) td {
  padding-bottom: 1.5rem
}

.cart__shipping__cost {
  color: #102d51;
  display: block
}

@media (min-width: 768px) {
  .cart__shipping td {
    padding:5px 16px
  }

  .cart__shipping__cost {
    display: inline
  }
}

@media (min-width: 1024px) {
  .cart__shipping td {
    padding-left:32px
  }

  .cart__shipping__msg {
    padding: 16px 32px
  }

  .cart__shipping__msg--alert {
    padding: 16px 16px 16px 76px
  }
}

.cart__summary {
  width: 100%;
  font-size: 14px
}

.cart__summary td {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #e8eff5;
  background: #eef8fe
}

.btn--place-order-disabled,.btn--place-order-disabled:hover {
  color: #000;
  background: #fff;
  border: 1px solid rgba(0,0,0,.2)
}

.cart__summary strong {
  font-size: 1.2rem
}

@media (min-width: 1024px) {
  .cart__summary td {
    padding-right:2rem
  }
}

.cart__buttons {
  overflow: hidden;
  padding: 1.5rem 0;
  text-align: center
}

.cart__buttons .txt_s1 {
  white-space: nowrap;
  line-height: 1.5
}

.cart__buttons_info {
  margin-bottom: 16px;
  text-align: left
}

.btn--go-to-order,.btn--place-order {
  font-size: 16px;
  padding: 1rem;
  margin: 0 1rem
}

.btn--go-to-order {
  line-height: 1.25
}

.btn--go-to-order.enabled {
  opacity: .5
}

.btn--place-order-disabled {
  opacity: .5;
  cursor: not-allowed
}

.second_step_bold_agreement {
  font-weight: 700
}

@media (min-width: 768px) {
  .cart__buttons p {
    float:right;
    margin: 0 2rem 0 0;
    line-height: 62px
  }

  .btn--go-to-order {
    float: right;
    margin: 0 1rem 0 0
  }
}

@media (min-width: 1024px) {
  .btn--go-to-order {
    margin-right:2rem;
    line-height: 1
  }
}

.cart__mini {
  font-size: 14px;
  line-height: 1.25;
  text-align: right;
  border: 1px solid #eee;
  border-bottom: 0
}

.cart__mini td,.cart__mini th {
  padding: .75rem 1rem;
  border-bottom: 1px solid #eee
}

.cart__mini table {
  width: 100%
}

.cart__mini th {
  background: #f6f5f5;
  text-align: left
}

.cart__mini td {
  vertical-align: top
}

.cart__mini td:nth-of-type(1) {
  width: 55%;
  text-align: left
}

.cart__mini .g--link {
  float: right;
  font-weight: 400
}

.cart__mini__img {
  float: left;
  width: 30%;
  max-width: 100px;
  padding-right: 1rem
}

.cart__mini__item {
  float: right;
  width: 70%
}

.cart__mini__item a {
  display: inline-block;
  margin-bottom: .25rem;
  font-weight: 500
}

.cart__mini__item li {
  font-size: .75rem;
  color: #4b4845
}

.cart__mini__transport {
  display: block;
  margin-top: .25rem;
  font-size: .75rem;
  color: #7f7f7f
}

.cart__mini__jewellery__item {
  font-size: .75rem;
  color: #4b4845
}

.cart__mini__total td {
  font-weight: 500;
  background: #f6f5f5
}

.cart__mini__total .jewellery__cart__paid__info {
  font-size: 12px
}

@media (min-width: 1024px) {
  .cart__mini {
    width:27%;
    float: left;
    margin: 58px 0 0 1%
  }
}

.cart__jewellery__voucher {
  padding: 8px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px
}

.cart__jewellery__voucher h3 {
  margin-top: 0
}

.cart__jewellery__voucher ul {
  padding: 0 0 16px
}

.cart__jewellery__voucher ul li {
  padding: 16px;
  display: inline-block;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin: 0 8px 8px 0
}

.cart__jewellery__voucher__form span,.cart__jewellery__voucher__name {
  display: block;
  margin-bottom: 8px
}

#cartRegister #invoice_data,#invoice_data {
  margin-bottom: 25px
}

.cart__jewellery__voucher__form .input-inline {
  padding: 10px
}

.jewellery__voucher__paid {
  text-align: center;
  padding: 16px 0 32px;
  font-size: 14px
}

.jewellery__voucher__paid li {
  padding: 8px 0
}

.jewellery__cart__paid__info {
  display: block;
  color: #68a946;
  padding: 8px 0 0
}

@media (min-width: 768px) {
  .cart__jewellery__voucher {
    padding:16px
  }

  .cart__jewellery__voucher__form span {
    display: inline-block
  }
}

@media (min-width: 1024px) {
  .cart__jewellery__voucher {
    padding:16px 32px
  }
}

#cartRegister {
  font-size: 14px
}

#cartRegister .fieldset {
  min-inline-size: auto
}

.fields-heading {
  margin: 0;
  padding: 24px 8px 16px;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 400
}

.fields-heading--forgotten-password {
  padding: 8px;
  text-align: center;
  font-size: 14px
}

.fields-container {
  border: 1px solid #f3f3f3;
  background: #f6f5f5;
  padding: 16px 0;
  position: relative;
  overflow: hidden
}

.fields-shipx,.fieldset-dpd,.fieldset-enadawca,.gratis__list__wrapper,.recently__viewed .products,.swiper-cube,.swiper-flip,fieldset .point-of-gather-select {
  overflow: visible
}

.fields-container .g--link {
  color: #c2a472
}

p.cart__error {
  padding: 1rem 1rem 0;
  background: #f3dbe1
}

.errors_for_field {
  color: #e41b00;
  padding: 1rem;
  background: #f3dbe1
}

.cart__fields_mustbe {
  color: #7f7f7f;
  font-size: .875rem
}

.cart__fields_mustbe em {
  color: #e41b00
}

.marker--required {
  font-size: 1rem;
  color: #e41b00;
  font-weight: 500;
  font-style: normal
}

.register_completed {
  margin: 2rem
}

.register_completed li {
  margin: 1rem 0
}

#cartRegister .buttons {
  text-align: center;
  margin: 20px 0 60px
}

#cartRegister .buttons input {
  border: 0;
  font-size: 14px;
  color: #fff;
  height: 33px;
  padding: 0 15px 0 10px;
  text-transform: uppercase;
  cursor: pointer
}

#cartRegister .content input:focus,#cartRegister .content textarea:focus,.cart__items td.quan input:focus,.cart__login .content input:focus,.cart__login .content textarea:focus {
  background: #f7f6d0
}

#invoice_data {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 10px
}

.fieldset_off {
  display: none
}

#emailChangeNotification {
  clear: both;
  display: block;
  font-size: 13px;
  max-width: 600px;
  padding-top: 5px
}

@media (min-width: 768px) {
  .fields-heading {
    padding:16px;
    font-size: 18px;
    line-height: 1
  }

  .fields-container {
    padding: 32px 0 16px
  }
}

@media (min-width: 1024px) {
  #cartRegister,.cart__login {
    width:70%;
    float: right;
    margin-right: 1%
  }

  .marker--required {
    padding-left: .5rem
  }

  .fields-heading {
    padding: 24px 0 0
  }

  .fields-heading--first {
    padding: 1rem 0
  }

  .fields-container {
    margin: 16px 0 0
  }

  #emailChangeNotification {
    padding-left: 200px
  }
}

.offer__fields_mustbe {
  color: #7f7f7f;
  font-size: .875rem
}

.terms-container {
  display: none;
  height: 240px;
  margin: 16px 0;
  padding: 16px;
  background: #fff;
  overflow-y: scroll!important;
  border: 1px solid #e8eff5
}

.terms-container h1 {
  font-size: 14px;
  margin: 0 0 14px
}

.terms-container ol,.terms-container p,.terms-container ul {
  margin-bottom: 12px
}

.terms-container p {
  line-height: 1.45
}

.terms-container ul li {
  line-height: 1.45;
  list-style: disc inside;
  margin-bottom: 4px
}

.terms-container ol li {
  line-height: 1.45;
  list-style: decimal inside;
  margin-bottom: 4px
}

.terms-container::-webkit-scrollbar {
  width: 10px
}

.terms-container::-webkit-scrollbar-track {
  background: #fff
}

.terms-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid #fff;
  background: #999
}

.close-trigger {
  position: fixed;
  display: block;
  margin-left: 200px;
  margin-top: -32px;
  color: tomato;
  font-size: 24px;
  border: 1px solid tomato
}

.js--review-form {
  display: none;
  margin-top: 1rem
}

#new .form,.form {
  margin: 0 0 2rem
}

.form__heading {
  margin: 2rem 0 1rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1
}

.label {
  display: block;
  padding: 5px .75rem 5px 0;
  cursor: pointer;
  font-weight: 700
}

.collection__points__map__container,.custom__address__field,.custom__address__save,.label--empty,.outpost__cart__select--items,.outpost__point__info {
  display: none
}

.label--small {
  width: 100px
}

.label--select {
  padding: 3px 12px 3px 0
}

.label--inline {
  display: inline-block
}

.label--average {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 2rem;
  margin-top: .5rem
}

.label--average strong {
  color: #2ecc71
}

.input-description,.tx_label_info {
  color: #7f7f7f;
  font-size: .875rem;
  line-height: 1.45
}

.label--ksk-register {
  padding: 0 10px 0 0
}

input[type=file] {
  width: 100%
}

#customer_password,#customer_password_confirmation,#customer_password_old,.input,.js--password-container,input[type=password] {
  width: 100%;
  float: left;
  border: 1px solid rgba(0,0,1,.3);
  background: #fff;
  padding: 10px;
  border-radius: 0;
  -webkit-appearance: none
}

.input-inline,.input-short {
  border: 1px solid rgba(0,0,1,.3);
  -webkit-appearance: none
}

.input-short {
  width: 128px;
  float: left;
  background: #fff;
  padding: 10px;
  border-radius: 0
}

.input-inline {
  background: #fff;
  padding: 5px;
  border-radius: 0
}

.input-description {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: .25rem
}

.textarea {
  width: 100%;
  border: 1px solid rgba(0,0,1,.3);
  background: #fff;
  padding: 5px;
  border-radius: 0;
  -webkit-appearance: none;
  min-height: 150px
}

.tx_label_section {
  display: inline-block;
  vertical-align: top;
  width: 86%
}

.tx_label_section--no-checkbox {
  padding-left: 25px
}

.tx_label_info {
  display: block;
  margin-top: .25rem;
  outline: 0
}

.show_password,.toogle_password {
  cursor: pointer;
  margin-left: -30px
}

.toogle_password>img {
  margin-top: 6px
}

.icon-rtl {
  padding-right: 25px;
  background: url(images/layout/kruk/svg-sprite.svg#show-password) right no-repeat;
  background-size: 20px
}

@media (min-width: 768px) {
  .terms-container {
    height:340px
  }

  input[type=file] {
    width: auto
  }

  #customer_password,#customer_password_confirmation,#customer_password_old,.input,.js--password-container,.kurier-info,.textarea,input[type=password] {
    width: 295px
  }

  .tx_label_section {
    width: 65%
  }

  .tx_label_section--full {
    width: 90%
  }
}

@media (min-width: 1024px) {
  .label,.left-margin {
    float:left;
    text-align: right;
    cursor: default
  }

  .form {
    margin: 0 2rem 2rem
  }

  .label {
    width: 200px
  }

  .left-margin {
    width: 20px
  }

  .label--empty {
    display: block
  }

  .errors_for_field li {
    margin-left: 200px
  }

  .input-description {
    padding-left: 200px
  }

  table.summary {
    max-width: 80%
  }
}

.fieldset {
  margin: 0;
  padding: 0;
  border: 0
}

.fieldset--review {
  margin: 0 0 10px
}

.fieldset--register {
  padding: 0 4px
}

.fieldset--review .g--select {
  width: 100px
}

.fieldset.fieldset--break {
  border-top: 1px solid #e8eff5;
  padding-top: 16px
}

.fieldset p {
  overflow: hidden;
  margin: 0 0 1rem;
  padding: 0 .5rem
}

.fieldset p.has_error {
  margin-bottom: 0;
  padding-top: 10px;
  background: #f3dbe1
}

.fieldset--review-wrap {
  display: flex;
  flex-direction: column
}

.fieldset--review-wrap .btn--review-add {
  margin: 0;
  padding: 0 .5rem
}

.fieldset--review-wrap .btn--review-add button {
  border: 1px solid rgba(0,0,1,.3);
  padding: 12px 34px
}

.fieldset--review-wrap .label {
  padding: 0 .75rem 5px 0
}

.fieldset.fieldset--cart-plugin {
  margin: 32px 0;
  padding: 32px 16px;
  border: 1px solid #e8eff5
}

.fieldset.fieldset--cart-plugin legend {
  padding: 0 16px
}

.fieldset select {
  padding: 10px 50px 10px 10px
}

.customer__login {
  padding: 0 1rem
}

.customer__login .btn {
  margin-left: 16px
}

@media (min-width: 768px) {
  .fieldset--register {
    padding:0 16px
  }

  .fieldset p {
    padding: 0 1rem
  }

  .fieldset--review-wrap .btn--review-add {
    margin: 0;
    padding: 0 1rem
  }
}

@media (min-width: 1024px) {
  .fieldset--review-wrap {
    flex-direction:row
  }

  .fieldset--review-wrap .btn--review-add {
    margin: 0;
    padding: 0
  }

  .fieldset--review-wrap .btn--review-add button {
    padding: 10px 34px
  }

  .fieldset--review-wrap .label {
    padding: 0 .75rem 5px 0
  }
}

.outpost__cart__select--items .g--select {
  min-width: 140px
}

.outpost__point__info__label {
  display: block;
  margin-bottom: 4px
}

@media (min-width: 768px) {
  .collection__points__map__container {
    margin:16px
  }
}

.fieldset p.postal_code_cart {
  position: relative;
  height: 90px;
  overflow: inherit
}

.postal_code_info {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,1,.3);
  display: inline-block;
  cursor: pointer;
  text-align: center;
  color: #000;
  border-radius: 50%;
  margin: 8px 0 0 8px
}

.postal_code_info_content {
  display: none;
  padding: 5px;
  border: 1px solid rgba(0,0,1,.3);
  position: absolute;
  background: #fff;
  z-index: 100;
  opacity: .9;
  margin: 0 10px
}

.postal_code_info_content::after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: -7px;
  top: 11px;
  transform: rotate(-47deg) translateX(50%);
  -webkit-transform: rotate(-47deg) translateX(50%);
  border: 1px solid transparent;
  border-left-color: rgba(0,0,1,.3);
  border-top-color: rgba(0,0,1,.3);
  background: #fff
}

@media (min-width: 580px) {
  .postal_code_cart {
    height:initial
  }

  .postal_code_info_content {
    top: 23px
  }
}

.account_option {
  margin-bottom: 20px;
  font-size: .875rem
}

.account_option p {
  margin-bottom: 10px
}

.contact__wrapper {
  margin-bottom: 32px;
  overflow: hidden
}

.cart__completed {
  border: 1px solid #eee;
  margin-bottom: 32px
}

.cart__completed__header {
  padding: 24px 32px;
  background: #fafafa;
  border-bottom: 1px solid #eee
}

.cart__completed__header:last-of-type {
  border-top: 1px solid #eee;
  border-bottom: none
}

.cart__completed__header__heading {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500
}

.cart__completed__header__body {
  margin: 0
}

.cart__completed__header__body__anchor {
  margin-top: .5rem;
  font-size: 14px
}

.cart__completed__section {
  width: 100%;
  overflow: hidden;
  padding: 24px 0
}

.cart__completed__section p {
  margin: 0 32px 16px
}

.cart__completed__heading {
  margin: 0;
  padding: 24px 32px;
  font-size: 18px;
  font-weight: 500;
  color: #c2a472;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.cart__completed__hint {
  font-size: 14px;
  color: #696969;
  display: block
}

.cart__completed td,.cart__completed th {
  padding: 16px 32px;
  border-bottom: 1px solid #f3f3f3
}

.cart__completed th {
  font-weight: 400;
  text-align: left;
  color: #696969
}

.cart__completed td {
  font-weight: 500
}

th.cart__completed__customer-data__heading {
  font-weight: 500;
  background: #fafafa
}

.cart__completed__action {
  font-size: 14px;
  color: #696969;
  width: 100%;
  padding: 24px 32px;
  margin: 0;
  overflow: hidden;
  display: block
}

.cart__completed__action--transfer {
  padding-bottom: 0
}

@media (min-width: 1024px) {
  .postal_code_cart {
    height:60px
  }

  .postal_code_info_content {
    top: initial
  }

  .cart__completed__customer-data {
    float: left;
    width: 50%
  }
}

.cart__attachment_container {
  display: none
}

.cart__attachment_list li {
  margin: 8px 0 0
}

#tx_delivery_country_choice {
  width: 100%;
  margin: 16px;
  font-size: 14px
}

@media (min-width: 1024px) {
  #tx_delivery_country_choice {
    margin:16px 32px;
    font-size: 14px
  }
}

.pagination {
  text-align: center;
  margin: 48px 0
}

.pagination__list {
  margin: 16px auto 0;
  overflow: hidden
}

.pagination a {
  display: inline-block;
  margin: 0;
  padding: 12px 16px;
  font-size: 11px;
  border: 1px solid rgba(0,0,1,.3)
}

.pagination a.next,.pagination a.previous {
  border: 1px solid #c2a472;
  text-transform: uppercase;
  padding: 16px 24px;
  color: #fff;
  background: #c2a472
}

.pagination a.previous {
  width: 100%;
  margin: 0 0 16px
}

.pagination a.next {
  width: 100%;
  margin: 16px 0 0
}

.pagination a:hover {
  border-color: #c2a472;
  color: #c2a472
}

.pagination a.next:hover,.pagination a.previous:hover {
  background-color: #d6b989;
  border-color: #d6b989;
  color: #fff
}

.pagination a.current {
  border-color: #c2a472;
  color: #c2a472
}

.pagination-ellipsis {
  letter-spacing: 2px;
  margin: 0 5px
}

@media (min-width: 768px) {
  .pagination__list {
    display:table;
    margin: 0 auto
  }

  .pagination a {
    margin: 0 6px
  }

  .pagination a.previous {
    width: auto;
    margin: 0 12px 0 3px
  }

  .pagination a.next {
    width: auto;
    margin: 0 3px 0 12px
  }

  .pagination-ellipsis {
    margin: 0 8px
  }
}

@media (min-width: 1200px) {
  .pagination a.previous {
    background:url(../../images/layout/kruk/arrow_left_white.svg) 16px no-repeat #c2a472;
    padding: 12px 24px 12px 48px;
    background-size: 16px
  }

  .pagination a.next {
    background: url(../../images/layout/kruk/arrow_right_white.svg) 140px no-repeat #c2a472;
    padding: 12px 48px 12px 24px;
    background-size: 16px
  }
}

.pagination__helper {
  font-size: 11px;
  display: block;
  margin: 32px 0
}

.pagination__helper__input {
  border: 1px solid rgba(0,0,1,.3);
  padding: 14px 8px;
  margin: 0 8px;
  width: 50px
}

.pagination__helper__btn {
  border-left: 1px solid #e8e8e8;
  margin-left: 16px;
  padding-left: 16px
}

input.pagination__helper__input::-webkit-inner-spin-button,input.pagination__helper__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number].pagination__helper__input {
  -moz-appearance: textfield
}

@media (min-width: 768px) {
  .pagination__helper {
    float:right;
    margin: 0
  }
}

#multi_payment_services {
  padding: 0 0 32px;
  overflow: hidden
}

#multi_payment_services>li {
  display: block;
  float: left;
  height: 110px;
  margin: 0;
  width: 50%
}

#multi_payment_services .submit_form {
  display: block;
  height: 100px;
  position: relative;
  text-align: center;
  width: 100%;
  border: 1px solid #e8e8e8
}

#multi_payment_services .submit_form:hover {
  border-color: #31a6cb
}

#multi_payment_services img {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  width: 110px
}

#multi_payment_services .payment-icon__nestPrzelew img {
  width: 94px
}

#multi_payment_services .item>span {
  display: block;
  font-weight: 900;
  margin: 0 0 5px
}

#multi_payment_services .item span {
  color: #000
}

@media (min-width: 550px) {
  #multi_payment_services>li {
    width:33.3333%
  }
}

@media (min-width: 768px) {
  #multi_payment_services>li {
    width:25%
  }
}

@media (min-width: 1024px) {
  #multi_payment_services>li {
    width:20%
  }
}

@media (min-width: 1280px) {
  #multi_payment_services>li {
    width:16.6666%
  }
}

.tab,.tabs_nav {
  width: 100%
}

.wrapper {
  padding: 0 5px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0 4px #e1e1e1;
  position: relative
}

.wrapper--app {
  margin: 0 auto 22px
}

.content_box--microsite {
  margin: 0 0 32px
}

@media (min-width: 768px) {
  .wrapper {
    padding:0 10px
  }
}

@media (min-width: 1600px) {
  .wrapper {
    max-width:1680px;
    padding: 0
  }

  .content_box {
    padding: 0 32px
  }
}

.g--container {
  padding: 0 10px
}

.g--container--slider {
  padding: 0 32px;
  position: relative
}

@media (min-width: 768px) {
  .g--container {
    padding:0
  }

  .g--container.g--container--slider {
    padding: 0 32px
  }
}

.section_tabs {
  clear: both;
  overflow: hidden
}

.tab--index {
  padding: 24px 0;
  background: #fff;
  position: relative
}

.tab--product {
  padding: 32px 0 0
}

.tab--product .products {
  padding-bottom: 0
}

.tab--hide {
  display: none
}

.tabs_nav li {
  float: left;
  margin: 0 1px 0 0
}

.tabs_nav a {
  display: block;
  color: #7f7f7f;
  padding: 16px 8px;
  font-size: 14px;
  font-family: kruk-semibold;
  transition: color .3s;
  text-transform: uppercase
}

.tabs_nav a span {
  border-bottom: 1px solid transparent;
  padding-bottom: 8px
}

.tabs_nav a.current,.tabs_nav a:hover {
  color: #000
}

.tabs_nav a.current span {
  border-bottom-color: #000
}

.product__tabs__long,.tab .swiper-button-disabled {
  display: none
}

.swiper__baners__nav {
  width: 40px;
  height: 40px;
  background: #b29262;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  transition: all .3s ease
}

.swiper__baners__nav.swiper-button-disabled {
  display: flex;
  opacity: .3
}

.swiper__baners__nav__prev {
  left: 0;
  transform: rotate(180deg)
}

.swiper__baners__nav__next {
  right: 0
}

.tabs_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media (min-width: 768px) {
  .tabs_nav a {
    padding:16px
  }

  .product__tabs__short {
    display: none
  }

  .product__tabs__long {
    display: inline-block
  }
}

.review__wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center
}

.review__wrapper .reviews {
  display: flex;
  flex-direction: column
}

.review__wrapper .reviews>p {
  width: 80%;
  text-align: justify;
  margin: 12px auto
}

.review__wrapper .reviews li {
  width: 100%;
  margin: 6px 0;
  padding: 16px 0;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8
}

.review__wrapper .reviews li:hover {
  border: none;
  box-shadow: 0
}

.footer__container,.footer_bottom,.products.products_review li:hover {
  border-top: 1px solid #e8e8e8
}

.review__wrapper .reviews .info {
  display: flex;
  align-items: center;
  justify-content: center
}

.review__wrapper .reviews .info strong {
  margin: 0 14px
}

.products.products_review li:hover {
  box-shadow: none;
  transition: 0;
  border-bottom: 1px solid #e8e8e8
}

.recently__viewed .products {
  width: 100%;
  margin: 0;
  flex-wrap: initial;
  -webkit-flex-wrap: initial
}

.between__range,.gratis__content,.gratis__list,.gratis__list--item,.gratis__wrapper,.price__range,.recently__viewed .products.products--hidden,.zoom_container {
  overflow: hidden
}

.recently__viewed .products li {
  margin: 0;
  width: 50%
}

@media (min-width: 768px) {
  .recently__viewed .products li {
    width:25%
  }
}

.newsletter p {
  margin: 24 0 32px;
  color: #7f7f7f
}

.newsletter form {
  border: 1px solid #e8e8e8;
  background: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.newsletter input {
  padding: 16px 12px 16px 56px;
  font-family: inherit;
  border: 0;
  -webkit-appearance: none;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 11px;
  background: url(../assets/images/mail.svg) 16px no-repeat;
  background-size: 24px
}

.newsletter input:focus {
  background: url(../assets/images/mail_active.svg) 16px no-repeat;
  background-size: 24px
}

.newsletter input.pos__input {
  background: url(../assets/images/pin.svg) 16px no-repeat;
  background-size: 16px
}

.newsletter input.pos__input:focus {
  background: url(../assets/images/pin_active.svg) 16px no-repeat;
  background-size: 16px
}

.newsletter button {
  padding: 8px 12px;
  background: #fff;
  font-family: inherit;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  border: none;
  text-transform: uppercase;
  font-size: 11px
}

.newsletter button:hover {
  color: #c2a472
}

@media (min-width: 1024px) {
  .recently__viewed .products li {
    width:14.2857%
  }

  .newsletter {
    padding: 0 32px
  }
}

.newsletter__wrapper {
  padding: 0
}

.newsletter__banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 5px
}

.newsletter__banner__container {
  position: relative;
  text-align: center;
  max-width: 560px;
  padding: 12px
}

.newsletter__banner__container .newsletter__input {
  display: flex;
  justify-content: center;
  padding: 0
}

.newsletter__banner__container .form {
  padding: 0;
  margin: 0
}

.newsletter__input input {
  text-align: center;
  font-size: 14px;
  width: 100%;
  padding: 11px 0;
  margin: 0;
  outline: 0
}

.newsletter__button .btn {
  background: #c2a572;
  color: #fff;
  font-size: 14px;
  padding: 13px 40px;
  border: 0
}

.newsletter__button span {
  padding-left: 18px
}

.newsletter__button .btn:after {
  display: none
}

.newsletter__banner__title {
  color: #000;
  font-family: kruk-semibold;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 4.8px;
  margin-bottom: 18px
}

.newsletter__banner__txt {
  display: flex;
  flex-direction: column;
  align-items: center
}

.newsletter__banner__desc {
  color: #000;
  font-family: kruk-regular;
  font-size: 14px;
  max-width: 385px;
  margin-bottom: 18px;
  word-wrap: break-word
}

@media (min-width: 768px) {
  .newsletter__banner img {
    height:100%
  }

  .newsletter__banner__container {
    padding: 0;
    position: absolute
  }

  .newsletter__input input {
    font-size: 18px
  }

  .newsletter__banner__title {
    font-size: 30px;
    color: #fff
  }

  .newsletter__banner__desc {
    font-size: 18px;
    color: #fff
  }

  .newsletter__button .btn:hover {
    background: #fff;
    color: #000
  }
}

.redirect__to__payment {
  margin-bottom: 32px;
  position: relative
}

.redirect__to__payment .tx_completed_payment_info {
  display: none
}

.response {
  margin: 0;
  padding: 15px 20px 15px 68px;
  font-size: 1.125rem
}

.response.ok {
  background: url(../images/layout/bullet_accept.png) 18px 50% no-repeat #eaf3db;
  border: 1px solid #bcda8e
}

.response--error,.response.error {
  background: url(../../images/layout/icon-notification-info--red.svg) 18px 50% no-repeat #f3dbe1;
  border: 1px solid #e1928b;
  color: #e41b00
}

.response--cart {
  margin-top: 4.125rem
}

.response--error span,.response.error span {
  display: block;
  margin-top: .25rem;
  font-size: .875rem;
  color: #1f2d32
}

.response.error span em {
  color: #e41b00;
  font-style: normal;
  font-weight: 500
}

.g--star {
  color: #e41b00
}

.response.ok span {
  display: block;
  margin: 10px 0
}

.response.ok span em {
  font-style: normal;
  font-size: 11px
}

.cartMessages,.messages {
  border: 1px solid #c2a472;
  display: block;
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 16px 16px 76px;
  background: url(../../images/layout/kruk/info.svg) 26px 50% no-repeat;
  background-size: 32px;
  color: #c2a472;
  margin: 16px
}

.cartMessages p,.messages p {
  margin: 0
}

.messages .info .g--link {
  color: #c2a472;
  border-bottom: 1px solid #c2a472
}

.messages .info .g--link:hover {
  color: #000;
  border-bottom-color: #000
}

.dao_errors {
  padding: 1.25rem 1.25rem 1.25rem 5.5rem;
  background: url(../../images/layout/icon-notification-info--red.svg) 18px 50% no-repeat #f3dbe1;
  border: 1px solid #e1928b;
  color: #e41b00
}

.dao_errors li {
  list-style: circle
}

.filter {
  margin: 0 0 16px
}

.filter__list {
  margin-bottom: 5px;
  display: none
}

.filter__list__item {
  margin: 1% 0;
  position: relative
}

.filter__list__item__trigger {
  display: block;
  padding: 14px 24px;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,1,.3);
  cursor: pointer
}

.filter__list__item__trigger.on {
  box-shadow: 0 0 4px #e1e1e1
}

.fake_select__arrow::after,.filter__list__item__trigger:after {
  position: absolute;
  right: 27px;
  top: 50%;
  margin-top: -4px;
  content: "";
  display: block;
  background: #030303;
  width: 1px;
  height: 10px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.fake_select__arrow::before,.filter__list__item__trigger:before {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  content: "";
  display: block;
  background: #030303;
  width: 1px;
  height: 10px;
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

.fake_select.on .fake_select__arrow::after,.filter__list__item__trigger.on:after {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  content: "";
  display: block;
  height: 13px;
  width: 1px;
  background: #c2a472;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 0
}

.fake_select.on .fake_select__arrow::before,.filter__list__item__trigger.on:before {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  content: "";
  display: block;
  height: 13px;
  width: 1px;
  background: #c2a472;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.filter-drop {
  width: 100%;
  display: none
}

.filter-drop__content {
  border: 1px solid #c6c6c6;
  border-top: 0;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 5px 4px #e1e1e1;
  margin-top: -1px;
  font-size: 11px
}

.filter-drop ul {
  max-height: 249px;
  padding-top: 4px;
  overflow-y: auto
}

.filter-drop ul::-webkit-scrollbar {
  width: 10px
}

.filter-drop ul::-webkit-scrollbar-track {
  background: #f0f0f0
}

.filter-drop ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid #f0f0f0;
  background: #ccc
}

.filter-drop li {
  padding: 4px 24px
}

.filter-drop--input--wrapper {
  padding: 16px 24px 0
}

.filter-drop--input {
  padding: 10px;
  width: 100%
}

.filter-drop__btn {
  margin: 32px 48px
}

.filter__selected {
  display: none;
  margin-bottom: 10px
}

.filter__selected__label {
  display: block;
  min-width: 86px;
  margin: 24px 0 0;
  padding: 10px 0;
  font-size: 11px
}

.filter__selected__item {
  float: left;
  margin: 1% 1% 0 0;
  padding: 14px 48px 14px 24px;
  font-size: 11px;
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid rgba(0,0,1,.3);
  position: relative
}

.filter__selected__item:after,.filter__selected__item:before {
  position: absolute;
  right: 20px;
  display: block;
  height: 16px;
  width: 1px;
  content: "";
  background: #000
}

.filter__selected__item:after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  border: 0
}

.filter__selected__item:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg)
}

.filter-btn,.filter__selected__item:hover:after,.filter__selected__item:hover:before {
  background: #c2a472
}

.filter__selected__item:hover {
  color: #c2a472
}

.filter__sorter {
  margin-top: 12px
}

.filter-btn {
  width: 100%;
  padding: 16px 0;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  border: none;
  cursor: pointer
}

.filter-btn:hover {
  background: #d6b989
}

.filter__toggler {
  font-size: 11px;
  text-transform: uppercase;
  padding-right: 16px;
  margin-right: 20px;
  border-right: 1px solid #e8e8e8;
  display: none
}

.filter__toggler:hover {
  color: #c2a472
}

.filter__toggler:hover:before {
  background: url(../../images/layout/kruk/download_hover.svg) center no-repeat;
  background-size: 10px
}

.filter__toggler.on:hover:before {
  background: url(../../images/layout/kruk/upload_hover.svg) center no-repeat;
  background-size: 10px
}

.filter__toggler:before {
  content: "";
  background: url(../../images/layout/kruk/download.svg) center no-repeat;
  background-size: 10px;
  display: inline-block;
  border: 1px solid;
  margin-right: 8px;
  vertical-align: middle;
  padding: 8px
}

.filter__toggler.on:before {
  background: url(../../images/layout/kruk/upload.svg) center no-repeat;
  background-size: 10px
}

.filter__sorter label {
  margin-right: 16px
}

.filter__autocompete__wrapper {
  padding: 16px 24px
}

.filter__autocompete__input {
  padding: 10px;
  width: 100%
}

.mobile__filter__toggler {
  display: block;
  background: #c2a472;
  color: #fff;
  padding: 8px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px
}

.mobile__filter__toggler svg {
  vertical-align: middle;
  margin-right: 16px
}

@media (min-width: 480px) {
  .filter__list__item {
    float:left;
    width: 49%;
    margin: 1% 1% 0 0
  }

  .filter-drop {
    position: absolute;
    z-index: 99
  }

  .fake_select,.filter__sorter select {
    width: 49%
  }

  .filter__toggler {
    display: inline-block
  }
}

@media (min-width: 768px) {
  .filter {
    padding:32px 16px
  }

  .filter__list {
    display: block
  }

  .filter__list__item {
    float: left;
    width: 32%;
    margin: 1% 1% 0 0
  }

  .fake_select,.filter__sorter select {
    width: 32%
  }

  .mobile__filter__toggler {
    display: none
  }
}

@media (min-width: 1200px) {
  .filter__list {
    width:100.5%;
    margin-left: 0
  }

  .filter__list__item {
    width: 19.5%;
    margin: .5% .5% 0 0
  }

  .filter__selected__label {
    padding: 5px 0;
    float: left
  }

  .fake_select,.filter__sorter select {
    width: 19.5%
  }
}

.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0
}

.noUi-handle {
  position: relative;
  z-index: 1
}

.noUi-stacking .noUi-handle {
  z-index: 10
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left .3s,top .3s;
  transition: left .3s,top .3s
}

.noUi-state-drag * {
  cursor: inherit!important
}

.noUi-horizontal {
  height: 1px
}

.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  left: -4px;
  top: -11px
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px
}

.noUi-background {
  background: #f4f4f4
}

.noUi-connect {
  background: #ddd;
  transition: background 450ms
}

.news_tag,.news_tag_item,.noUi-handle {
  background: #c2a472
}

.noUi-origin,.noUi-target {
  border-radius: 3px
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb
}

.noUi-dragable {
  cursor: w-resize
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize
}

.noUi-handle {
  cursor: pointer
}

.noUi-active {
  border-color: #242259
}

[disabled] .noUi-connect,[disabled].noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle {
  cursor: not-allowed
}

.price__range__container {
  padding: 16px 24px 0
}

.price__range__item {
  width: 40%;
  float: left;
  margin-right: 10%
}

.price__range__item input {
  border: 1px solid rgba(0,0,1,.3);
  padding: 14px 8px;
  text-align: center;
  width: 100%
}

.price__range__item label {
  display: block;
  margin: 0 0 7px
}

.price-range-slider {
  margin: 32px 0
}

.between__range__container {
  padding: 16px 24px 0
}

.between__range__item {
  width: 40%;
  float: left;
  margin-right: 10%
}

.between__range__item input {
  border: 1px solid rgba(0,0,1,.3);
  padding: 14px 8px;
  text-align: center;
  width: 100%
}

.between__range__item label {
  display: block;
  margin: 0 0 7px
}

.between-range-slider {
  margin: 32px 0
}

@media (min-width: 768px) {
  .noUi-horizontal .noUi-handle {
    width:14px;
    height: 14px;
    top: -6px
  }
}

.zoom_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.75);
  display: none;
  z-index: 999
}

.zoom_overlay.on {
  display: block
}

.zoom_container {
  position: absolute;
  inset: 0;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  display: none;
  text-align: center
}

.zoom_img_container {
  position: relative;
  min-height: 240px;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto
}

.zoom_img_container img {
  margin: 0 auto;
  display: block
}

.zoom_img_container__controls {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1001
}

.zoom_control {
  border: 1px solid #8f999b;
  color: #646464;
  background: rgba(255,255,255,.5);
  height: 32px;
  line-height: 32px
}

.zoom_control--close {
  display: block;
  margin-bottom: 1px
}

.zoom_control--arrow {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  font-size: 28px;
  line-height: 28px
}

.zoom_control--arrow.off {
  opacity: .2
}

.zoom_control:last-child {
  margin-left: 1px
}

.zoom_control:hover {
  color: #646464;
  border-color: #646464
}

.zoom_container.zoom--app {
  height: calc(100% - 55px)
}

.zoom_container.zoom--app .swiper-container,.zoom_container.zoom--app .zoom_img_container {
  height: 100%
}

.zoom_container.zoom--app .zoom_img_container__controls {
  top: auto;
  bottom: 1rem
}

.cart__coupon {
  text-align: left
}

.cart__coupon [type=checkbox] {
  margin-right: 5px
}

.cart__coupon p {
  margin: 0
}

.cart__coupon__form {
  margin-top: 10px
}

.cart__coupon__form span {
  display: block
}

.cart__coupon__form input {
  margin: 10px 0;
  padding: 10px
}

@media (min-width: 768px) {
  .zoom_control,.zoom_control--arrow {
    height:48px;
    line-height: 48px
  }

  .zoom_img_container__controls {
    top: 2rem;
    right: 2rem
  }

  .zoom_control--arrow {
    width: 48px
  }

  .cart__coupon__form input {
    margin: 0
  }

  .cart__coupon__form span {
    display: inline-block
  }
}

.gratis__header {
  background: #f7f7f7;
  margin: 0;
  padding: 24px;
  font-size: 20px;
  border: 1px solid #eee;
  border-bottom: none;
  text-align: center
}

.gratis__header .gratis__info {
  display: block
}

.gratis__wrapper {
  margin-bottom: 24px;
  border: 1px solid #eee;
  padding: 8px
}

.gratis__tabs__nav {
  width: 100%;
  text-align: center;
  margin-bottom: 24px
}

.gratis__block {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 16px;
  width: 100%
}

.gratis__link {
  border: 1px solid transparent;
  color: #31a6cb;
  border-radius: 4px;
  background: #fff;
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
  transition: ease-in .3s;
  width: 100%
}

.gratis__link:hover {
  border-color: rgba(49,166,203,.3)
}

.gratis__link.active {
  border-color: #31a6cb
}

.gratis__list {
  width: 101%;
  margin: 32px -1% 32px 0
}

.gratis__list--item {
  width: 49%;
  margin: 0 1% 6% 0;
  text-align: center;
  float: left
}

.gratis__list--item h3 {
  font-size: 16px
}

.gratis__list__wrapper .promo_price {
  text-decoration: line-through;
  display: inline-block;
  margin-bottom: 8px
}

.gratis__list__wrapper .promo_benefit {
  font-size: 14px;
  display: inline-block;
  margin: 8px 0
}

.gratis__content.hide,.gratis__list--form .btn::after {
  display: none
}

.gratis__list--form {
  margin-top: 16px
}

.gratis__list__wrapper select {
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background: #fff;
  padding: 8px;
  vertical-align: top
}

.btn--gratis {
  padding: 8px 12px;
  font-size: 14px
}

.gratis__content {
  width: 100%
}

.gratis__content span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 32px 0;
  font-size: 18px
}

.gratis__info {
  font-size: 14px;
  color: #696969;
  margin-bottom: 4px
}

.gratis__list__wrapper {
  width: 100%;
  margin: 0;
  flex-wrap: initial;
  -webkit-flex-wrap: initial;
  padding-top: 32px
}

.gratis__list__wrapper li {
  margin: 0 16px 0 0;
  padding-bottom: 16px
}

.gratis__list__wrapper li:nth-child(7n+7) {
  padding-right: 8px
}

.gratis__list__wrapper li img {
  margin: 0 auto
}

.gratis__container .baners__nav__prev {
  left: 16px
}

.gratis__container .baners__nav__next {
  right: 16px
}

@media (min-width: 768px) {
  .gratis__wrapper {
    padding:32px 32px 0
  }

  .gratis__block,.gratis__link {
    width: auto
  }

  .gratis__list--item {
    width: 32.3333%;
    margin: 0 1% 3% 0
  }

  .gratis__container .baners__nav__prev {
    left: 0
  }

  .gratis__container .baners__nav__next {
    right: 0
  }
}

@media (min-width: 1024px) {
  .gratis__list--item {
    width:24%;
    margin: 0 1% 3% 0
  }
}

.footer_blocks {
  overflow: hidden;
  max-width: 1500px;
  margin: 64px auto 32px;
  line-height: 1.45;
  padding: 0 11px
}

.footer_block h3 {
  margin: 0 0 32px;
  font-size: 16px;
  font-family: kruk-semibold;
  text-transform: uppercase;
  line-height: 1
}

.footer_block li {
  margin-bottom: 8px
}

.footer_block p,.footer_block ul {
  margin-bottom: 32px
}

.footer_block a {
  border-bottom: 1px solid transparent;
  font-size: 13px;
  display: inline-block
}

.footer_block a:hover {
  border-bottom-color: #000
}

.footer_block p {
  color: #7f7f7f;
  font-size: 13px
}

.footer_block .phone {
  color: #c2a472
}

.footer_block .email {
  color: #000
}

.footer_bottom {
  width: 100%;
  overflow: hidden;
  padding: 32px 10px;
  text-align: center;
  line-height: 1.45
}

.footer_bottom p {
  color: #7f7f7f
}

.footer_bottom a {
  color: #c2a472
}

.footer_bottom a:hover {
  color: #000
}

.footer_bottom_social a {
  padding: 16px
}

.footer_bottom_social svg {
  width: 20px;
  height: 20px
}

.footer_bottom_logo {
  margin: 32px 0
}

@media (min-width: 768px) {
  .footer_blocks {
    padding:0
  }

  .footer_block {
    float: left;
    width: 50%
  }

  .footer_block.footer_customer_service {
    clear: both
  }

  .footer_block.footer_newsletter {
    width: 100%
  }

  .footer_bottom span {
    display: inline
  }
}

@media (min-width: 1200px) {
  .footer_block {
    width:16.6666%
  }

  .footer_block.footer_customer_service {
    clear: none
  }

  .footer_block.footer_newsletter {
    width: 33.3333%
  }
}

.cookies {
  background: #f0f0f0;
  border-bottom: 1px solid #e8e8e8;
  color: #696969;
  padding: 8px;
  overflow: hidden;
  display: table;
  width: 100%
}

.cookies p {
  line-height: 1.25;
  margin: 0;
  display: table-cell;
  vertical-align: middle
}

.cookies__close {
  padding: 8px 12px;
  float: right
}

.modal-overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5)
}

.modal-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 86%;
  z-index: 101;
  background: #fff;
  box-shadow: 0 0 10px #000;
  -webkit-overflow-scrolling: touch
}

.modal-close {
  background: #f3f3f3;
  padding: 1rem 2rem;
  text-align: right
}

.modal-content {
  overflow-y: scroll;
  padding: 0 16px
}

.modal-content h1 {
  font-size: 20px
}

.g--table-container {
  width: 100%;
  overflow-x: auto
}

.g--table-container::-webkit-scrollbar {
  height: 12px
}

.g--table-container::-webkit-scrollbar-track {
  background: #f0f0f0
}

.g--table-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid #f0f0f0;
  background: #ccc
}

.table .mobile__th,.table__subheading {
  background: #f9f9f9
}

.g--table--default td,.g--table--default th {
  text-align: left;
  padding: 1rem;
  border: 1px solid #e8eff5
}

.table {
  width: 100%;
  padding-top: 16px;
  margin: 32px 0
}

.table td,.table th {
  text-align: left;
  padding: 1rem;
  border: 1px solid #e8e8e8
}

.table .table__heading {
  display: none
}

.table .mobile__th {
  border-top: 1px solid #e8e8e8
}

@media (max-width: 767px) {
  .table,.table tbody,.table td,.table th,.table thead,.table tr {
    display:block;
    border-top: none
  }

  .table th {
    text-align: center
  }

  .table td {
    position: relative;
    text-align: right
  }

  .table td:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 20px;
    white-space: nowrap;
    content: attr(data-row);
    color: #7f7f7f
  }

  .table thead {
    display: none
  }

  .table .table__heading {
    display: block;
    background: #f9f9f9;
    border-top: 1px solid #e8e8e8
  }
}

@media (max-width: 450px) {
  .table a {
    margin-left:75px
  }
}

.ask-for-review__table {
  margin: 8px 0
}

.ask-for-review__table td,.ask-for-review__table th {
  padding: 16px;
  border: 1px solid #e8e8e8
}

.ask-for-review__table--product-image {
  width: 200px;
  text-align: center
}

.arrow,.arrow_border {
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  right: 4rem;
  border-style: solid
}

.clearfix:after,.clearfix:before {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.js--section--customer-login {
  display: none
}

.g--visible--large,.g--visible--medium {
  display: none!important
}

.g--visible--small {
  display: inherit!important
}

@media (min-width: 768px) {
  .g--visible--small {
    display:none!important
  }

  .g--visible--medium {
    display: inherit!important
  }
}

@media (min-width: 1024px) {
  .g--visible--medium {
    display:none!important
  }

  .g--visible--large {
    display: inherit!important
  }
}

.arrow_border {
  border-color: transparent transparent #e8eff5;
  top: -19px
}

.arrow {
  border-color: transparent transparent #fff;
  top: -17px
}

.customer_content {
  position: relative;
  overflow: hidden
}

.customer_content .customer_content__loader {
  text-align: center;
  font-size: 4em;
  line-height: 3em
}

.customer_content__nav {
  border-bottom: 1px solid #e8e8e8
}

.customer_content__nav li {
  display: block;
  border-top: 1px solid #e8e8e8
}

.customer_content__nav li a {
  display: block;
  padding: 1em 0;
  text-align: center;
  position: relative
}

.customer_content__nav li.customer_content__nav__item--selected a,.customer_content__nav li:hover a {
  color: #c2a472
}

.customer_content__tab {
  width: 100%
}

.customer_content__tab .g--heading {
  margin: 16px 0
}

.customer_content .buttons {
  text-align: center;
  margin-bottom: 32px
}

@media (min-width: 768px) {
  .customer_content {
    padding:0 16px
  }

  .customer_content__nav {
    float: left;
    width: 20%;
    border-right: 1px solid #e8e8e8;
    border-bottom: none;
    margin-top: 2em;
    margin-bottom: 2em
  }

  .customer_content__nav li:first-child {
    border-top: 0;
    margin-top: 2rem
  }

  .customer_content__nav li a {
    text-align: left;
    padding: 1em 0 1em .8em
  }

  .customer_content__tab {
    width: 80%;
    float: right;
    padding: 0 16px
  }
}

.g--loader {
  margin: 30px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(0,0,0,.2);
  border-right: 4px solid rgba(0,0,0,.2);
  border-bottom: 4px solid rgba(0,0,0,.2);
  border-left: 4px solid #333;
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear
}

.g--loader,.g--loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.g--loader--product {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1.5em;
  margin-left: -1.5em;
  display: none
}

.g--loader--plugin {
  position: absolute;
  bottom: 16px;
  left: 300px;
  border-width: 3px;
  width: 26px;
  height: 26px
}

.g--loader--cart {
  margin: 0 8px 0 0;
  position: relative;
  top: 6px;
  left: 14px;
  border-width: 2px
}

.g--loader--cart,.g--loader--cart:after {
  width: 20px;
  height: 20px;
  display: inline-block
}

.g--loader--repository {
  position: absolute;
  width: 20px;
  height: 20px;
  border-width: 1px;
  right: 4px;
  top: 4px;
  margin: 0
}

@media (min-width: 768px) {
  .g--loader--repository {
    margin:16px
  }
}

@media (min-width: 1024px) {
  .g--loader--product {
    display:block
  }
}

.g--loader--repository--product {
  position: relative;
  display: inline-block;
  margin: 0 0 0 24px;
  top: 12px
}

.g--loader--availability {
  display: block;
  margin-left: 50px;
  border-width: 2px
}

.g--loader--shipping {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%) translateX(50%);
  -webkit-transform: translateY(-50%) translateX(50%);
  border-width: 2px
}

div.ProductBoxCartAttachmentPlugin {
  text-align: left
}

div.ProductBoxCartAttachmentPlugin ul.product_box_list {
  display: inline-block
}

div.ProductBoxCartAttachmentPlugin ul.product_box_list li {
  display: inline-block;
  margin-right: 10px;
  padding: 0 2px
}

div.ProductBoxCartAttachmentPlugin ul.product_box_list li label {
  cursor: pointer
}

div.ProductBoxCartAttachmentPlugin ul.product_box_list li input {
  margin-right: 1px
}

div.ProductBoxCartAttachmentPlugin ul.product_box_list li img {
  vertical-align: middle
}

#theCart .applied_discounts {
  color: #68a946
}

#theCart .applied_discounts h5,#theCart .applied_discounts ol {
  cursor: pointer;
  margin: 0;
  padding: 0
}

.cart_item_plugin {
  border-bottom: 1px solid #c2a472
}

.cart_item_plugin td {
  padding: 0 16px 16px
}

.ProductBundlingAdvancedCartAttachmentPlugin td {
  padding: 8px 1rem
}

.ProductBundlingAdvancedCartAttachmentPlugin td.cart__items__img,.ProductBundlingAdvancedCartAttachmentPlugin tr:last-child td {
  border-bottom: none
}

.ProductBundlingAdvancedCartAttachmentPlugin td.cart__items__price--single {
  padding-right: 2rem
}

.CartAttachmentFilePlugin,.ProductBoxCartAttachmentPlugin {
  text-align: left;
  padding: 16px;
  background: #fafafa;
  margin: 16px 8px
}

.CartAttachmentFilePlugin>p {
  margin: 0
}

@media (min-width: 768px) {
  .CartAttachmentFilePlugin,.ProductBoxCartAttachmentPlugin {
    padding:24px 32px 24px 116px;
    margin: 32px 16px
  }

  .cart_item_plugin {
    border-bottom: none
  }
}

@media (min-width: 1024px) {
  .CartAttachmentFilePlugin,.ProductBoxCartAttachmentPlugin {
    margin:32px
  }
}

.CartAttachmentFilePlugin h4,.ProductBoxCartAttachmentPlugin h4 {
  margin-top: 0
}

.CartAttachmentFilePlugin ul {
  margin-left: 1.2em;
  list-style: disc
}

.review-score {
  unicode-bidi: bidi-override;
  display: inline-block;
  font-size: 1.3em
}

.review-score>label {
  display: inline-block;
  position: relative;
  width: 1.1em;
  overflow: hidden;
  float: right;
  cursor: pointer
}

.review-score>label input {
  position: absolute;
  left: -99em
}

.review-score>label.review-score-item--selected,.review-score>label.review-score-item--selected~label,.review-score>label:hover,.review-score>label:hover~label {
  color: transparent
}

.review-score>label.review-score-item--selected:before,.review-score>label.review-score-item--selected~label:before,.review-score>label:hover:before,.review-score>label:hover~label:before {
  content: "\2605";
  position: absolute;
  left: 0;
  color: gold
}

#orderItemsListResult {
  margin-left: 200px
}

.btn.btn-inline {
  padding: 7px 10px;
  margin-left: 8px;
  vertical-align: middle;
  font-size: 14px
}

.voucher--form {
  margin: 32px 0;
  display: block;
  overflow: hidden
}

.voucher--img {
  margin: 16px 0;
  border: 1px solid #e8eff5
}

.voucher--title {
  text-transform: uppercase;
  font-size: 32px;
  margin: 0
}

.voucher--description {
  display: block;
  overflow: hidden
}

.voucher--description p {
  margin: 16px 0
}

.voucher--description ul {
  padding: 0 16px
}

.voucher--description li {
  list-style: circle;
  padding: 2px 8px
}

.voucher--label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px
}

.voucher--select {
  margin-left: 2px;
  color: #696969;
  margin-bottom: 32px
}

.voucher--goto-terms {
  text-align: center
}

@media (min-width: 768px) {
  .voucher--img {
    float:left;
    margin: 0 32px 16px 0;
    border: 1px solid #e8eff5
  }
}

.time_estimation__container {
  background: rgba(255,255,255,.5);
  border: 1px solid #e8eff5;
  font-weight: 400;
  margin: 12px 0 0;
  padding: 8px 16px
}

.product .time_estimation__container {
  background: inherit;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 14px
}

@media (min-width: 768px) {
  .time_estimation__container {
    display:inline;
    margin: 0 16px 0 32px
  }
}

.price__notification__wrapper {
  width: 100%;
  margin-top: 16px
}

.price__notification__link {
  display: table;
  width: 100%
}

.price__notification__content {
  display: none;
  background: #f9f9f9;
  border: 1px solid #f3f3f3;
  padding: 16px;
  overflow: hidden;
  margin-top: 16px
}

.price__notification__content h2 {
  margin-top: 0;
  font-size: 18px
}

.price__notification__content label {
  display: block;
  width: initial;
  text-align: left
}

.price__notification__content input {
  border: 1px solid #696969;
  padding: 5px;
  background: #fff;
  border-radius: 0;
  line-height: 1.45
}

.price__notification__fieldset button {
  width: 100%;
  margin-top: 16px
}

@media (min-width: 768px) {
  .price__notification__fieldset button {
    width:initial;
    margin-top: 0
  }

  .price__notification__fieldset {
    display: flex;
    justify-content: space-evenly;
    align-items: center
  }
}

@media (min-width: 1024px) {
  .price__notification__fieldset {
    display:block
  }

  .price__notification__fieldset button {
    width: 100%;
    margin-top: 16px
  }

  .price__notification__content input {
    width: 100%
  }
}

@media (min-width: 1350px) {
  .price__notification__fieldset {
    display:flex;
    justify-content: space-evenly;
    align-items: center
  }

  .price__notification__fieldset button {
    width: initial;
    margin-top: 0
  }

  .price__notification__content input {
    width: 295px;
    margin-right: 16px
  }
}

.ac-results {
  display: none;
  background: #fff;
  border: 1px solid #e8e8e8;
  left: 0;
  top: 45px;
  width: 100%;
  padding: 0;
  z-index: 9;
  overflow: auto;
  position: absolute
}

.ac-results a {
  border-bottom: 1px solid #e8eff5;
  padding: 16px 8px;
  display: block;
  overflow: hidden
}

.ac-results .autocomplete__single:last-of-type a {
  border-bottom: none
}

.cart__kdr__card,.outpost__list--objects li {
  border-bottom: 1px solid #e8e8e8
}

.ac-results__item--on {
  background: #f9f9f9
}

.autocomplete__img,.autocomplete__info {
  display: table-cell;
  vertical-align: middle
}

.autocomplete__info {
  padding: 0 12px;
  text-align: left
}

.autocomplete__info em {
  display: block;
  font-style: normal
}

.autocomplete__img {
  width: 28px
}

.autocomplete__img img {
  display: block;
  border: 1px solid #e8e8e8
}

.autocomplete__all {
  background: #f0f0f0;
  text-align: center;
  padding: 8px 5px
}

.autocomplete__all strong {
  display: block;
  font-size: 14px
}

.autocomple__no__result {
  padding: 16px;
  display: block
}

.autocomplete__rolex {
  text-align: center;
  padding: 16px 8px
}

.outpost__container {
  margin: 16px 0;
  padding: 0 12px;
  overflow: hidden
}

.outpost__container input {
  width: 200px;
  margin-right: 8px
}

.outpost__container .btn {
  padding: 11px;
  position: relative;
  top: -1px
}

.outpost__map {
  height: 500px;
  width: 100%
}

.outpost__list {
  margin: 8px 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2
}

.outpost__list.outpost__list--objects {
  columns: auto;
  -webkit-columns: auto;
  -moz-columns: auto;
  display: flex;
  flex-wrap: wrap
}

.outpost__list.outpost__list--objects li {
  overflow: hidden;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  flex: 0 0 100%
}

.outpost__list.single__result {
  columns: auto;
  -webkit-columns: auto;
  -moz-columns: auto
}

.outpost__list--objects {
  width: 70%
}

.outpost__list li {
  padding: 4px 0
}

@media (min-width: 768px) {
  .outpost__list.outpost__list--objects li {
    flex:0 0 50%
  }

  .outpost__container .btn {
    display: inline-block
  }

  .outpost__left {
    width: 50%;
    float: left;
    padding: 0 32px
  }

  .outpost__right {
    width: 50%;
    float: right
  }

  .outpost__list.outpost__list--objects {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
  }

  .outpost__list--objects {
    width: 100%
  }
}

@media (min-width: 1024px) {
  .outpost__container {
    padding:0 16px
  }

  .outpost__container input {
    min-width: 350px;
    margin-right: 16px
  }

  .outpost__list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3
  }

  .outpost__list--objects {
    width: 70%
  }
}

.customer__loyalty__card {
  background: #f6d8a6;
  padding: 16px 0;
  overflow: hidden
}

.customer__loyalty__card h3 {
  margin: 0;
  padding: 0 16px
}

.customer__loyalty__card h4 {
  margin: 8px 0
}

.customer__loyalty__card ul {
  padding: 8px 16px
}

.customer__loyalty__card li {
  padding: 2px 0
}

.customer__loyalty__card__label {
  padding: 8px 5px 8px 16px;
  display: inline-block
}

.customer__loyalty__card__input {
  width: 250px;
  margin: 0 16px;
  float: none;
  display: block
}

.points__reward__label {
  display: block
}

.customer__loyalty__card .input--reward {
  margin: 8px 0
}

.customer__loyalty__card .input--reward.error {
  border-color: #d72737
}

.customer__loyalty__card .btn {
  padding: 10px;
  margin: 8px 16px;
  width: auto
}

.customer__loyalty__card .btn.btn--reward {
  margin: 0
}

.customer__loyalty__card--reward {
  padding: 16px;
  border-top: 1px solid #c2a472;
  background: #f5e0bc
}

.customer__loyalty__card__info {
  color: #696969
}

.reward__box {
  margin-bottom: 24px
}

@media (min-width: 768px) {
  .customer__loyalty__card h3 {
    padding:0 16px 16px
  }

  .customer__loyalty__card ul {
    padding: 0 16px
  }

  .customer__loyalty__card__label {
    float: left;
    width: 120px;
    padding: 10px 5px 10px 16px
  }

  .customer__loyalty__card__input {
    margin: 0
  }

  .customer__loyalty__card .input--reward {
    display: inline-block
  }

  .customer__loyalty__card .btn {
    padding: 10px;
    margin-left: 120px
  }

  .customer__loyalty__card .btn.btn--reward {
    margin: 0;
    display: inline-block
  }
}

@media (min-width: 1024px) {
  .customer__loyalty__card h3 {
    padding:0 32px 16px
  }

  .customer__loyalty__card ul {
    padding: 0 32px
  }

  .customer__loyalty__card__label {
    padding: 10px 5px 10px 32px
  }

  .customer__loyalty__card--reward {
    padding: 16px 32px
  }
}

.did_you_mean {
  text-align: center
}

.did_you_mean--pas {
  margin-bottom: 25px
}

.cart__order_additional_data__container {
  font-size: 14px
}

.cart__additional__data_checkboxes__container {
  position: relative
}

.cart__additional__data_checkboxes {
  width: 100%;
  clear: both
}

.cart__additional__data_checkboxes.enabled {
  opacity: .2
}

.cart__additional__data_checkboxes__msg {
  display: block;
  padding: 16px;
  text-align: left;
  background: #f6d8a6;
  transition: .3s
}

.cart__additional__data_checkboxes td {
  padding: 8px 10px
}

.cart__additional__data_checkboxes label {
  cursor: pointer
}

.product__info__toggler:hover .tooltip {
  display: block
}

.cart__additional__data_checkboxes tr:nth-of-type(2) td {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.cart__additional__data_checkboxes tr:nth-last-of-type(1) td {
  padding-bottom: 1.5rem
}

.cart__additional__data_checkboxes .tooltip {
  padding: 10px;
  border: 1px solid rgba(0,0,1,.3);
  position: absolute;
  top: 20px;
  left: -110px;
  background: #fff;
  z-index: 100;
  width: 250px;
  display: none
}

.cart__additional__data_checkboxes .tooltip:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 46%;
  top: -6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: 1px solid transparent;
  border-left-color: rgba(0,0,1,.3);
  border-top-color: rgba(0,0,1,.3);
  background: #fff
}

.cart__additional__data_checkboxes .product__info__toggler {
  position: relative
}

.cart__label_additional_order_data {
  vertical-align: bottom
}

@media (min-width: 768px) {
  .cart__additional__data_checkboxes td {
    padding:5px 16px
  }
}

@media (min-width: 1024px) {
  .cart__additional__data_checkboxes td {
    padding-left:32px
  }

  .cart__additional__data_checkboxes__msg {
    padding: 16px 32px
  }
}

.tooltip {
  display: none;
  padding: 10px;
  border: 1px solid rgba(0,0,1,.3);
  position: absolute;
  top: 35px;
  right: 0;
  background: #fff;
  z-index: 100;
  width: 150px
}

.career__container_show,.career__heading,.career__headline {
  padding: 0 11px
}

.tooltip:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: -6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: 1px solid transparent;
  border-left-color: rgba(0,0,1,.3);
  border-top-color: rgba(0,0,1,.3);
  background: #fff
}

.tooltip__trigger:hover .tooltip {
  display: block
}

.filter_price-upper {
  position: relative
}

.price_unit,.unit_symbol {
  float: left;
  position: absolute;
  display: inline-block;
  bottom: 10px
}

.price_unit {
  right: -14px
}

.unit_symbol {
  right: -22px
}

.filter_between-upper {
  position: relative
}

.career__container {
  margin: 0 auto;
  width: 100%
}

.career__heading,.career__heading_show {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase
}

.career__categories_wrapper {
  margin-bottom: 16px
}

.career__categories {
  border: 1px solid #e5e5e5;
  padding: 32px;
  text-align: center;
  font-size: 24px;
  color: #c2a472;
  margin-bottom: 16px;
  position: relative
}

.career__categories span {
  width: 10px;
  height: 10px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  transform: translateY(130%) translateX(-250%) rotate(45deg);
  -webkit-transform: translateY(130%) translateX(-250%) rotate(45deg);
  position: absolute;
  right: 0
}

.career__categories.collapsed span {
  transform: translateY(70%) translateX(-250%) rotate(225deg);
  -webkit-transform: translateY(70%) translateX(-250%) rotate(225deg)
}

.career__header {
  text-align: left
}

.career__heading_top {
  font-size: 24px;
  color: #c2a472;
  font-weight: 400;
  display: inline-block;
  padding-bottom: 8px
}

.career__heading_bottom {
  font-size: 36px;
  text-transform: uppercase
}

.career__description {
  font-size: 14px;
  font-weight: 700;
  margin: 48px 0 96px;
  line-height: 2em;
  padding: 0 11px
}

.career_descirption_headline {
  color: #c2a472;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  padding-bottom: 16px
}

.career__tab_content {
  margin: 16px 0 48px
}

.career__tab_list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 1522px;
  margin: 0 auto
}

.career__tab_job_offer {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 16px;
  margin-bottom: 16px;
  line-height: 2em;
  color: #6e6e6e
}

.career__tab_job_offer_margin {
  margin-right: 34%
}

.career__tab_job_offer_name {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #000
}

.career__tab_job_offer_place {
  margin-right: 32px
}

.career__tab_job_offer_date {
  display: block
}

.career__tab_job_offer_date b,.career__tab_job_offer_place b {
  padding-left: 8px
}

.career__show_job_offer {
  line-height: 1em;
  color: #6e6e6e;
  margin-right: 2%
}

.career__show_description {
  font-size: 14px;
  margin-top: 32px;
  line-height: 2em
}

.career__show_apply {
  color: #c2a472;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400
}

.career__show_apply_fieldset {
  border: 1px solid #e5e5e5;
  margin-bottom: 32px
}

.career__show_apply_fieldset fieldset {
  border: 0
}

.career__show_apply_list li {
  margin: 16px 0
}

.career__show_apply_fieldset textarea {
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 100px
}

.career__show_apply_fieldset input {
  position: relative;
  top: 3px
}

@media (min-width: 768px) {
  .career__container_show,.career__description,.career__heading,.career__headline {
    padding:0
  }

  .career__container {
    max-width: 1522px;
    margin: 0 auto;
    width: 100%
  }

  .career__categories span {
    width: 20px;
    height: 20px;
    transform: translateY(50%) translateX(-200%) rotate(45deg);
    -webkit-transform: translateY(50%) translateX(-200%) rotate(45deg)
  }

  .career__categories.collapsed span {
    transform: translateY(0) translateX(-200%) rotate(225deg);
    -webkit-transform: translateY(0) translateX(-200%) rotate(225deg)
  }

  .career__header {
    max-width: 75%;
    margin: 0 auto
  }

  .career__tab_job_offer {
    width: 49%;
    margin-right: 2%;
    padding: 40px
  }

  .career__tab_job_offer:nth-of-type(2n) {
    margin-right: 0
  }

  .career__show_apply_fieldset {
    padding: 32px
  }

  .career__show_apply_fieldset textarea {
    width: 50%
  }
}

@media (min-width: 1024px) {
  .career__tab_job_offer {
    width:32%
  }

  .career__tab_job_offer:nth-of-type(2n) {
    margin-right: 2%
  }

  .career__tab_job_offer:nth-of-type(3n) {
    margin-right: 0
  }

  .career__show_apply_fieldset textarea {
    width: 30%
  }
}

@media (min-width: 1350px) {
  .career__tab_job_offer_date {
    display:inline
  }
}

.wedding_wrapper {
  max-width: 1194px;
  margin: 6px auto 0;
  font-family: kruk-regular;
  color: #17204b;
  text-align: center
}

.wedding_wrapper h2 {
  font-family: kruk-semibold;
  text-transform: uppercase;
  font-size: 21px;
  margin: 28px 0;
  letter-spacing: 1px
}

.wedding_wrapper p {
  margin: 0;
  line-height: 1.8;
  font-size: 13px;
  letter-spacing: normal
}

.wedding_wrapper h3 {
  margin: 0;
  line-height: 1.5;
  letter-spacing: 1px
}

.wedding_wrapper .products h3 {
  margin: 0 0 4px;
  font-family: kruk-semibold;
  line-height: 1.45;
  letter-spacing: normal
}

.news_read_more,.wedding_button {
  letter-spacing: 1px;
  text-transform: uppercase
}

.wedding_video {
  padding-bottom: 56.2%;
  width: 99.95%
}

.wedding_video img {
  position: absolute;
  left: 0;
  top: 0
}

.wedding_button {
  background-color: #17204b;
  padding: 12px 18px;
  color: #e4e0d8;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  cursor: pointer
}

.wedding_promotion {
  position: relative;
  margin-bottom: 6px
}

.wedding_promotion__text {
  background-color: #ccc5b7;
  padding: 16px
}

.wedding_promotion__text h2,.wedding_promotion__text>* {
  font-size: 18px;
  margin: 0
}

.wedding_promotion__text>.wedding_button {
  margin: 16px auto 0;
  font-size: 13px;
  width: 252px;
  padding: 16px;
  color: #ccc5b7
}

.wedding_promotion__banner {
  background-color: #e4e0d8;
  display: block;
  width: 100%
}

.wedding_promotion>img:last-child {
  width: 200px;
  position: absolute;
  filter: drop-shadow(-46px 22px 24px rgba(82, 43, 27, .69));
  right: -22px;
  top: 14px;
  z-index: 111;
  display: none
}

.wedding_rings_banners--left>* {
  background-color: #e4e0d8;
  height: 49%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center
}

.wedding_rings_banners--left>.wedding_rings_banners--left2 {
  height: 50%
}

.wedding_rings_banners--left h2 {
  margin: 0 0 28px
}

.wedding_rings_banners--left1 {
  position: relative;
  margin-bottom: 1%
}

.wedding_rings_banners--left1 img {
  display: none;
  position: absolute;
  top: -29px;
  left: -26px;
  z-index: 1
}

.wedding_rings_banners--left2 img {
  display: none
}

.wedding_rings_banners--left__description {
  text-align: justify;
  padding: 34px
}

.wedding_accesories__banner {
  background-color: #e4e0d8;
  margin-bottom: 6px
}

.wedding_accesories__banner a {
  font-size: 0;
  display: block;
  position: relative
}

.wedding_accesories__banner__man {
  text-align: left
}

.wedding_accesories__banner__woman {
  text-align: right
}

.wedding_accesories__banner__man img:last-child {
  position: absolute;
  display: none;
  bottom: 9px;
  left: 250px
}

.diamonds_banner_and_form,.diamonds_form h3,.long_arrow,.news .image,.wedding_newsletter,.wedding_tutorial {
  position: relative
}

.wedding_tutorial {
  margin-bottom: 6px
}

.wedding_tutorial__img {
  height: 348px;
  display: none
}

.wedding_tutorial__description {
  padding: 6px 34px 34px;
  text-align: justify;
  background-color: #e4e0d8
}

.wedding_tutorial__description .wedding_button {
  margin-top: 10%
}

.wedding_newsletter {
  height: 200px
}

.wedding_newsletter form {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 263px
}

.wedding_newsletter input {
  padding: 12px 0;
  width: 100%
}

.wedding_newsletter input[placeholder] {
  text-align: center;
  color: #aca6a6;
  font-size: 13px
}

.popular__category__products.popular__category__products--wedding {
  overflow: hidden
}

.popular__category__products.popular__category__products--wedding .wedding_button {
  margin-bottom: 36px
}

.wedding_wrapper .baners__nav {
  top: 33%
}

@media (min-width: 480px) {
  .wedding_promotion__text>.wedding_button {
    margin-top:28px
  }

  .wedding_promotion__text {
    padding: 32px
  }

  .wedding_newsletter {
    height: 315px
  }

  .wedding_newsletter form {
    right: 119px;
    bottom: 32px;
    display: block;
    width: auto
  }

  .wedding_newsletter input {
    margin-bottom: 12px
  }
}

@media (min-width: 600px) {
  .wedding_accesories__banner__man img:last-child {
    display:block
  }
}

@media (min-width: 768px) {
  .wedding_rings_banners--left2 img {
    display:block;
    height: 200px;
    width: auto
  }

  .wedding_accesories__banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .wedding_accesories__banner__man img:last-child {
    display: none
  }

  .wedding_tutorial__description {
    position: absolute;
    top: 0;
    left: 148px;
    padding: 2.5% 0;
    max-width: 462px
  }

  .wedding_tutorial__img {
    display: block
  }
}

@media (min-width: 920px) {
  .wedding_promotion__banner {
    background-color:transparent;
    width: auto
  }

  .wedding_promotion {
    background-color: #ccc5b7;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

@media (min-width: 980px) {
  .wedding_rings_banners {
    display:-webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .wedding_rings_banners--left {
    margin-right: 6px;
    width: 59%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .wedding_rings_banners--left2 img {
    display: none
  }

  .wedding_rings_banners--right {
    width: 41%
  }
}

@media (min-width: 1080px) {
  .wedding_promotion>img:last-child {
    display:block
  }
}

@media (min-width: 1200px) {
  .wedding_accesories__banner__man img:last-child,.wedding_rings_banners--left1 img,.wedding_rings_banners--left2 img {
    display:block
  }

  .wedding_promotion>img:last-child {
    width: 309px;
    top: 19px;
    right: -32px
  }

  .wedding_rings_banners--left2 img {
    width: auto;
    height: 100%
  }

  .wedding_rings_banners--left1 .wedding_rings_banners--left__description {
    padding: 0 34px 0 53%
  }

  .wedding_rings_banners--right {
    height: 634px
  }
}

.violation-form {
  width: 86%;
  font-size: 1.2em;
  margin: 2% 7%
}

.violation-form .form-group {
  margin: 32px auto;
  width: 75%;
  text-align: center
}

.violation-form .form-group label {
  font-weight: 700;
  margin-bottom: 4px;
  display: block;
  text-align: left
}

#rmaBankAccountNumber,.diamonds_form_2,.item-off,.repository__items-error {
  display: none
}

.violation-form .form-group textarea {
  width: 100%
}

.cart__kdr__card {
  padding: 8px;
  font-size: 14px
}

.cart__kdr__card h3 {
  margin-top: 0
}

.cart__kdr__card ul {
  padding: 0 0 16px
}

.cart__kdr__card ul li {
  padding: 16px;
  display: inline-block;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin: 0 8px 8px 0
}

.cart__kdr__card__form span,.cart__kdr__card__name {
  display: block;
  margin-bottom: 8px
}

.cart__kdr__card__form .input-inline {
  padding: 10px
}

.kdr__card__paid {
  text-align: center;
  padding: 16px 0 32px;
  font-size: 14px
}

.kdr__card__paid li {
  padding: 8px 0
}

.kdr_card__cart__paid__info {
  display: block;
  color: #68a946;
  padding: 8px 0 0
}

@media (min-width: 768px) {
  .cart__kdr__card__form span {
    display:inline-block
  }

  .cart__kdr__card {
    padding: 16px
  }
}

@media (min-width: 1024px) {
  .cart__kdr__card {
    padding:16px 32px
  }
}

.diamonds_landingpage {
  font-size: 14px
}

.diamonds_main_banner {
  padding-top: 26.6%;
  height: 195px
}

.diamonds_form {
  background: #4c261a;
  margin: 0 20px 20px
}

.diamonds_form .fake_select,.diamonds_form input {
  display: block;
  width: 100%;
  padding: 14px 50px 10px 20px;
  border: none;
  margin-bottom: 20px;
  color: #4c261a;
  font-family: kruk-semibold;
  line-height: 22px
}

.diamonds_btn,.diamonds_form h3,.diamonds_heading {
  font-family: kruk-regular
}

.diamonds_form input {
  padding: 14px 20px 10px
}

.diamonds_form input::placeholder {
  color: #4c261a
}

.diamonds_form .error {
  background: #fbebed;
  border: 1px solid #d72737
}

.diamonds_form h3 {
  font-size: 1.37em;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: 3px;
  padding: 30px 60px;
  border-bottom: 1px solid #c2a572;
  margin: 0
}

.diamonds_form .fake_select__arrow {
  right: -50px
}

.diamonds_form .fake_select ul {
  border: none;
  left: 0;
  right: 0
}

.diamonds_form .fake_select__arrow::after,.diamonds_form .fake_select__arrow::before {
  background: #4c261a
}

.diamonds_form .fake_select strong {
  border-right: 1px solid #e7e7e7
}

.diamonds_form_page--values {
  padding: 40px
}

.diamonds_form_1 h3::after,.diamonds_form_2 h3::after {
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  position: absolute;
  bottom: 0;
  background-color: #c2a572
}

.diamonds_form_1 h3::after {
  left: 0
}

.diamonds_form_2 h3::after {
  right: 0
}

.diamonds_form h3 span {
  color: #c2a572
}

.next_step,.prev_step {
  padding: 50px 30px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.next_step {
  right: 0
}

.next_step::before,.prev_step::before {
  content: "";
  border-left: 1px solid #c2a572;
  border-top: 1px solid #c2a572;
  display: block;
  height: 10px;
  width: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg)
}

.prev_step {
  left: 0
}

.prev_step::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.diamonds_btn {
  font-size: .9em;
  letter-spacing: 2.5px;
  color: #fff;
  padding: 16px 34px;
  background-color: #c2a572;
  display: table;
  margin: 30px auto 0;
  border: none;
  text-transform: uppercase;
  cursor: pointer
}

.diamonds_wrapper {
  max-width: 1367px;
  margin: 0 auto
}

.diamonds_heading {
  text-transform: uppercase;
  color: #4c261a;
  font-size: 1.8em;
  font-weight: 400
}

.diamonds_heading:first-of-type {
  margin-top: 0
}

.diamonds_heading_2 {
  margin-top: 1.53em
}

.diamonds_wrapper p,.diamonds_wrapper ul {
  color: #878787;
  line-height: 25px;
  margin-bottom: 1.375em
}

.diamonds_wrapper ul+p {
  margin-bottom: 2.25em
}

.diamonds_wrapper ul {
  padding-left: 18px;
  margin: 1.5em 0
}

.diamonds_wrapper ul li::before {
  content: "\2022";
  color: #4c261a;
  display: inline-block;
  width: 1em;
  margin-left: -1em
}

.diamonds_form_link {
  margin: 3.2em 0 4.8em;
  cursor: pointer
}

.diamonds_form_link .diamonds_heading {
  line-height: 36px;
  margin-bottom: 1.8em
}

.news h3,.news_lead {
  font-family: kruk-regular;
  line-height: 1.3
}

.long_arrow {
  width: 275px;
  border-bottom: 1px solid #4c261a
}

.arrowhead {
  position: absolute;
  top: 6px;
  right: -3px;
  width: 24px;
  border-bottom: 1px solid #4c261a;
  transform: rotate(-30deg)
}

.arrowhead:first-of-type {
  top: -6px;
  transform: rotate(30deg)
}

@media (min-width: 768px) {
  .diamonds_landingpage {
    font-size:16px
  }

  .diamonds_wrapper p,.diamonds_wrapper ul {
    width: 52%
  }

  .diamonds_form {
    position: absolute;
    top: 85px;
    left: 56.5%;
    width: 475px;
    max-width: 42%;
    margin: 0
  }

  .diamonds_form h3 {
    padding: 30px 14%
  }

  .diamonds_form_page--values {
    padding: 40px 13.7%
  }
}

.repository__options {
  padding: 20px 30px 10px;
  text-align: left
}

.repository__items-error {
  color: #e30613;
  padding: 4px 0 12px;
  margin: 0
}

.news {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto
}

.news li {
  width: 100%;
  border: 1px solid transparent;
  padding-bottom: 16px
}

.news li:hover {
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 8px #e1e1e1
}

.news .image {
  display: flex;
  justify-content: center
}

.news_tag {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 12px;
  position: absolute;
  bottom: -20px
}

.news h3 {
  font-size: 21px;
  margin: 40px 22px 0
}

.news_lead {
  margin: 20px 22px;
  color: #7f7f7f;
  font-size: 16px
}

.news_read_more {
  color: #c2a472;
  font-size: 13px;
  display: inline-block;
  border-bottom: 1px solid transparent;
  padding-bottom: 4px
}

.news_read_more span {
  font-size: 19px;
  margin-left: 13px
}

.news li:hover .news_read_more {
  border-bottom: 1px solid #c2a472;
  padding-bottom: 4px
}

.news_wrapper_item {
  max-width: 1200px;
  margin: 0 auto
}

.news_tag_item {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 8px 24px;
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center
}

.news_tag_content {
  text-align: center
}

.news_tag_container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin: 24px 0
}

@media (min-width: 480px) {
  .news li {
    width:50%
  }
}

@media (min-width: 768px) {
  .news li {
    width:33.333%;
    margin: 48px 0
  }
}

.header__rolex_patek_logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -14px 0 25px;
  flex-wrap: wrap
}

.header__patek_logo {
  padding-left: 4px
}

@media (min-width: 480px) {
  .header__patek_logo {
    padding-left:16px
  }
}

@media (min-width: 768px) {
  .header__rolex_patek_logos {
    position:absolute;
    left: 10px;
    margin: 0
  }

  .recommended-price .product__info__content {
    max-width: 50%
  }
}

@media (min-width: 1024px) {
  .header__rolex_patek_logos {
    left:20px
  }

  .header__patek_logo {
    padding-left: 20px
  }
}

.fieldset .point-of-gather-select,.fieldset p.point-of-gather-select {
  overflow: initial
}

.wrapper__footer--brand {
  font-size: 11px;
  text-align: center;
  margin-bottom: 50px
}

.wrapper__footer--brand a {
  width: 48px;
  margin: 0 4px;
  display: inline-block
}

.gift_box_quantity_info,.omnibus-info {
  margin-top: 8px
}

.d-none,.kurier-info,.phone-info {
  display: none
}

.relative {
  position: relative
}

.swiper-wrapper.products li {
  width: 20%
}

td.gift_box_quantity {
  padding-top: 0
}

.gift_box_quantity .input-inline {
  padding: 10px;
  width: 50px;
  text-align: center
}

.gift_box_quantity label {
  margin-right: 10px
}

.gift_box_quantity button {
  padding: 15px
}

.gift_box_quantity input::-webkit-inner-spin-button,.gift_box_quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.omnibus-info {
  font-size: 12px
}

.omnibus-opinions {
  margin-top: 3rem;
  margin-bottom: 2rem
}

.btn-quantity {
  border: none;
  background-color: #fff;
  cursor: pointer
}

.kurier-info {
  margin-top: 8px;
  color: #7f7f7f;
  font-size: .875rem;
  line-height: 1.45
}

.recommended-price {
  position: relative;
  display: flex;
  align-items: center;
  font-family: lato;
  font-size: 12px
}

.product__data__props .recommended-price {
  margin-top: -5px;
  margin-bottom: 5px
}

.buy_section.buy_section_price .buy_section_data .recommended-price {
  margin-top: 5px
}

.recommended-price .product__info__content {
  top: 30px;
  right: initial;
  left: 0
}

.gallery-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.gallery-main {
  width: 100%
}

@media (min-width: 1024px) {
  .gallery-main {
    width:560px;
    height: 560px;
    margin-left: 25px!important;
    margin-right: 25px!important
  }
}

.gallery-thumbs {
  order: 1;
  margin-right: 0!important;
  margin-left: 0!important
}

@media (min-width: 768px) {
  .gallery-container {
    flex-direction:row
  }

  .gallery-thumbs {
    order: -1
  }

  .gallery-thumbs .swiper-wrapper {
    margin-right: 30px
  }
}

@media (min-width: 1024px) {
  .gallery-thumbs {
    height:575px
  }

  .gallery-thumbs .swiper-wrapper {
    margin-right: 0
  }
}

.gallery-thumbs .swiper-slide {
  height: 100px!important;
  width: 100px!important;
  margin-bottom: 15px;
  transition: .3s;
  cursor: pointer
}

#lightbox,.swiper-slide,.swiper-wrapper {
  height: 100%;
  width: 100%
}

@media (min-width: 1400px) {
  .lz__iframe-wrapper {
    margin:0 -168px
  }
}

@media (min-width: 1200px) and (max-width:1399px) {
  .lz__iframe-wrapper {
    margin:0 -100px
  }
}

@media (min-width: 750px) and (max-width:999px) and (min-width:840px) {
  .lz__iframe-wrapper {
    margin:0 -40px
  }
}

@media (min-width: 500px) and (max-width:749px) and (min-width:720px),(min-width:750px) and (max-width:999px) {
  .lz__iframe-wrapper {
    margin:0 -70px
  }
}

.lz__menu-mobile {
  z-index: 1839!important
}

.customer_loyalty_card_ksk_number {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: end
}

@media (min-width: 768px) {
  .customer_loyalty_card_ksk_number {
    flex-direction:row;
    align-items: center
  }

  .ustomer_loyalty_card_ksk_info {
    display: none
  }
}

#lightbox {
  position: fixed;
  z-index: 9999;
  top: 0;
  background-color: rgba(0,0,0,.8);
  display: none
}

.swiper,.swiper-wrapper {
  z-index: 1;
  position: relative
}

#lightbox.active {
  display: flex;
  justify-content: center;
  align-items: center
}

#lightbox img {
  pointer-events: none;
  max-width: 90%;
  max-height: 80%;
  transform: scale(2);
  padding: 10px;
  background-color: #fff
}

@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: none;
  padding: 0
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-button-lock,.swiper-pagination-lock {
  display: none
}

.swiper-android .swiper-slide,.swiper-wrapper {
  transform: translate3d(0,0,0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
  height:100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
  width:100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed {
  cursor: move
}

.swiper-pagination-bullet:only-child {
  display: none!important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid;
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height
}

.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

.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 {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}

.mCSB_inside>.mCSB_container {
  margin-right: 16px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 18px;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right: auto;
  left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  text-align: center
}

.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_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}

.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 {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.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 {
  width: 100%;
  height: 2px;
  margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.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 {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.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-right: 0;
  margin-left: 30px
}

.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-right: 0;
  margin-left: 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_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #DDD;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c2a472;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #c2a472;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #c2a472;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.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_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(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-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.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,.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(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-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255,255,255,.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.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,.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(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,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(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,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}

.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,.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 {
  width: 16px;
  height: 16px;
  margin: -1px 0
}

.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,.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 {
  width: 4px
}

.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,.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 {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}

.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,.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 {
  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,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(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,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(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-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}

.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;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.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-thick.mCSB_scrollTools .mCSB_buttonUp,.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0,0,0,.2);
  box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}

.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,.1);
  box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(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-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
  height: 12px;
  width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0,0,0,.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.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,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0,0,0,.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.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,.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}

.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,.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 {
  width: 12px
}

.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,.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 {
  height: 12px;
  margin: 2px 0
}

.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,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(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-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255,255,255,.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,.9)
}

.smartbanner-show {
  margin-top: 72px
}

.smartbanner-show .smartbanner {
  display: block
}

.smartbanner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 72px;
  line-height: 72px;
  background: #ece7e4;
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none
}

.chosen-container,.smartbanner-close,.smartbanner-icon,.smartbanner-info {
  display: inline-block;
  vertical-align: middle
}

.smartbanner-container {
  margin: 0 auto
}

.smartbanner-close {
  margin: 0 9px;
  font-size: 10px;
  text-align: center;
  color: #522b1b;
  border: 0;
  -webkit-font-smoothing: subpixel-antialiased
}

.smartbanner-close:active,.smartbanner-close:hover {
  color: #522b1b
}

.smartbanner-icon {
  width: 39px;
  height: 39px;
  margin-right: 14px;
  background-size: cover
}

.smartbanner-info {
  width: 44%;
  font-size: 10px;
  line-height: 1.2em
}

.smartbanner-title {
  font-size: 13px;
  line-height: 1.4;
  white-space: initial;
  margin-bottom: 2px
}

.smartbanner-button {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #522b1b;
  text-transform: uppercase;
  border: 1px solid #522b1b
}

.smartbanner-android,.smartbanner-ios,.smartbanner-windows {
  box-shadow: 0 1px 2px rgba(0,0,0,.5);
  line-height: 72px
}

.smartbanner-android .smartbanner-close,.smartbanner-ios .smartbanner-close,.smartbanner-windows .smartbanner-close {
  border: 0;
  color: #522b1b
}

.smartbanner-ios {
  background: #ece7e4
}

.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover {
  color: #522b1b
}

.smartbanner-ios .smartbanner-icon {
  background: rgba(0,0,0,.6);
  background-size: cover;
  background-image: url(/../images/layout/kruk/app-ring.png)
}

.smartbanner-ios .smartbanner-info,.smartbanner-ios .smartbanner-title {
  color: #522b1b
}

.smartbanner-ios .smartbanner-button {
  padding: 0 7px 0 6px;
  min-width: 10%;
  color: #522b1b;
  background: #ece7e4
}

.smartbanner-android,.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover {
  background: #ece7e4
}

.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover {
  color: #522b1b
}

.smartbanner-android .smartbanner-icon {
  background: rgba(0,0,0,.6);
  background-size: cover;
  background-image: url(/../images/layout/kruk/app-ring.png)
}

.smartbanner-android .smartbanner-info,.smartbanner-android .smartbanner-title {
  color: #522b1b
}

.smartbanner-android .smartbanner-button {
  padding: 0 7px 0 6px;
  min-width: 10%;
  color: #522b1b;
  background: #ece7e4
}

.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover,.smartbanner-windows {
  background: #ece7e4
}

.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover {
  color: #522b1b
}

.smartbanner-windows .smartbanner-icon {
  background: rgba(0,0,0,.6);
  background-size: cover;
  background-image: url(/../images/layout/kruk/app-ring.png)
}

.smartbanner-windows .smartbanner-info,.smartbanner-windows .smartbanner-title {
  color: #522b1b
}

.smartbanner-windows .smartbanner-button {
  padding: 0 7px 0 6px;
  min-width: 10%;
  color: #522b1b;
  background: #ece7e4
}

.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover {
  background: #ece7e4
}

.chosen-container {
  position: relative;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #212129;
  width: 100%
}

@media (min-width: 768px) {
  .chosen-container {
    width:355px
  }
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 24px 0 10px;
  height: 2.6em;
  line-height: 2.6em;
  border: 1px solid #c6c6c6;
  white-space: nowrap
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  width: 37px;
  height: 15px
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/layout/vistula/arrow_bottom.png) center center no-repeat;
  background-size: 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.chosen-container .chosen-drop {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #c6c6c6;
  border-top: 0;
  background: #fff
}

.chosen-container-single .chosen-drop {
  background-clip: padding-box
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: .4rem 2rem .4rem .4rem;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #c6c6c6;
  background: #fff;
  font-size: 1em;
  line-height: normal;
  border-radius: 0
}

.chosen-container-single .chosen-search input[type=text]:read-only {
  display: none
}

.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: .5em 0;
  max-height: 200px;
  -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
  line-height: 1.5
}

.chosen-container .chosen-results li.result-selected {
  font-family: Neris-Bold,Helvetica,sans-serif
}

.chosen-container .chosen-results .highlighted {
  color: #681631
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #777;
  cursor: default
}

.chosen-container .chosen-results li.no-results {
  display: list-item
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px
}

.chosen-container .chosen-results li em {
  font-style: normal
}

.wk-products .product-info {
    height: 40px;
    margin-top: -35%;
    margin-bottom: 12%;
    color: #483936;
    font-size: 10px;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 600px) and (min-width: 478px) {
    .wk-products .product-info {
        font-size: 8px;
        gap: 4px;
    }
}

@media (max-width: 360px) {
    .wk-products .product-info {

        margin-top: -60px;
        margin-bottom: 30px;

    }
}