/* ___| custom css |_____________________ */



/* Typography */

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700&subset=latin-ext");
body, .form-control, .custom-select { color: #666; font-weight: 400; font-family: 'Roboto', sans-serif; }

b, strong, .font-weight-bold { font-weight: 700; }

.font-weight-normal { font-weight: 400 !important; }

a { color: #ed1c24; }
a:hover { color: #af0e14; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #505050; font-weight: 700; }
h2, .h2 { margin: 0 0 1.75rem 0; font-size: 1.75rem; }
h3, .h3 { margin: 0 0 1.75rem 0; font-size: 1.4rem; }

.content h1, .content .h1 { font-weight: 700; }
.content h2, .content .h2 { margin: 0 0 1.7rem 0; font-size: 1.75rem; line-height: 1.9rem; font-weight: 700; }
.content h3, .content .h3 { margin-bottom: 1.4rem; font-size: 1.4rem; line-height: 1.75rem; font-weight: 700; }
.content h4, .content .h4 { margin-bottom: 1.3rem; font-size: 1.25rem; line-height: 1.675rem; color: #888; font-weight: 700; text-transform: none; }
.content h5, .content .h5 { margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.35rem; color: #888; font-weight: 700; text-transform: uppercase; }
.content p { font-weight: 400; line-height: 1.4rem; }
.content a { color: #ed1c24; text-decoration: underline; border: none; }
.content a:hover { color: #af0e14; text-decoration: none; border: none; }
.content ul li, .content ol li { font-weight: 400; }
.content table.table--noborder { border: none; }
.content table.table--noborder td, .content table.table--noborder th { padding-top: 0.5rem; padding-bottom: 0.5rem; border: none; }
.content .lead { font-size: 1.35rem; line-height: 1.875rem; }

.text-info { color: #ed1c24 !important; }
.text-blue { color: #1da1f2 !important; }
.text-warning { color: #f39200 !important; }
.text-lgreen { color: #09c070 !important; }
.text-violet { color: #9400D3 !important; }
.text-default { color: #434343 !important; }



/* Basket */

.control--basket { padding: 0 0.8rem !important; }
.control--basket .icons.basket { position: relative; display: block; padding-bottom: 0.6rem; padding-right: 0; margin: 0 auto; width: 24px; }

.basket__count { font-family: 'Roboto', sans-serif; background-color: #ed1c24; font-size: 0.7rem; font-style: normal; font-weight: 400; text-align: center; min-height: 16px; min-width: 16px; line-height: 16px; }
.header__control .basket__count { border-color: black; top: 9px; right: -8px; }
.navbar-crew__basket .basket__count { top: 28px; left: 20px; right: auto; }

.content .checkout tr.login-row td { padding: 0; }
.login-row__container { padding: 1.4rem 1.2rem 1.4rem 0; background: url("../img/bg/bg-login-row.jpg") no-repeat right bottom; }
.login-row__container .checkout__desc { max-width: 490px; }
.content .login-row__container p { margin-bottom: 1.375rem; font-weight: 400; color: #434343; }
.login-row__arr { margin: -15px 0 0 20px; display: inline-block; }



/* Button */

.button { border-radius: 0.25rem; font-size: 1rem; font-weight: 700; text-transform: none; padding: 0.75rem 1.35rem 0.7rem; }

.button--wide { padding-left: 3rem; padding-right: 3rem; }

.button--big { font-size: 1.125rem; }

.button--link { border-radius: 0; border-bottom: 1px #ed1c24 solid !important; }
.button--link:hover, .button--link:focus, .button--link:active { color: #ed1c24 !important; }

.button--primary { background-color: #ed1c24 !important; border-color: #ed1c24 !important; }
.button--primary:hover { background-color: #af0e14 !important; border-color: #af0e14 !important; }
.button--primary.disabled, .button--primary:disabled { background-color: #ed1c24 !important; border-color: #ed1c24 !important; }

.button.disabled, .button:disabled { opacity: 0.5; }

.button--collapse { display: block; position: relative; padding: 1rem 1.5rem; text-align: left; }
.button--collapse svg { position: absolute; top: 0.75rem; right: 0.75rem; stroke: red; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.button--collapse.collapsed svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.gotop:hover, .gotop:focus, .gotop:active { background-color: #ed1c24; }

.button-cont { position: relative; display: inline-block; width: 100%; max-width: 230px; }
.button__wishlist,
.content .button__wishlist,
.button__wishlist.remove-from-wishlist { margin: 0; padding: 0; width: 58px; min-height: 20px; height: calc(100% - 2px); text-align: center; vertical-align: middle; border-radius: 0 0.25rem 0.25rem 0; background-color: #fff; position: absolute; top: 1px; right: 1px; display: block; z-index: 100; }
.button__wishlist svg { fill: #ed1c24; position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); transition: 0.2s; }
.button__wishlist:hover svg, .content .button__wishlist:hover svg { transform: translate(-50%, -50%) scale(1.25); }
.button-cont--buywish .item__addcart, .button-cont--buywish .item__button { margin: 0; padding-right: 74px; padding-left: 16px; }
.button-cont--empty .button__wishlist,
.content .button-cont--empty .button__wishlist,
.button-cont--empty .button__wishlist.remove-from-wishlist { position: relative; height: 38px; border: 1px solid #ed1c24; border-radius: 0.25rem; }

.wishlist-series { cursor: pointer; text-align: center; }
.wishlist-series svg { fill: #09c070; vertical-align: middle; transition: 0.2s; }
.wishlist-series:hover svg, .content .wishlist-series:hover svg { transform: scale(1.25); }

.detail-left-col .button-cont { width: auto; max-width: 100%; }
.content .button-cont.detail__button .button--big { padding-left: 30px; padding-right: 94px; width: 290px; }
.content .button-cont.detail__button .button__wishlist,
.content .content .button-cont.detail__button .button__wishlist,
.content .button-cont.detail__button .button__wishlist.remove-from-wishlist { width: 60px; min-height: 46px; display: block; }
.content .button-cont.detail__button .button__wishlist svg { width: 24px; height: 24px; }

.item__addcart[disabled]:hover { transform: none; }

.button-cart-wl { margin: 0; padding: 0; background-color: #fff !important; border: none !important; cursor: pointer; vertical-align: middle; }
.button-cart-wl:hover, .button-cart-wl:focus { outline: none; background-color: #fff !important; }

.question-mark { display: inline-block; cursor: help; font-weight: 700; font-size: 0.8125rem; margin-left: 15px; color: #1da1f2; border: 2px solid #1da1f2; border-radius: 50%; width: 20px; height: 20px; line-height: 19px; vertical-align: middle; text-align: center; font-style: normal; }
.question-mark.question-mark--small { font-size: 0.6125rem; width: 16px; height: 16px; line-height: 14px; }
.question-mark:hover { color: #56bfff; border-color: #56bfff; }

.btn-clipboard {
  color: #1da1f2;
  background: none;
  border: none;
  line-height: 1;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  padding: 0;
  cursor: pointer;
}

.btn-clipboard:hover,
.btn-clipboard:focus {
  color: #56bfff;
  outline: none;
}

.icon-copied {
  display: none;
}



.listing-holder { padding-left: 42px; width: 100%; text-align: center; vertical-align: middle; margin: 0; }
.listing-holder button { padding: 1rem 1.35rem 0.875rem 4.125rem; display: inline-block; position: relative; }
.listing-holder button svg { left: 1.125rem; top: 50%; transform: translateY(-50%); display: block; position: absolute; }



/* Carousel */
.section--teaser {
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' stroke='%23fff' fill='none'%3E%3Cg transform='translate(1 1)'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18' stroke-width='2'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    min-height: 230px;
}
.carousel-teaser { margin-bottom: 0; max-width: 1920px; margin-right: auto; margin-left: auto; }
.carousel-teaser__banner { height: 230px; }
.teaser__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.owl-carousel.carousel-teaser .owl-nav button { vertical-align: middle; line-height: 1; width: auto; height: auto; background-color: rgba(0, 0, 0, 0.5); color: #fff; }
.owl-carousel.carousel-teaser .owl-nav button.owl-prev { padding: 1.15rem 0.45rem 1.05rem 0.45rem !important; left: 0; color: #fff; font-size: 1.75rem; }
.owl-carousel.carousel-teaser .owl-nav button.owl-next { padding: 1.15rem 0.4rem 1.05rem 0.5rem !important; right: 0; color: #fff; font-size: 1.75rem; }
.owl-carousel.carousel-teaser .owl-dots { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); width: auto; text-align: center; }
.owl-carousel.carousel-teaser .owl-dots .owl-dot { margin: 0 0.4rem; width: 8px; height: 8px; display: inline-block; background-color: rgba(255, 255, 255, 0.7); border: 3px solid transparent; border-radius: 50%; transition: 0.2s; vertical-align: middle; }
.owl-carousel.carousel-teaser .owl-dots .owl-dot:hover { background-color: #fff; }
.owl-carousel.carousel-teaser .owl-dots .owl-dot:focus { outline: none; }
.owl-carousel.carousel-teaser .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: #000; border: 3px solid #ed1c24; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
.owl-carousel .owl-item .owl-lazy {
    opacity: 1;
}

@media (max-width: 767px) {
    .section--teaser { min-height: 150px; }
    .carousel-teaser__banner { height: 150px; }
}

@media (max-width: 575px) {
    .owl-carousel.carousel-teaser .owl-dots { bottom: 0.675rem; }
}


/* Layout */
.container--narrow { margin: 0 auto; width: 100%; max-width: 1140px; }
.container--xnarrow { margin: 0 auto; width: 100%; max-width: 630px; }



/* Dropdown */
.dropdown-menu { border: none; border-radius: 0 0 0.25rem 0.25rem; font-size: 1rem; margin: 0; padding: 0.5rem 0; width: auto; }
.dropdown-menu li > a { display: block; line-height: 1.25; padding: 0.75rem 1.25rem; }
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active { background-color: #f2f2f2; }

.dropdown--crew-search > .dropdown-menu { background-color: #000; border-radius: 0.25rem; padding: 1rem; width: 380px; top: 16px !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); background-image: -o-linear-gradient(top, #333 0%, #000 100%); background-image: linear-gradient(to bottom, #333 0%, #000 100%); background-repeat: repeat-x; }

.content .subnav__item.item--crew a span { display: none; }
.dropdown .subnav__item.item--crew a span { display: inline; }
.dropdown .subnav__item.item--crew a { border: none; }
.item--crew i { font-size: 0.875rem; }


/* Form */

.form-control, .custom-select { height: 2.5rem; border: 1px solid #ccc; border-radius: 4px; padding: 0.5rem 0.75rem; line-height: 1.5; }
.form-control:focus, .custom-select:focus { border-color: #ed1c24; }
.form-control::-webkit-input-placeholder, .custom-select::-webkit-input-placeholder { color: #808080; }
.form-control:-ms-input-placeholder, .custom-select:-ms-input-placeholder { color: #808080; }
.form-control::-ms-input-placeholder, .custom-select::-ms-input-placeholder { color: #808080; }
.form-control::placeholder, .custom-select::placeholder { color: #808080; }
.custom-select { cursor: pointer; }

textarea.form-control { height: 150px; }

.input-group-icon .form-control { padding-right: 2.25rem; }
.input-group-icon.icon--left .form-control { padding-right: 0.75rem; padding-left: 2.25rem; }
.input-group-icon .custom-select { padding-right: 3.25rem; }
.input-group-icon.icon--left .custom-select { padding-right: 1.8rem; padding-left: 2.25rem; }

.input-icon { color: #ccc; right: 0.75rem; top: 0.75rem; width: 1rem; pointer-events: none; }
.icon--left .input-icon { right: auto; left: 0.75rem; }
.icon--custom-select .input-icon { right: 1.75rem; }

.custom-control { padding-left: 1.75rem; }
.custom-checkbox .custom-control-indicator { background-color: #fff !important; border-radius: 0.25rem; height: 1rem; width: 1rem; top: 0.15rem; }
.custom-checkbox .custom-control-indicator::after { border-right-color: #ed1c24; border-bottom-color: #ed1c24; top: 1px; left: 4px; width: 6px; height: 9px; }
.custom-checkbox .custom-control-input:checked~.custom-control-indicator { border-color: #d5d5d5; background-color: #fff !important; }

.custom-radio .custom-control-input:checked~.custom-control-indicator {
  border-color: #ed1c24;
  background-color: #ed1c24;
}

.checkbox--blue .custom-control-indicator::after { border-right-color: #297fca; border-bottom-color: #297fca; }

.checkbox--green .custom-control-indicator::after { border-right-color: #00a388; border-bottom-color: #00a388; }

.checkbox--success .custom-control-indicator::after { border-right-color: #28a745; border-bottom-color: #28a745; }

.row-control label { display: flex; justify-content: space-between; }
.custom-control-description.label--payment span,
.custom-control-description.label--shipping span { display: block; width: auto; line-height: 1.2; }
.custom-control-description.label--price { white-space: nowrap; padding-left: 1rem; }
@media (max-width: 380px) {
  .row-control label { flex-wrap: wrap; }
  .custom-control-description.label--payment,
  .custom-control-description.label--shipping { width: 100%; }
  .custom-control-description.label--price { padding: 0 0 0 65px; }
}
.custom-control-description { color: #666; padding: 0; }
.custom-control:hover .custom-control-description { color: #666; }
.ico-gopay_crew_bank_buttons { background-image: url("/static/default/img/icon/ico-bank-transfer.svg") !important; background-size: 28px auto !important; }
.ico-gopay_crew_google_pay { background-image: url("/static/default/img/icon/ico-google-pay.svg") !important; background-size: auto 20px !important; }
.ico-gopay_crew_apple_pay { background-image: url("/static/default/img/icon/ico-apple-pay.svg") !important; background-size: auto 17px !important; }
.custom-control-description.ico-crew_krakatit, .custom-control-description.ico-crew_cash_krakatit, .ico-gopay_crew_bank_buttons { display: inline-block; background-position: 0 3px; }
.custom-control-description.ico-crew_krakatit span, .custom-control-description.ico-crew_cash_krakatit span { display: inline-block; }
.ico-crew_litos_gpe_apay { background-size: auto 19px; }
.ico-edenred_crew { background-image: url("/static/default/img/icon/ico-edenred.png") !important; background-size: auto 26px; }
.ico-benefity_crew { background-image: url("/static/default/img/icon/ico-benefity.png") !important; background-size: auto 20px; }
.ico-gopay_crew_edenred { background-image: url("/static/default/img/icon/ico-edenred.svg") !important; background-size: 38px auto; }
.ico-gopay_crew_up { background-image: url("/static/default/img/icon/ico-up.svg") !important; background-size: 24px auto; }


@media (max-width: 480px) {
  .ico-benefity_crew { background-size: auto 16px; }
}


.filters__wrap { margin: 0 0 3rem; }
.filters__wrap .select2-container { width: 100% !important; }
.filters__wrap .button--collapse { background-color: #f5f5f5; border-bottom: 1px solid white !important; }
.filters__wrap .container-fluid { background-color: #f5f5f5; border-radius: 0 0 4px 4px; padding: 1.25rem 1rem 0.5rem 1rem; max-width: 1140px; }
.filters__wrap .select2-selection__rendered { padding-left: 35px !important; }
.filters__wrap .select2-container--default .select2-selection--single { border-color: #ccc; }
.filters__wrap .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
.filters__wrap .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; }
.filters__wrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #666; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 0.9375rem; }
.select2-results__options li.select2-results__message, .content .select2-results__options li.select2-results__message { margin: 3px 5px 5px; padding: 0.5rem 0.875rem 0.45rem; color: #856404; background-color: #fff3cd; border: 1px solid #ffeeba; font-size: 0.8125rem; line-height: 0.9375rem; font-weight: 400; font-style: italic; border-radius: 4px; }
.filters__wrap .select2-container--default .select2-selection--single .select2-selection__clear { color: #ed1c24; }

.filters__form .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.filters__form .custom-select { width: 100%; }
.filters__form .custom-control.custom-checkbox { margin-right: 2rem; }




.form__line,
.form-group {
  margin: 0 0 1rem 0;
}

.form__label,
.row-control label.form__label {
  font-size: 0.9375rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #666;
  display: block;
  margin: 0 0 0.3125rem 0;
}

.label__optional {
  font-style: italic;
}

.form__control,
.form__select/*,
.select2 .select2-selection*/ {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #666;
  background-color: #fff;
  border:  1px solid #ccc;
  border-radius: 4px;
  margin: 0;
  padding: 0.5rem 0.75rem;
  width: 100%;
  height: 40px;
  box-shadow: none;
  display: block;
  transition: border-color 0.2s;
}

.form__control:focus,
.form__select:focus/*,
.select2 .select2-selection:focus*/ {
  border-color: #ed1c24;
  outline: none;
}

.form__control.is-invalid,
.form__select.is-invalid {
  border-color: #ed1c24;
  color: #ed1c24;
}

.form__control:disabled,
.form__control[readonly],
.form__select:disabled,
[readonly].form__select/*,
.select2 .select2-selection:disabled,
.select2 [readonly].select2-selection*/ {
  background-color: #f9f9f9;
  border-color: #ddd;
  color: #999;
  cursor: not-allowed;
}

.form__control::-webkit-input-placeholder, .form__select::-webkit-input-placeholder { color: #808080; }
.form__control:-ms-input-placeholder, .form__select:-ms-input-placeholder { color: #808080; }
.form__control::-ms-input-placeholder, .form__select::-ms-input-placeholder { color: #808080; }
.form__control::placeholder, .form__select::placeholder { color: #808080; }

.input-group-icon {
  position: relative;
}

.input-group-icon .form__control,
.input-group-icon .form__select {
  padding-right: 2.25rem;
}

.input-icon {
  font-size: 16px;
  color: #ccc;
  width: 16px;
  right: 12px;
  top: 12px;
  position: absolute;
  pointer-events: none;
}

.label__input {
  padding: 1rem 1rem 0 8.25rem;
}

@media (max-width: 991px) {
  .label__input {
    padding-left: 2.75rem;
  }
}

@media (max-width: 480px) {
  .label__input {
    padding-left: 2rem;
  }
}

@media (max-width: 400px) {
  .label__input {
    padding-left: 2.125rem;
    padding-right: 0;
  }
}

.form__feedback,
.invalid-feedback {
  font-size: 0.8125rem;
  line-height: 1;
  padding-top: 0.6rem;
  display: none;
}

.has-error .input-icon {
  color: #ed1c24;
}

.invalid-feedback,
.form__control.is-invalid ~ .invalid-feedback,
[aria-invalid=true] + .form__feedback,
.form-group.is-invalid .form__label {
  color: #ed1c24;
}

.form__control.is-invalid ~ .invalid-feedback,
.form__control.is-invalid ~ .form__feedback {
  display: block;
}

.form__control.is-invalid::-webkit-input-placeholder, .form__select.is-invalid::-webkit-input-placeholder { color: #ed1c24; }
.form__control.is-invalid:-ms-input-placeholder, .form__select.is-invalid:-ms-input-placeholder { color: #ed1c24; }
.form__control.is-invalid::-ms-input-placeholder, .form__select.is-invalid::-ms-input-placeholder { color: #ed1c24; }
.form__control.is-invalid::placeholder, .form__selec.is-invalidt::placeholder { color: #ed1c24; }



/* Header */

.header { background-color: black; color: white; padding: 1.15rem 0; z-index: auto; }
.header > .container-fluid { max-width: 1140px; }

.col--logo { display: flex; text-align: center; justify-content: center; white-space: nowrap; }
.header__logo svg { height: 40px; display: block; }
.header__flag { margin-left: 35px; height: 40px; display: block; }

.header__search { margin-top: 3px; }
.search__group { position: relative; padding-right: 3rem; }
.header__search .form-control, .header__search--resp .form-control { border-radius: 40px !important; font-size: 1rem; height: 36px; padding: 0 1.5rem; border: 1px solid #ed1c24; }

.search__btn { opacity: 1; /*visibility: hidden;*/ position: absolute; background: none; border: none; cursor: pointer; height: 36px; padding: 0 0.75rem; text-align: center; vertical-align: middle; top: 0; right: 0; z-index: 50; transition: 0.3s; }
.search__btn.is--active, .header__search--resp .search__btn { opacity: 1; visibility: visible; }
.search__btn > svg { display: inline-block; width: 24px; height: 24px; stroke: #fff; vertical-align: top; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.search__btn:hover, .search__btn:focus { outline: none; stroke: #ed1c24; }
.search__btn:hover > svg, .search__btn:focus > svg { stroke: #ed1c24; }

.header__control { padding: 0; }
.header__control > a, .header__control > .dropdown > a { font-family: 'Roboto', sans-serif; color: white; border: none; font-size: 0.875rem; font-weight: 700; padding: 0 0.8rem; }
.header__control > a i.icons, .header__control > .dropdown > a i.icons { color: white; display: block; font-size: 1rem; padding-bottom: 0.6rem; }
.header__control .icons svg { stroke: white; }

.control--login { text-transform: none; }

.logged__dropdown { z-index: 300; top: -13px !important; }
.logged__dropdown .dropdown-menu { padding: 1.2rem 1.375rem; border-radius: 3px; }
.logged__dropdown .selfcare__inbox { border-radius: 3px 3px 0 0; }
.logged__dropdown .dropdown-menu li > a { display: inline-block; padding: 0; line-height: 1; }
.logged__dropdown .dropdown-menu li > a:hover { background: none; color: #ed1c24; }
.is--tester::before { bottom: 17px; right: 80px; left: auto; border-radius: 10px; box-shadow: none; }

.control--search { text-transform: none; }
.show .control--search::before { content: ''; clear: both; margin-left: -8px; position: absolute; left: 50%; top: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #333; }
.show .control--search::before { top: 58px; }

.header__freeship { background-color: #970c11; position: relative; color: white; font-size: 0.75rem; padding: 0.4rem 1.8rem; text-align: center; }
.header__freeship::before { content: ''; clear: both; margin-left: -6px; position: absolute; left: 50%; top: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #970c11; }
.header__freeship::before { margin-left: 4.5rem; }

.message-infobar { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #ddd; border: none; }
.message-infobar button.close { margin-left: 0.875rem; color: #888; opacity: 1; cursor: pointer; text-shadow: none; font-size: 1.75rem; line-height: 1.875rem; transition: 0.2s; }
.message-infobar button.close:hover { color: #000; }
.message-infobar__item { color: #000; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0.02rem; font-weight: 700; text-align: center; }



/* Ladder */

.ladder { background: #4D4D4D url("../img/bg/bg_ladder.png") no-repeat center; margin: 0 auto; padding: 2.5rem 0; max-width: 1920px; }

.ladder__title, .content .ladder__title, .newsletter__tit, .content .newsletter__tit { margin-bottom: 1rem; padding: 0 2rem; font-size: 2.25rem; }

.ladder__wrap { position: relative; padding-top: 160px; }

.ladder__carousel { margin: 0 auto; padding: 0 2.5rem 0 2rem; position: relative; width: 100%; max-width: 1200px; }
.ladder__carousel > .owl-stage-outer { padding-left: 0.5rem; }
.ladder__carousel .item { margin-bottom: 0; padding-right: 0.5rem; }
.ladder__carousel .item, .ladder__carousel .item .item__tit a { color: white; }
.ladder__carousel.owl-carousel .owl-nav > button { position: absolute; top: 50%; width: 36px; height: 56px; background-color: rgba(0, 0, 0, 0.2); color: white !important; text-align: center; font-size: 1.15rem; margin-top: -28px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.ladder__carousel.owl-carousel .owl-nav > button:hover { background-color: rgba(0, 0, 0, 0.4); }
.ladder__carousel.owl-carousel .owl-nav > button, .ladder__carousel.owl-carousel .owl-nav > button:hover { background-color: transparent; }
.ladder__carousel .owl-prev { border-radius: 0 6px 6px 0; left: 0; }
.ladder__carousel .owl-next { border-radius: 6px 0 0 6px; right: 0; }

.ladder__decor { position: absolute; height: 160px; top: 0; left: 50%; z-index: 2; }
.ladder__decor--1 { background: url("../img/bg/ladder-decor1.png") no-repeat center; background-size: contain; width: 375px; margin-left: -180px; top: 10px; }
.ladder__decor--2 { background: url("../img/bg/ladder-decor2.png") no-repeat center; background-size: contain; width: 320px; height: 195px; top: -16px; margin-left: -160px; }
.ladder__decor--3 { background: url("../img/bg/ladder-decor3.png") no-repeat center; background-size: contain; width: 396px; margin-left: -198px; top: 10px; }
.ladder__decor--4 { background: url("../img/bg/ladder-decor4.png") no-repeat center; background-size: contain; width: 396px; height: 195px; margin-left: -225px; top: -20px; }



/* Item */

.items { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.items > .col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.item { width: 100%; padding: 0; position: relative; margin-bottom: 4rem; }
.item:hover .item__img, .item:focus .item__img { box-shadow: none; }
.item:hover .item__img > img, .item:focus .item__img > img { box-shadow: 0 8px 20px -2px rgba(0, 0, 0, 0.5); }
.item__img { aspect-ratio: 160/230; max-width: 160px; box-shadow: none; border-radius: 0; overflow: visible; display: block; margin-bottom: 1.25rem; }
.item__img > img { width: auto; height: auto; max-width: 100% !important; max-height: 100%; box-shadow: 0 6px 12px -5px rgba(0, 0, 0, 0.55); border-radius: 3px; transition: box-shadow 0.3s; }

.item__tags { margin-bottom: 0.5rem; }
.item__tags::after { display: block; clear: both; content: ""; }

.item__desc { margin-bottom: 1rem; }

.item__tit, .content .item__tit { font-size: 1.125rem; line-height: 1.35rem; font-weight: 700; color: #505050; margin-bottom: 1.25rem; white-space: normal; overflow: visible; }
.item__tit a, .content .item__tit a { color: #505050; display: block; }
.item__tit a:hover, .content .item__tit a:hover { color: #ed1c24; }

@media only screen and (max-width: 575px) {
  .item__tit, .content .item__tit { font-size: 1.0625rem; line-height: 1.25; }
}

.item__prices { line-height: 1.2; font-size: 0.9rem; }
.item__button { margin-bottom: 0.25rem; }
.item__addcart.in-cart, .button.in-cart, .item__addcart.in-cart:hover, .item:hover .item__addcart.in-cart { background-color: #333 !important; border-color: #333 !important; color: #fff !important; }
.item__button--addcart { width: 100%; max-width: 230px; }

.item__addcart { margin: 0 0 0.25rem; padding: 0.75rem 1.35rem 0.7rem; border-radius: 0.25rem; font-size: 1rem; line-height: 1 !important; font-weight: 700; float: none; border: none; background-color: #999; color: #777; height: auto; width: 100%; max-width: 230px; }

.badge--discount,
.badge--discount:hover,
.content .badge--discount,
.content .badge--discount:hover { margin: 0 0 0 2px; padding: 0.35rem 0.5rem 0.25rem; font-size: 1.125rem; font-weight: bold; background: #d0ebfc; color: #1da1f2 !important; }
.badge--discount small { padding-left: 0.125rem; font-weight: bold; }
.content .badge--discount.badge--big,
.content .badge--discount.badge--big:hover { margin: 16px 0 16px 10px; padding: 0.6125rem 1rem 0.6125rem; border-radius: 80px; font-size: 1.5rem; }
.badge--discount.badge--big small { padding-left: 0.25rem; font-size: 1.25rem; }

.badge--discount.badge--small,
.badge--discount.badge--small:hover { margin: 0 0 0 4px; padding: 0.25rem 0.4375rem; font-size: 0.75rem; vertical-align: middle; }
.badge--discount.badge--small small { color: #1da1f2 !important; font-weight: 700; }

.ladder__carousel .owl-stage-outer { display: flex; }
.ladder__carousel .owl-stage-outer .owl-stage { display: flex; }
.ladder__carousel .owl-item { height: 100%; }
.ladder__carousel .owl-item .item { height: 100%; padding-bottom: 40px; }
.ladder__carousel .owl-item .item .button-cont { position: absolute; bottom: 0; }

.list-item { align-items: stretch; }
.list-item .item__prices .col { margin: 0; }
.list-item .item__prices > .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.list-item .item__prices > .row > .col-auto { -ms-flex: 0 1 auto; flex: 0 1 auto; }
.list-item > div { margin-bottom: 4rem; }
.list-item .item { margin-bottom: 0; height: 100%; padding-bottom: 40px; }
.list-item .item .button-cont { position: absolute; bottom: 0; }

@media only screen and (max-width: 1199px) {
  .list-item > div { margin-bottom: 3rem; }
}

@media only screen and (max-width: 991px) {
  .list-item > div { margin-bottom: 2rem; }
}

@media only screen and (max-width: 400px) {
  .list-item > div { margin-bottom: 1.5rem; }
}



/* Navbar */

.navbar-crew { background-color: white; }
.navbar-crew > .container-fluid { position: relative; max-width: 1140px; padding-right: 0; padding-left: 0; }

.navbar-crew--category { border-bottom: 1px solid #ed1c24; background-color: #f5f5f5; }

.navbar-crew__nav { padding-left: 0; list-style: none; margin-bottom: 0; }
.navbar-crew__nav > li { display: block; }
.navbar-crew__nav > li.active, .navbar-crew__nav > li.show { background-color: #e6e6e6; }

.navbar-crew__item, .navbar-toggle, .navbar-toggle-more { border: none; background: none; position: relative; display: inline-block; color: #505050; font-weight: 700; padding: 1.25rem 1.5rem; white-space: nowrap; }
.navbar-crew__item svg, .navbar-toggle svg, .navbar-toggle-more svg { display: block; stroke: #505050; position: absolute; }
.navbar-crew__item:hover, .navbar-crew__item:focus, .navbar-crew__item:active, .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active, .navbar-toggle-more:hover, .navbar-toggle-more:focus, .navbar-toggle-more:active { color: #101010; text-decoration: none; }
.navbar-crew__item:hover svg, .navbar-crew__item:focus svg, .navbar-crew__item:active svg, .navbar-toggle:hover svg, .navbar-toggle:focus svg, .navbar-toggle:active svg, .navbar-toggle-more:hover svg, .navbar-toggle-more:focus svg, .navbar-toggle-more:active svg { stroke: #101010; }

.navbar-toggle, .navbar-toggle-more { padding-right: 2.25rem; }
.navbar-toggle svg, .navbar-toggle-more svg { top: 1.25rem; right: 0.5rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navbar-toggle[aria-expanded="true"] svg, .navbar-toggle-more[aria-expanded="true"] svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.navbar-toggle { background-color: #e6e6e6; cursor: pointer; text-align: left; width: 100%; }

.navbar-nav-more[aria-hidden="true"] { position: absolute; top: -9999em; right: 0; visibility: hidden; }
.navbar-nav-more > a[aria-expanded="true"] + ul { display: block; }

.navbar-crew__basket { position: absolute; top: 0; right: 0; width: auto; padding-left: 2.8rem; text-align: right; padding-right: 1.75rem; }
.navbar-crew__basket svg { top: 1.2rem; left: 0.5rem; }
.navbar-crew__basket:hover .basket__count { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.navbar-crew__button { margin: 0.75rem 1rem 0.7rem; }



/* Subheader */

.subheader { margin-bottom: 0; background-color: transparent; height: auto; padding: 0; }
.subheader > .container { padding-top: 3rem; padding-bottom: 3rem; }
.subheader__icon { display: none; }
.subheader h1 { font-size: 2rem; line-height: 2.75rem; margin-bottom: 0; color: #505050 !important; }
.subheader .lead { font-size: 1.125rem; line-height: 1.25; margin-top: 1rem; margin-bottom: 0; }

.subheader--selfcare { background-color: #eee; margin-bottom: 3.5rem; text-align: left; }

.subheader--medailon { background-color: #f9f9f9; margin-bottom: 3.5rem; text-align: left; }
.subheader--medailon > .container { padding-top: 4rem; padding-bottom: 4rem; }
.content .subheader--medailon h1 { margin: 0 0 0.875rem 0; }
.medailon__image { margin: 0 auto; display: block; max-height: 360px; max-width: 100%; }

.content .subnav__item.is--active a, .content .subnav__item.is--active a:hover { color: #ed1c24; border-bottom-color: #ed1c24; }
.content .subnav__item { margin-left: 0.5rem; }
.content .subnav__item a:hover { color: #505050; }
.content .subnav__item.is--active a span { background-color: #ed1c24; }
.content .category__item { font-size: 1rem; font-weight: 500; }
.content .category__item a:hover { color: #ed1c24; }



/* Tag */

.tag { padding-top: 1px; position: relative; background-color: white; color: #666; display: table; text-align: center; font-size: 0.675rem; font-weight: 700; line-height: 0.675rem; margin-bottom: 1rem; height: 2rem; border: 2px solid; border-radius: 1rem; width: 4.25rem; }
.tag > span { display: table-cell; vertical-align: middle; }
.tag::before { content: ''; display: block; position: absolute; bottom: -12px; left: 0; height: 20px; width: 12px; border: 6px solid transparent; border-top: 20px solid; border-bottom: none; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.tag--red { border-color: #ed1c24; }
.tag--red::before { border-top-color: #ed1c24; }

.tag--blue { border-color: #297fca; }
.tag--blue::before { border-top-color: #297fca; }

.tag--green { border-color: #00a388; }
.tag--green::before { border-top-color: #00a388; }

.tag--grey { border-color: #666; }
.tag--grey::before { border-top-color: #666; }

.tag--yellow { border-color: #F8CB25; }
.tag--yellow::before { border-top-color: #F8CB25; }

.tag--collect {
  color: #000;
  border-color: #F8CB25;
  background-color: #F8CB25;
  overflow: visible;
}

.tag--collect::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  width: 17px;
  height: 17px;
  bottom: -6px;
  left: 0;
  transform: none;
  z-index: 10;
}

.c-crew_red { color: #ed1c24 !important; }
.c-crew_blue { color: #297fca !important; }
.c-crew_green { color: #00a388 !important; }
.c-g-d { color: #505050 !important; }
.c-g { color: #666 !important; }
.c-g-l { color: #808080 !important; }
.c-g-lr { color: #ccc !important; }
.c-g-lt { color: #f5f5f5 !important; }
.bg-g-d { background-color: #505050 !important; }
.bg-g { background-color: #666 !important; }
.bg-g-l { background-color: #808080 !important; }
.bg-g-lr { background-color: #ccc !important; }
.bg-g-lt { background-color: #f5f5f5 !important; }
.m-6 { margin: 4rem !important; }
.mt-6, .my-6 { margin-top: 4rem !important; }
.mb-6, .my-6 { margin-bottom: 4rem !important; }
.mr-6, .mx-6 { margin-right: 4rem !important; }
.ml-6, .mx-6 { margin-left: 4rem !important; }

.position-relative { position: relative; }



/* content */

.content--dark-grey { padding: 3.75rem 0; background-color: #e6e6e6; }

.content .faq__tit a::after, .content .faq__tit a { color: #ed1c24; }
.content .faq__tit a:hover { color: #ed1c24; }

.button--grey { border-color: #999 !important; background-color: #999 !important; }
.button--grey:hover { border-color: #505050 !important; background-color: #505050 !important; }

.button--another-grey { border-color: #888 !important; background-color: #888 !important; }
.button--another-grey:hover { border-color: #404040 !important; background-color: #404040 !important; }

.button--black { border-color: #000 !important; background-color: #000 !important; color: #fff !important; }
.button--black:hover { border-color: #505050 !important; background-color: #505050 !important; color: #fff !important; }

.button--small { padding: 0.55rem 0.9rem 0.5rem; }
.button--small i { font-size: 0.9375rem; }

.item__addcart[disabled],
.item__addcart[disabled]:hover,
.item:hover .item__addcart[disabled],
.content .button[disabled],
.content .button[disabled]:hover {
  background-color: #eee !important;
  border-color: #eee !important;
  color: #777 !important;
  cursor: not-allowed;
  opacity: 1;
}

.item:hover .button--another-grey[disabled],
.content .button--another-grey[disabled],
.content .button--another-grey[disabled]:hover { background-color: #bbb !important; border-color: #bbb !important; color: #555 !important; opacity: 1; }


.registration-frm { margin: 0 auto; padding-top: 2rem; max-width: 400px; }
.registration-checkbox { text-align: left; }

.message-line__text { max-width: 770px; }

.order-last { -ms-flex-order: 13; order: 13; }
.order-first { -ms-flex-order: -1; order: -1; }

.box { padding: 1.675rem 1.8125rem; }

.box--gray { background-color: #f1f1f1; }
.box--gray p { background-color: #f1f1f1; }

.box--wish { padding: 0.375rem 1.8125rem; background-color: #e6e6e6; }
.box--wish table { margin: 0; }
.box--wish table td { border-color: #ccc; }
.box--wish table tr:nth-last-of-type(1) td { border-bottom: 0; }
.box--wish table td:nth-last-of-type(1) { padding-right: 0; }
.box--wish .checkout__tit { color: #09c070; }

.button--lgreen { background-color: #09c070 !important; color: #fff !important; padding-left: 62px; position: relative; overflow: hidden; }
.button--lgreen::before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.2); width: 42px; height: 100%; display: block; position: absolute; top: 0; left: 0 }
.button--lgreen svg { margin: 0; top: 50%; left: 12px; transform: translateY(-50%); position: absolute; fill: #fff; width: 19px; height: 19px; z-index: 10; }
.button--lgreen:hover { background-color: #069a5a !important; color: #fff !important; }
.wishlist-series.button--lgreen:hover svg, .content .wishlist-series.button--lgreen:hover svg { margin: 0; transform: translateY(-50%) scale(1.25); }

.content table td { padding-top: 0.6rem; padding-bottom: 0.5rem; }

.wl-container { margin: 0 auto 2.5rem; max-width: 670px; }
.content .wl-container p { margin-bottom: 0; }
.content .wl-container p svg { vertical-align: middle; }
.content .wl-container ul { margin-top: 1rem; margin-bottom: 0; }
.content .wl-container ul.collapse { display: block; }
.content .wl-container ul li { margin-bottom: 0.2rem; }
.content .wl-container ul li::before { background: #856404; }
.content .wl-container .alert { padding: 1rem 1.5rem; }
.content .wl-container .button { margin: 0 auto; display: none; margin-top: 0.75rem; background-color: #856404; color: #fff !important; }
.content .wl-container .button i { font-size: 0.75rem; }
.content .wl-container .button i::before { transform: rotate(180deg); display: inline-block; transition: 0.2s; }
.content .wl-container .button.collapsed i::before { transform: rotate(0); }

.alert--icon { padding-left: 3.25rem; }

@media (max-width: 991px) {
    .alert--icon .alert__icon {
        top: 0.875rem;
    }
}



/* detail */

.subheader--breadcrumb { text-align: left; }

.breadcrumb, .content .breadcrumb { margin: 0 0 2.15rem 0; padding: 0; text-align: left; }
.breadcrumb > li, .content .breadcrumb > li { margin: 0; padding: 0; color: #828282; font-size: 0.9375rem; line-height: 1; display: inline-block; }
.breadcrumb i { font-size: 0.9375rem; }
.breadcrumb > li a, .content .breadcrumb > li a { padding: 0.3rem 0.5rem 0.25rem; color: #ed1c24; text-decoration: underline; }
.breadcrumb > li a:hover, .content .breadcrumb > li a:hover { color: #ed1c24; text-decoration: none; }
.breadcrumb > li.home a, .content .breadcrumb > li.home a { text-decoration: none; }
.breadcrumb > li + li::before, .content .breadcrumb > li + li::before { color: #b4b4b4; content: "\e606"; font-family: 'simple-line-icons'; font-size: 0.6rem; margin: 0 0.75rem; }

.breadcrumb--world, .content .breadcrumb--world { text-align: left; }
.breadcrumb--world > li a, .content .breadcrumb--world> li a { border: 1px solid #ed1c24; text-decoration: none; border-radius: 4px; display: inline-block; }
.breadcrumb--world > li a:hover, .content .breadcrumb--world> li a:hover { background-color: #ed1c24; text-decoration: none; color: #fff; }

.detail-center-col { padding-top: 0; padding-left: 5rem; }
.detail-left-col { padding-top: 0.25rem; max-width: 100%; display: block; }

.carousel-preview .item { margin-bottom: 1.5rem; }
.carousel-preview .owl-prev.disabled, .carousel-preview .owl-next.disabled { display: none; }
.carousel-preview .owl-item img { border-radius: 3px; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { margin-top: -35px; position: absolute; top: 50%; font-size: 2.25rem; color: #505050; transition: 0.2s; }
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus { color: #ed1c24; outline: none; }
.owl-carousel .owl-nav button.owl-prev { left: -42px; }
.owl-carousel .owl-nav button.owl-next { right: -42px; }

.content .detail__price { margin: 0 0 0.25rem 0; padding: 0; color: #ed1c24; font-size: 1.05rem; font-weight: 600; }
.content .detail__price strong { padding: 0; display: inline-block; font-size: 1.5rem; color: #ed1c24; }
.content .detail__price .price-origin { padding-bottom: 0.25rem; font-size: 1.05rem; font-weight: 400; color: #505050; display: inline-block; }

.content .detail__button { margin-bottom: 2rem; }
.content .detail__button .button--big { padding: 0.875rem 3.5rem 0.9375rem; font-size: 1.25rem; }

.content .detail__stock { font-size: 1.05rem; }

.content .detail__info-stock { margin-bottom: 2rem; padding: 1rem 1.45rem; font-size: 1rem; line-height: 1.35rem; color: #24aadf; border: 1px solid #e9f6fc; background-color: #e9f6fc; display: inline-block; border-radius: 4px; }

ul.detail__info-inline,
.content .detail__info-inline {
    margin: 0 0 2rem 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 22px;
}

ul.detail__info-inline li,
.content ul.detail__info-inline li {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

ul.detail__info-inline li::before,
.content ul.detail__info-inline li::before {
    content: "";
    background: #999;
    width: 2px;
    height: 14px;
    display: block;
    position: absolute;
    left: calc(100% + 10px);
    top: 4px;
}

ul.detail__info-inline li:nth-last-of-type(1)::before,
.content ul.detail__info-inline li:nth-last-of-type(1)::before {
    display: none;
}

@media (max-width: 575px) {
    ul.detail__info-inline,
    .content ul.detail__info-inline {
        flex-direction: column;
    }

    ul.detail__info-inline li::before,
    .content ul.detail__info-inline li::before {
        display: none;
    }
}

.detail__tags { margin-bottom: 2.75rem; clear: both; float: left; width: 100%; }
.detail__tags .tag { margin: 0 0.75rem 0.5rem 0; float: left; }

.content .title-border { margin-bottom: 2.5rem; font-size: 1.35rem; text-transform: uppercase; font-weight: 600; }
.content .title-border > span { padding: 0 3rem 0.75rem 0; position: relative; border-bottom: 1px solid #ed1c24; }

.content--related .carousel { margin-bottom: 3rem; }
.carousel__tit, .content .carousel__tit { margin-bottom: 2.5rem; text-align: center; }

.carousel-banner__item { padding: 3.125rem 2.5rem; background-color: #fff; border-radius: 4px; text-align: center; }
.carousel-banner__item img { max-width: 100%; }
.content .carousel-banner__title { padding-top: 1rem; font-size: 3rem; line-height: 3rem; }
.owl-carousel.carousel-banner .owl-nav button.owl-prev, .owl-carousel.carousel-banner .owl-nav button.owl-next { margin-top: -25px; color: #ed1c24; }
.owl-carousel.carousel-banner .owl-nav button.owl-prev:hover, .owl-carousel.carousel-banner .owl-nav button.owl-next:hover { color: #af0e14; }
.owl-carousel.carousel-banner .owl-nav button.owl-prev { left: -82px; }
.owl-carousel.carousel-banner .owl-nav button.owl-next { right: -82px; }
.carousel-banner .owl-dots { padding-top:  1.5rem;  text-align: center; }
.carousel-banner button.owl-dot { margin: 0 0.5rem; width: 10px; height: 10px; border-radius: 50%; background: #777; display: inline-block; }
.carousel-banner button.owl-dot:hover { background: #000; }
.carousel-banner button.owl-dot.active { margin-top: -5px; margin-bottom: 5px; width: 15px; height: 15px; background: #ed1c24; vertical-align: bottom; }

.collapse__title { position: relative; }
.collapse__title-toggle, .faq__title-toggle { padding: 0; display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none; background: none; cursor: pointer; }
.collapse__title-toggle:focus, .faq__title-toggle:focus { outline: none; }
.collapse__title-toggle svg, .faq__title-toggle svg { stroke: #ed1c24; float: right; }
.faq__title-toggle svg { margin-right: 0; margin-top: 20px; }

.js__async_loader__content  { padding-top: 3rem; }
.content.content--related { padding-top: 2rem; }

.tooltip-inner { max-width: 440px; }
/*.tooltip-wide { width: 300px; max-width: 100%; display: block; }*/



/* cart */

.subheader--steps { margin-bottom: 2.5rem; background-color: #eee; }
.subheader--steps > .container { padding: 2rem 0; }
.subheader--steps .subheader__icon { display: none; }

.step-tit, .content .step-tit, .content .subheader .step-tit { margin: 0; text-align: center; }
.step-tit span { margin: 0 auto 1rem; display: block; background-color: #fff; }
.step-tit.is--active span { color: #fff; background-color: #ed1c24; }

.content .checkout a { text-decoration: none; }
.content .checkout__tit a { color: #000; text-decoration: none; }
.content .checkout__tit a:hover { color: #ed1c24; text-decoration: none; }
.checkout__desc { display: table; }
.content .checkout__warnings p { font-weight: 300; }
.content .checkout__sum .sum__price { color: #ed1c24; }
.ship--edit, .ship--truck, .ship--voucher { margin: 0 3.875rem 0 1.875rem; box-shadow: none; width: 40px; opacity: 1; }
.content .checkout--selfcare .ship--edit, .content .checkout--selfcare .ship--truck, .content .checkout--selfcare .ship--voucher { box-shadow: none; }
.button .button-icon-login { margin: -3px 7px 0 -7px; padding: 0; height: 22px; display: inline-block; vertical-align: bottom; }

.content .checkout--mini .checkout__tit { line-height: 1.15rem; }
.content .checkout--mini .question-mark { font-size: 0.75rem; margin-left: 15px; width: 16px; min-width: 16px; height: 16px; line-height: 15px; }

.grey-box { border-radius: 5px; }
.content .grey-box h4 { font-weight: 400; color: #434343; }
.content .grey-box h5 { font-size: 17px; font-weight: 700; text-transform: none; color: #434343; }
.content .grey-box .button--grey { background-color: rgb(80, 80, 80) !important; border-color: rgb(80, 80, 80) !important; }
.content .grey-box .button--grey:hover { background-color: #000 !important; border-color: #000 !important; }
.grey-box .form-control#voucher_code { background-color: #fff; }

.counter { display: inline-block; position: relative; margin-right: 0.6rem; }
.counter .input-group { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; }
.counter .button, .counter .input-group .form-control { border: none !important; color: #434343 !important; }
.input-group-btn .quantity-button:hover, .input-group-btn .quantity-button:focus { background: none !important; color: #ed1c24 !important; }
.counter .quantity-down { padding: 8px 10px 8px 10px; font-size: 1.3125rem; font-weight: 800; }
.counter .quantity-up { padding: 8px 10px 8px 10px; font-size: 1.3125rem; font-weight: 800; }
.input-number { font-weight: 700; padding: 0 0.4rem !important; font-size: 0.875rem !important; width: 2rem !important; text-align: center !important; }
.input-number:hover, .input-number:focus { background: none !important; }
.quantity-counter,
.quantity-counter-base {
    -moz-appearance:textfield;
}
.quantity-counter::-webkit-outer-spin-button,
.quantity-counter::-webkit-inner-spin-button,
.quantity-counter-base::-webkit-outer-spin-button,
.quantity-counter-base::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0
}

.content #payment_form h4 { font-size: 1.25rem; font-weight: 500; color: #434343; }
.content .box--gray p { line-height: 1.45rem; color: #777; }
.content .box--gray .lead { margin-bottom: 0.5rem; font-size: 1.0625rem; }

.link i { margin: 3px 0 -3px 5px; display: inline-block; color: #777; font-size: 0.875rem; }
.link svg { margin: 4px 5px -4px 0; display: inline-block; fill: #ed1c24; }

.link--red { color: #ed1c24; }
.link--red span { color: #ed1c24; border-color: #ed1c24; }
.link--red svg { fill: none; stroke: #ed1c24; }

.link--green { color: #09c070; }
.link--green span { color: #09c070; border-color: #09c070; }
.link--green svg,
.link.link--green svg { fill: none; stroke: #09c070; }

.ico-crew_zasilkovna_cz, .ico-crew_zasilkovna_litos_cz, .ico-crew_on_delivery_zasilkovna { background-image: url("/static/default/img/icon/zasilkovna.svg"); background-size: 76px auto; }
.ico-crew_zasilkovna_sk, .ico-crew_zasilkovna_litos_sk { background-image: url("/static/default/img/icon/zasilkovna_sk.png"); }
.ico-crew_bank_account { background-image: url("/static/default/img/icon/ico-bank.png"); }
.ico-crew_geis, .ico-crew_on_delivery_geis { background-image: url("/static/default/img/icon/ico-dpd.png"); }
.ico-crew_geis_sk, .ico-crew_on_delivery_geis_sk { background-image: url("/static/default/img/icon/ico-dpd.png"); }
.ico-crew_krakatit, .ico-crew_cash_krakatit { background-image: url("/static/default/img/icon/ico-krakatit.png"); }
.ico-crew_send { background-image: url("/static/default/img/icon/ico-send.png"); }
.ico-crew_free { background-image: url("/static/default/img/icon/ceska-posta.png"); }
.ico-crew_balik_na_postu { background-image: url("/static/default/img/icon/cp-balik-na-postu.png"); background-size: auto 100%; }
.ico-crew_balik_cp, .ico-crew_balik_cp_48 { background-image: url("/static/default/img/icon/balikovna_na_adresu.svg"); background-size: 80px auto; }
.ico-crew_balik_do_balikovny, .ico-crew_balik_do_balikovny_new, .ico-crew_on_delivery_cp { background-image: url("/static/default/img/icon/balikovna.svg"); background-size: 80px auto; }
.ico-crew_ppl, .ico-crew_on_delivery_ppl, .ico-crew_ppl_sk, .ico-crew_on_delivery_ppl_sk { background-image: url("/static/default/img/icon/ppl.png"); background-size: 58px auto;}
.ico-packing { padding-left: 0 !important; margin-left: 0.9rem !important; }
@media (max-width: 480px) {
  .ico-crew_zasilkovna_litos_cz, .ico-crew_on_delivery_zasilkovna { background-size: 52px auto; }
  .ico-crew_balik_cp, .ico-crew_balik_cp_48, .ico-crew_balik_na_postu { background-size: auto 90%; }
  .ico-crew_balik_do_balikovny, .ico-crew_balik_do_balikovny_new, .ico-crew_ppl, .ico-crew_on_delivery_ppl, .ico-crew_ppl_sk, .ico-crew_on_delivery_ppl_sk, .ico-crew_on_delivery_cp { background-size: 50px auto;}
}


.label--payment, .label--shipping { margin: 0 0 0 0.25rem; padding: 0 0 0 100px; }
@media (max-width: 480px) {
  .label--payment, .label--shipping { margin: 0; }
}
.checkout--mini .label--payment, .checkout--mini .label--shipping { margin: 0 0 0 0.9rem; }
.specification { padding-left: 8.25rem; padding-bottom: 0; }
.specification.form-inline select.form-control, .specification .select2-container { width: 100% !important; }
.specification .form-group.form-inline { max-width: 100%; }
@media (max-width: 480px) {
  .specification { padding-left: 5.875rem; }
}
.select2-results__options, .content .select2-results__options { margin: 0; }
.select2-results__options li, .content .select2-results__options li { margin: 0; padding: 0.375rem 1rem; }
.select2-results__options li::before, .content .select2-results__options li::before { display: none; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-radius: 4px; }
.select2-dropdown { box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.33); }

.remove-from-wishlist { margin-left: 8px; line-height: 1; vertical-align: middle; }
.remove-from-wishlist.link { margin-left: 0; }
.link--wl { margin: 12px 0 0 0; padding-left: 24px; display: block; font-size: 0.875rem; white-space: normal; position: relative; }
.link--wl svg { margin: 0; width: 20px; height: 20px; position: absolute; left: 0; top: 0; }
.link--wl.remove-from-wishlist svg { width: 20px; height: 19px; top: -3px; }
.link--wl span { display: inline; }

.qrcode {
  max-width: 100%;
  width: 300px;
  margin: 0 auto;
  display: block;
}


/* category */

.list-item .col { margin-bottom: 2rem; }

.content .cat-list { margin: 0 0 2.5rem 0; padding: 0; }
.content .cat-list > li { margin: 0; padding: 0; list-style: none; }
.content .cat-list > li::before { display: none; }
.content .cat-circle { margin: 0 0 1.5rem 0; padding: 0; display: block; text-align: center; text-decoration: none; color: #434343; }
.content .cat-circle:hover { color: #ed1c24; }
.cat-circle__cover { margin: 0 auto 1rem; width: 110px; height: 110px; display: block; text-align: center; object-fit: cover; display: flex; justify-content: center; align-items: center; }
.cat-circle__cover > img { max-width: 100%; max-height: 100%; display: block; transition: 0.5s; }
.cat-circle:hover .cat-circle__cover > img { transform: scale(1.2); }
.cat-circle__title { font-weight: 700; text-transform: uppercase; font-size: 0.875rem; line-height: 1.3rem; display: inline-block; }

.content .page-link:hover, .content .page-item.active .page-link:hover { background-color: #ed1c24; border-color: #ed1c24; }



/* Modal */

.loginModal .modal-dialog { max-width: 375px; }

.modal-header { padding: 1.2rem 3rem 1.2rem 1.5rem; background-color: #ed1c24; }
.modal-title { color: white; font-size: 1.25rem !important; line-height: 1; }
.modal-body { padding: 1.5rem; }
.modal-footer { background-color: #f5f5f5; padding: 1.2rem 1.5rem; }
.modal .close { font-size: 2rem; top: 0.9375rem; right: 1.25rem; }
.modal .close:focus { outline: none; }
.modal a { color: #505050; text-decoration: underline; border: none; }
.modal a:hover { color: #505050; text-decoration: none; border: none; }



/* Newsletter */

.newsletter { margin: 0; padding: 6rem 0 4rem; border-top: 1px solid #eee; background-color: #fbfbfb; }
.newsletter .form-control { background-color: #e6e6e6; border-color: #e6e6e6; }
.newsletter .form-control:focus { background-color: white; }
.newsletter .form-control::-webkit-input-placeholder { color: #808080; }
.newsletter .form-control:-ms-input-placeholder { color: #808080; }
.newsletter .form-control::-ms-input-placeholder { color: #808080; }
.newsletter .form-control::placeholder { color: #808080; }

.invalid-newsletter-email::-webkit-input-placeholder { color: #dc3545 !important; }
.invalid-newsletter-email:-ms-input-placeholder { color: #dc3545 !important; }
.invalid-newsletter-email::-ms-input-placeholder { color: #dc3545 !important; }
.invalid-newsletter-email::placeholder { color: #dc3545 !important; }

.newsletter__tit { margin-bottom: 2rem; }

.newsletter__alt { margin-top: 2rem; margin-bottom: 2rem; }
.newsletter__alt .button { margin-top: 1rem; }



/* Auotori */


.content .alphabet-select > ul > li a { background-color: #000; }
.content .alphabet-select > ul > li a:hover { background-color: #ed1c24; }


/* Side popup */

.sidepopup { width: 266px; position: fixed; bottom: 26px; right: 38px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 500; }
.sidepopup::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #fff transparent; position: absolute; bottom: 100%; right: 108px; }
.sidepopup__inner { padding: 1.25rem 4.675rem 1rem 1rem; }
.sidepopup__inner h3 { margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.2; color: #434343; }
.sidepopup__inner p { margin-bottom: 0.9375rem; font-size: 0.9375rem; line-height: 1.25; color: #575756; }
.sidepopup__close { width: 24px; height: 24px; line-height: 24px; padding: 0; position: absolute; top: -11px; left: -11px; border-radius: 50%; background-color: #1a1a1a; color: #e6e6e6; font-weight: 700; font-size: 1.6125rem; vertical-align: center; text-align: center; border: none; cursor: pointer; transition: 0.2s; }
.sidepopup__close:hover, .sidepopup__close:focus { outline: none; background-color: #af0e14; }
.sidepopup__image { width: 155px; height: 310px; position: absolute; bottom: 0; right: -38px; }





/* Rychly nakup */

.quickbuy .navbar-crew,
.quickbuy .newsletter {
  display: none;
}

@media (max-width: 767px) {
  .quickbuy iframe#packeta-widget,
  .quickbuy .modal .modal-dialog {
    padding-bottom: 125px !important;
  }
}

.subheader--quickbuy {
  text-align: left !important;
  border-bottom: 1px solid #eee;
  margin-bottom: 2.25rem;
}

@media (min-width: 768px) {
  .subheader.subheader--quickbuy > .container {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

@media (max-width: 767px) {
  .subheader.subheader--quickbuy {
    margin-bottom: 2rem;
  }

  .subheader.subheader--quickbuy > .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (max-width: 575px) {
  .subheader.subheader--quickbuy > .container {
    padding-top: 1.675rem;
    padding-bottom: 1.675rem;
  }
}

.subheader--quickbuy .subheader__title,
.content .subheader--quickbuy .subheader__title {
  margin: 0 0 0.675rem 0;
  position: relative;
  z-index: 10;
}

.subheader--quickbuy .subheader__subtitle {
  font-size: 1.5rem;
  font-weight: 400;
  color: #999;
  margin: 0;
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  .subheader--quickbuy .subheader__subtitle {
    font-size: 1.3125rem;
  }

  .subheader--quickbuy .subheader__subtitle > svg {
    width: 19px;
    height: 19px;
  }
}

.subheader__alert,
.content .subheader__alert {
  color: #2EAAF4;
  font-size: 1rem;
  line-height: 1.3125;
  margin: 1.5rem 0 0 0;
  padding-left: 1.75rem;
  width: 650px;
  max-width: 100%;
  position: relative;
  z-index: 10;
}

.subheader__alert > svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

@media (max-width: 767px) {
  .subheader__alert,
  .content .subheader__alert {
    font-size: 0.875rem;
    margin-top: 1rem;
    padding-left: 1.5rem;
  }

  .subheader__alert > svg {
    width: 16px;
    height: 16px;
  }
}

.subheader--quickbuy .subheader__icon {
  color: #f0f0f0;
  width: 180px;
  height: 180px;
  top: auto;
  bottom: 0;
  right: 7%;
  display: block;
  z-index: 0;
}

.subheader--quickbuy .subheader__icon > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -45px;
  left: 0;
}

@media (max-width: 767px) {
  .subheader--quickbuy .subheader__icon {
    width: 130px;
    height: 130px;
  }

  .subheader--quickbuy .subheader__icon > svg {
    bottom: -30px;
  }
}


.row--variants {
  gap: 2.375rem 0;
}

.quickbuy__box {
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 3rem;
  padding: 1.25rem;
}

.quickbuy__box.box--fill {
  color: #42474a;
  background-color: #eee;
  margin-bottom: 1.5rem;
  padding: 1.0625rem 1.25rem;
}

.quickbuy__box.box--frm {
  padding: 0;
}

.box--floating {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border: none;
  border-radius: 0;
  margin: 0 !important;
  padding: 15px;
  position: fixed;
  bottom: -140px;
  left: 0;
  right: 0;
  z-index: 9999;
  display: none;
  transition: bottom 0.2s;
}

.box--floating .quickbuy__alert,
.box--floating .quickbuy__alert.alert--danger {
  border: none;
  background-color: transparent;
  font-size: 0.8125rem;
  margin-bottom: 15px;
  padding: 0;
}

.box--floating .quickbuy__alert svg {
  display: none;
}

.box--floating .quickbuy__progress {
  background-color: #eee;
  margin-top: 0.3125rem;
}

.floating--show {
  bottom: 0;
}

.box--frm .row-control {
  padding: 0;
}

.box--frm .row-control .custom-control {
  margin: 0;
  padding: 0.6875rem 1.25rem 0.6875rem 2.5rem;
  transition: background-color 0.2s;
}

.box--frm .row-control .custom-control:hover,
.box--frm .row-control .custom-control:focus,
.box--frm .row-control .custom-control .custom-control-input:checked~.custom-control {
  background-color: #fbfbfb;
}

.box--frm .row-control .custom-control .question-mark {
  font-size: 0.875rem;
  line-height: 18px;
  width: 20px;
  height: 20px;
}

.box--frm .row-control .custom-control .custom-control-indicator {
  top: 0.9375rem;
  left: 1.25rem;
}

@media (max-width: 480px) {
  .box--frm .row-control .custom-control .custom-control-indicator {
    top: 0.8125rem;
    left: 0.875rem;
  }
}



@media (max-width: 767px) {
  .quickbuy .gotop {
    display: none;
  }

  .box--floating {
    display: block;
  }
}

.floating__price {
  font-size: 1.0625rem;
  line-height: 1.25;
}

.floating__price small {
  color: #999;
  font-size: 0.8125rem;
  display: block;
}

.switch {
  position: relative;
  width: 68px;
}
.switch__prelabel {
  font-size: 0.9375rem;
  color: #999;
  margin-right: 0.5rem;
}
@media (max-width: 430px) {
  .switch__prelabel {
    display: none;
  }
}
.switch__checkbox {
  display: none;
}
.switch__checkbox:checked + .switch__label .switch__inner {
  margin-left: 0;
}
.switch__checkbox:checked + .switch__label .switch__point {
  right: 4px;
}
.switch__label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: none;
  border-radius: 30px;
}
.switch__point {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  background: #fff;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 46px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}
.switch__inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.switch__inner::before, .switch__inner::after {
  display: block;
  float: left;
  width: 50%;
  height: 26px;
  padding: 0 10px;
  vertical-align: middle;
  color: #999;
  font-size: 0.875rem;
  font-family: 'Roboto', sans-serif;
  line-height: 27px;
}
.switch__inner::before {
 /*content: "\2714";
 */
  content: "Ano";
  text-align: left;
  color: #fff;
  background-color: #28a745;
}
.switch__inner::after {
 /*content: "\2718";
 */
  content: "Ne";
  text-align: right;
  background-color: #eee;
}
.switch--text {
  background-color: #eee;
  border-radius: 6px;
  padding: 4px;
  width: auto;
  height: auto;
  min-height: 36px;
  display: inline-block;
}
.switch--text .switch__label {
  margin: 0;
  height: 100%;
  display: flex;
  justify-content: space-between;
  overflow: visible;
}
.switch--text .switch__yes, .switch--text .switch__no {
  border-radius: 5px;
  font-size: 0.9375rem;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
  padding: 0.4125rem 0.75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: color 0.2s;
}
.switch--text .switch__yes:hover, .switch--text .switch__no:hover {
  color: #505050 !important;
}
.switch--text .switch__checkbox + .switch__label .switch__yes {
  background: none;
  box-shadow: none;
  color: #999;
}
.switch--text .switch__checkbox + .switch__label .switch__no {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  color: #505050;
}
.switch--text .switch__checkbox:checked + .switch__label .switch__yes {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  color: #505050;
}
.switch--text .switch__checkbox:checked + .switch__label .switch__no {
  background: none;
  box-shadow: none;
  color: #999;
}



.quickbuy__numbers {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(40px, 1fr));
  gap: 10px;
}

.quickbuy__numbers.numbers--free .quickbuy__number.is--disabled {
  display: none;
}

.quickbuy__number {
  margin: 0;
  display: block;
  height: 40px;
  cursor: pointer;
  position: relative;
  user-select: none;
}

@media (max-width: 767px) {
  .quickbuy__number {
    max-width: 50px;
    min-width: 36px;
    height: 36px;
  }
}

.quickbuy__number-input {
  position: absolute;
  opacity: 0;
}

.quickbuy__number-input:disabled ~ .quickbuy__number-button {
  background-color: #ccc;
  cursor: not-allowed;
}

.quickbuy__number-input:checked ~ .quickbuy__number-button {
  background-color: #F80018;
}

.quickbuy__number-input:checked ~ .quickbuy__number-button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 4.233 4.233'%3E%3Cg transform='matrix(.264583 0 0 .264583 69.602905 58.324424)'%3E%3Ccircle cx='-254.998' cy='-212.37' r='5.807' fill='%23fff' paint-order='stroke fill markers'/%3E%3Cpath d='M-247.066-212.439a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022l-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06l2.646 2.647a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z' fill='%2328a745'/%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: -5px;
  display: block;
}

.quickbuy__number-button {
  background-color: #505050;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s;
}

@media (max-width: 767px) {
  .quickbuy__number-button {
    font-size: 17px;
  }
}

.quickbuy__number-button:hover,
.quickbuy__number-button:focus {
  background-color: #262626;
}



.quickbuy__alert {
  color: #2EAAF4;
  font-size: 0.9375rem;
  line-height: 1.375;
  border: 1px solid #2EAAF4;
  background-color: rgba(46, 170, 244, 0.12);
  border-radius: 5px;
  margin-bottom: 1.75rem;
  padding: 1rem 1.25rem;
}

.quickbuy__alert.alert--warning {
  color: #856404;
  border-color: #f2d98e;
  background-color: #fff3cd;
}

.quickbuy__alert.alert--warning a,
.content .quickbuy__alert.alert--warning a {
  color: #856404;
}

.quickbuy__alert.alert--danger {
  color: #ed1c24;
  border-color: #ed1c24;
  background-color: rgba(237, 28, 36, 0.12);
}

.quickbuy__alert.alert--danger a,
.content .quickbuy__alert.alert--danger a {
  color: #ed1c24;
}

.quickbuy__alert.alert--danger .quickbuy__progress-bar {
  background-color: #ed1c24;
}

.quickbuy__prolong-button {
  font-weight: bold;
}

.quickbuy__alert svg {
  vertical-align: middle;
  margin: 0 0.3125rem 0 0;
  display: inline-block;
}

.quickbuy__alert a {
  color: #2EAAF4;
  text-decoration: underline !important;
  cursor: pointer;
}

.quickbuy__alert a:hover {
  color: #2EAAF4;
  text-decoration: none !important;
}

.quickbuy__alert-text--mobile {
  display: none;
}

@media (max-width: 767px) {
  .quickbuy__alert-text--desktop {
    display: none;
  }
  .quickbuy__alert-text--mobile {
    display: inline;
  }
}

.quickbuy__progress {
  background-color: #fff;
  border-radius: 10px;
  margin: 0.875rem 0 0 0;
  width: 100%;
  height: 8px;
  position: relative;
}

.quickbuy__progress-bar {
  background-color: #2EAAF4;
  border-radius: 10px;
  margin: 0;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
}



.quickcheckout__img {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  margin: 0;
  width: 60px;
}

.quickcheckout__tit,
.content .quickcheckout__tit {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.375;
  color: #505050;
  margin: 0 0 0.125rem 0;
}

.quickcheckout__subtit,
.content .quickcheckout__subtit {
  color: #999;
  font-size: 0.9375rem;
  margin: 0 0 0.25rem 0;
}

.quickcheckout__price,
.content .quickcheckout__price {
  line-height: 1.375;
  margin: 0;
}

.quickcheckout__price del {
  font-size: 0.75rem;
}

.quickcheckout__price strong {
  color: #ed1c24;
}



.quickbuy__sticky {
  position: sticky;
  top: 0.5rem;
}

.quickbuy__sticky .quickbuy__box {
  margin-bottom: 1.75rem;
}

.checkout--quick,
.content .checkout--quick {
  margin: 0;
}

.checkout--quick td,
.content .checkout--quick td {
  border-top: none;
  border-bottom: 1px solid #eee;
}

@media (max-width: 575px) {
  .checkout--quick .checkout__img {
    float: left;
  }
}

.checkout--quick .checkout__tit,
.content .checkout--quick .checkout__tit {
  font-weight: 700;
  margin: 0 0 0.375rem 0;
}

.checkout--quick .checkout__subtit,
.content .checkout--quick .checkout__subtit {
  margin: 0;
}

.checkout--quick del {
  color: #999;
  font-size: 0.75rem;
  text-align: right;
  display: block;
}

.checkout--quick strong,
.content .checkout--quick strong {
  font-weight: 700;
  padding-top: 0.125rem;
}

.checkout--quick .row-sum td,
.content .checkout--quick .row-sum td {
  color: #434343;
  background-color: #eee;
  border: none;
  font-weight: 700;
  font-size: 1.125rem;
  padding: 1.375rem 1.125rem 1.25rem;
}



.lnk {
  font-size: 1rem;
  color: #ed1c24;
  text-decoration: none;
}

.lnk span {
  text-decoration: underline;
}

.lnk:hover span,
.lnk:focus span {
  text-decoration: none;
}

.lnk svg {
  margin: -1px 0.375rem 0 0;
  display: inline-block;
  vertical-align: middle;
}



.button--quickbuy {
  font-size: 1.125rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0.9375rem;
  width: 100%;
  display: block;
}

.button--quickbuy-wide {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  display: block;
}

.button--quickbuy-wide.button--big,
.content .button-cont.detail__button .button--quickbuy-wide.button--big {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.quickbuy__vop,
.content .quickbuy__vop {
  color: #999;
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: center;
  margin: 1.5rem 0 1rem;
}

.quickbuy__vop a {
  color: #999;
  text-decoration: underline;
}

.quickbuy__vop a:hover,
.quickbuy__vop a:focus {
  color: #999;
  text-decoration: none;
}




select[readonly] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

select[readonly] option,
select[readonly] optgroup {
  display: none;
}

select[readonly].form-control,
select[readonly].custom-select,
select[readonly].form-control:focus,
select[readonly].custom-select:focus {
  color: #888;
  border-color: #ccc;
  background-color: #eee;
}





/* Footer */

.footer-tit { display: none; }

.footer { background-color: black; color: #ccc; }
.footer a { color: white; }
.footer a:hover { text-decoration: underline; }
.footer .footer-crew__soc a:hover { text-decoration: none; }
.footer a:focus, .footer a:active { color: white; }

.footer-crew__nav { border-bottom: 1px solid #ed1c24; padding-bottom: 1rem; margin-bottom: 1rem; }
.footer-crew__nav a { display: inline-block; font-weight: 700; padding: 1rem 2rem; padding: 0.8rem 1.6rem; }

.footer-crew__soc { margin-bottom: 2rem; }
.footer-crew__soc a { display: inline-block; font-size: 1.5rem; padding: 1rem 2.5rem; }
.footer-crew__soc svg { line-height: 1; vertical-align: top; }






/* RESPONSIVE */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


@media only screen and (min-width: 280px) {
  /* header */
  .navbar-crew__nav > li { display: inline-block; }
  .navbar-toggle { display: none; }
  .navbar-crew__collapse { display: block; }
}



@media only screen and (min-width: 400px) {
  /* header */
  .header__freeship { text-align: right; }
  .header__freeship::before { margin-left: 0; left: auto; right: 3rem; }

  /* content */
  .d-sm2-block { display: block !important; }
}



@media only screen and (min-width: 480px) {
  /* content */
  .items > .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .item__img { margin-right: 72px; }
  .item__img img { max-width: 160px; }
  .item__tags { position: absolute; top: 0; right: 24px; margin-bottom: 0; z-index: 1; }

  .ladder__wrap { padding-top: 240px; }
  .ladder__decor { height: 240px; }
  .ladder__decor--2 { height: 290px; top: -32px; }
  .ladder__decor--4 { height: 270px; top: -10px; }

  .filters__wrap .button--collapse { display: none; }
  .filters__wrap .collapse { display: block; }
  .filters__wrap .container-fluid { border-radius: 4px; }
  .filters__form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .filters__form .form-group { padding: 0 0.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media only screen and (max-width: 480px) {
  .ico-gopay_crew_card { background-size: 48px auto !important; }
}



@media only screen and (min-width: 500px) {
  /* header */
  .navbar-crew--category .navbar-crew__nav { margin-right: 160px; }
  .navbar-crew__button { position: absolute; top: 0; right: 0; }
}



@media only screen and (min-width: 576px) {
  /* document */
  .container.container--sm { max-width: 540px; }

  /* header */
  .subheader { text-align: center; }
}



@media only screen and (min-width: 720px) {
  /* content */
  .items > .col { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .filters__form .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
}



@media only screen and (min-width: 768px) {
  /* document */
  .container--md { max-width: 760px; }

  /* header */
  .header__control > a, .header__control > .dropdown > a { font-size: 1rem; }
  .header__control > a i.icons, .header__control > .dropdown > a i.icons { display: inline-block; padding-bottom: 0; padding-right: 0.4rem; }
  .header__control > a i.icons svg, .header__control > .dropdown > a i.icons svg { width: 16px; height: 16px; }
  .header__freeship { padding: 0.25rem 1rem; border-radius: 0.25rem; position: absolute; top: 3.5rem; right: 16px; z-index: 30; }
  .control--reg { border-left: 2px solid rgba(255, 255, 255, 0.5) !important; }

  .navbar-crew--main .navbar-crew__nav { margin-right: 132px; }

  .subheader > .container { padding-top: 3.15rem; padding-bottom: 3.15rem; }
  .subheader--selfcare { text-align: left; }
  .subheader--selfcare > .container { padding-top: 0; padding-bottom: 0; }
  .subheader h1 { font-size: 2.625rem; }
  .subheader .lead { font-size: 1.25rem; margin-top: 1.5rem; }
  .subheader--breadcrumb > .container { padding-top: 1.35rem; padding-bottom: 2.75rem; }
  .subheader--steps > .container { padding: 2rem 0; }
  .subheader--medailon { text-align: left; }
  .subheader--medailon > .container { padding-top: 4rem; padding-bottom: 4rem; }

  /* content */
  .ladder__wrap { padding-top: 320px; }
  .ladder__decor { height: 320px; }
  .ladder__decor--2 { height: 390px; }
  .ladder__decor--4 { height: 360px; }

  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
}



@media only screen and (min-width: 920px) {
  .items > .col { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .checkout__merchandise { min-width: 270px; }
}



@media only screen and (min-width: 992px) {
  /* document */
  .container--lg { max-width: 960px; }
}



@media only screen and (min-width: 1110px) {
  /* content */
  .filters__form .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}



@media only screen and (min-width: 1200px) {
  /* document */
  .container { max-width: 1140px; width: auto; }

  /* content */
  .ladder__carousel.owl-carousel .owl-nav > button { font-size: 2rem; }
}



@media only screen and (min-width: 1920px) {
  /* document */
  .container--xxl { max-width: 1920px; }
}









@media only screen and (max-width: 1300px) {
  /* content */
  .ladder__carousel.owl-carousel .owl-nav button.owl-prev { left: 0; }
  .ladder__carousel.owl-carousel .owl-nav button.owl-next { right: 0; }
  .owl-carousel.carousel-banner .owl-nav button.owl-prev { left: -42px; }
  .owl-carousel.carousel-banner .owl-nav button.owl-next { right: -42px; }
}



@media only screen and (max-width: 1199px) {
  /* content */
  .item { margin-bottom: 3rem; }
  .item__tags { right: 58px; }
  .ladder__carousel { padding: 0 4rem 0 3.5rem; }
  .ladder .item__tags { left: 170px; right: auto; }

  .detail__tags { margin-bottom: 2rem; }
  .item__tags { right: 58px; }
  .listing-holder { padding-left: 0; }

  .result__img { width: auto; height: 40px; }

  .ladder__carousel.owl-carousel .owl-nav > button, .ladder__carousel.owl-carousel .owl-nav > button:hover { padding: 1.5rem 0.4rem 1.5rem 0.6rem !important; vertical-align: middle; line-height: 1; width: auto; height: auto; background-color: rgba(0, 0, 0, 0.5); font-size: 1.75rem; }
  .ladder__carousel.owl-carousel .owl-nav button.owl-prev { border-radius: 0 4px 4px 0; }
  .ladder__carousel.owl-carousel .owl-nav button.owl-next { border-radius: 4px 0 0 4px; }

  .login-row__container .checkout__desc { max-width: 420px; }
}



@media only screen and (max-width: 1030px) {
  .owl-carousel.carousel-banner { padding-left: 3rem; padding-right: 3rem; }
  .owl-carousel.carousel-banner .owl-nav button.owl-prev { left: 0; }
  .owl-carousel.carousel-banner .owl-nav button.owl-next { right: 0; }

  .owl-carousel.carousel-preview .owl-nav button { font-size: 1.4rem; margin-top: -26px; }
  .owl-carousel.carousel-preview .owl-nav button.owl-prev { left: -22px; }
  .owl-carousel.carousel-preview .owl-nav button.owl-next { right: -22px; }
}



@media only screen and (max-width: 991px) {
  /* header */
  .header__search-wrap { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }

  /* content */
  .newsletter { padding: 4rem 0 3rem; }
  .item { margin-bottom: 2rem; }
  .item__tags { right: 0; }
  .content .badge--discount, .content .badge--discount:hover,
  .badge--discount, .badge--discount:hover { margin-top: 0.8125rem; }
  .content .badge--discount.badge--small, .content .badge--discount.badge--small:hover,
  .badge--discount.badge--small, .badge--discount.badge--small:hover { margin-top: 0; }
  .item__button--addcart,
  .button-cont,
  .item__addcart { max-width: 210px; }
  .list-item .item__prices > .row { -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; }
  .list-item .item__prices > .row > .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; }

  .detail-center-col { padding-left: 3rem; }
  .content .detail__info-stock { margin-bottom: 1.5rem; padding: 0.8125rem 1rem; font-size: 0.875rem; line-height: 1.25rem; }
  .listing-holder i.question-mark { margin: 0.7rem auto 0 auto; display: block; }

  .content--related .carousel { margin-bottom: 2rem; }

  .table--responsive .button .button-icon-login { margin: -1px 0 6px 0; display: block; }

  .dropdown--search .dropdown-menu.search__result { left: -22px !important; top: 23px !important; }
  .nano > .nano-pane { opacity: 0.3; }
  .result__img { margin-right: 0.8125rem; }
  .result__price { float: right; padding-right: 0; padding-top: 0; }
  .stock--result { float: right; padding-right: 0; font-size: 0.675rem; line-height: 0.75rem; padding-top: 0.15rem; clear:both; }
  .stock--result .stock__icon { display: none; }
  .hintrow .result__tit { padding-top: 0; display: block; }

  .owl-carousel.carousel-preview .owl-nav button { font-size: 1.75rem; margin-top: -30px; }
  .owl-carousel.carousel-preview .owl-nav button.owl-prev { left: -30px; }
  .owl-carousel.carousel-preview .owl-nav button.owl-next { right: -30px; }

  table.table--responsive .counter .input-number, .item--line .counter .input-number { height: 2rem !important; }
  table.table--responsive .counter .quantity-down, table .counter .quantity-up, .item--line .counter .quantity-down, .item--line .counter .quantity-up { padding: 5px 6px 7px 8px; }

  .custom-control-description.label--payment span, .custom-control-description.label--shipping span { line-height: 1.2; }

  .login-row__container { background: url("../img/bg/bg-login-row_md.jpg") no-repeat right bottom; }
  .login-row__container .checkout__desc { max-width: 310px; }
  .login-row__arr { display: none; }

  .ladder__carousel .item .item__tags { right: 0.5rem; }

  .content .subnav__item { margin-right: 1rem; }
}



@media only screen and (max-width: 880px) {
  .ladder .item__tags { left: auto; right: 0; }
}



@media only screen and (max-width: 767px) {
  /* header */
  .subheader { margin-bottom: 0.5rem; }
  .subheader > .container { padding-top: 2.5rem; padding-bottom: 1.5rem; }
  .subheader--selfcare { margin-bottom: 2rem;}
  .subheader--selfcare > .container { padding-top: 1rem; padding-bottom: 1.5rem; }
  .subheader--breadcrumb > .container { padding-top: 1.35rem; padding-bottom: 2.15rem; }
  .subheader h1, .content .carousel-banner__title { font-size: 2.25rem; line-height: 2.15rem; }
  .subheader--steps { margin-bottom: 1.875rem; }
  .content .subnav { padding-top: 0; min-height: 0; }
  .content .subnav__item a { padding: 0.45rem 0.75rem 0.25rem; }
  .content .subnav__item.is--active a, .content .subnav__item.is--active a:hover { background-color: #ed1c24; color: #fff; }
  .content .subnav__item.is--active a span { background-color: #fff; color: #ed1c24; }
  .content .category__item { font-size: 0.875rem; }
  .dropdown--login { display: inline-block; }
  .is--tester::before { bottom: 19px; right: 26px; }

  /* content */
  .ship--edit, .ship--truck { margin: 0 2.65rem 0 0; width: 30px; }
  .newsletter { padding: 3rem 0 2rem; }
  svg.icon--big { width: 56px; height: 58px; }

  .content h2, .content h2:not(.sr-only), .content .h2, .content .h2:not(.sr-only) { margin-bottom: 1rem; font-size: 1.3rem; }
  .content h4, .content .h4 { margin-bottom: 1rem; font-size: 1.15rem; line-height: 1.35rem; }
  .content #payment_form h4 { font-size: 1.1rem; }

  .ladder__title, .content .ladder__title, .newsletter__tit, .content .newsletter__tit { margin-bottom: 1.875rem; padding: 0; font-size: 1.875rem; }

  .owl-carousel.carousel-banner { padding-left: 2rem; padding-right: 2rem; }
  .owl-carousel.carousel-banner .owl-item .carousel-banner__item img { width: 200px; margin: 0 auto; }
  .carousel-banner__item { padding: 1.875rem 1.5rem; }
  .owl-carousel.carousel-banner .owl-nav button { font-size: 1.675rem; }

  .breadcrumb, .content .breadcrumb { margin: 0 0 2rem 0; }
  .detail-center-col { padding-left: 0; }
  .owl-carousel.carousel-preview { padding-left: 2rem; padding-right: 2rem; }
  .owl-carousel.carousel-preview .owl-nav button.owl-prev { left: 0; }
  .owl-carousel.carousel-preview .owl-nav button.owl-next { right: 0; }

  .detail__tags { margin-bottom: 1.5rem; }

  .collapse__title, .content .collapse__title { margin-top: 0; margin-bottom: 1rem !important; padding: 0.75rem 0 0.675rem; font-size: 1.2rem !important; background: none; border-radius: 0; border-bottom: 1px solid #ed1c24; float: left; width: 100%; clear: both; }
  .content .title-border > span { padding: 0; border: none; }
  .collapse__title-toggle { display: block; }
  .collapse__title-toggle svg { transform: rotate(180deg); transition: 0.3s; }
  .collapse__title-toggle.collapsed svg { transform: rotate(0); }
  .collapse__box { border-radius: 0; padding: 0.75rem 0 0.675rem; background: none; float: left; width: 100%; clear: both; }
  .content .collapse__box table td { border-color: #ddd; }

  .medailon__image { margin: 1.35rem auto; max-height: 160px; }

  .message-infobar { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .message-infobar__item { font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 0; }
  .message-infobar button.close { line-height: 1.5rem; }

  .login-row__container { background: url("../img/bg/bg-login-row_sm.jpg") no-repeat right bottom; }
  .login-row__container .checkout__desc { max-width: 100%; }

  .tooltip { display: none !important; }
  .tooltip.force-show { display: block !important; }

  .content .wl-container p { text-align: center; }
  .content .wl-container ul.collapse { display: none; }
  .content .wl-container ul.collapse.show { display: block; }
  .content .wl-container .button { display: inline-block; }

  .sidepopup { width: 223px; bottom: 16px; }
  .sidepopup__inner { padding-right: 3.45rem; }
  .sidepopup__inner p { font-size: 0.8125rem; }
  .sidepopup__image { width: 118px; height: 236px; position: absolute; bottom: 0; right: -42px; }

  .content .alphabet-select > ul > li { width: 16.5%; }
  .content .alphabet-select > ul > li a { padding: 1rem 0; }
  .content .alphabet__list > li { line-height: 1.25rem; margin-bottom: 0.55rem; }


  .content .subnav__item { margin-right: 0; }

  /* footer */
  .footer p { font-size: 0.875rem; line-height: 1.15rem; }
  .footer table td { font-size: 0.875rem; line-height: 1.35rem; padding-bottom: 0.5rem; }
  .footer-crew__nav a { padding: 0.2rem 0.675rem; font-size: 0.9375rem; }
  .footer-crew__soc a { font-size: 1.5rem; padding: 0.6rem 1.2rem; }
}



@media only screen and (max-width: 575px) {
  /* header */
  .header__logo { margin-bottom: 1.25rem; }
  .header__logo svg { width: 125px; height: 30px; }
  .header__flag { height: 30px; margin-left: 20px; }
  .header__control { text-align: center; }
  /*.header__carousel { display: none !important; }
  .navbar-crew--main { border-bottom: 1px solid #ed1c24; }
  .navbar-crew--category { display: none; }*/
  .navbar-crew__button { margin: 0.475rem 1rem; }
  .navbar-crew__item, .navbar-toggle, .navbar-toggle-more { padding: 1.1rem 1.15rem; line-height: 1.2rem; }
  .navbar-toggle-more { padding-right: 2.25rem; }
  .navbar-toggle svg, .navbar-toggle-more svg { top: 16px; right: 10px; }
  .subheader > .container { padding-top: 1.5rem; padding-bottom: 0.5rem; }
  .subheader--breadcrumb > .container { padding-bottom: 1.25rem; }
  .subheader--selfcare > .container { padding-top: 0.675rem; padding-bottom: 1.25rem; }
  .subheader--selfcare { margin-bottom: 1.5rem;}
  .subheader h1, .content .carousel-banner__title { font-size: 2rem; }
  .content .subnav__item { margin-left: 0; }
  .content .subnav__item a { padding-top: 0.3rem; }
  .steps { margin: 0; }
  .step-tit span { margin: 0 auto 0.5rem; }
  .steps > .col { margin: -5px 0 10px; }


  /* content */
  /*.ship--edit, .ship--truck { margin: 0 2.65rem 0 0; width: 30px; }*/
  .newsletter { padding: 3rem 0 2rem; }

  .breadcrumb, .content .breadcrumb { margin: 0 0 1rem 0; }
  .breadcrumb > li + li::before, .content .breadcrumb > li + li::before { margin: 0 0.35rem; }

  .content p { margin-bottom: 1rem; }
  .content .lead { font-size: 1.15rem; line-height: 1.5rem; }
  .ladder__title, .content .ladder__title, .newsletter__tit, .content .newsletter__tit { margin-bottom: 1.875rem; font-size: 1.5rem; }

  .content .detail__button .button--big { padding: 0.75rem 2.25rem 0.875rem; }

  .ship--edit, .ship--truck { margin: 0 .5rem .5rem 0; width: 20px; }
  .registration-frm { margin: 0; padding-top: 1rem; }

  .newsletter { padding: 2.5rem 0 1.5rem; }

  .filters__wrap { margin-bottom: 2rem; }

  .table--responsive .button .button-icon-login { margin: -3px 3px 0 -3px; display: inline-block; }

  .icon--faq { display: none; }
  .faq__title, .content .faq__title { margin-bottom: 1rem; padding-top: 1rem; cursor: pointer; border-top: 1px solid #eee; position: relative; }
  .faq__title--noborder, .content .faq__title--noborder { border-top: none; }
  .faq__title-toggle { display: block; }
  .faq__title-toggle svg, .collapse__title-toggle svg { display: block; transform: rotate(180deg); transition: 0.3s; }
  .faq__title-toggle.collapsed svg, .collapse__title.collapsed .collapse__title-toggle svg { transform: rotate(0); }
  .faq__box { padding-bottom: 1rem; }

  .content .cat-circle { margin-bottom: 0.5rem; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }
  .cat-circle__cover { margin: 0; width: 66px; height: 66px; flex: 0 0 66px; max-width: 66px; }
  .cat-circle__title { padding-left: 1.625rem; display: block; font-size: 1rem; text-align: left; }

  .content--related .carousel { margin-bottom: 1rem; }
  .carousel .container { padding-right: 15px; }

  .input-number { height: 2.4rem !important; }
  .counter .quantity-down { padding: 8px 6px 9px 8px; }
  .counter .quantity-up { padding: 8px 8px 9px 6px; }
  table.table--responsive .counter .input-number, .item--line .counter .input-number { height: 1.85rem !important; }
  table.table--responsive .counter .quantity-down, table .counter .quantity-up, .item--line .counter .quantity-down, .item--line .counter .quantity-up { padding: 3px 6px 5px 8px; }

  .message-infobar { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .message-infobar__item { font-size: 1.15rem; line-height: 1.25rem; letter-spacing: 0; }
  .message-infobar button.close { line-height: 1.25rem; }

  .login-row__container { padding: 0.35rem 1rem 1rem 5.8rem; background: url("../img/bg/bg-login-row_xs.jpg") repeat-x bottom; }
  .content .table--responsive tr.login-row, .table--responsive tr.login-row { padding-bottom: 0; }
  .content .login-row__container p { margin-bottom: 0.75rem; }
  .login-row__arr { display: inline-block; }

  .content .table--responsive tr, .table--responsive tr { border: none; border-bottom: 1px solid #ccc; }
  .content .table--responsive tr:nth-last-of-type(1), .table--responsive tr:nth-last-of-type(1), .content .table--responsive { border: none; }
  .content .alphabet-select > ul > li { width: 20%; }

  .button--lgreen { font-size: 0.875rem; }

  .tooltip-inner { max-width: 300px; }

  .content .subnav__item { margin-right: 0.3rem; }
}



@media only screen and (max-width: 499px) {
  .navbar-crew--category { text-align: center; }
  .navbar-crew--category .navbar-crew__nav { text-align: left; }
  .navbar-crew__button { margin: 0 1rem 0.75rem; }
}



@media only screen and (max-width: 479.98px) {
  /* content */
  .item__tags > .tag { float: left; margin-right: 0.5rem; }
  .item__tit, .content .item__tit { margin-bottom: 0.675rem; }
  .tag { width: 3.5rem; margin-bottom: 0.675rem; height: 1.675rem; font-size: 0.6rem; font-weight: 600; }
  .cat-circle__cover { width: 50px; height: 50px; flex: 0 0 50px; max-width: 50px; }
  .content .button__wishlist,
  .button__wishlist.remove-from-wishlist { width: 38px; }
  .button-cont--buywish .item__addcart, .button-cont--buywish .item__button { padding-right: 54px; }

  .breadcrumb > li, .content .breadcrumb > li { display: none; }
  .breadcrumb > li:nth-last-of-type(2), .content .breadcrumb > li:nth-last-of-type(2) { display: inline-block; }
  .breadcrumb > li + li::before, .content .breadcrumb > li + li::before { content: "\e605"; margin: 0 0.25rem 0 0; }

  .listing-holder button { padding: 0.8125rem 1.125rem 0.75rem 3.125rem; font-size: 0.9375rem; }
  .listing-holder button svg { left: 0.875rem; height: 18px; }

  .owl-carousel.carousel-preview { padding-left: 1.25rem; padding-right: 1.25rem; }
  .owl-carousel.carousel-preview .owl-nav button.owl-prev { left: -10px; }
  .owl-carousel.carousel-preview .owl-nav button.owl-next { right: -10px; }

  .label--payment, .label--shipping { padding: 0 0 0 65px; }
}


@media only screen and (max-width: 400px) {
  /* content */
  .item { margin-bottom: 1.5rem; }
  .footer-crew__soc a { padding: 0.6rem 0.875rem; }
}



@media screen and (max-width: 399.98px) {
  /* content */
  .d-sm2-none { display: none !important; }
  .d-sm2-inline-block { display: inline-block !important; }
  .dropdown--crew-search > .dropdown-menu { width: 100%; -webkit-transform: translate3d(0, 49px, 0) !important; transform: translate3d(0, 49px, 0) !important; }

  .ladder__carousel { padding: 0 3.5rem 0 3rem; }
  .ladder__decor { width: 100% !important; margin-left: -50% !important; }

  .login-row__arr { display: none; }

  .detail-left-col .button-cont { width: 100%; }
  .content .button-cont.detail__button .button--big { padding-right: 92px; width: 100%; }
  .content .button-cont.detail__button .button__wishlist,
  .content .content .button-cont.detail__button .button__wishlist,
  .content .button-cont.detail__button .button__wishlist.remove-from-wishlist { width: 48px; }
  .content .badge--discount.badge--big, .content .badge--discount.badge--big:hover,
  .badge--discount.badge--big, .badge--discount.badge--big:hover { margin-top: 0; margin-left: 0; }
  .col--badge { width: 100%; flex-basis: 100%; flex: 0 1 100%; max-width: 100%; }
}



.is--logged::before {
  display: none;
}
.is--logged.is--tester::before {
  display: block;
}


.search__result { top: 42px; height: 340px; width: calc(100% - 3rem); border-radius: 5px; }
.search__result ul li.hintrow { padding: 0; border-bottom: 1px solid #eee; }
.search__result ul li.hintrow > a { padding: 0.8125rem; display: block; transition: 0.15s; }
.search__result ul li.hintrow > a:hover, .search__result ul li.hintrow.hover > a, .search__result ul li.hintrow:focus > a { background-color: #f5f5f5; }
.search__result ul li.hintrow.hover a .result__img { transform: scale(1.2); -webkit-transform: scale(1.1); }
.result__tit { margin: 0; padding-top: 0.15rem; height: auto; line-height: 1.15rem; }
.result__author { margin-bottom: 0; font-size: 0.8125rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.result__price { margin-bottom: 0; padding-top: 0.1rem; padding-right: 0.55rem; line-height: 1.1rem; font-weight: 700; color: #434343; }
.result__price strike { font-size: 0.675rem; padding-right: 0.25rem; font-weight: 400; color: #cb1040; display: block; }
.stock--result { padding-left: 0; padding-right: 0.55rem; position: relative; float: right; display: inline-block; font-size: 0.8125rem; line-height: 0.8125rem; }
.stock--result .stock__icon { top: 0; }


.hintserver-suggestions .nano-content {
  position: absolute;
  height: 340px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  border-top: 2px solid #ec1c29;
}
.hintserver-suggestions {
  top: 42px; width: calc(100% - 3rem); border-radius: 5px;

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.23);
  overflow: hidden;
  height: 340px !important;
  max-height: 340px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  cursor: default;
}
.hintserver-suggestion { white-space: nowrap; overflow: hidden; margin: 0; padding: 0.8125rem; list-style: none; border-bottom: 1px solid #f4f4f4; }
.hintserver-suggestion a { color: #434343; text-decoration: none !important; }
.hintserver-suggestion h3 { line-height: 1.9rem; }
.hintserver-suggestion h4 { font-size: 0.8rem; }
.hintserver-no-suggestion { padding: 2px 5px;}
.hintserver-selected { background: #F0F0F0; }
.hintserver-suggestions strong { font-weight: bold; color: #000; }
.hintserver-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }