.qk-darkgray-border {
  border-color: #565656;
  border-top-color: #565656;
  border-right-color: #565656;
  border-bottom-color: #565656;
  border-left-color: #565656
}

.qk-basic-light-border {
  border-color: #e2e2e2;
  border-top-color: #e2e2e2;
  border-right-color: #e2e2e2;
  border-bottom-color: #e2e2e2;
  border-left-color: #e2e2e2
}

.qk-primary-selected {
  color: #fff;
  background: #624d4a
}

.qk-primary-outline-btn {
  border: 1px solid #624d4a;
  color: #624d4a;
  background-color: #fff
}

@media(min-width: 769px) {
  .qk-primary-outline-btn:hover {
    background-color: #624d4a;
    color: #fff
  }
}

.qk-primary-btn {
  background: #624d4a;
  border-color: #624d4a;
  border-radius: 5px;
  color: #fff;
  text-align: center
}

  .qk-primary-btn:hover {
    background: #482f2c;
    border-color: #482f2c;
    color: #fff
  }

  .qk-primary-btn:disabled {
    background-color: #dbdbdb;
    border: solid 1px #dbdbdb;
    cursor: not-allowed
  }

.qk-account-btn {
  background: #abb4bb;
  border-color: #abb4bb;
  border-radius: 5px;
  color: #fff;
  text-align: center
}

  .qk-account-btn:hover {
    background: #86919b;
    border-color: #86919b;
    color: #fff
  }

  .qk-account-btn:disabled {
    background-color: #dbdbdb;
    border: solid 1px #dbdbdb;
    cursor: not-allowed
  }

.qk-soldout-btn:disabled {
  background-color: #f0f1f3;
  border: solid 1px #e2e2e2;
  cursor: not-allowed;
  color: #a3a3a3;
  font-size: 14px
}

.qk-basic-light-bg {
  background: #e2e2e2
}

.qk-primary-text {
  color: #624d4a
}

.qk-darkgray-text {
  color: #565656
}

.qk-account-text {
  color: #9a9ea2
}

.qk-money-text {
  color: #d50000
}

.facebook-svg .svg-background, .instagram-svg .svg-background, .line-svg .svg-background, .youtube-svg .svg-background {
  fill: none
}

.facebook-svg:hover .svg-text, .instagram-svg:hover .svg-text, .line-svg:hover .svg-text, .youtube-svg:hover .svg-text {
  fill: #fff !important
}

.facebook-svg:hover .svg-border, .facebook-svg:hover .svg-background {
  fill: #3a59a4
}

.instagram-svg .svg-background {
  visibility: hidden
}

.instagram-svg:hover .svg-background {
  visibility: visible
}

.instagram-svg:hover .svg-border {
  fill: #fff !important
}

.line-svg:hover .svg-border, .line-svg:hover .svg-background {
  fill: #3cd52e
}

.youtube-svg:hover .svg-border, .youtube-svg:hover .svg-background {
  fill: red
}

:root {
  --primary: #ff7796;
  --secondary: #ff6084;
  --primary_light: #f9f9f9;
  --secondary_light: #efc7d0;
  --title: #565656;
  --sale: #ff7796;
  --account: #9a9ea2;
  --body: #a3a3a3;
  --background: #f9f9f9;
  --border: #e2e2e2;
  --dark: #565656;
  --tips: #0c5460;
  --link: #33a4e8;
  --error: #dc3545;
  --warning: #ffeeee;
  --modal_header: #abb4bb;
  --close_btn: #9a9ea2;
  --mask: rgba(0, 0, 0, 0.05);
  --accent: #2b2b6e;
  --heading: #565656;
  --text: #9a9ea2;
  --price: #c39d6f;
  --discount_price: #c39d6f;
  --theme_bg: #fff;
  --nav_logo_bg: #fff;
  --nav_menu_bg: #fff;
  --nav_menu_text: #565656;
  --nav_menu_icon: #565656;
  --footer_bg: #000;
  --footer_text: #fff;
  --checkout_button: #ff6855;
  --checkout_accent: #ff6855;
  --timer_text: #c39d6f;
  --timer_bg: #2b2b6e;
  --product_border: #e2e2e2;
  --tips_text: #0c5460;
  --default_light: #a3a3a3;
  --default_dark: #565656;
  --side_primary: #fff5f7;
  --side_secondary: #efc7d0;
  --black: #000;
  --white: #fff;
  --gray: #f9f9f9;
  --light: #e2e2e2;
  --transparent: transparent;
  --arrow: #a3a3a3;
  --hovered_arrow: #565656;
  --button: #000;
  --button_text: #fff;
  --express_delivery_logo: #31b95b;
  --express_delivery_icon: #fff
}

.qk-text--primary {
  color: #ff7796\0 !important;
  color: var(--primary) !important
}

.qk-text--primary_hover:hover {
  color: #ff7796\0 !important;
  color: var(--primary) !important
}

.qk-text--secondary {
  color: #ff6084\0 !important;
  color: var(--secondary) !important
}

.qk-text--secondary_hover:hover {
  color: #ff6084\0 !important;
  color: var(--secondary) !important
}

.qk-text--primary_light {
  color: #f9f9f9\0 !important;
  color: var(--primary_light) !important
}

.qk-text--primary_light_hover:hover {
  color: #f9f9f9\0 !important;
  color: var(--primary_light) !important
}

.qk-text--secondary_light {
  color: #efc7d0\0 !important;
  color: var(--secondary_light) !important
}

.qk-text--secondary_light_hover:hover {
  color: #efc7d0\0 !important;
  color: var(--secondary_light) !important
}

.qk-text--title {
  color: #565656\0 !important;
  color: var(--title) !important
}

.qk-text--title_hover:hover {
  color: #565656\0 !important;
  color: var(--title) !important
}

.qk-text--sale {
  color: #ff7796\0 !important;
  color: var(--sale) !important
}

.qk-text--sale_hover:hover {
  color: #ff7796\0 !important;
  color: var(--sale) !important
}

.qk-text--account {
  color: #9a9ea2\0 !important;
  color: var(--account) !important
}

.qk-text--account_hover:hover {
  color: #9a9ea2\0 !important;
  color: var(--account) !important
}

.qk-text--body {
  color: #a3a3a3\0 !important;
  color: var(--body) !important
}

.qk-text--body_hover:hover {
  color: #a3a3a3\0 !important;
  color: var(--body) !important
}

.qk-text--background {
  color: #f9f9f9\0 !important;
  color: var(--background) !important
}

.qk-text--background_hover:hover {
  color: #f9f9f9\0 !important;
  color: var(--background) !important
}

.qk-text--border {
  color: #e2e2e2\0 !important;
  color: var(--border) !important
}

.qk-text--border_hover:hover {
  color: #e2e2e2\0 !important;
  color: var(--border) !important
}

.qk-text--dark {
  color: #565656\0 !important;
  color: var(--dark) !important
}

.qk-text--dark_hover:hover {
  color: #565656\0 !important;
  color: var(--dark) !important
}

.qk-text--tips {
  color: #0c5460\0 !important;
  color: var(--tips) !important
}

.qk-text--tips_hover:hover {
  color: #0c5460\0 !important;
  color: var(--tips) !important
}

.qk-text--link {
  color: #33a4e8\0 !important;
  color: var(--link) !important
}

.qk-text--link_hover:hover {
  color: #33a4e8\0 !important;
  color: var(--link) !important
}

.qk-text--error {
  color: #dc3545\0 !important;
  color: var(--error) !important
}

.qk-text--error_hover:hover {
  color: #dc3545\0 !important;
  color: var(--error) !important
}

.qk-text--warning {
  color: #ffeeee\0 !important;
  color: var(--warning) !important
}

.qk-text--warning_hover:hover {
  color: #ffeeee\0 !important;
  color: var(--warning) !important
}

.qk-text--modal_header {
  color: #abb4bb\0 !important;
  color: var(--modal_header) !important
}

.qk-text--modal_header_hover:hover {
  color: #abb4bb\0 !important;
  color: var(--modal_header) !important
}

.qk-text--close_btn {
  color: #9a9ea2\0 !important;
  color: var(--close_btn) !important
}

.qk-text--close_btn_hover:hover {
  color: #9a9ea2\0 !important;
  color: var(--close_btn) !important
}

.qk-text--mask {
  color: rgba(0, 0, 0, 0.05)\0 !important;
  color: var(--mask) !important
}

.qk-text--mask_hover:hover {
  color: rgba(0, 0, 0, 0.05)\0 !important;
  color: var(--mask) !important
}

.qk-text--accent {
  color: #2b2b6e\0 !important;
  color: var(--accent) !important
}

.qk-text--accent_hover:hover {
  color: #2b2b6e\0 !important;
  color: var(--accent) !important
}

.qk-text--heading {
  color: #565656\0 !important;
  color: var(--heading) !important
}

.qk-text--heading_hover:hover {
  color: #565656\0 !important;
  color: var(--heading) !important
}

.qk-text--text {
  color: #9a9ea2\0 !important;
  color: var(--text) !important
}

.qk-text--text_hover:hover {
  color: #9a9ea2\0 !important;
  color: var(--text) !important
}

.qk-text--price {
  color: #c39d6f\0 !important;
  color: var(--price) !important
}

.qk-text--price_hover:hover {
  color: #c39d6f\0 !important;
  color: var(--price) !important
}

.qk-text--discount_price {
  color: #c39d6f\0 !important;
  color: var(--discount_price) !important
}

.qk-text--discount_price_hover:hover {
  color: #c39d6f\0 !important;
  color: var(--discount_price) !important
}

.qk-text--theme_bg {
  color: #fff\0 !important;
  color: var(--theme_bg) !important
}

.qk-text--theme_bg_hover:hover {
  color: #fff\0 !important;
  color: var(--theme_bg) !important
}

.qk-text--nav_logo_bg {
  color: #fff\0 !important;
  color: var(--nav_logo_bg) !important
}

.qk-text--nav_logo_bg_hover:hover {
  color: #fff\0 !important;
  color: var(--nav_logo_bg) !important
}

.qk-text--nav_menu_bg {
  color: #fff\0 !important;
  color: var(--nav_menu_bg) !important
}

.qk-text--nav_menu_bg_hover:hover {
  color: #fff\0 !important;
  color: var(--nav_menu_bg) !important
}

.qk-text--nav_menu_text {
  color: #565656\0 !important;
  color: var(--nav_menu_text) !important
}

.qk-text--nav_menu_text_hover:hover {
  color: #565656\0 !important;
  color: var(--nav_menu_text) !important
}

.qk-text--nav_menu_icon {
  color: #565656\0 !important;
  color: var(--nav_menu_icon) !important
}

.qk-text--nav_menu_icon_hover:hover {
  color: #565656\0 !important;
  color: var(--nav_menu_icon) !important
}

.qk-text--footer_bg {
  color: #000\0 !important;
  color: var(--footer_bg) !important
}

.qk-text--footer_bg_hover:hover {
  color: #000\0 !important;
  color: var(--footer_bg) !important
}

.qk-text--footer_text {
  color: #fff\0 !important;
  color: var(--footer_text) !important
}

.qk-text--footer_text_hover:hover {
  color: #fff\0 !important;
  color: var(--footer_text) !important
}

.qk-text--checkout_button {
  color: #ff6855\0 !important;
  color: var(--checkout_button) !important
}

.qk-text--checkout_button_hover:hover {
  color: #ff6855\0 !important;
  color: var(--checkout_button) !important
}

.qk-text--checkout_accent {
  color: #ff6855\0 !important;
  color: var(--checkout_accent) !important
}

.qk-text--checkout_accent_hover:hover {
  color: #ff6855\0 !important;
  color: var(--checkout_accent) !important
}

.qk-text--timer_text {
  color: #c39d6f\0 !important;
  color: var(--timer_text) !important
}

.qk-text--timer_text_hover:hover {
  color: #c39d6f\0 !important;
  color: var(--timer_text) !important
}

.qk-text--timer_bg {
  color: #2b2b6e\0 !important;
  color: var(--timer_bg) !important
}

.qk-text--timer_bg_hover:hover {
  color: #2b2b6e\0 !important;
  color: var(--timer_bg) !important
}

.qk-text--product_border {
  color: #e2e2e2\0 !important;
  color: var(--product_border) !important
}

.qk-text--product_border_hover:hover {
  color: #e2e2e2\0 !important;
  color: var(--product_border) !important
}

.qk-text--tips_text {
  color: #0c5460\0 !important;
  color: var(--tips_text) !important
}

.qk-text--tips_text_hover:hover {
  color: #0c5460\0 !important;
  color: var(--tips_text) !important
}

.qk-text--default_light {
  color: #a3a3a3\0 !important;
  color: var(--default_light) !important
}

.qk-text--default_light_hover:hover {
  color: #a3a3a3\0 !important;
  color: var(--default_light) !important
}

.qk-text--default_dark {
  color: #565656\0 !important;
  color: var(--default_dark) !important
}

.qk-text--default_dark_hover:hover {
  color: #565656\0 !important;
  color: var(--default_dark) !important
}

.qk-text--side_primary {
  color: #fff5f7\0 !important;
  color: var(--side_primary) !important
}

.qk-text--side_primary_hover:hover {
  color: #fff5f7\0 !important;
  color: var(--side_primary) !important
}

.qk-text--side_secondary {
  color: #efc7d0\0 !important;
  color: var(--side_secondary) !important
}

.qk-text--side_secondary_hover:hover {
  color: #efc7d0\0 !important;
  color: var(--side_secondary) !important
}

.qk-text--black {
  color: #000\0 !important;
  color: var(--black) !important
}

.qk-text--black_hover:hover {
  color: #000\0 !important;
  color: var(--black) !important
}

.qk-text--white {
  color: #fff\0 !important;
  color: var(--white) !important
}

.qk-text--white_hover:hover {
  color: #fff\0 !important;
  color: var(--white) !important
}

.qk-text--gray {
  color: #f9f9f9\0 !important;
  color: var(--gray) !important
}

.qk-text--gray_hover:hover {
  color: #f9f9f9\0 !important;
  color: var(--gray) !important
}

.qk-text--light {
  color: #e2e2e2\0 !important;
  color: var(--light) !important
}

.qk-text--light_hover:hover {
  color: #e2e2e2\0 !important;
  color: var(--light) !important
}

.qk-text--transparent {
  color: transparent\0 !important;
  color: var(--transparent) !important
}

.qk-text--transparent_hover:hover {
  color: transparent\0 !important;
  color: var(--transparent) !important
}

.qk-text--arrow {
  color: #a3a3a3\0 !important;
  color: var(--arrow) !important
}

.qk-text--arrow_hover:hover {
  color: #a3a3a3\0 !important;
  color: var(--arrow) !important
}

.qk-text--hovered_arrow {
  color: #565656\0 !important;
  color: var(--hovered_arrow) !important
}

.qk-text--hovered_arrow_hover:hover {
  color: #565656\0 !important;
  color: var(--hovered_arrow) !important
}

.qk-text--button {
  color: #000\0 !important;
  color: var(--button) !important
}

.qk-text--button_hover:hover {
  color: #000\0 !important;
  color: var(--button) !important
}

.qk-text--button_text {
  color: #fff\0 !important;
  color: var(--button_text) !important
}

.qk-text--button_text_hover:hover {
  color: #fff\0 !important;
  color: var(--button_text) !important
}

.qk-text--express_delivery_logo {
  color: #31b95b\0 !important;
  color: var(--express_delivery_logo) !important
}

.qk-text--express_delivery_logo_hover:hover {
  color: #31b95b\0 !important;
  color: var(--express_delivery_logo) !important
}

.qk-text--express_delivery_icon {
  color: #fff\0 !important;
  color: var(--express_delivery_icon) !important
}

.qk-text--express_delivery_icon_hover:hover {
  color: #fff\0 !important;
  color: var(--express_delivery_icon) !important
}

.qk-bg--primary {
  background-color: #ff7796\0 !important;
  background-color: var(--primary) !important
}

.qk-bg--primary_hover:hover {
  background-color: #ff7796\0 !important;
  background-color: var(--primary) !important
}

.qk-bg--secondary {
  background-color: #ff6084\0 !important;
  background-color: var(--secondary) !important
}

.qk-bg--secondary_hover:hover {
  background-color: #ff6084\0 !important;
  background-color: var(--secondary) !important
}

.qk-bg--primary_light {
  background-color: #f9f9f9\0 !important;
  background-color: var(--primary_light) !important
}

.qk-bg--primary_light_hover:hover {
  background-color: #f9f9f9\0 !important;
  background-color: var(--primary_light) !important
}

.qk-bg--secondary_light {
  background-color: #efc7d0\0 !important;
  background-color: var(--secondary_light) !important
}

.qk-bg--secondary_light_hover:hover {
  background-color: #efc7d0\0 !important;
  background-color: var(--secondary_light) !important
}

.qk-bg--title {
  background-color: #565656\0 !important;
  background-color: var(--title) !important
}

.qk-bg--title_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--title) !important
}

.qk-bg--sale {
  background-color: #ff7796\0 !important;
  background-color: var(--sale) !important
}

.qk-bg--sale_hover:hover {
  background-color: #ff7796\0 !important;
  background-color: var(--sale) !important
}

.qk-bg--account {
  background-color: #9a9ea2\0 !important;
  background-color: var(--account) !important
}

.qk-bg--account_hover:hover {
  background-color: #9a9ea2\0 !important;
  background-color: var(--account) !important
}

.qk-bg--body {
  background-color: #a3a3a3\0 !important;
  background-color: var(--body) !important
}

.qk-bg--body_hover:hover {
  background-color: #a3a3a3\0 !important;
  background-color: var(--body) !important
}

.qk-bg--background {
  background-color: #f9f9f9\0 !important;
  background-color: var(--background) !important
}

.qk-bg--background_hover:hover {
  background-color: #f9f9f9\0 !important;
  background-color: var(--background) !important
}

.qk-bg--border {
  background-color: #e2e2e2\0 !important;
  background-color: var(--border) !important
}

.qk-bg--border_hover:hover {
  background-color: #e2e2e2\0 !important;
  background-color: var(--border) !important
}

.qk-bg--dark {
  background-color: #565656\0 !important;
  background-color: var(--dark) !important
}

.qk-bg--dark_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--dark) !important
}

.qk-bg--tips {
  background-color: #0c5460\0 !important;
  background-color: var(--tips) !important
}

.qk-bg--tips_hover:hover {
  background-color: #0c5460\0 !important;
  background-color: var(--tips) !important
}

.qk-bg--link {
  background-color: #33a4e8\0 !important;
  background-color: var(--link) !important
}

.qk-bg--link_hover:hover {
  background-color: #33a4e8\0 !important;
  background-color: var(--link) !important
}

.qk-bg--error {
  background-color: #dc3545\0 !important;
  background-color: var(--error) !important
}

.qk-bg--error_hover:hover {
  background-color: #dc3545\0 !important;
  background-color: var(--error) !important
}

.qk-bg--warning {
  background-color: #ffeeee\0 !important;
  background-color: var(--warning) !important
}

.qk-bg--warning_hover:hover {
  background-color: #ffeeee\0 !important;
  background-color: var(--warning) !important
}

.qk-bg--modal_header {
  background-color: #abb4bb\0 !important;
  background-color: var(--modal_header) !important
}

.qk-bg--modal_header_hover:hover {
  background-color: #abb4bb\0 !important;
  background-color: var(--modal_header) !important
}

.qk-bg--close_btn {
  background-color: #9a9ea2\0 !important;
  background-color: var(--close_btn) !important
}

.qk-bg--close_btn_hover:hover {
  background-color: #9a9ea2\0 !important;
  background-color: var(--close_btn) !important
}

.qk-bg--mask {
  background-color: rgba(0, 0, 0, 0.05)\0 !important;
  background-color: var(--mask) !important
}

.qk-bg--mask_hover:hover {
  background-color: rgba(0, 0, 0, 0.05)\0 !important;
  background-color: var(--mask) !important
}

.qk-bg--accent {
  background-color: #2b2b6e\0 !important;
  background-color: var(--accent) !important
}

.qk-bg--accent_hover:hover {
  background-color: #2b2b6e\0 !important;
  background-color: var(--accent) !important
}

.qk-bg--heading {
  background-color: #565656\0 !important;
  background-color: var(--heading) !important
}

.qk-bg--heading_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--heading) !important
}

.qk-bg--text {
  background-color: #9a9ea2\0 !important;
  background-color: var(--text) !important
}

.qk-bg--text_hover:hover {
  background-color: #9a9ea2\0 !important;
  background-color: var(--text) !important
}

.qk-bg--price {
  background-color: #c39d6f\0 !important;
  background-color: var(--price) !important
}

.qk-bg--price_hover:hover {
  background-color: #c39d6f\0 !important;
  background-color: var(--price) !important
}

.qk-bg--discount_price {
  background-color: #c39d6f\0 !important;
  background-color: var(--discount_price) !important
}

.qk-bg--discount_price_hover:hover {
  background-color: #c39d6f\0 !important;
  background-color: var(--discount_price) !important
}

.qk-bg--theme_bg {
  background-color: #fff\0 !important;
  background-color: var(--theme_bg) !important
}

.qk-bg--theme_bg_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--theme_bg) !important
}

.qk-bg--nav_logo_bg {
  background-color: #fff\0 !important;
  background-color: var(--nav_logo_bg) !important
}

.qk-bg--nav_logo_bg_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--nav_logo_bg) !important
}

.qk-bg--nav_menu_bg {
  background-color: #fff\0 !important;
  background-color: var(--nav_menu_bg) !important
}

.qk-bg--nav_menu_bg_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--nav_menu_bg) !important
}

.qk-bg--nav_menu_text {
  background-color: #565656\0 !important;
  background-color: var(--nav_menu_text) !important
}

.qk-bg--nav_menu_text_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--nav_menu_text) !important
}

.qk-bg--nav_menu_icon {
  background-color: #565656\0 !important;
  background-color: var(--nav_menu_icon) !important
}

.qk-bg--nav_menu_icon_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--nav_menu_icon) !important
}

.qk-bg--footer_bg {
  background-color: #000\0 !important;
  background-color: var(--footer_bg) !important
}

.qk-bg--footer_bg_hover:hover {
  background-color: #000\0 !important;
  background-color: var(--footer_bg) !important
}

.qk-bg--footer_text {
  background-color: #fff\0 !important;
  background-color: var(--footer_text) !important
}

.qk-bg--footer_text_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--footer_text) !important
}

.qk-bg--checkout_button {
  background-color: #ff6855\0 !important;
  background-color: var(--checkout_button) !important
}

.qk-bg--checkout_button_hover:hover {
  background-color: #ff6855\0 !important;
  background-color: var(--checkout_button) !important
}

.qk-bg--checkout_accent {
  background-color: #ff6855\0 !important;
  background-color: var(--checkout_accent) !important
}

.qk-bg--checkout_accent_hover:hover {
  background-color: #ff6855\0 !important;
  background-color: var(--checkout_accent) !important
}

.qk-bg--timer_text {
  background-color: #c39d6f\0 !important;
  background-color: var(--timer_text) !important
}

.qk-bg--timer_text_hover:hover {
  background-color: #c39d6f\0 !important;
  background-color: var(--timer_text) !important
}

.qk-bg--timer_bg {
  background-color: #2b2b6e\0 !important;
  background-color: var(--timer_bg) !important
}

.qk-bg--timer_bg_hover:hover {
  background-color: #2b2b6e\0 !important;
  background-color: var(--timer_bg) !important
}

.qk-bg--product_border {
  background-color: #e2e2e2\0 !important;
  background-color: var(--product_border) !important
}

.qk-bg--product_border_hover:hover {
  background-color: #e2e2e2\0 !important;
  background-color: var(--product_border) !important
}

.qk-bg--tips_text {
  background-color: #0c5460\0 !important;
  background-color: var(--tips_text) !important
}

.qk-bg--tips_text_hover:hover {
  background-color: #0c5460\0 !important;
  background-color: var(--tips_text) !important
}

.qk-bg--default_light {
  background-color: #a3a3a3\0 !important;
  background-color: var(--default_light) !important
}

.qk-bg--default_light_hover:hover {
  background-color: #a3a3a3\0 !important;
  background-color: var(--default_light) !important
}

.qk-bg--default_dark {
  background-color: #565656\0 !important;
  background-color: var(--default_dark) !important
}

.qk-bg--default_dark_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--default_dark) !important
}

.qk-bg--side_primary {
  background-color: #fff5f7\0 !important;
  background-color: var(--side_primary) !important
}

.qk-bg--side_primary_hover:hover {
  background-color: #fff5f7\0 !important;
  background-color: var(--side_primary) !important
}

.qk-bg--side_secondary {
  background-color: #efc7d0\0 !important;
  background-color: var(--side_secondary) !important
}

.qk-bg--side_secondary_hover:hover {
  background-color: #efc7d0\0 !important;
  background-color: var(--side_secondary) !important
}

.qk-bg--black {
  background-color: #000\0 !important;
  background-color: var(--black) !important
}

.qk-bg--black_hover:hover {
  background-color: #000\0 !important;
  background-color: var(--black) !important
}

.qk-bg--white {
  background-color: #fff\0 !important;
  background-color: var(--white) !important
}

.qk-bg--white_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--white) !important
}

.qk-bg--gray {
  background-color: #f9f9f9\0 !important;
  background-color: var(--gray) !important
}

.qk-bg--gray_hover:hover {
  background-color: #f9f9f9\0 !important;
  background-color: var(--gray) !important
}

.qk-bg--light {
  background-color: #e2e2e2\0 !important;
  background-color: var(--light) !important
}

.qk-bg--light_hover:hover {
  background-color: #e2e2e2\0 !important;
  background-color: var(--light) !important
}

.qk-bg--transparent {
  background-color: transparent\0 !important;
  background-color: var(--transparent) !important
}

.qk-bg--transparent_hover:hover {
  background-color: transparent\0 !important;
  background-color: var(--transparent) !important
}

.qk-bg--arrow {
  background-color: #a3a3a3\0 !important;
  background-color: var(--arrow) !important
}

.qk-bg--arrow_hover:hover {
  background-color: #a3a3a3\0 !important;
  background-color: var(--arrow) !important
}

.qk-bg--hovered_arrow {
  background-color: #565656\0 !important;
  background-color: var(--hovered_arrow) !important
}

.qk-bg--hovered_arrow_hover:hover {
  background-color: #565656\0 !important;
  background-color: var(--hovered_arrow) !important
}

.qk-bg--button {
  background-color: #000\0 !important;
  background-color: var(--button) !important
}

.qk-bg--button_hover:hover {
  background-color: #000\0 !important;
  background-color: var(--button) !important
}

.qk-bg--button_text {
  background-color: #fff\0 !important;
  background-color: var(--button_text) !important
}

.qk-bg--button_text_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--button_text) !important
}

.qk-bg--express_delivery_logo {
  background-color: #31b95b\0 !important;
  background-color: var(--express_delivery_logo) !important
}

.qk-bg--express_delivery_logo_hover:hover {
  background-color: #31b95b\0 !important;
  background-color: var(--express_delivery_logo) !important
}

.qk-bg--express_delivery_icon {
  background-color: #fff\0 !important;
  background-color: var(--express_delivery_icon) !important
}

.qk-bg--express_delivery_icon_hover:hover {
  background-color: #fff\0 !important;
  background-color: var(--express_delivery_icon) !important
}

.qk-bd--primary {
  border-color: #ff7796\0 !important;
  border-color: var(--primary) !important
}

.qk-bd--primary_hover:hover {
  border-color: #ff7796\0 !important;
  border-color: var(--primary) !important
}

.qk-bd--secondary {
  border-color: #ff6084\0 !important;
  border-color: var(--secondary) !important
}

.qk-bd--secondary_hover:hover {
  border-color: #ff6084\0 !important;
  border-color: var(--secondary) !important
}

.qk-bd--primary_light {
  border-color: #f9f9f9\0 !important;
  border-color: var(--primary_light) !important
}

.qk-bd--primary_light_hover:hover {
  border-color: #f9f9f9\0 !important;
  border-color: var(--primary_light) !important
}

.qk-bd--secondary_light {
  border-color: #efc7d0\0 !important;
  border-color: var(--secondary_light) !important
}

.qk-bd--secondary_light_hover:hover {
  border-color: #efc7d0\0 !important;
  border-color: var(--secondary_light) !important
}

.qk-bd--title {
  border-color: #565656\0 !important;
  border-color: var(--title) !important
}

.qk-bd--title_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--title) !important
}

.qk-bd--sale {
  border-color: #ff7796\0 !important;
  border-color: var(--sale) !important
}

.qk-bd--sale_hover:hover {
  border-color: #ff7796\0 !important;
  border-color: var(--sale) !important
}

.qk-bd--account {
  border-color: #9a9ea2\0 !important;
  border-color: var(--account) !important
}

.qk-bd--account_hover:hover {
  border-color: #9a9ea2\0 !important;
  border-color: var(--account) !important
}

.qk-bd--body {
  border-color: #a3a3a3\0 !important;
  border-color: var(--body) !important
}

.qk-bd--body_hover:hover {
  border-color: #a3a3a3\0 !important;
  border-color: var(--body) !important
}

.qk-bd--background {
  border-color: #f9f9f9\0 !important;
  border-color: var(--background) !important
}

.qk-bd--background_hover:hover {
  border-color: #f9f9f9\0 !important;
  border-color: var(--background) !important
}

.qk-bd--border {
  border-color: #e2e2e2\0 !important;
  border-color: var(--border) !important
}

.qk-bd--border_hover:hover {
  border-color: #e2e2e2\0 !important;
  border-color: var(--border) !important
}

.qk-bd--dark {
  border-color: #565656\0 !important;
  border-color: var(--dark) !important
}

.qk-bd--dark_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--dark) !important
}

.qk-bd--tips {
  border-color: #0c5460\0 !important;
  border-color: var(--tips) !important
}

.qk-bd--tips_hover:hover {
  border-color: #0c5460\0 !important;
  border-color: var(--tips) !important
}

.qk-bd--link {
  border-color: #33a4e8\0 !important;
  border-color: var(--link) !important
}

.qk-bd--link_hover:hover {
  border-color: #33a4e8\0 !important;
  border-color: var(--link) !important
}

.qk-bd--error {
  border-color: #dc3545\0 !important;
  border-color: var(--error) !important
}

.qk-bd--error_hover:hover {
  border-color: #dc3545\0 !important;
  border-color: var(--error) !important
}

.qk-bd--warning {
  border-color: #ffeeee\0 !important;
  border-color: var(--warning) !important
}

.qk-bd--warning_hover:hover {
  border-color: #ffeeee\0 !important;
  border-color: var(--warning) !important
}

.qk-bd--modal_header {
  border-color: #abb4bb\0 !important;
  border-color: var(--modal_header) !important
}

.qk-bd--modal_header_hover:hover {
  border-color: #abb4bb\0 !important;
  border-color: var(--modal_header) !important
}

.qk-bd--close_btn {
  border-color: #9a9ea2\0 !important;
  border-color: var(--close_btn) !important
}

.qk-bd--close_btn_hover:hover {
  border-color: #9a9ea2\0 !important;
  border-color: var(--close_btn) !important
}

.qk-bd--mask {
  border-color: rgba(0, 0, 0, 0.05)\0 !important;
  border-color: var(--mask) !important
}

.qk-bd--mask_hover:hover {
  border-color: rgba(0, 0, 0, 0.05)\0 !important;
  border-color: var(--mask) !important
}

.qk-bd--accent {
  border-color: #2b2b6e\0 !important;
  border-color: var(--accent) !important
}

.qk-bd--accent_hover:hover {
  border-color: #2b2b6e\0 !important;
  border-color: var(--accent) !important
}

.qk-bd--heading {
  border-color: #565656\0 !important;
  border-color: var(--heading) !important
}

.qk-bd--heading_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--heading) !important
}

.qk-bd--text {
  border-color: #9a9ea2\0 !important;
  border-color: var(--text) !important
}

.qk-bd--text_hover:hover {
  border-color: #9a9ea2\0 !important;
  border-color: var(--text) !important
}

.qk-bd--price {
  border-color: #c39d6f\0 !important;
  border-color: var(--price) !important
}

.qk-bd--price_hover:hover {
  border-color: #c39d6f\0 !important;
  border-color: var(--price) !important
}

.qk-bd--discount_price {
  border-color: #c39d6f\0 !important;
  border-color: var(--discount_price) !important
}

.qk-bd--discount_price_hover:hover {
  border-color: #c39d6f\0 !important;
  border-color: var(--discount_price) !important
}

.qk-bd--theme_bg {
  border-color: #fff\0 !important;
  border-color: var(--theme_bg) !important
}

.qk-bd--theme_bg_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--theme_bg) !important
}

.qk-bd--nav_logo_bg {
  border-color: #fff\0 !important;
  border-color: var(--nav_logo_bg) !important
}

.qk-bd--nav_logo_bg_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--nav_logo_bg) !important
}

.qk-bd--nav_menu_bg {
  border-color: #fff\0 !important;
  border-color: var(--nav_menu_bg) !important
}

.qk-bd--nav_menu_bg_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--nav_menu_bg) !important
}

.qk-bd--nav_menu_text {
  border-color: #565656\0 !important;
  border-color: var(--nav_menu_text) !important
}

.qk-bd--nav_menu_text_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--nav_menu_text) !important
}

.qk-bd--nav_menu_icon {
  border-color: #565656\0 !important;
  border-color: var(--nav_menu_icon) !important
}

.qk-bd--nav_menu_icon_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--nav_menu_icon) !important
}

.qk-bd--footer_bg {
  border-color: #000\0 !important;
  border-color: var(--footer_bg) !important
}

.qk-bd--footer_bg_hover:hover {
  border-color: #000\0 !important;
  border-color: var(--footer_bg) !important
}

.qk-bd--footer_text {
  border-color: #fff\0 !important;
  border-color: var(--footer_text) !important
}

.qk-bd--footer_text_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--footer_text) !important
}

.qk-bd--checkout_button {
  border-color: #ff6855\0 !important;
  border-color: var(--checkout_button) !important
}

.qk-bd--checkout_button_hover:hover {
  border-color: #ff6855\0 !important;
  border-color: var(--checkout_button) !important
}

.qk-bd--checkout_accent {
  border-color: #ff6855\0 !important;
  border-color: var(--checkout_accent) !important
}

.qk-bd--checkout_accent_hover:hover {
  border-color: #ff6855\0 !important;
  border-color: var(--checkout_accent) !important
}

.qk-bd--timer_text {
  border-color: #c39d6f\0 !important;
  border-color: var(--timer_text) !important
}

.qk-bd--timer_text_hover:hover {
  border-color: #c39d6f\0 !important;
  border-color: var(--timer_text) !important
}

.qk-bd--timer_bg {
  border-color: #2b2b6e\0 !important;
  border-color: var(--timer_bg) !important
}

.qk-bd--timer_bg_hover:hover {
  border-color: #2b2b6e\0 !important;
  border-color: var(--timer_bg) !important
}

.qk-bd--product_border {
  border-color: #e2e2e2\0 !important;
  border-color: var(--product_border) !important
}

.qk-bd--product_border_hover:hover {
  border-color: #e2e2e2\0 !important;
  border-color: var(--product_border) !important
}

.qk-bd--tips_text {
  border-color: #0c5460\0 !important;
  border-color: var(--tips_text) !important
}

.qk-bd--tips_text_hover:hover {
  border-color: #0c5460\0 !important;
  border-color: var(--tips_text) !important
}

.qk-bd--default_light {
  border-color: #a3a3a3\0 !important;
  border-color: var(--default_light) !important
}

.qk-bd--default_light_hover:hover {
  border-color: #a3a3a3\0 !important;
  border-color: var(--default_light) !important
}

.qk-bd--default_dark {
  border-color: #565656\0 !important;
  border-color: var(--default_dark) !important
}

.qk-bd--default_dark_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--default_dark) !important
}

.qk-bd--side_primary {
  border-color: #fff5f7\0 !important;
  border-color: var(--side_primary) !important
}

.qk-bd--side_primary_hover:hover {
  border-color: #fff5f7\0 !important;
  border-color: var(--side_primary) !important
}

.qk-bd--side_secondary {
  border-color: #efc7d0\0 !important;
  border-color: var(--side_secondary) !important
}

.qk-bd--side_secondary_hover:hover {
  border-color: #efc7d0\0 !important;
  border-color: var(--side_secondary) !important
}

.qk-bd--black {
  border-color: #000\0 !important;
  border-color: var(--black) !important
}

.qk-bd--black_hover:hover {
  border-color: #000\0 !important;
  border-color: var(--black) !important
}

.qk-bd--white {
  border-color: #fff\0 !important;
  border-color: var(--white) !important
}

.qk-bd--white_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--white) !important
}

.qk-bd--gray {
  border-color: #f9f9f9\0 !important;
  border-color: var(--gray) !important
}

.qk-bd--gray_hover:hover {
  border-color: #f9f9f9\0 !important;
  border-color: var(--gray) !important
}

.qk-bd--light {
  border-color: #e2e2e2\0 !important;
  border-color: var(--light) !important
}

.qk-bd--light_hover:hover {
  border-color: #e2e2e2\0 !important;
  border-color: var(--light) !important
}

.qk-bd--transparent {
  border-color: transparent\0 !important;
  border-color: var(--transparent) !important
}

.qk-bd--transparent_hover:hover {
  border-color: transparent\0 !important;
  border-color: var(--transparent) !important
}

.qk-bd--arrow {
  border-color: #a3a3a3\0 !important;
  border-color: var(--arrow) !important
}

.qk-bd--arrow_hover:hover {
  border-color: #a3a3a3\0 !important;
  border-color: var(--arrow) !important
}

.qk-bd--hovered_arrow {
  border-color: #565656\0 !important;
  border-color: var(--hovered_arrow) !important
}

.qk-bd--hovered_arrow_hover:hover {
  border-color: #565656\0 !important;
  border-color: var(--hovered_arrow) !important
}

.qk-bd--button {
  border-color: #000\0 !important;
  border-color: var(--button) !important
}

.qk-bd--button_hover:hover {
  border-color: #000\0 !important;
  border-color: var(--button) !important
}

.qk-bd--button_text {
  border-color: #fff\0 !important;
  border-color: var(--button_text) !important
}

.qk-bd--button_text_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--button_text) !important
}

.qk-bd--express_delivery_logo {
  border-color: #31b95b\0 !important;
  border-color: var(--express_delivery_logo) !important
}

.qk-bd--express_delivery_logo_hover:hover {
  border-color: #31b95b\0 !important;
  border-color: var(--express_delivery_logo) !important
}

.qk-bd--express_delivery_icon {
  border-color: #fff\0 !important;
  border-color: var(--express_delivery_icon) !important
}

.qk-bd--express_delivery_icon_hover:hover {
  border-color: #fff\0 !important;
  border-color: var(--express_delivery_icon) !important
}

.qk-svg--primary {
  fill: #ff7796\0 !important;
  fill: var(--primary) !important
}

.qk-svg--primary_hover:hover {
  fill: #ff7796\0 !important;
  fill: var(--primary) !important
}

.qk-svg--secondary {
  fill: #ff6084\0 !important;
  fill: var(--secondary) !important
}

.qk-svg--secondary_hover:hover {
  fill: #ff6084\0 !important;
  fill: var(--secondary) !important
}

.qk-svg--primary_light {
  fill: #f9f9f9\0 !important;
  fill: var(--primary_light) !important
}

.qk-svg--primary_light_hover:hover {
  fill: #f9f9f9\0 !important;
  fill: var(--primary_light) !important
}

.qk-svg--secondary_light {
  fill: #efc7d0\0 !important;
  fill: var(--secondary_light) !important
}

.qk-svg--secondary_light_hover:hover {
  fill: #efc7d0\0 !important;
  fill: var(--secondary_light) !important
}

.qk-svg--title {
  fill: #565656\0 !important;
  fill: var(--title) !important
}

.qk-svg--title_hover:hover {
  fill: #565656\0 !important;
  fill: var(--title) !important
}

.qk-svg--sale {
  fill: #ff7796\0 !important;
  fill: var(--sale) !important
}

.qk-svg--sale_hover:hover {
  fill: #ff7796\0 !important;
  fill: var(--sale) !important
}

.qk-svg--account {
  fill: #9a9ea2\0 !important;
  fill: var(--account) !important
}

.qk-svg--account_hover:hover {
  fill: #9a9ea2\0 !important;
  fill: var(--account) !important
}

.qk-svg--body {
  fill: #a3a3a3\0 !important;
  fill: var(--body) !important
}

.qk-svg--body_hover:hover {
  fill: #a3a3a3\0 !important;
  fill: var(--body) !important
}

.qk-svg--background {
  fill: #f9f9f9\0 !important;
  fill: var(--background) !important
}

.qk-svg--background_hover:hover {
  fill: #f9f9f9\0 !important;
  fill: var(--background) !important
}

.qk-svg--border {
  fill: #e2e2e2\0 !important;
  fill: var(--border) !important
}

.qk-svg--border_hover:hover {
  fill: #e2e2e2\0 !important;
  fill: var(--border) !important
}

.qk-svg--dark {
  fill: #565656\0 !important;
  fill: var(--dark) !important
}

.qk-svg--dark_hover:hover {
  fill: #565656\0 !important;
  fill: var(--dark) !important
}

.qk-svg--tips {
  fill: #0c5460\0 !important;
  fill: var(--tips) !important
}

.qk-svg--tips_hover:hover {
  fill: #0c5460\0 !important;
  fill: var(--tips) !important
}

.qk-svg--link {
  fill: #33a4e8\0 !important;
  fill: var(--link) !important
}

.qk-svg--link_hover:hover {
  fill: #33a4e8\0 !important;
  fill: var(--link) !important
}

.qk-svg--error {
  fill: #dc3545\0 !important;
  fill: var(--error) !important
}

.qk-svg--error_hover:hover {
  fill: #dc3545\0 !important;
  fill: var(--error) !important
}

.qk-svg--warning {
  fill: #ffeeee\0 !important;
  fill: var(--warning) !important
}

.qk-svg--warning_hover:hover {
  fill: #ffeeee\0 !important;
  fill: var(--warning) !important
}

.qk-svg--modal_header {
  fill: #abb4bb\0 !important;
  fill: var(--modal_header) !important
}

.qk-svg--modal_header_hover:hover {
  fill: #abb4bb\0 !important;
  fill: var(--modal_header) !important
}

.qk-svg--close_btn {
  fill: #9a9ea2\0 !important;
  fill: var(--close_btn) !important
}

.qk-svg--close_btn_hover:hover {
  fill: #9a9ea2\0 !important;
  fill: var(--close_btn) !important
}

.qk-svg--mask {
  fill: rgba(0, 0, 0, 0.05)\0 !important;
  fill: var(--mask) !important
}

.qk-svg--mask_hover:hover {
  fill: rgba(0, 0, 0, 0.05)\0 !important;
  fill: var(--mask) !important
}

.qk-svg--accent {
  fill: #2b2b6e\0 !important;
  fill: var(--accent) !important
}

.qk-svg--accent_hover:hover {
  fill: #2b2b6e\0 !important;
  fill: var(--accent) !important
}

.qk-svg--heading {
  fill: #565656\0 !important;
  fill: var(--heading) !important
}

.qk-svg--heading_hover:hover {
  fill: #565656\0 !important;
  fill: var(--heading) !important
}

.qk-svg--text {
  fill: #9a9ea2\0 !important;
  fill: var(--text) !important
}

.qk-svg--text_hover:hover {
  fill: #9a9ea2\0 !important;
  fill: var(--text) !important
}

.qk-svg--price {
  fill: #c39d6f\0 !important;
  fill: var(--price) !important
}

.qk-svg--price_hover:hover {
  fill: #c39d6f\0 !important;
  fill: var(--price) !important
}

.qk-svg--discount_price {
  fill: #c39d6f\0 !important;
  fill: var(--discount_price) !important
}

.qk-svg--discount_price_hover:hover {
  fill: #c39d6f\0 !important;
  fill: var(--discount_price) !important
}

.qk-svg--theme_bg {
  fill: #fff\0 !important;
  fill: var(--theme_bg) !important
}

.qk-svg--theme_bg_hover:hover {
  fill: #fff\0 !important;
  fill: var(--theme_bg) !important
}

.qk-svg--nav_logo_bg {
  fill: #fff\0 !important;
  fill: var(--nav_logo_bg) !important
}

.qk-svg--nav_logo_bg_hover:hover {
  fill: #fff\0 !important;
  fill: var(--nav_logo_bg) !important
}

.qk-svg--nav_menu_bg {
  fill: #fff\0 !important;
  fill: var(--nav_menu_bg) !important
}

.qk-svg--nav_menu_bg_hover:hover {
  fill: #fff\0 !important;
  fill: var(--nav_menu_bg) !important
}

.qk-svg--nav_menu_text {
  fill: #565656\0 !important;
  fill: var(--nav_menu_text) !important
}

.qk-svg--nav_menu_text_hover:hover {
  fill: #565656\0 !important;
  fill: var(--nav_menu_text) !important
}

.qk-svg--nav_menu_icon {
  fill: #565656\0 !important;
  fill: var(--nav_menu_icon) !important
}

.qk-svg--nav_menu_icon_hover:hover {
  fill: #565656\0 !important;
  fill: var(--nav_menu_icon) !important
}

.qk-svg--footer_bg {
  fill: #000\0 !important;
  fill: var(--footer_bg) !important
}

.qk-svg--footer_bg_hover:hover {
  fill: #000\0 !important;
  fill: var(--footer_bg) !important
}

.qk-svg--footer_text {
  fill: #fff\0 !important;
  fill: var(--footer_text) !important
}

.qk-svg--footer_text_hover:hover {
  fill: #fff\0 !important;
  fill: var(--footer_text) !important
}

.qk-svg--checkout_button {
  fill: #ff6855\0 !important;
  fill: var(--checkout_button) !important
}

.qk-svg--checkout_button_hover:hover {
  fill: #ff6855\0 !important;
  fill: var(--checkout_button) !important
}

.qk-svg--checkout_accent {
  fill: #ff6855\0 !important;
  fill: var(--checkout_accent) !important
}

.qk-svg--checkout_accent_hover:hover {
  fill: #ff6855\0 !important;
  fill: var(--checkout_accent) !important
}

.qk-svg--timer_text {
  fill: #c39d6f\0 !important;
  fill: var(--timer_text) !important
}

.qk-svg--timer_text_hover:hover {
  fill: #c39d6f\0 !important;
  fill: var(--timer_text) !important
}

.qk-svg--timer_bg {
  fill: #2b2b6e\0 !important;
  fill: var(--timer_bg) !important
}

.qk-svg--timer_bg_hover:hover {
  fill: #2b2b6e\0 !important;
  fill: var(--timer_bg) !important
}

.qk-svg--product_border {
  fill: #e2e2e2\0 !important;
  fill: var(--product_border) !important
}

.qk-svg--product_border_hover:hover {
  fill: #e2e2e2\0 !important;
  fill: var(--product_border) !important
}

.qk-svg--tips_text {
  fill: #0c5460\0 !important;
  fill: var(--tips_text) !important
}

.qk-svg--tips_text_hover:hover {
  fill: #0c5460\0 !important;
  fill: var(--tips_text) !important
}

.qk-svg--default_light {
  fill: #a3a3a3\0 !important;
  fill: var(--default_light) !important
}

.qk-svg--default_light_hover:hover {
  fill: #a3a3a3\0 !important;
  fill: var(--default_light) !important
}

.qk-svg--default_dark {
  fill: #565656\0 !important;
  fill: var(--default_dark) !important
}

.qk-svg--default_dark_hover:hover {
  fill: #565656\0 !important;
  fill: var(--default_dark) !important
}

.qk-svg--side_primary {
  fill: #fff5f7\0 !important;
  fill: var(--side_primary) !important
}

.qk-svg--side_primary_hover:hover {
  fill: #fff5f7\0 !important;
  fill: var(--side_primary) !important
}

.qk-svg--side_secondary {
  fill: #efc7d0\0 !important;
  fill: var(--side_secondary) !important
}

.qk-svg--side_secondary_hover:hover {
  fill: #efc7d0\0 !important;
  fill: var(--side_secondary) !important
}

.qk-svg--black {
  fill: #000\0 !important;
  fill: var(--black) !important
}

.qk-svg--black_hover:hover {
  fill: #000\0 !important;
  fill: var(--black) !important
}

.qk-svg--white {
  fill: #fff\0 !important;
  fill: var(--white) !important
}

.qk-svg--white_hover:hover {
  fill: #fff\0 !important;
  fill: var(--white) !important
}

.qk-svg--gray {
  fill: #f9f9f9\0 !important;
  fill: var(--gray) !important
}

.qk-svg--gray_hover:hover {
  fill: #f9f9f9\0 !important;
  fill: var(--gray) !important
}

.qk-svg--light {
  fill: #e2e2e2\0 !important;
  fill: var(--light) !important
}

.qk-svg--light_hover:hover {
  fill: #e2e2e2\0 !important;
  fill: var(--light) !important
}

.qk-svg--transparent {
  fill: transparent\0 !important;
  fill: var(--transparent) !important
}

.qk-svg--transparent_hover:hover {
  fill: transparent\0 !important;
  fill: var(--transparent) !important
}

.qk-svg--arrow {
  fill: #a3a3a3\0 !important;
  fill: var(--arrow) !important
}

.qk-svg--arrow_hover:hover {
  fill: #a3a3a3\0 !important;
  fill: var(--arrow) !important
}

.qk-svg--hovered_arrow {
  fill: #565656\0 !important;
  fill: var(--hovered_arrow) !important
}

.qk-svg--hovered_arrow_hover:hover {
  fill: #565656\0 !important;
  fill: var(--hovered_arrow) !important
}

.qk-svg--button {
  fill: #000\0 !important;
  fill: var(--button) !important
}

.qk-svg--button_hover:hover {
  fill: #000\0 !important;
  fill: var(--button) !important
}

.qk-svg--button_text {
  fill: #fff\0 !important;
  fill: var(--button_text) !important
}

.qk-svg--button_text_hover:hover {
  fill: #fff\0 !important;
  fill: var(--button_text) !important
}

.qk-svg--express_delivery_logo {
  fill: #31b95b\0 !important;
  fill: var(--express_delivery_logo) !important
}

.qk-svg--express_delivery_logo_hover:hover {
  fill: #31b95b\0 !important;
  fill: var(--express_delivery_logo) !important
}

.qk-svg--express_delivery_icon {
  fill: #fff\0 !important;
  fill: var(--express_delivery_icon) !important
}

.qk-svg--express_delivery_icon_hover:hover {
  fill: #fff\0 !important;
  fill: var(--express_delivery_icon) !important
}

.qk-svg_stroke--primary {
  stroke: #ff7796\0 !important;
  stroke: var(--primary) !important
}

.qk-svg_stroke--primary_hover:hover {
  stroke: #ff7796\0 !important;
  stroke: var(--primary) !important
}

.qk-svg_stroke--secondary {
  stroke: #ff6084\0 !important;
  stroke: var(--secondary) !important
}

.qk-svg_stroke--secondary_hover:hover {
  stroke: #ff6084\0 !important;
  stroke: var(--secondary) !important
}

.qk-svg_stroke--primary_light {
  stroke: #f9f9f9\0 !important;
  stroke: var(--primary_light) !important
}

.qk-svg_stroke--primary_light_hover:hover {
  stroke: #f9f9f9\0 !important;
  stroke: var(--primary_light) !important
}

.qk-svg_stroke--secondary_light {
  stroke: #efc7d0\0 !important;
  stroke: var(--secondary_light) !important
}

.qk-svg_stroke--secondary_light_hover:hover {
  stroke: #efc7d0\0 !important;
  stroke: var(--secondary_light) !important
}

.qk-svg_stroke--title {
  stroke: #565656\0 !important;
  stroke: var(--title) !important
}

.qk-svg_stroke--title_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--title) !important
}

.qk-svg_stroke--sale {
  stroke: #ff7796\0 !important;
  stroke: var(--sale) !important
}

.qk-svg_stroke--sale_hover:hover {
  stroke: #ff7796\0 !important;
  stroke: var(--sale) !important
}

.qk-svg_stroke--account {
  stroke: #9a9ea2\0 !important;
  stroke: var(--account) !important
}

.qk-svg_stroke--account_hover:hover {
  stroke: #9a9ea2\0 !important;
  stroke: var(--account) !important
}

.qk-svg_stroke--body {
  stroke: #a3a3a3\0 !important;
  stroke: var(--body) !important
}

.qk-svg_stroke--body_hover:hover {
  stroke: #a3a3a3\0 !important;
  stroke: var(--body) !important
}

.qk-svg_stroke--background {
  stroke: #f9f9f9\0 !important;
  stroke: var(--background) !important
}

.qk-svg_stroke--background_hover:hover {
  stroke: #f9f9f9\0 !important;
  stroke: var(--background) !important
}

.qk-svg_stroke--border {
  stroke: #e2e2e2\0 !important;
  stroke: var(--border) !important
}

.qk-svg_stroke--border_hover:hover {
  stroke: #e2e2e2\0 !important;
  stroke: var(--border) !important
}

.qk-svg_stroke--dark {
  stroke: #565656\0 !important;
  stroke: var(--dark) !important
}

.qk-svg_stroke--dark_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--dark) !important
}

.qk-svg_stroke--tips {
  stroke: #0c5460\0 !important;
  stroke: var(--tips) !important
}

.qk-svg_stroke--tips_hover:hover {
  stroke: #0c5460\0 !important;
  stroke: var(--tips) !important
}

.qk-svg_stroke--link {
  stroke: #33a4e8\0 !important;
  stroke: var(--link) !important
}

.qk-svg_stroke--link_hover:hover {
  stroke: #33a4e8\0 !important;
  stroke: var(--link) !important
}

.qk-svg_stroke--error {
  stroke: #dc3545\0 !important;
  stroke: var(--error) !important
}

.qk-svg_stroke--error_hover:hover {
  stroke: #dc3545\0 !important;
  stroke: var(--error) !important
}

.qk-svg_stroke--warning {
  stroke: #ffeeee\0 !important;
  stroke: var(--warning) !important
}

.qk-svg_stroke--warning_hover:hover {
  stroke: #ffeeee\0 !important;
  stroke: var(--warning) !important
}

.qk-svg_stroke--modal_header {
  stroke: #abb4bb\0 !important;
  stroke: var(--modal_header) !important
}

.qk-svg_stroke--modal_header_hover:hover {
  stroke: #abb4bb\0 !important;
  stroke: var(--modal_header) !important
}

.qk-svg_stroke--close_btn {
  stroke: #9a9ea2\0 !important;
  stroke: var(--close_btn) !important
}

.qk-svg_stroke--close_btn_hover:hover {
  stroke: #9a9ea2\0 !important;
  stroke: var(--close_btn) !important
}

.qk-svg_stroke--mask {
  stroke: rgba(0, 0, 0, 0.05)\0 !important;
  stroke: var(--mask) !important
}

.qk-svg_stroke--mask_hover:hover {
  stroke: rgba(0, 0, 0, 0.05)\0 !important;
  stroke: var(--mask) !important
}

.qk-svg_stroke--accent {
  stroke: #2b2b6e\0 !important;
  stroke: var(--accent) !important
}

.qk-svg_stroke--accent_hover:hover {
  stroke: #2b2b6e\0 !important;
  stroke: var(--accent) !important
}

.qk-svg_stroke--heading {
  stroke: #565656\0 !important;
  stroke: var(--heading) !important
}

.qk-svg_stroke--heading_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--heading) !important
}

.qk-svg_stroke--text {
  stroke: #9a9ea2\0 !important;
  stroke: var(--text) !important
}

.qk-svg_stroke--text_hover:hover {
  stroke: #9a9ea2\0 !important;
  stroke: var(--text) !important
}

.qk-svg_stroke--price {
  stroke: #c39d6f\0 !important;
  stroke: var(--price) !important
}

.qk-svg_stroke--price_hover:hover {
  stroke: #c39d6f\0 !important;
  stroke: var(--price) !important
}

.qk-svg_stroke--discount_price {
  stroke: #c39d6f\0 !important;
  stroke: var(--discount_price) !important
}

.qk-svg_stroke--discount_price_hover:hover {
  stroke: #c39d6f\0 !important;
  stroke: var(--discount_price) !important
}

.qk-svg_stroke--theme_bg {
  stroke: #fff\0 !important;
  stroke: var(--theme_bg) !important
}

.qk-svg_stroke--theme_bg_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--theme_bg) !important
}

.qk-svg_stroke--nav_logo_bg {
  stroke: #fff\0 !important;
  stroke: var(--nav_logo_bg) !important
}

.qk-svg_stroke--nav_logo_bg_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--nav_logo_bg) !important
}

.qk-svg_stroke--nav_menu_bg {
  stroke: #fff\0 !important;
  stroke: var(--nav_menu_bg) !important
}

.qk-svg_stroke--nav_menu_bg_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--nav_menu_bg) !important
}

.qk-svg_stroke--nav_menu_text {
  stroke: #565656\0 !important;
  stroke: var(--nav_menu_text) !important
}

.qk-svg_stroke--nav_menu_text_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--nav_menu_text) !important
}

.qk-svg_stroke--nav_menu_icon {
  stroke: #565656\0 !important;
  stroke: var(--nav_menu_icon) !important
}

.qk-svg_stroke--nav_menu_icon_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--nav_menu_icon) !important
}

.qk-svg_stroke--footer_bg {
  stroke: #000\0 !important;
  stroke: var(--footer_bg) !important
}

.qk-svg_stroke--footer_bg_hover:hover {
  stroke: #000\0 !important;
  stroke: var(--footer_bg) !important
}

.qk-svg_stroke--footer_text {
  stroke: #fff\0 !important;
  stroke: var(--footer_text) !important
}

.qk-svg_stroke--footer_text_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--footer_text) !important
}

.qk-svg_stroke--checkout_button {
  stroke: #ff6855\0 !important;
  stroke: var(--checkout_button) !important
}

.qk-svg_stroke--checkout_button_hover:hover {
  stroke: #ff6855\0 !important;
  stroke: var(--checkout_button) !important
}

.qk-svg_stroke--checkout_accent {
  stroke: #ff6855\0 !important;
  stroke: var(--checkout_accent) !important
}

.qk-svg_stroke--checkout_accent_hover:hover {
  stroke: #ff6855\0 !important;
  stroke: var(--checkout_accent) !important
}

.qk-svg_stroke--timer_text {
  stroke: #c39d6f\0 !important;
  stroke: var(--timer_text) !important
}

.qk-svg_stroke--timer_text_hover:hover {
  stroke: #c39d6f\0 !important;
  stroke: var(--timer_text) !important
}

.qk-svg_stroke--timer_bg {
  stroke: #2b2b6e\0 !important;
  stroke: var(--timer_bg) !important
}

.qk-svg_stroke--timer_bg_hover:hover {
  stroke: #2b2b6e\0 !important;
  stroke: var(--timer_bg) !important
}

.qk-svg_stroke--product_border {
  stroke: #e2e2e2\0 !important;
  stroke: var(--product_border) !important
}

.qk-svg_stroke--product_border_hover:hover {
  stroke: #e2e2e2\0 !important;
  stroke: var(--product_border) !important
}

.qk-svg_stroke--tips_text {
  stroke: #0c5460\0 !important;
  stroke: var(--tips_text) !important
}

.qk-svg_stroke--tips_text_hover:hover {
  stroke: #0c5460\0 !important;
  stroke: var(--tips_text) !important
}

.qk-svg_stroke--default_light {
  stroke: #a3a3a3\0 !important;
  stroke: var(--default_light) !important
}

.qk-svg_stroke--default_light_hover:hover {
  stroke: #a3a3a3\0 !important;
  stroke: var(--default_light) !important
}

.qk-svg_stroke--default_dark {
  stroke: #565656\0 !important;
  stroke: var(--default_dark) !important
}

.qk-svg_stroke--default_dark_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--default_dark) !important
}

.qk-svg_stroke--side_primary {
  stroke: #fff5f7\0 !important;
  stroke: var(--side_primary) !important
}

.qk-svg_stroke--side_primary_hover:hover {
  stroke: #fff5f7\0 !important;
  stroke: var(--side_primary) !important
}

.qk-svg_stroke--side_secondary {
  stroke: #efc7d0\0 !important;
  stroke: var(--side_secondary) !important
}

.qk-svg_stroke--side_secondary_hover:hover {
  stroke: #efc7d0\0 !important;
  stroke: var(--side_secondary) !important
}

.qk-svg_stroke--black {
  stroke: #000\0 !important;
  stroke: var(--black) !important
}

.qk-svg_stroke--black_hover:hover {
  stroke: #000\0 !important;
  stroke: var(--black) !important
}

.qk-svg_stroke--white {
  stroke: #fff\0 !important;
  stroke: var(--white) !important
}

.qk-svg_stroke--white_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--white) !important
}

.qk-svg_stroke--gray {
  stroke: #f9f9f9\0 !important;
  stroke: var(--gray) !important
}

.qk-svg_stroke--gray_hover:hover {
  stroke: #f9f9f9\0 !important;
  stroke: var(--gray) !important
}

.qk-svg_stroke--light {
  stroke: #e2e2e2\0 !important;
  stroke: var(--light) !important
}

.qk-svg_stroke--light_hover:hover {
  stroke: #e2e2e2\0 !important;
  stroke: var(--light) !important
}

.qk-svg_stroke--transparent {
  stroke: transparent\0 !important;
  stroke: var(--transparent) !important
}

.qk-svg_stroke--transparent_hover:hover {
  stroke: transparent\0 !important;
  stroke: var(--transparent) !important
}

.qk-svg_stroke--arrow {
  stroke: #a3a3a3\0 !important;
  stroke: var(--arrow) !important
}

.qk-svg_stroke--arrow_hover:hover {
  stroke: #a3a3a3\0 !important;
  stroke: var(--arrow) !important
}

.qk-svg_stroke--hovered_arrow {
  stroke: #565656\0 !important;
  stroke: var(--hovered_arrow) !important
}

.qk-svg_stroke--hovered_arrow_hover:hover {
  stroke: #565656\0 !important;
  stroke: var(--hovered_arrow) !important
}

.qk-svg_stroke--button {
  stroke: #000\0 !important;
  stroke: var(--button) !important
}

.qk-svg_stroke--button_hover:hover {
  stroke: #000\0 !important;
  stroke: var(--button) !important
}

.qk-svg_stroke--button_text {
  stroke: #fff\0 !important;
  stroke: var(--button_text) !important
}

.qk-svg_stroke--button_text_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--button_text) !important
}

.qk-svg_stroke--express_delivery_logo {
  stroke: #31b95b\0 !important;
  stroke: var(--express_delivery_logo) !important
}

.qk-svg_stroke--express_delivery_logo_hover:hover {
  stroke: #31b95b\0 !important;
  stroke: var(--express_delivery_logo) !important
}

.qk-svg_stroke--express_delivery_icon {
  stroke: #fff\0 !important;
  stroke: var(--express_delivery_icon) !important
}

.qk-svg_stroke--express_delivery_icon_hover:hover {
  stroke: #fff\0 !important;
  stroke: var(--express_delivery_icon) !important
}

.qk-inputbox {
  border-radius: 5px;
  border: solid 1px #e2e2e2
}

  .qk-inputbox:disabled {
    background-color: #f9f9f9;
    cursor: not-allowed
  }

  .qk-inputbox::-webkit-input-placeholder {
    color: #9a9ea2;
    font-size: 14px;
    text-align: left
  }

  .qk-inputbox::-moz-placeholder {
    color: #9a9ea2;
    font-size: 14px;
    text-align: left
  }

  .qk-inputbox:-ms-input-placeholder {
    color: #9a9ea2;
    font-size: 14px;
    text-align: left
  }

  .qk-inputbox::placeholder {
    color: #9a9ea2;
    font-size: 14px;
    text-align: left
  }

  .qk-inputbox.qk-inputbox--lg {
    height: 40px
  }

  .qk-inputbox.qk-inputbox--md {
    height: 32px
  }

  .qk-inputbox.qk-inputbox--sm {
    height: 24px
  }

.qk-search_form > * {
  height: calc(100% - 2px)
}

.qk-search_form input {
  padding-left: 10px
}

.qk-search_form .search-btn {
  margin-left: 8px
}

.qk-btn, .qk-btn--sm, .qk-btn--md, .qk-btn--lg, .qk-btn--xl {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  transition: all .2s
}

.qk-btn--xl {
  height: 48px;
  line-height: 46px
}

.qk-btn--lg {
  height: 40px;
  line-height: 38px
}

.qk-btn--md {
  height: 32px;
  line-height: 30px
}

.qk-btn--sm {
  height: 24px;
  line-height: 22px
}

.qk-btn--default_primary {
  border-color: var(--default_light) !important;
  color: var(--white) !important;
  background-color: var(--default_light) !important
}

  .qk-btn--default_primary:hover {
    color: var(--white)
  }

.qk-btn--default_secondary {
  border-color: var(--default_light) !important;
  color: var(--default_dark) !important;
  background-color: var(--white) !important
}

  .qk-btn--default_secondary:hover {
    color: var(--default_dark) !important;
    background-color: var(--white) !important
  }

.qk-btn--primary {
  border-color: var(--button);
  color: var(--button_text);
  background-color: var(--button)
}

  .qk-btn--primary:hover {
    color: var(--button_text)
  }

.qk-btn--secondary {
  border-color: var(--button);
  color: var(--button);
  background-color: var(--theme_bg)
}

  .qk-btn--secondary:hover {
    color: var(--button)
  }

.qk-btn--soldout {
  border-color: var(--default_light) !important;
  color: var(--default_light) !important;
  cursor: not-allowed !important
}

.qk-btn--disabled {
  border-color: var(--default_light) !important;
  color: var(--default_light) !important;
  background-color: var(--light) !important;
  cursor: not-allowed !important
}

.qk-btn--i18n {
  border-color: var(--title);
  color: var(--title);
  background-color: var(--white)
}

  .qk-btn--i18n:hover {
    color: var(--white);
    background-color: var(--background)
  }

.qk-btn--express-delivery {
  border-radius: 40px;
  color: var(--express_delivery_icon);
  background-color: var(--express_delivery_logo)
}

  .qk-btn--express-delivery:hover {
    color: var(--express_delivery_icon)
  }

  .qk-btn--express-delivery img {
    width: 24px
  }

.qk-label {
  border-radius: 40px;
  display: inline-block;
  cursor: pointer;
  transition: all .2s;
  line-height: 1
}

.qk-label--lg {
  font-size: 15px
}

.qk-label--md {
  height: 24px;
  padding: 6px 8px;
  font-size: 13px
}

.qk-label--default {
  color: var(--heading);
  background-color: #f0f1f3
}

.qk-label--active {
  color: var(--white);
  background-color: var(--accent)
}

.qk-circle {
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.qk-circle--bullet {
  height: 5px;
  width: 5px
}

.qk-circle--sm {
  height: 18px;
  width: 18px
}

.qk-circle--md {
  height: 40px;
  width: 40px
}

.qk-circle--lg {
  height: 44px;
  width: 44px
}

.qk-arrow {
  border: solid var(--arrow);
  border-width: 0 2px 2px 0;
  transition: transform .3s;
  transform-origin: center
}

  .qk-arrow:hover {
    border-color: var(--hovered_arrow)
  }

.qk-arrow_u--sm, .qk-arrow_d--sm, .qk-arrow_l--sm, .qk-arrow_r--sm {
  width: 8px;
  height: 8px;
  min-height: 8px;
  min-width: 8px
}

.qk-arrow_u--md, .qk-arrow_d--md, .qk-arrow_l--md, .qk-arrow_r--md {
  width: 12px;
  height: 12px;
  min-height: 12px;
  min-width: 12px
}

.qk-arrow_u--lg, .qk-arrow_d--lg, .qk-arrow_l--lg, .qk-arrow_r--lg {
  width: 16px;
  height: 16px;
  min-height: 16px;
  min-width: 16px
}

.qk-arrow_u--sm, .qk-arrow_u--md, .qk-arrow_u--lg {
  transform: translateY(25%) rotateZ(225deg)
}

.qk-arrow_d--sm, .qk-arrow_d--md, .qk-arrow_d--lg {
  transform: translateY(-25%) rotateZ(45deg)
}

.qk-arrow_l--sm, .qk-arrow_l--md, .qk-arrow_l--lg {
  transform: rotateZ(135deg)
}

.qk-arrow_r--sm, .qk-arrow_r--md, .qk-arrow_r--lg {
  transform: rotateZ(315deg)
}

.qk-center, .qk-center--x, .qk-center--y {
  position: absolute
}

.qk-center--x {
  left: 50%;
  transform: translateX(-50%)
}

.qk-center--y {
  top: 50%;
  transform: translateY(-50%)
}

.qk-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.qk-modal-close-circle {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100%;
  background: var(--white);
  width: 40px;
  height: 40px;
  transform: translate(50%, -50%)
}

.qk-modal-close-btn {
  vertical-align: 4px;
  font-size: 25px;
  font-weight: 100;
  color: var(--close_btn)
}

.qk-bg--swiper_image_hover_1:hover {
  opacity: .5
}

.qk-swiper_btn {
  position: absolute;
  background-image: none;
  z-index: 1000;
  cursor: pointer
}

  .qk-swiper_btn:after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    left: 50%;
    top: 50%
  }

.qk-swiper_btn--v1 {
  background-color: var(--transparent)
}

  .qk-swiper_btn--v1:hover:after {
    border-color: var(--hovered_arrow)
  }

  .qk-swiper_btn--v1:after {
    border-color: var(--arrow);
    transition: border-color .2s
  }

  .qk-swiper_btn--v1.qk-swiper_btn--prev {
    left: 0
  }

    .qk-swiper_btn--v1.qk-swiper_btn--prev:after {
      transform: translate(-25%, -50%) rotate(225deg)
    }

  .qk-swiper_btn--v1.qk-swiper_btn--next {
    right: 0
  }

    .qk-swiper_btn--v1.qk-swiper_btn--next:after {
      transform: translate(-75%, -50%) rotate(45deg)
    }

  .qk-swiper_btn--v1.qk-swiper_btn--xlg {
    height: 48px;
    width: 48px;
    top: calc(50% - 24px)
  }

    .qk-swiper_btn--v1.qk-swiper_btn--xlg:after {
      border-width: 4px 4px 0 0;
      height: 34px;
      width: 34px
    }

  .qk-swiper_btn--v1.qk-swiper_btn--lg {
    height: 24px;
    width: 24px;
    top: calc(50% - 12px)
  }

    .qk-swiper_btn--v1.qk-swiper_btn--lg:after {
      border-width: 2px 2px 0 0;
      height: 17px;
      width: 17px
    }

  .qk-swiper_btn--v1.qk-swiper_btn--md {
    height: 16px;
    width: 16px;
    top: calc(50% - 8px)
  }

    .qk-swiper_btn--v1.qk-swiper_btn--md:after {
      border-width: 2px 2px 0 0;
      height: 11.3px;
      width: 11.3px
    }

  .qk-swiper_btn--v1.qk-swiper_btn--sm {
    height: 12px;
    width: 12px;
    top: calc(50% - 6px)
  }

    .qk-swiper_btn--v1.qk-swiper_btn--sm:after {
      border-style: solid;
      border-width: 2px 2px 0 0;
      height: 8.5px;
      width: 8.5px
    }

.qk-swiper_btn--v2 {
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0 0 4px 0 #a3a3a3
}

  .qk-swiper_btn--v2:hover:after {
    border-color: var(--hovered_arrow)
  }

  .qk-swiper_btn--v2:after {
    border-color: var(--arrow);
    transition: border-color .2s
  }

  .qk-swiper_btn--v2.qk-swiper_btn--prev {
    left: 0
  }

    .qk-swiper_btn--v2.qk-swiper_btn--prev:after {
      transform: translate(-30%, -50%) rotate(225deg)
    }

  .qk-swiper_btn--v2.qk-swiper_btn--next {
    right: 0
  }

    .qk-swiper_btn--v2.qk-swiper_btn--next:after {
      transform: translate(-70%, -50%) rotate(45deg)
    }

  .qk-swiper_btn--v2.qk-swiper_btn--xlg {
    height: 48px;
    width: 48px;
    top: calc(50% - 24px)
  }

    .qk-swiper_btn--v2.qk-swiper_btn--xlg:after {
      border-width: 3px 3px 0 0;
      height: 11.3px;
      width: 11.3px
    }

  .qk-swiper_btn--v2.qk-swiper_btn--lg {
    height: 32px;
    width: 32px;
    top: calc(50% - 16px)
  }

    .qk-swiper_btn--v2.qk-swiper_btn--lg:after {
      border-width: 2px 2px 0 0;
      height: 8.5px;
      width: 8.5px
    }

  .qk-swiper_btn--v2.qk-swiper_btn--md {
    height: 24px;
    width: 24px;
    top: calc(50% - 12px)
  }

    .qk-swiper_btn--v2.qk-swiper_btn--md:after {
      border-width: 1px 1px 0 0;
      height: 5.7px;
      width: 5.7px
    }

  .qk-swiper_btn--v2.qk-swiper_btn--sm {
    height: 16px;
    width: 16px;
    top: calc(50% - 8px)
  }

    .qk-swiper_btn--v2.qk-swiper_btn--sm:after {
      border-style: solid;
      border-width: 1px 1px 0 0;
      height: 5.7px;
      width: 5.7px
    }

.qk-swiper_btn--primary:after {
  border-color: #a3a3a3
}

.qk-swiper_btn--primary.qk-swiper_btn--prev {
  left: 0
}

  .qk-swiper_btn--primary.qk-swiper_btn--prev:after {
    transform: translate(-25%, -50%) rotate(225deg)
  }

.qk-swiper_btn--primary.qk-swiper_btn--next {
  right: 0
}

  .qk-swiper_btn--primary.qk-swiper_btn--next:after {
    transform: translate(-75%, -50%) rotate(45deg)
  }

.qk-swiper_btn--secondary:before {
  background: rgba(255,255,255,.58);
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  width: 200%;
  height: 200%;
  top: -50%
}

.qk-swiper_btn--secondary:after {
  border-color: #565656
}

.qk-swiper_btn--secondary.qk-swiper_btn--prev:before {
  left: -100%
}

.qk-swiper_btn--secondary.qk-swiper_btn--prev:after {
  left: -50%;
  transform: translate(200%, -50%) rotate(225deg)
}

.qk-swiper_btn--secondary.qk-swiper_btn--next {
  right: 0
}

  .qk-swiper_btn--secondary.qk-swiper_btn--next:after {
    transform: translate(-75%, -50%) rotate(45deg)
  }

.qk-swiper_btn--circle:before {
  background: rgba(255,255,255,.58);
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 100%;
  width: 100%;
  height: 100%
}

.qk-swiper_btn--circle:after {
  border-color: #a3a3a3
}

.qk-swiper_btn--circle.qk-swiper_btn--prev {
  left: 10px
}

  .qk-swiper_btn--circle.qk-swiper_btn--prev:after {
    transform: translate(-30%, -50%) rotate(225deg)
  }

.qk-swiper_btn--circle.qk-swiper_btn--next {
  right: 10px
}

  .qk-swiper_btn--circle.qk-swiper_btn--next:after {
    transform: translate(-75%, -50%) rotate(45deg)
  }

.qk-swiper_pg {
  top: 20px
}

  .qk-swiper_pg .swiper-pagination-bullet {
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin: 0 15px;
    background: #565656;
    opacity: 1;
    transition: .3s
  }

    .qk-swiper_pg .swiper-pagination-bullet::before {
      border: 1px solid #565656;
      content: "";
      display: inline-block;
      opacity: 0;
      position: absolute;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      left: -6px;
      top: -6px;
      transition: .3s
    }

  .qk-swiper_pg .swiper-pagination-bullet-active {
    transform: scale(0.6)
  }

    .qk-swiper_pg .swiper-pagination-bullet-active:before {
      opacity: 1;
      transform: scale(1.4);
      transition: opacity .6s
    }

.qk-event-img {
  width: 100%;
  padding-bottom: 65%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px 10px 0 0
}

.qk-w--auto {
  width: auto
}

.qk-h--auto {
  height: auto
}

.qk-w--100 {
  width: 100%
}

.qk-w--100vw {
  width: 100vw
}

.qk-h--100 {
  height: 100%
}

.qk-h--100vh {
  height: 100vh
}

.qk-w--90 {
  width: 90%
}

.qk-w--90vw {
  width: 90vw
}

.qk-h--90 {
  height: 90%
}

.qk-h--90vh {
  height: 90vh
}

.qk-w--80 {
  width: 80%
}

.qk-w--80vw {
  width: 80vw
}

.qk-h--80 {
  height: 80%
}

.qk-h--80vh {
  height: 80vh
}

.qk-w--75 {
  width: 75%
}

.qk-w--75vw {
  width: 75vw
}

.qk-h--75 {
  height: 75%
}

.qk-h--75vh {
  height: 75vh
}

.qk-w--70 {
  width: 70%
}

.qk-w--70vw {
  width: 70vw
}

.qk-h--70 {
  height: 70%
}

.qk-h--70vh {
  height: 70vh
}

.qk-w--60 {
  width: 60%
}

.qk-w--60vw {
  width: 60vw
}

.qk-h--60 {
  height: 60%
}

.qk-h--60vh {
  height: 60vh
}

.qk-w--50 {
  width: 50%
}

.qk-w--50vw {
  width: 50vw
}

.qk-h--50 {
  height: 50%
}

.qk-h--50vh {
  height: 50vh
}

.qk-w--40 {
  width: 40%
}

.qk-w--40vw {
  width: 40vw
}

.qk-h--40 {
  height: 40%
}

.qk-h--40vh {
  height: 40vh
}

.qk-w--30 {
  width: 30%
}

.qk-w--30vw {
  width: 30vw
}

.qk-h--30 {
  height: 30%
}

.qk-h--30vh {
  height: 30vh
}

.qk-w--25 {
  width: 25%
}

.qk-w--25vw {
  width: 25vw
}

.qk-h--25 {
  height: 25%
}

.qk-h--25vh {
  height: 25vh
}

.qk-w--20 {
  width: 20%
}

.qk-w--20vw {
  width: 20vw
}

.qk-h--20 {
  height: 20%
}

.qk-h--20vh {
  height: 20vh
}

.qk-w--16 {
  width: 16%
}

.qk-w--16vw {
  width: 16vw
}

.qk-h--16 {
  height: 16%
}

.qk-h--16vh {
  height: 16vh
}

.qk-w--15 {
  width: 15%
}

.qk-w--15vw {
  width: 15vw
}

.qk-h--15 {
  height: 15%
}

.qk-h--15vh {
  height: 15vh
}

.qk-w--10 {
  width: 10%
}

.qk-w--10vw {
  width: 10vw
}

.qk-h--10 {
  height: 10%
}

.qk-h--10vh {
  height: 10vh
}

.qk-w--8 {
  width: 8%
}

.qk-w--8vw {
  width: 8vw
}

.qk-h--8 {
  height: 8%
}

.qk-h--8vh {
  height: 8vh
}

.qk-w--4 {
  width: 4%
}

.qk-w--4vw {
  width: 4vw
}

.qk-h--4 {
  height: 4%
}

.qk-h--4vh {
  height: 4vh
}

.qk-w--5 {
  width: 5%
}

.qk-w--5vw {
  width: 5vw
}

.qk-h--5 {
  height: 5%
}

.qk-h--5vh {
  height: 5vh
}

.qk-text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.qk-text-truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.qk-body-html img {
  max-width: 100%;
  height: auto
}

.qk-mb-2 {
  margin-bottom: 2rem
}

.qk-my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem
}

.qk-pos--static {
  position: static
}

.qk-pos--rel {
  position: relative
}

.qk-pos--fixed {
  position: fixed
}

.qk-pos--abs {
  position: absolute
}

.qk-pos--sticky {
  position: sticky
}

.qk-t--auto {
  top: auto
}

.qk-r--auto {
  right: auto
}

.qk-b--auto {
  bottom: auto
}

.qk-l--auto {
  left: auto
}

.qk-t--100 {
  top: 100%
}

.qk-r--100 {
  right: 100%
}

.qk-b--100 {
  bottom: 100%
}

.qk-l--100 {
  left: 100%
}

.qk-t--90 {
  top: 90%
}

.qk-r--90 {
  right: 90%
}

.qk-b--90 {
  bottom: 90%
}

.qk-l--90 {
  left: 90%
}

.qk-t--80 {
  top: 80%
}

.qk-r--80 {
  right: 80%
}

.qk-b--80 {
  bottom: 80%
}

.qk-l--80 {
  left: 80%
}

.qk-t--75 {
  top: 75%
}

.qk-r--75 {
  right: 75%
}

.qk-b--75 {
  bottom: 75%
}

.qk-l--75 {
  left: 75%
}

.qk-t--70 {
  top: 70%
}

.qk-r--70 {
  right: 70%
}

.qk-b--70 {
  bottom: 70%
}

.qk-l--70 {
  left: 70%
}

.qk-t--60 {
  top: 60%
}

.qk-r--60 {
  right: 60%
}

.qk-b--60 {
  bottom: 60%
}

.qk-l--60 {
  left: 60%
}

.qk-t--50 {
  top: 50%
}

.qk-r--50 {
  right: 50%
}

.qk-b--50 {
  bottom: 50%
}

.qk-l--50 {
  left: 50%
}

.qk-t--40 {
  top: 40%
}

.qk-r--40 {
  right: 40%
}

.qk-b--40 {
  bottom: 40%
}

.qk-l--40 {
  left: 40%
}

.qk-t--30 {
  top: 30%
}

.qk-r--30 {
  right: 30%
}

.qk-b--30 {
  bottom: 30%
}

.qk-l--30 {
  left: 30%
}

.qk-t--25 {
  top: 25%
}

.qk-r--25 {
  right: 25%
}

.qk-b--25 {
  bottom: 25%
}

.qk-l--25 {
  left: 25%
}

.qk-t--20 {
  top: 20%
}

.qk-r--20 {
  right: 20%
}

.qk-b--20 {
  bottom: 20%
}

.qk-l--20 {
  left: 20%
}

.qk-t--16 {
  top: 16%
}

.qk-r--16 {
  right: 16%
}

.qk-b--16 {
  bottom: 16%
}

.qk-l--16 {
  left: 16%
}

.qk-t--15 {
  top: 15%
}

.qk-r--15 {
  right: 15%
}

.qk-b--15 {
  bottom: 15%
}

.qk-l--15 {
  left: 15%
}

.qk-t--10 {
  top: 10%
}

.qk-r--10 {
  right: 10%
}

.qk-b--10 {
  bottom: 10%
}

.qk-l--10 {
  left: 10%
}

.qk-t--8 {
  top: 8%
}

.qk-r--8 {
  right: 8%
}

.qk-b--8 {
  bottom: 8%
}

.qk-l--8 {
  left: 8%
}

.qk-t--4 {
  top: 4%
}

.qk-r--4 {
  right: 4%
}

.qk-b--4 {
  bottom: 4%
}

.qk-l--4 {
  left: 4%
}

.qk-t--5 {
  top: 5%
}

.qk-r--5 {
  right: 5%
}

.qk-b--5 {
  bottom: 5%
}

.qk-l--5 {
  left: 5%
}

.qk-t--0 {
  top: 0
}

.qk-r--0 {
  right: 0
}

.qk-b--0 {
  bottom: 0
}

.qk-l--0 {
  left: 0
}

.qk-float--none {
  float: none
}

.qk-float--l {
  float: left
}

.qk-float--r {
  float: right
}

.qk-clear--none {
  clear: none
}

.qk-clear--l {
  clear: left
}

.qk-clear--r {
  clear: right
}

.qk-clear--both {
  clear: both
}

.qk-of--auto, .qk-of_x--auto {
  overflow-x: auto
}

.qk-of--auto, .qk-of_y--auto {
  overflow-y: auto
}

.qk-of--hidden, .qk-of_x--hidden {
  overflow-x: hidden
}

.qk-of--hidden, .qk-of_y--hidden {
  overflow-y: hidden
}

.qk-of--overlay, .qk-of_x--overlay {
  overflow-x: overlay
}

.qk-of--overlay, .qk-of_y--overlay {
  overflow-y: overlay
}

.qk-of--scroll, .qk-of_x--scroll {
  overflow-x: scroll
}

.qk-of--scroll, .qk-of_y--scroll {
  overflow-y: scroll
}

.qk-of--visible, .qk-of_x--visible {
  overflow-x: visible
}

.qk-of--visible, .qk-of_y--visible {
  overflow-y: visible
}

.qk-bd {
  border: 1px solid transparent
}

.qk-bd--default, .qk-bd_y--default, .qk-bd_t--default {
  border-top-width: 1px;
  border-top-style: solid
}

.qk-bd--default, .qk-bd_x--default, .qk-bd_r--default {
  border-right-width: 1px;
  border-right-style: solid
}

.qk-bd--default, .qk-bd_y--default, .qk-bd_b--default {
  border-bottom-width: 1px;
  border-bottom-style: solid
}

.qk-bd--default, .qk-bd_x--default, .qk-bd_l--default {
  border-left-width: 1px;
  border-left-style: solid
}

.qk-bd--none {
  border: none
}

.qk-pd--10, .qk-pd_y--10, .qk-pd_t--10 {
  padding-top: 10em
}

.qk-pd--10, .qk-pd_x--10, .qk-pd_r--10 {
  padding-right: 10em
}

.qk-pd--10, .qk-pd_y--10, .qk-pd_b--10 {
  padding-bottom: 10em
}

.qk-pd--10, .qk-pd_x--10, .qk-pd_l--10 {
  padding-left: 10em
}

.qk-pd--9, .qk-pd_y--9, .qk-pd_t--9 {
  padding-top: 9em
}

.qk-pd--9, .qk-pd_x--9, .qk-pd_r--9 {
  padding-right: 9em
}

.qk-pd--9, .qk-pd_y--9, .qk-pd_b--9 {
  padding-bottom: 9em
}

.qk-pd--9, .qk-pd_x--9, .qk-pd_l--9 {
  padding-left: 9em
}

.qk-pd--8, .qk-pd_y--8, .qk-pd_t--8 {
  padding-top: 8em
}

.qk-pd--8, .qk-pd_x--8, .qk-pd_r--8 {
  padding-right: 8em
}

.qk-pd--8, .qk-pd_y--8, .qk-pd_b--8 {
  padding-bottom: 8em
}

.qk-pd--8, .qk-pd_x--8, .qk-pd_l--8 {
  padding-left: 8em
}

.qk-pd--7, .qk-pd_y--7, .qk-pd_t--7 {
  padding-top: 7em
}

.qk-pd--7, .qk-pd_x--7, .qk-pd_r--7 {
  padding-right: 7em
}

.qk-pd--7, .qk-pd_y--7, .qk-pd_b--7 {
  padding-bottom: 7em
}

.qk-pd--7, .qk-pd_x--7, .qk-pd_l--7 {
  padding-left: 7em
}

.qk-pd--6, .qk-pd_y--6, .qk-pd_t--6 {
  padding-top: 6em
}

.qk-pd--6, .qk-pd_x--6, .qk-pd_r--6 {
  padding-right: 6em
}

.qk-pd--6, .qk-pd_y--6, .qk-pd_b--6 {
  padding-bottom: 6em
}

.qk-pd--6, .qk-pd_x--6, .qk-pd_l--6 {
  padding-left: 6em
}

.qk-pd--5, .qk-pd_y--5, .qk-pd_t--5 {
  padding-top: 5em
}

.qk-pd--5, .qk-pd_x--5, .qk-pd_r--5 {
  padding-right: 5em
}

.qk-pd--5, .qk-pd_y--5, .qk-pd_b--5 {
  padding-bottom: 5em
}

.qk-pd--5, .qk-pd_x--5, .qk-pd_l--5 {
  padding-left: 5em
}

.qk-pd--4, .qk-pd_y--4, .qk-pd_t--4 {
  padding-top: 4em
}

.qk-pd--4, .qk-pd_x--4, .qk-pd_r--4 {
  padding-right: 4em
}

.qk-pd--4, .qk-pd_y--4, .qk-pd_b--4 {
  padding-bottom: 4em
}

.qk-pd--4, .qk-pd_x--4, .qk-pd_l--4 {
  padding-left: 4em
}

.qk-pd--3, .qk-pd_y--3, .qk-pd_t--3 {
  padding-top: 3em
}

.qk-pd--3, .qk-pd_x--3, .qk-pd_r--3 {
  padding-right: 3em
}

.qk-pd--3, .qk-pd_y--3, .qk-pd_b--3 {
  padding-bottom: 3em
}

.qk-pd--3, .qk-pd_x--3, .qk-pd_l--3 {
  padding-left: 3em
}

.qk-pd--2, .qk-pd_y--2, .qk-pd_t--2 {
  padding-top: 2em
}

.qk-pd--2, .qk-pd_x--2, .qk-pd_r--2 {
  padding-right: 2em
}

.qk-pd--2, .qk-pd_y--2, .qk-pd_b--2 {
  padding-bottom: 2em
}

.qk-pd--2, .qk-pd_x--2, .qk-pd_l--2 {
  padding-left: 2em
}

.qk-pd--15, .qk-pd_y--15, .qk-pd_t--15 {
  padding-top: 1.5em
}

.qk-pd--15, .qk-pd_x--15, .qk-pd_r--15 {
  padding-right: 1.5em
}

.qk-pd--15, .qk-pd_y--15, .qk-pd_b--15 {
  padding-bottom: 1.5em
}

.qk-pd--15, .qk-pd_x--15, .qk-pd_l--15 {
  padding-left: 1.5em
}

.qk-pd--1, .qk-pd_y--1, .qk-pd_t--1 {
  padding-top: 1em
}

.qk-pd--1, .qk-pd_x--1, .qk-pd_r--1 {
  padding-right: 1em
}

.qk-pd--1, .qk-pd_y--1, .qk-pd_b--1 {
  padding-bottom: 1em
}

.qk-pd--1, .qk-pd_x--1, .qk-pd_l--1 {
  padding-left: 1em
}

.qk-pd--05, .qk-pd_y--05, .qk-pd_t--05 {
  padding-top: 0.5em
}

.qk-pd--05, .qk-pd_x--05, .qk-pd_r--05 {
  padding-right: 0.5em
}

.qk-pd--05, .qk-pd_y--05, .qk-pd_b--05 {
  padding-bottom: 0.5em
}

.qk-pd--05, .qk-pd_x--05, .qk-pd_l--05 {
  padding-left: 0.5em
}

.qk-pd--0, .qk-pd_y--0, .qk-pd_t--0 {
  padding-top: 0em
}

.qk-pd--0, .qk-pd_x--0, .qk-pd_r--0 {
  padding-right: 0em
}

.qk-pd--0, .qk-pd_y--0, .qk-pd_b--0 {
  padding-bottom: 0em
}

.qk-pd--0, .qk-pd_x--0, .qk-pd_l--0 {
  padding-left: 0em
}

.qk-mg--auto, .qk-mg_y--auto, .qk-mg_t--auto {
  margin-top: auto
}

.qk-mg--auto, .qk-mg_x--auto, .qk-mg_r--auto {
  margin-right: auto
}

.qk-mg--auto, .qk-mg_y--auto, .qk-mg_b--auto {
  margin-bottom: auto
}

.qk-mg--auto, .qk-mg_x--auto, .qk-mg_l--auto {
  margin-left: auto
}

.qk-mg--10, .qk-mg_y--10, .qk-mg_t--10 {
  margin-top: 10em
}

.qk-mg--10, .qk-mg_x--10, .qk-mg_r--10 {
  margin-right: 10em
}

.qk-mg--10, .qk-mg_y--10, .qk-mg_b--10 {
  margin-bottom: 10em
}

.qk-mg--10, .qk-mg_x--10, .qk-mg_l--10 {
  margin-left: 10em
}

.qk-mg--9, .qk-mg_y--9, .qk-mg_t--9 {
  margin-top: 9em
}

.qk-mg--9, .qk-mg_x--9, .qk-mg_r--9 {
  margin-right: 9em
}

.qk-mg--9, .qk-mg_y--9, .qk-mg_b--9 {
  margin-bottom: 9em
}

.qk-mg--9, .qk-mg_x--9, .qk-mg_l--9 {
  margin-left: 9em
}

.qk-mg--8, .qk-mg_y--8, .qk-mg_t--8 {
  margin-top: 8em
}

.qk-mg--8, .qk-mg_x--8, .qk-mg_r--8 {
  margin-right: 8em
}

.qk-mg--8, .qk-mg_y--8, .qk-mg_b--8 {
  margin-bottom: 8em
}

.qk-mg--8, .qk-mg_x--8, .qk-mg_l--8 {
  margin-left: 8em
}

.qk-mg--7, .qk-mg_y--7, .qk-mg_t--7 {
  margin-top: 7em
}

.qk-mg--7, .qk-mg_x--7, .qk-mg_r--7 {
  margin-right: 7em
}

.qk-mg--7, .qk-mg_y--7, .qk-mg_b--7 {
  margin-bottom: 7em
}

.qk-mg--7, .qk-mg_x--7, .qk-mg_l--7 {
  margin-left: 7em
}

.qk-mg--6, .qk-mg_y--6, .qk-mg_t--6 {
  margin-top: 6em
}

.qk-mg--6, .qk-mg_x--6, .qk-mg_r--6 {
  margin-right: 6em
}

.qk-mg--6, .qk-mg_y--6, .qk-mg_b--6 {
  margin-bottom: 6em
}

.qk-mg--6, .qk-mg_x--6, .qk-mg_l--6 {
  margin-left: 6em
}

.qk-mg--5, .qk-mg_y--5, .qk-mg_t--5 {
  margin-top: 5em
}

.qk-mg--5, .qk-mg_x--5, .qk-mg_r--5 {
  margin-right: 5em
}

.qk-mg--5, .qk-mg_y--5, .qk-mg_b--5 {
  margin-bottom: 5em
}

.qk-mg--5, .qk-mg_x--5, .qk-mg_l--5 {
  margin-left: 5em
}

.qk-mg--4, .qk-mg_y--4, .qk-mg_t--4 {
  margin-top: 4em
}

.qk-mg--4, .qk-mg_x--4, .qk-mg_r--4 {
  margin-right: 4em
}

.qk-mg--4, .qk-mg_y--4, .qk-mg_b--4 {
  margin-bottom: 4em
}

.qk-mg--4, .qk-mg_x--4, .qk-mg_l--4 {
  margin-left: 4em
}

.qk-mg--3, .qk-mg_y--3, .qk-mg_t--3 {
  margin-top: 3em
}

.qk-mg--3, .qk-mg_x--3, .qk-mg_r--3 {
  margin-right: 3em
}

.qk-mg--3, .qk-mg_y--3, .qk-mg_b--3 {
  margin-bottom: 3em
}

.qk-mg--3, .qk-mg_x--3, .qk-mg_l--3 {
  margin-left: 3em
}

.qk-mg--2, .qk-mg_y--2, .qk-mg_t--2 {
  margin-top: 2em
}

.qk-mg--2, .qk-mg_x--2, .qk-mg_r--2 {
  margin-right: 2em
}

.qk-mg--2, .qk-mg_y--2, .qk-mg_b--2 {
  margin-bottom: 2em
}

.qk-mg--2, .qk-mg_x--2, .qk-mg_l--2 {
  margin-left: 2em
}

.qk-mg--15, .qk-mg_y--15, .qk-mg_t--15 {
  margin-top: 1.5em
}

.qk-mg--15, .qk-mg_x--15, .qk-mg_r--15 {
  margin-right: 1.5em
}

.qk-mg--15, .qk-mg_y--15, .qk-mg_b--15 {
  margin-bottom: 1.5em
}

.qk-mg--15, .qk-mg_x--15, .qk-mg_l--15 {
  margin-left: 1.5em
}

.qk-mg--1, .qk-mg_y--1, .qk-mg_t--1 {
  margin-top: 1em
}

.qk-mg--1, .qk-mg_x--1, .qk-mg_r--1 {
  margin-right: 1em
}

.qk-mg--1, .qk-mg_y--1, .qk-mg_b--1 {
  margin-bottom: 1em
}

.qk-mg--1, .qk-mg_x--1, .qk-mg_l--1 {
  margin-left: 1em
}

.qk-mg--05, .qk-mg_y--05, .qk-mg_t--05 {
  margin-top: 0.5em
}

.qk-mg--05, .qk-mg_x--05, .qk-mg_r--05 {
  margin-right: 0.5em
}

.qk-mg--05, .qk-mg_y--05, .qk-mg_b--05 {
  margin-bottom: 0.5em
}

.qk-mg--05, .qk-mg_x--05, .qk-mg_l--05 {
  margin-left: 0.5em
}

.qk-mg--0, .qk-mg_y--0, .qk-mg_t--0 {
  margin-top: 0
}

.qk-mg--0, .qk-mg_x--0, .qk-mg_r--0 {
  margin-right: 0
}

.qk-mg--0, .qk-mg_y--0, .qk-mg_b--0 {
  margin-bottom: 0
}

.qk-mg--0, .qk-mg_x--0, .qk-mg_l--0 {
  margin-left: 0
}

.qk-display--il {
  display: inline
}

.qk-display--il_bk {
  display: inline-block
}

.qk-display--bk {
  display: block
}

.qk-display--init {
  display: initial
}

.qk-display--none {
  display: none
}

.qk-display--contents {
  display: contents
}

.qk-display--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex
}

.qk-display--il_flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.qk-flex--row {
  flex-direction: row
}

.qk-flex--row_rev {
  flex-direction: row-reverse
}

.qk-flex--column {
  flex-direction: column
}

.qk-flex--column_rev {
  flex-direction: column-reverse
}

.qk-flex--wrap {
  flex-wrap: wrap
}

.qk-flex--nowrap {
  flex-wrap: nowrap
}

.qk-justify--center {
  justify-content: center
}

.qk-justify--between {
  justify-content: space-between
}

.qk-justify--around {
  justify-content: space-around
}

.qk-justify--start {
  justify-content: flex-start
}

.qk-justify--end {
  justify-content: flex-end
}

.qk-align--center {
  align-items: center
}

.qk-align--start {
  align-items: flex-start
}

.qk-align--stretch {
  align-items: stretch
}

.qk-align--end {
  align-items: flex-end
}

.qk-flex--auto {
  flex: auto
}

.qk-flex--10 {
  flex: 10
}

.qk-flex--9 {
  flex: 9
}

.qk-flex--8 {
  flex: 8
}

.qk-flex--7 {
  flex: 7
}

.qk-flex--6 {
  flex: 6
}

.qk-flex--5 {
  flex: 5
}

.qk-flex--4 {
  flex: 4
}

.qk-flex--3 {
  flex: 3
}

.qk-flex--2 {
  flex: 2
}

.qk-flex--15 {
  flex: 1.5
}

.qk-flex--1 {
  flex: 1
}

.qk-flex--05 {
  flex: .5
}

.qk-flex--0 {
  flex: 0
}

.qk-flex--initial {
  flex: initial
}

.qk-place--center {
  place-items: center
}

.qk-flex-gap--auto {
  gap: autopx
}

.qk-flex-gap--100 {
  gap: 100px
}

.qk-flex-gap--90 {
  gap: 90px
}

.qk-flex-gap--80 {
  gap: 80px
}

.qk-flex-gap--75 {
  gap: 75px
}

.qk-flex-gap--70 {
  gap: 70px
}

.qk-flex-gap--60 {
  gap: 60px
}

.qk-flex-gap--50 {
  gap: 50px
}

.qk-flex-gap--40 {
  gap: 40px
}

.qk-flex-gap--30 {
  gap: 30px
}

.qk-flex-gap--25 {
  gap: 25px
}

.qk-flex-gap--20 {
  gap: 20px
}

.qk-flex-gap--16 {
  gap: 16px
}

.qk-flex-gap--15 {
  gap: 15px
}

.qk-flex-gap--10 {
  gap: 10px
}

.qk-flex-gap--8 {
  gap: 8px
}

.qk-flex-gap--4 {
  gap: 4px
}

.qk-flex-gap--5 {
  gap: 5px
}

.qk-flex-gap--0 {
  gap: 0px
}

.qk-display--grid {
  display: -ms-grid;
  display: grid
}

.qk-text--center {
  text-align: center
}

.qk-text--left {
  text-align: left
}

.qk-text--right {
  text-align: right
}

.qk-text--start {
  text-align: start
}

.qk-text--end {
  text-align: end
}

.qk-vert--mid {
  vertical-align: middle
}

.qk-vert--bottom {
  vertical-align: bottom
}

.qk-vert--text_top {
  vertical-align: text-top
}

.qk-vert--unset {
  vertical-align: unset
}

.qk-vert--super {
  vertical-align: super
}

.qk-visibility--hidden {
  visibility: hidden
}

.qk-sp_bt--1 > * {
  margin: 0 0.5px
}

  .qk-sp_bt--1 > *:first-child {
    margin: 0 0.5px 0 0
  }

  .qk-sp_bt--1 > *:last-child {
    margin: 0 0 0 0.5px
  }

.qk-sp_bt--2 > * {
  margin: 0 1px
}

  .qk-sp_bt--2 > *:first-child {
    margin: 0 1px 0 0
  }

  .qk-sp_bt--2 > *:last-child {
    margin: 0 0 0 1px
  }

.qk-sp_bt--5 > * {
  margin: 0 2.5px
}

  .qk-sp_bt--5 > *:first-child {
    margin: 0 2.5px 0 0
  }

  .qk-sp_bt--5 > *:last-child {
    margin: 0 0 0 2.5px
  }

.qk-sp_bt--10 > * {
  margin: 0 5px
}

  .qk-sp_bt--10 > *:first-child {
    margin: 0 5px 0 0
  }

  .qk-sp_bt--10 > *:last-child {
    margin: 0 0 0 5px
  }

.qk-sp_bt--15 > * {
  margin: 0 7.5px
}

  .qk-sp_bt--15 > *:first-child {
    margin: 0 7.5px 0 0
  }

  .qk-sp_bt--15 > *:last-child {
    margin: 0 0 0 7.5px
  }

.qk-sp_bt--20 > * {
  margin: 0 10px
}

  .qk-sp_bt--20 > *:first-child {
    margin: 0 10px 0 0
  }

  .qk-sp_bt--20 > *:last-child {
    margin: 0 0 0 10px
  }

.qk-sp_bt--24 > * {
  margin: 0 12px
}

  .qk-sp_bt--24 > *:first-child {
    margin: 0 12px 0 0
  }

  .qk-sp_bt--24 > *:last-child {
    margin: 0 0 0 12px
  }

.qk-opacity--0 {
  opacity: 0
}

.qk-opacity--50 {
  opacity: .5
}

.qk-opacity--75 {
  opacity: .75
}

.qk-opacity--100 {
  opacity: 1
}

.qk-show_on_hover {
  opacity: 0
}

  .qk-show_on_hover:hover {
    opacity: 1
  }

.qk-tst {
  will-change: transition
}

  .qk-tst.qk-tst_dur--15 {
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s
  }

  .qk-tst.qk-tst_dur--20 {
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
  }

  .qk-tst.qk-tst_dur--30 {
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
  }

  .qk-tst.qk-tst_dur--80 {
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s
  }

  .qk-tst.qk-tst_prop--bd {
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -webkit-transition-property: border-color;
    transition-property: border-color
  }

  .qk-tst.qk-tst_prop--bg {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color
  }

  .qk-tst.qk-tst_prop--color {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color
  }

  .qk-tst.qk-tst_prop--h {
    -moz-transition-property: height;
    -o-transition-property: height;
    -webkit-transition-property: height;
    transition-property: height
  }

  .qk-tst.qk-tst_prop--opacity {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity
  }

  .qk-tst.qk-tst_prop--pd {
    -moz-transition-property: padding;
    -o-transition-property: padding;
    -webkit-transition-property: padding;
    transition-property: padding
  }

  .qk-tst.qk-tst_prop--w {
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width
  }

  .qk-tst.qk-tst_prop--r {
    -moz-transition-property: right;
    -o-transition-property: right;
    -webkit-transition-property: right;
    transition-property: right
  }

  .qk-tst.qk-tst_timing--ease {
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .qk-tst.qk-tst_timing--ease_i {
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  .qk-tst.qk-tst_timing--ease_io {
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
  }

  .qk-tst.qk-tst_timing--ease_o {
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
  }

  .qk-tst.qk-tst_timing--linear {
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
  }

.qk-dropdown_menu {
  display: none;
  z-index: 1000;
  border-radius: .25rem
}

.qk-show {
  display: block
}

.qk-container {
  max-width: min(100%, 1140px);
  padding: 0 15px;
  margin: 0 auto
}

.qk-visible-lg {
  display: block
}

@media(max-width: 991px) {
  .qk-visible-lg {
    display: none
  }
}

.qk-visible-md {
  display: block
}

@media(min-width: 992px) {
  .qk-visible-md {
    display: none
  }
}

@media(max-width: 575px) {
  .qk-visible-md {
    display: none
  }
}

.qk-visible-sm {
  display: block
}

@media(min-width: 576px) {
  .qk-visible-sm {
    display: none
  }
}

@media(min-width: 576px) {
  .qk-visible-lg.qk-visible-md {
    display: block
  }
}

@media(min-width: 991px) {
  .qk-visible-lg.qk-visible-sm {
    display: block
  }
}

@media(max-width: 576px) {
  .qk-visible-lg.qk-visible-sm {
    display: block
  }
}

@media(max-width: 991px) {
  .qk-visible-md.qk-visible-sm {
    display: block
  }
}

@media(max-width: 580px) {
  .qk-hidden--phone {
    display: none
  }
}

@media(min-width: 581px)and (max-width: 991px) {
  .qk-hidden--tablet {
    display: none
  }
}

@media(max-width: 991px) {
  .qk-hidden--mobile {
    display: none
  }
}

@media(min-width: 992px) {
  .qk-hidden--pc {
    display: none
  }
}

.qk-cursor--pointer {
  cursor: pointer
}

.qk-cursor--default {
  cursor: default
}

.qk-cursor--na {
  cursor: not-allowed
}

.qk-fs--hd1 {
  font-size: 24px
}

.qk-fs--hd2 {
  font-size: 20px
}

.qk-fs--hd3 {
  font-size: 18px
}

.qk-fs--title {
  font-size: 15px
}

.qk-fs--body {
  font-size: 14px
}

.qk-fs--warning_sub {
  font-size: 12px
}

.qk-fs--breadcrumb {
  font-size: 13px
}

.qk-fw--600 {
  font-weight: 600
}

.qk-fw--500 {
  font-weight: 500
}

.qk-fw--400 {
  font-weight: 400
}

.qk-fw--300 {
  font-weight: 300
}

.qk-fw--bold {
  font-weight: bold
}

.qk-h2 {
  padding: 0 20px
}

  .qk-h2:before {
    border-top: 1px solid var(--heading);
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 1px;
    left: -80px;
    top: 15px;
    transition: .3s
  }

  .qk-h2:after {
    border-top: 1px solid var(--heading);
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 1px;
    right: -80px;
    top: 15px;
    transition: .3s
  }

@media(max-width: 991px) {
  .qk-h2 {
    width: calc(100% - 70px);
    font-size: 20px
  }

    .qk-h2:before {
      width: 35px;
      left: -35px;
      top: 11px
    }

    .qk-h2:after {
      width: 35px;
      right: -35px;
      top: 11px
    }
}

.qk-nav {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none
}

  .qk-nav.qk-nav-fill .qk-nav-item {
    flex: 1 1 auto;
    text-align: center
  }

  .qk-nav .qk-nav--link {
    border: 1px solid #e2e2e2;
    background: #fff;
    display: block;
    width: 100%;
    padding: 16px 0;
    line-height: 1;
    font-size: 15px;
    color: #565656
  }

    .qk-nav .qk-nav--link.qk-nav--link-active {
      color: #fff;
      background: #624d4a
    }

  .qk-nav .qk-nav-item:first-child .qk-nav--link {
    border-radius: 5px 0 0 5px
  }

  .qk-nav .qk-nav-item:last-child .qk-nav--link {
    border-radius: 0 5px 5px 0
  }

  .qk-nav .qk-nav-item:not(:last-child) .qk-nav--link {
    border-right: none
  }

.qk-pointer--none {
  pointer-events: none
}

.qk-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.qk-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0,0,0,.5)
}

  .qk-modal-mask .qk-back-drop {
    position: absolute;
    height: 100%;
    width: 100%
  }

  .qk-modal-mask .qk-modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(86,86,86,.5);
    left: 50%;
    max-height: 90%;
    padding: 40px 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 900px
  }

    .qk-modal-mask .qk-modal-content .qk-modal-close {
      background-color: var(--theme_bg);
      border: none;
      border-radius: 100%;
      box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
      padding-left: 9px;
      position: absolute;
      top: -15px;
      opacity: 1;
      right: -15px;
      height: 40px;
      width: 40px
    }

      .qk-modal-mask .qk-modal-content .qk-modal-close:after {
        color: var(--text);
        content: "×";
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
      }

    .qk-modal-mask .qk-modal-content .qk-modal-body {
      max-height: calc(100vh - 120px);
      height: 100%;
      padding: 0 20px
    }

@media(max-width: 991px) {
  .qk-modal-mask .qk-modal-content {
    width: 750px
  }
}

@media(max-width: 768px) {
  .qk-modal-mask .qk-modal-content {
    width: 90%
  }
}

@media(max-width: 576px) {
  .qk-modal-mask .qk-modal-content {
    border-radius: 10px 10px 0 0;
    height: calc(100% - 80px);
    padding: 16px;
    top: 80px;
    transform: translateX(-50%);
    width: 101%
  }

    .qk-modal-mask .qk-modal-content .qk-modal-close {
      right: 20px;
      top: -55px
    }

    .qk-modal-mask .qk-modal-content .qk-modal-body {
      margin-bottom: 20px;
      padding: 0 16px
    }
}

.qk-modal-mask .qk-modal-content .qk-loading {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center
}

@media(min-width: 577px) {
  .qk-modal-enter-active, .qk-modal-leave-active {
    transition: opacity .5s
  }

  .qk-modal-enter, .qk-modal-leave-to {
    opacity: 0
  }
}

@media(max-width: 576px) {
  .qk-modal-enter-active, .qk-modal-leave-active {
    transition: all .5s
  }

  .qk-modal-enter, .qk-modal-leave-to {
    padding-top: 100vh;
    opacity: 0
  }
}

.qk-fit--contain {
  object-fit: contain
}