{"version":3,"sources":["_type.scss","../../node_modules/bootstrap/scss/_variables.scss","style.css","_images.scss","_grid.scss","_forms.scss","_buttons.scss","_functions.scss","_variables-vendor.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_dropdown.scss","_button-group.scss","_custom-forms.scss","_nav.scss","_card.scss","_pagination.scss","_badge.scss","_alert.scss","../../node_modules/bootstrap/scss/_functions.scss","_list-group.scss","_variables.scss","_modal.scss","_tooltip.scss","_utilities.scss","_webkit-scrollbar.scss","_perfect-scrollbar.scss","_feather-icons.scss","_header.scss","../../node_modules/bootstrap/scss/mixins/_hover.scss","_modal-menu.scss","../../node_modules/bootstrap/scss/mixins/_lists.scss","_cart-dropdown.scss","../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","_color-options.scss","_categories-grid.scss","_accordion.scss","_accordion-sidebar.scss","_table-cart.scss","_noty.scss","_nouislider.scss","_shop-filters.scss","_input-spinner.scss","_swiper.scss","_checkout.scss","_credit-card.scss","_login.scss","_blog.scss","_embed-map.scss","_footer.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":[".bold {\r\n  font-weight: $font-weight-bold;\r\n}","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-print-styles:                         true !default;\n$enable-validation-icons:                     true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grid-breakpoints: map-merge(\n  (\n    xs: 0,\n    sm: 576px,\n    md: 768px,\n    lg: 992px,\n    xl: 1200px\n  ),\n  $grid-breakpoints\n);\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$container-max-widths: map-merge(\n  (\n    sm: 540px,\n    md: 720px,\n    lg: 960px,\n    xl: 1140px\n  ),\n  $container-max-widths\n);\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (3 4),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                ($font-size-base * 1.25) !default;\n$font-size-sm:                ($font-size-base * .875) !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer / 2 !default;\n$headings-font-family:        inherit !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              ($font-size-base * 1.25) !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             80% !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        ($font-size-base * 1.25) !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-bg:                    transparent !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $gray-300 !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n\n$table-dark-bg:               $gray-900 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($gray-900, 7.5%) !default;\n$table-dark-color:            $white !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    ($input-btn-font-size * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm:                 ($input-btn-font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg:                 ($input-btn-font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-btn-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    none !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size:                  calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y:           $input-btn-padding-y !default;\n$custom-select-padding-x:           $input-btn-padding-x !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background:          $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: $input-height-inner * 3 / 4 + $custom-select-padding-x + $custom-select-indicator-padding !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          ($input-height-inner / 2) ($input-height-inner / 2) !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-btn-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-btn-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer / 2 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    inherit !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width / 2 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $gray-200 !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                ($font-size-base * .75) !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:         2rem !default;\n$spinner-height:        $spinner-width !default;\n$spinner-border-width:  .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n",".bold {\n  font-weight: 700;\n}\n\n[data-cover] {\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n}\n\n.zoom-hover {\n  overflow: hidden;\n}\n\n.zoom-hover img, .zoom-hover [data-cover] {\n  transition: transform .35s;\n}\n\n.zoom-hover:hover img, .zoom-hover:hover [data-cover] {\n  transform: scale(1.1);\n}\n\n.product-slider-small {\n  margin-top: 1rem;\n}\n\n.product-slider-small .swiper-slide {\n  opacity: .5;\n  transition: opacity .1s;\n  cursor: pointer;\n}\n\n.product-slider-small .swiper-slide.active {\n  opacity: 1;\n}\n\n.gutters-1 {\n  margin-right: -.125rem;\n  margin-left: -.125rem;\n}\n\n.gutters-1 > .col,\n.gutters-1 > [class*=\"col-\"] {\n  padding-right: .125rem;\n  padding-left: .125rem;\n}\n\n.gutters-2 {\n  margin-right: -.25rem;\n  margin-left: -.25rem;\n}\n\n.gutters-2 > .col,\n.gutters-2 > [class*=\"col-\"] {\n  padding-right: .25rem;\n  padding-left: .25rem;\n}\n\n.gutters-3 {\n  margin-right: -.5rem;\n  margin-left: -.5rem;\n}\n\n.gutters-3 > .col,\n.gutters-3 > [class*=\"col-\"] {\n  padding-right: .5rem;\n  padding-left: .5rem;\n}\n\n@supports (-moz-appearance: meterbar) {\n  .form-check-input {\n    margin-top: .22rem;\n  }\n}\n\n.form-style-1 .form-group:not(.form-check) > label, .form-style-2 .form-group:not(.form-check) > label {\n  font-weight: bold;\n}\n\n.form-style-1 .form-control, .form-style-2 .form-control {\n  border-radius: 0.25rem;\n}\n\n.form-style-1 .form-control:not(:focus):not([disabled]):not([readonly]), .form-style-2 .form-control:not(:focus):not([disabled]):not([readonly]) {\n  background-color: #f8f9fa;\n}\n\n.form-style-1 .btn, .form-style-2 .btn {\n  border-radius: 0.25rem;\n}\n\n.form-style-2 .form-control {\n  border-radius: 10rem;\n}\n\n.form-style-2 .btn {\n  border-radius: 10rem;\n}\n\n.input-icon {\n  position: relative;\n  display: block;\n}\n\n.input-icon > svg {\n  position: absolute;\n  top: 10px;\n  left: 0.5rem;\n}\n\n.input-icon > .form-control {\n  padding-left: 1.75rem;\n}\n\n.input-icon.input-icon-sm > svg {\n  top: 8px;\n  left: 0.25rem;\n  width: 13px;\n  height: 13px;\n}\n\n.input-icon.input-icon-sm > .form-control-sm {\n  padding-left: 1.25rem;\n}\n\n.input-icon.input-icon-lg > svg {\n  top: 11px;\n  left: 0.75rem;\n  width: 24px;\n  height: 24px;\n}\n\n.input-icon.input-icon-lg > .form-control-lg {\n  padding-left: 2.5rem;\n}\n\n.btn-icon {\n  width: 35px;\n  height: 35px;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.btn-icon.btn-sm {\n  width: 28px;\n  height: 28px;\n}\n\n.btn-icon.btn-lg {\n  width: 44px;\n  height: 44px;\n}\n\n.wishlist,\n.zoom,\n.quickview {\n  border: 0;\n  color: #ced4da;\n  position: absolute;\n  top: .5rem;\n  left: .5rem;\n  font-size: 0;\n  background-color: #fff;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  padding: .3rem 0;\n  border-radius: 50%;\n  transition: color .2s;\n  cursor: pointer;\n  width: 30px;\n  height: 30px;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wishlist.active,\n.zoom.active,\n.quickview.active {\n  color: #e83e8c;\n}\n\n.wishlist:focus,\n.zoom:focus,\n.quickview:focus {\n  outline: 0;\n}\n\n.zoom,\n.quickview {\n  left: auto;\n  right: .5rem;\n  color: #606975;\n}\n\n.quickview {\n  color: #adb5bd;\n  box-shadow: none;\n}\n\n.quickview:hover {\n  color: #6c757d;\n}\n\n@media (max-width: 991.98px) {\n  .quickview {\n    display: none;\n  }\n}\n\n.dropdown-menu {\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n}\n\n.show .dropdown-menu {\n  animation-name: dropdownAnimate;\n  animation-duration: .25s;\n}\n\n@keyframes dropdownAnimate {\n  from {\n    transform: translate3d(0, -10px, 0);\n    opacity: 0;\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-hover .dropdown-menu {\n    margin: 0;\n  }\n  .dropdown-hover:hover > .dropdown-menu {\n    display: block;\n  }\n  .dropdown-hover > .dropdown-toggle:not(.forwardable):active {\n    pointer-events: none;\n  }\n}\n\n.dropdown-item.has-icon > .feather {\n  margin-right: .75rem;\n}\n\n.btn-group-scatter {\n  float: left;\n}\n\n.btn-group-scatter .btn {\n  float: left;\n  margin: 0 5px 5px 0;\n}\n\n@supports (-webkit-appearance: none) {\n  .custom-control-label::before, .custom-control-label::after {\n    top: 0.14625rem;\n  }\n}\n\n.custom-checkbox .custom-control-label::before {\n  border-radius: 4px;\n}\n\n.custom-control-input:not(:disabled):not(:checked):hover ~ .custom-control-label::before, .custom-control-input:not(:disabled):not(:checked):focus ~ .custom-control-label::before {\n  border-color: #606ddd;\n}\n\n.custom-control-nolabel {\n  display: inline-block;\n  width: 16px;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n}\n\n.custom-control-nolabel > .custom-control-label {\n  float: left;\n}\n\n.custom-control-nolabel > .custom-control-label::before, .custom-control-nolabel > .custom-control-label::after {\n  left: 0;\n}\n\n.custom-radio-color {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  overflow: hidden;\n}\n\n.custom-radio-color .custom-control-label {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  bottom: 0;\n}\n\n.custom-radio-color .custom-control-label::before {\n  display: none;\n}\n\n.custom-radio-color .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\n  left: 2px;\n  top: 2px;\n}\n\n.nav-link:not(:hover) {\n  color: #606975;\n}\n\n.nav-icon {\n  position: relative;\n  width: 35px;\n  height: 35px;\n  padding: 0;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.nav-icon:hover {\n  background-color: #e9ecef;\n}\n\n.nav-icon .badge {\n  position: absolute;\n  top: 0;\n  right: 0;\n  border-radius: 50%;\n}\n\n.show > .nav-icon {\n  color: #2a3bc6;\n  background-color: #e9ecef;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n  box-shadow: 0 1px 0 0 #606ddd;\n}\n\n.main-nav-pills {\n  font-weight: bold;\n}\n\n.main-nav-pills .nav-link:not(.disabled) {\n  padding: 1rem;\n}\n\n.main-nav-pills .disabled {\n  padding: 1rem 0;\n}\n\n.card {\n  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.075);\n}\n\n.card-img-overlay-transparent {\n  background-color: rgba(0, 0, 0, 0.5);\n}\n\n.card-2col .card-title {\n  font-weight: bold;\n  text-align: center;\n}\n\n@media (max-width: 991.98px) {\n  .card-2col .card-title {\n    font-size: 1.3125rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .card-2col .card-title {\n    font-size: 1.09375rem;\n  }\n}\n\n.card-2col-body {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding: 1rem;\n}\n\n@media (min-width: 768px) {\n  .card-2col-body {\n    width: 50%;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .card-2col-body {\n    padding: .5rem;\n  }\n}\n\n@media (min-width: 768px) {\n  .card-2col-img {\n    width: 50%;\n  }\n}\n\n.card-product {\n  text-align: center;\n}\n\n.card-product:not(.card-product-list) .card-img-top {\n  margin-bottom: 1rem;\n}\n\n.card-product:not(.card-product-list) .color-options {\n  margin-top: .5rem;\n}\n\n.card-product:not(.card-product-list) .rating {\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.card-product:not(.card-product-list) .badge {\n  margin-bottom: .5rem;\n}\n\n.card-product .card-title {\n  font-weight: bold;\n  display: block;\n}\n\n.card-product .card-title:not(:hover) {\n  color: #606975;\n}\n\n.card-product .badge {\n  border-radius: .5rem;\n  border-top-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n@media (min-width: 576px) {\n  .card-product .badge {\n    font-size: 90%;\n  }\n}\n\n.card-product .card-footer {\n  padding: 0 1rem 1rem;\n  background-color: transparent;\n}\n\n@media (max-width: 575.98px) {\n  .card-product .card-body {\n    padding: .5rem;\n  }\n}\n\n@media (min-width: 768px) and (max-width: 991.98px) {\n  .card-product .price span {\n    font-size: 0.875rem;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .card-product .price span {\n    font-size: 0.875rem;\n  }\n}\n\n.card-product-list {\n  flex-direction: row;\n}\n\n.card-product-list > a {\n  padding: 1rem;\n}\n\n@media (max-width: 991.98px) {\n  .card-product-list > a {\n    width: 40%;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .card-product-list > a {\n    width: 35%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .card-product-list > a {\n    width: 25%;\n  }\n}\n\n.card-product-list .card-title {\n  font-size: 1.09375rem;\n}\n\n.card-product-list .card-body {\n  text-align: left;\n}\n\n@media (max-width: 991.98px) {\n  .card-product-list .card-body {\n    width: 60%;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .card-product-list .card-body {\n    width: 65%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .card-product-list .card-body {\n    width: 75%;\n  }\n}\n\n.card-product-list .badge,\n.card-product-list .rating {\n  margin-left: .5rem;\n}\n\n.card-product-list .color-options {\n  justify-content: start;\n  margin-bottom: .5rem;\n}\n\n.card-product-list .attr {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-bottom: .5rem;\n}\n\n@media (min-width: 576px) {\n  .card-deck-2-columns {\n    margin-right: -.5rem;\n    margin-left: -.5rem;\n  }\n  .card-deck-2-columns .card {\n    flex: 1 0 40%;\n    margin-right: .5rem;\n    margin-bottom: 15px;\n    margin-left: .5rem;\n  }\n}\n\n.card-deck-product {\n  margin-right: -.5rem;\n  margin-left: -.5rem;\n  flex-flow: row wrap;\n}\n\n@media (max-width: 575.98px) {\n  .card-deck-product {\n    margin-right: -.25rem;\n    margin-left: -.25rem;\n  }\n}\n\n.card-deck-product .card {\n  margin-right: .5rem;\n  margin-left: .5rem;\n  display: flex;\n  flex: 1 0 20%;\n  flex-direction: column;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 575.98px) {\n  .card-deck-product .card {\n    margin-right: .25rem;\n    margin-left: .25rem;\n    margin-bottom: .5rem;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .card-deck-product .card {\n    flex: 1 0 40%;\n  }\n}\n\n.card-deck-product.with-sidebar .card {\n  flex: 1 0 25%;\n}\n\n@media (max-width: 991.98px) {\n  .card-deck-product.with-sidebar .card {\n    flex: 1 0 40%;\n  }\n}\n\n.card-pagination .card-body {\n  display: flex;\n  padding: .5rem 0;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.card-pagination .btn {\n  font-weight: bold;\n}\n\n.badge {\n  line-height: 1.1;\n}\n\n.has-badge {\n  display: flex !important;\n  align-items: center;\n}\n\n.has-badge .badge {\n  margin-left: auto;\n}\n\n.alert-primary {\n  border-left-width: 3px;\n}\n\n.alert-primary .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #d2d6f5;\n  border-radius: 50%;\n  background-color: #515cba;\n  flex: 0 0 21px;\n}\n\n.alert-success {\n  border-left-width: 3px;\n}\n\n.alert-success .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #cde9ce;\n  border-radius: 50%;\n  background-color: #409343;\n  flex: 0 0 21px;\n}\n\n.alert-info {\n  border-left-width: 3px;\n}\n\n.alert-info .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #bee5eb;\n  border-radius: 50%;\n  background-color: #13889b;\n  flex: 0 0 21px;\n}\n\n.alert-warning {\n  border-left-width: 3px;\n}\n\n.alert-warning .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #ffeeba;\n  border-radius: 50%;\n  background-color: #d6a206;\n  flex: 0 0 21px;\n}\n\n.alert-danger {\n  border-left-width: 3px;\n}\n\n.alert-danger .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #fccac7;\n  border-radius: 50%;\n  background-color: #cd382d;\n  flex: 0 0 21px;\n}\n\n.alert-dark {\n  border-left-width: 3px;\n}\n\n.alert-dark .alert-icon {\n  height: 21px;\n  margin-right: .5rem;\n  text-align: center;\n  color: #c6c8ca;\n  border-radius: 50%;\n  background-color: #2c3136;\n  flex: 0 0 21px;\n}\n\n.list-group-no-border .list-group-item {\n  margin-bottom: 0;\n  border: 0;\n}\n\n.list-group-sm .list-group-item {\n  padding: 0.25rem 0.75rem;\n}\n\n.modal.fade .modal-dialog {\n  transform: scale(1.1);\n}\n\n.modal.show .modal-dialog {\n  transform: scale(1);\n}\n\n.modal-right .modal-dialog,\n.modal-left .modal-dialog {\n  margin: 0;\n}\n\n.modal-right .modal-dialog,\n.modal-right .modal-content,\n.modal-left .modal-dialog,\n.modal-left .modal-content {\n  height: 100%;\n}\n\n.modal-right .modal-content,\n.modal-left .modal-content {\n  border: 0;\n}\n\n.modal-right .modal-header,\n.modal-right .modal-footer,\n.modal-left .modal-header,\n.modal-left .modal-footer {\n  flex-shrink: 0;\n}\n\n.modal-right {\n  padding-right: 0 !important;\n}\n\n.modal-right .modal-dialog {\n  margin-left: auto;\n}\n\n.modal-right.fade .modal-dialog {\n  transform: translateX(100%);\n}\n\n.modal-right.show .modal-dialog {\n  transform: translateX(0);\n}\n\n.modal-left.fade .modal-dialog {\n  transform: translateX(-100%);\n}\n\n.modal-left.show .modal-dialog {\n  transform: translateX(0);\n}\n\n.tooltip-inner {\n  border-radius: 0.25rem;\n}\n\n.flex-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.mt-gutter {\n  margin-top: 30px;\n}\n\n.mb-gutter {\n  margin-bottom: 30px;\n}\n\n.ml-ni {\n  margin-left: -.657rem;\n}\n\n.mr-ni {\n  margin-right: -.657rem;\n}\n\n.rounded-pill {\n  border-radius: 10rem !important;\n}\n\n.roboto-condensed, .main-nav-pills, .price, .price span, .counter, .dropdown-cart .dropdown-menu .media-body > .qty,\n.dropdown-cart .dropdown-menu .media-body > .price, .categories-grid, .swiper-overlay *:not(.btn), .or-divider {\n  font-family: 'Roboto Condensed', sans-serif;\n}\n\n.top-0 {\n  top: 0 !important;\n}\n\n.right-0 {\n  right: 0 !important;\n}\n\n.bottom-0 {\n  bottom: 0 !important;\n}\n\n.left-0 {\n  left: 0 !important;\n}\n\n.price span {\n  font-weight: bold;\n  color: #e83e8c;\n}\n\n.price span.del {\n  position: relative;\n  margin: 0 .5rem;\n  color: #adb5bd;\n}\n\n.price span.del::after {\n  position: absolute;\n  top: calc(50% - 2px);\n  left: -5px;\n  width: calc(100% + 10px);\n  height: 4px;\n  content: '';\n  border-top: 1px solid #adb5bd;\n  border-bottom: 1px solid #adb5bd;\n}\n\n.counter, .dropdown-cart .dropdown-menu .media-body > .qty,\n.dropdown-cart .dropdown-menu .media-body > .price {\n  color: #adb5bd;\n}\n\n.nostretch {\n  width: 1%;\n  white-space: nowrap;\n}\n\n.rating > svg {\n  margin-bottom: 3px;\n  fill: #ffc107;\n}\n\n.minw-0 {\n  min-width: 0 !important;\n}\n\n.minh-0 {\n  min-height: 0 !important;\n}\n\n.size50x50 {\n  width: 50px;\n  height: 50px;\n}\n\n.input-group-search {\n  border: 1px solid #dee2e6;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n\n/* Size */\n::-webkit-scrollbar {\n  width: 9px;\n}\n\n::-webkit-scrollbar:horizontal {\n  height: 9px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: #f2f2f2;\n}\n\n::-webkit-scrollbar-track:vertical {\n  border-left: 1px solid #d9d9d9;\n}\n\n::-webkit-scrollbar-track:horizontal {\n  border-top: 1px solid #d9d9d9;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #c2c2c2;\n}\n\n::-webkit-scrollbar-thumb:vertical {\n  border-left: 1px solid #9c9c9c;\n}\n\n::-webkit-scrollbar-thumb:horizontal {\n  border-top: 1px solid #9c9c9c;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #919191;\n}\n\n::-webkit-scrollbar-thumb:hover:vertical {\n  border-left: 1px solid #6a6a6a;\n}\n\n::-webkit-scrollbar-thumb:hover:horizontal {\n  border-top: 1px solid #6a6a6a;\n}\n\n.ps__rail-x {\n  height: 7px;\n}\n\n.ps__rail-y {\n  width: 7px;\n}\n\n.ps__rail-x,\n.ps__rail-y {\n  z-index: 2;\n}\n\n.ps__thumb-x {\n  height: 3px;\n}\n\n.ps__thumb-y {\n  width: 3px;\n}\n\n.ps__thumb-x,\n.ps__thumb-y {\n  border-radius: 0;\n}\n\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y.ps--clicking,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-y:hover {\n  background: rgba(51, 51, 51, 0.1);\n}\n\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-x:hover {\n  height: 10px;\n}\n\n.ps .ps__rail-y.ps--clicking,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-y:hover {\n  width: 10px;\n}\n\n.ps__rail-x.ps--clicking .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x:hover > .ps__thumb-x {\n  height: 6px;\n}\n\n.ps__rail-y.ps--clicking .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y:hover > .ps__thumb-y {\n  width: 6px;\n}\n\n.feather {\n  vertical-align: sub;\n}\n\n.feather[width=\"24\"] {\n  width: 15px;\n  height: 15px;\n}\n\n.btn-sm > .feather[width=\"24\"] {\n  width: .875rem;\n  height: .875rem;\n}\n\n.btn-lg > .feather[width=\"24\"] {\n  width: 1.125rem;\n  height: 1.125rem;\n}\n\n.badge .feather[width=\"24\"] {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.topbar {\n  position: relative;\n  z-index: 1031;\n  border-bottom: 1px solid #dee2e6;\n  background-color: #fff;\n}\n\n.topbar .nav-link {\n  padding: .25rem 1rem;\n}\n\n.nav-lang .nav-link {\n  font-weight: bold;\n  padding: .25rem;\n  color: #606975;\n}\n\n.nav-lang .nav-link.active {\n  color: #606ddd;\n}\n\n.nav-lang .nav-link.pipe {\n  font-weight: normal;\n  line-height: 1.4;\n}\n\nheader {\n  position: relative;\n  z-index: 1030;\n  display: flex;\n  height: 55px;\n  background-color: #fff;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n}\n\nheader .container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.fixed-top {\n  animation-name: headerAnimation;\n  animation-duration: .5s;\n  animation-fill-mode: both;\n}\n\n@keyframes headerAnimation {\n  from {\n    transform: translate3d(0, -100%, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.nav-logo {\n  font-size: 1.09375rem;\n  width: 100px;\n  padding-left: 0;\n}\n\n.nav-logo:hover, .nav-logo:focus {\n  color: inherit;\n}\n\n.nav-logo img {\n  vertical-align: text-top;\n}\n\n.nav-toggler:focus {\n  outline: 0;\n}\n\n.nav-main .nav-link {\n  font-weight: bold;\n  position: relative;\n}\n\n.nav-main .nav-link.active::after {\n  position: absolute;\n  bottom: -9px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  content: '';\n  background-color: #606ddd;\n}\n\n.nav-main .show > .nav-link {\n  color: #606ddd;\n}\n\n.nav-main .dropdown-item {\n  padding: 0.35rem 1rem;\n}\n\n.nav-main .dropdown-item.active {\n  font-weight: bold;\n  color: #606ddd;\n  background-color: #fff;\n}\n\n@media (max-width: 575.98px) {\n  .form-search {\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding: 0 15px;\n    background-color: #fff;\n  }\n}\n\n.form-search .input-group {\n  height: 36px;\n}\n\n@media (max-width: 575.98px) {\n  .form-search .input-group {\n    width: 100%;\n  }\n}\n\n.dropdown-mega {\n  position: static;\n}\n\n.dropdown-mega > .dropdown-menu {\n  right: 15px;\n  left: 15px;\n  margin-top: -9px !important;\n  padding: 1rem;\n}\n\n.modal-menu .modal-dialog {\n  width: 200px;\n  transition: transform .45s ease;\n  transform: translateX(-100%);\n}\n\n.modal-menu .modal-body {\n  padding: 0;\n  background-color: #fff;\n}\n\nbody.transparent-backdrop .modal-backdrop {\n  opacity: 0;\n}\n\n.menu {\n  margin-bottom: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.menu ul {\n  padding-left: 0;\n  list-style: none;\n}\n\n.menu a {\n  display: block;\n}\n\n.menu .feather {\n  width: 17px;\n  height: 17px;\n  margin-right: .5rem;\n}\n\n.menu > li > a {\n  font-weight: bold;\n  padding: .75rem 1rem;\n  color: #828282;\n}\n\n.menu > li > a:hover {\n  color: #151515;\n  background-color: #f8f8f8;\n}\n\n.menu > li.mm-active {\n  background-color: #f8f8f8;\n  box-shadow: 4px 0px 0px 0px #606ddd inset;\n}\n\n.menu > li.mm-active > a {\n  color: #151515;\n  background-color: #f8f8f8;\n  box-shadow: 4px 0px 0px 0px #606ddd inset;\n}\n\n.menu > li > ul > li > a {\n  padding: .5rem 1rem .5rem 45px;\n  color: #151515;\n}\n\n.menu > li > ul > li > a:hover {\n  color: #606ddd;\n}\n\n.menu > li > ul > li.mm-active > a {\n  position: relative;\n  color: #606ddd;\n}\n\n.menu > li > ul > li.mm-active > a::before {\n  position: absolute;\n  top: 50%;\n  left: 21px;\n  width: 7px;\n  height: 7px;\n  margin-top: -3.5px;\n  content: '';\n  border-radius: 50%;\n  background-color: #606ddd;\n}\n\n.dropdown-cart .dropdown-menu {\n  width: 300px;\n  padding: .5rem .75rem;\n}\n\n.dropdown-cart .dropdown-menu .media {\n  position: relative;\n  padding: .5rem 0;\n}\n\n.dropdown-cart .dropdown-menu .media > a {\n  margin-right: .5rem;\n}\n\n.dropdown-cart .dropdown-menu .media:not(:last-child) {\n  border-bottom: 1px dotted #dee2e6;\n}\n\n.dropdown-cart .dropdown-menu .media-body > a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 185px;\n  margin-bottom: 2px;\n  display: block;\n  font-weight: bold;\n}\n\n.dropdown-cart .dropdown-menu .media-body > a:not(:hover) {\n  color: #606975;\n}\n\n.dropdown-cart .dropdown-menu .media-body > .qty {\n  width: 25px;\n  display: inline-block;\n  text-align: center;\n}\n\n.dropdown-cart .dropdown-menu .media-body > .price {\n  margin-left: .5rem;\n}\n\n.dropdown-cart .dropdown-menu .media-body .close {\n  position: absolute;\n  top: calc(50% - 12px);\n  right: 2px;\n  color: #f44336;\n}\n\n.dropdown-cart .dropdown-menu .media-body .close:hover {\n  color: #f44336;\n}\n\n.dropdown-cart .dropdown-menu .media-body .close > .feather {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n.color-options {\n  display: flex;\n  justify-content: center;\n}\n\n.color-options label {\n  margin: 0 .5rem 0 0;\n}\n\n.categories-grid {\n  position: relative;\n}\n\n.categories-grid .card-title {\n  text-align: center;\n  color: #fff;\n}\n\n.categories-grid .sa-btn {\n  position: absolute;\n  left: 50%;\n  display: flex;\n  width: 90px;\n  height: 36px;\n  margin-left: -45px;\n  border: 0;\n  border-radius: 2rem;\n  background-color: #fff;\n  align-items: center;\n  justify-content: space-between;\n}\n\n@media (max-width: 575.98px) {\n  .categories-grid .sa-btn {\n    bottom: 90px;\n  }\n}\n\n@media (min-width: 576px) and (max-width: 767.98px) {\n  .categories-grid .sa-btn {\n    bottom: 118px;\n  }\n}\n\n@media (min-width: 768px) and (max-width: 991.98px) {\n  .categories-grid .sa-btn {\n    bottom: 105px;\n    left: 494px;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .categories-grid .sa-btn {\n    bottom: 144px;\n    left: 641px;\n  }\n}\n\n@media (min-width: 1200px) {\n  .categories-grid .sa-btn {\n    bottom: 182px;\n    left: 783px;\n  }\n}\n\n.categories-grid .card-img-overlay {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.accordion .card {\n  overflow: hidden;\n  box-shadow: none;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.accordion .card-header {\n  display: block;\n  padding: 0;\n  background-color: #fff;\n}\n\n.accordion .card-header > a {\n  display: flex;\n  align-items: center;\n  padding: .75rem 1rem;\n  margin-bottom: 0;\n  font-weight: bold;\n}\n\n.accordion .card-header > a:hover, .accordion .card-header > a[aria-expanded=\"true\"] {\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.03);\n  color: #606975;\n}\n\n.accordion .collapse.show,\n.accordion .collapsing {\n  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.125) inset;\n}\n\n.accordion.accordion-caret .card-header > a {\n  padding-right: 2rem;\n}\n\n.accordion.accordion-caret .card-header > a::after {\n  content: '';\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  right: .75rem;\n  transform: rotate(-45deg);\n  transition: all .35s;\n  margin-top: -2px;\n}\n\n.accordion.accordion-caret .card-header > a[aria-expanded=\"true\"]::after {\n  transform: rotate(135deg);\n  margin-top: 2px;\n}\n\n.accordion-sidebar {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n}\n\n.accordion-sidebar .card {\n  border-left: 0;\n  border-right: 0;\n}\n\n@media (min-width: 768px) {\n  .accordion-sidebar .card:first-of-type {\n    border-top: 0;\n  }\n}\n\n.accordion-sidebar .card-header > a[aria-expanded=\"true\"], .accordion-sidebar .card-header > a:hover {\n  background-color: #fff;\n}\n\n.accordion-sidebar .card-body {\n  padding-top: 0;\n}\n\n.accordion-sidebar .color-options {\n  justify-content: start;\n}\n\n.accordion-sidebar .collapse.show,\n.accordion-sidebar .collapsing {\n  box-shadow: none;\n}\n\n.table-cart tr {\n  border-bottom: 1px solid #dee2e6;\n}\n\n.table-cart td {\n  vertical-align: middle;\n}\n\ntd.cart-img img {\n  width: 50px;\n  height: auto;\n}\n\n@media (max-width: 767.98px) {\n  td.cart-img {\n    vertical-align: top;\n  }\n}\n\n@media (max-width: 575.98px) {\n  td.cart-img,\n  td.cart-title,\n  td.cart-qty,\n  td.cart-price {\n    display: inline-block;\n  }\n  td.cart-img {\n    width: 60px;\n  }\n  td.cart-title {\n    width: calc(100% - 64px);\n  }\n  td.cart-qty {\n    width: 166px;\n    text-align: right !important;\n  }\n  td.cart-price {\n    text-align: left !important;\n  }\n  td.cart-action {\n    vertical-align: top;\n  }\n  td.cart-img,\n  td.cart-title {\n    padding-top: 1rem;\n  }\n  td.cart-qty,\n  td.cart-price {\n    padding-bottom: 1rem;\n  }\n}\n\n.noty_theme__mint.noty_bar {\n  position: relative;\n  overflow: hidden;\n  margin: 4px 0;\n  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0;\n}\n\n.noty_theme__mint.noty_bar .noty_progressbar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  opacity: .2;\n  background-color: #000;\n  filter: alpha(opacity=20);\n}\n\n.noty_theme__mint.noty_bar .noty_body {\n  font-size: 13px;\n  padding: 1.25em;\n}\n\n.noty_theme__mint.noty_bar .noty_buttons {\n  padding: 0 10px .5em 10px;\n}\n\n.noty_theme__mint.noty_type__alert,\n.noty_theme__mint.noty_type__notification {\n  color: #606975;\n  background-color: rgba(255, 255, 255, 0.8);\n}\n\n.noty_theme__mint.noty_type__warning {\n  color: #fff;\n  background-color: rgba(255, 193, 7, 0.8);\n}\n\n.noty_theme__mint.noty_type__error {\n  color: #FFF;\n  background-color: rgba(244, 67, 54, 0.8);\n}\n\n.noty_theme__mint.noty_type__info,\n.noty_theme__mint.noty_type__information {\n  color: #FFF;\n  background-color: rgba(23, 162, 184, 0.8);\n}\n\n.noty_theme__mint.noty_type__success {\n  color: #fff;\n  background-color: rgba(76, 175, 80, 0.8);\n}\n\n.noty_theme__mint.noty_type__pink {\n  color: #fff;\n  background-color: rgba(232, 62, 140, 0.8);\n}\n\n#noty_layout__topRight {\n  width: 310px;\n}\n\n.noUi-target {\n  border: 0;\n  background: #dbdbdb;\n  box-shadow: none;\n}\n\n.noUi-connects {\n  border-radius: 0;\n}\n\n.noUi-connect {\n  background: #606ddd;\n  box-shadow: none;\n}\n\n.noUi-horizontal {\n  height: 5px;\n}\n\n.noUi-horizontal .noUi-handle {\n  top: -6px;\n  right: -8.5px !important;\n  width: 17px;\n  height: 17px;\n}\n\n.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {\n  content: none;\n}\n\n.noUi-vertical {\n  width: 5px;\n}\n\n.noUi-vertical .noUi-handle {\n  top: -9px;\n  left: -6px;\n  width: 17px;\n  height: 17px;\n}\n\n.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {\n  content: none;\n}\n\n.noUi-handle {\n  border-radius: 50%;\n}\n\n.noUi-handle:focus {\n  outline: 0;\n}\n\n.brands-list {\n  position: relative;\n  max-height: 250px;\n  overflow: auto;\n  padding-right: 15px;\n}\n\n.brands-list .custom-checkbox:not(:first-child) {\n  margin-top: 5px;\n}\n\n.brands-list label {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.list-tree {\n  margin-bottom: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.list-tree a {\n  display: block;\n  padding: .25rem .75rem .25rem 1.5rem;\n}\n\n.list-tree a:not(:hover) {\n  color: #606975;\n}\n\n.list-tree a:hover {\n  font-weight: bold;\n}\n\n.list-tree .has-arrow::after {\n  left: 0;\n  transform: rotate(135deg) translateY(-50%);\n}\n\n.list-tree .mm-active > a {\n  color: #606ddd;\n  font-weight: bold;\n}\n\n.list-tree .mm-active > a.has-arrow::after {\n  transform: rotate(225deg) translateY(0);\n}\n\n.list-tree ul {\n  padding-left: 0;\n  list-style: none;\n  margin-left: 1.5rem;\n  box-shadow: 1px 0 0 0 #dee2e6 inset;\n}\n\n.list-tree ul > li > a {\n  position: relative;\n  padding-left: 1.25rem;\n}\n\n.list-tree ul > li > a::before {\n  content: '';\n  position: absolute;\n  width: 8px;\n  height: 1px;\n  background-color: #dee2e6;\n  left: 0;\n  top: 49%;\n}\n\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.spinner {\n  display: inline-flex;\n}\n\n.spinner input[type=\"number\"] {\n  font-weight: bold;\n  width: 55px;\n  text-align: center;\n  border: 0;\n}\n\n.spinner .btn {\n  background-color: #fff;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  color: #868a8f;\n}\n\n.spinner .btn:hover {\n  background-color: #e9ecef;\n}\n\n.spinner.spinner-sm input[type=\"number\"] {\n  width: 40px;\n  height: calc(1.64844rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.76563rem;\n}\n\n.spinner.spinner-sm .btn {\n  width: 28px;\n  height: 28px;\n}\n\n.spinner.spinner-sm .btn > .feather {\n  width: .875rem;\n  height: .875rem;\n}\n\n.swiper-pagination-bullet-active {\n  background-color: rgba(255, 255, 255, 0.75);\n  box-shadow: 0 0 5px 0 #333;\n}\n\n.swiper-button-next,\n.swiper-button-prev {\n  width: 40px;\n  height: 40px;\n  margin-top: -20px;\n}\n\n.swiper-button-next:focus,\n.swiper-button-prev:focus {\n  outline: 0;\n}\n\n.swiper-button-next-sm,\n.swiper-button-prev-sm {\n  width: 26px;\n  height: 26px;\n  margin-top: -13px;\n}\n\n.swiper-button-next,\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n  background: none;\n}\n\n.swiper-button-next > .feather,\n.swiper-button-prev > .feather,\n.swiper-container-rtl .swiper-button-next > .feather,\n.swiper-container-rtl .swiper-button-prev > .feather {\n  width: 100%;\n  height: 100%;\n  color: #868a8f;\n  border-radius: 50%;\n  background-color: #fff;\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  stroke-width: 1;\n}\n\n.swiper-button-next.swiper-button-disabled > .feather,\n.swiper-button-prev.swiper-button-disabled > .feather {\n  box-shadow: none;\n}\n\n@media (min-width: 992px) {\n  .swiper-button-next.autohide,\n  .swiper-button-prev.autohide,\n  .swiper-container-rtl .swiper-button-next.autohide,\n  .swiper-container-rtl .swiper-button-prev.autohide {\n    transition: transform .2s ease-out;\n  }\n  .swiper-container:hover .swiper-button-next.autohide, .swiper-container:hover\n  .swiper-button-prev.autohide, .swiper-container:hover\n  .swiper-container-rtl .swiper-button-next.autohide, .swiper-container:hover\n  .swiper-container-rtl .swiper-button-prev.autohide {\n    transform: translateX(0);\n  }\n}\n\n.swiper-button-next.autohide,\n.swiper-container-rtl .swiper-button-prev.autohide {\n  transform: translateX(50px);\n}\n\n.swiper-button-prev.autohide,\n.swiper-container-rtl .swiper-button-next.autohide {\n  transform: translateX(-50px);\n}\n\n.swiper-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 0 10%;\n  color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n\n.swiper-overlay.left {\n  align-items: flex-start;\n}\n\n.swiper-overlay.right {\n  align-items: flex-end;\n}\n\n.swiper-overlay *:not(.btn) {\n  font-weight: bold;\n}\n\n@media (max-width: 767.98px) {\n  .swiper-overlay h1 {\n    font-size: 180%;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .swiper-overlay h1 {\n    font-size: 120%;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .swiper-overlay .display-4 {\n    font-size: 300%;\n  }\n}\n\n@media (max-width: 575.98px) {\n  .swiper-overlay .display-4 {\n    font-size: 200%;\n  }\n}\n\n.swiper-overlay .animated {\n  visibility: hidden;\n  animation-duration: .75s;\n  animation-fill-mode: both;\n}\n\n.swiper-overlay .animated:nth-child(2) {\n  animation-delay: .25s;\n}\n\n.swiper-overlay .animated:nth-child(3) {\n  animation-delay: .5s;\n}\n\n.fadeUp {\n  animation-name: fadeUp;\n}\n\n.fadeDown {\n  animation-name: fadeDown;\n}\n\n@keyframes fadeUp {\n  from {\n    transform: translate3d(0, 100%, 0);\n    opacity: 0;\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeDown {\n  from {\n    transform: translate3d(0, -100%, 0);\n    opacity: 0;\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n}\n\n.form-checkout {\n  max-width: 500px;\n}\n\n@media (min-width: 576px) {\n  .shipping-group {\n    font-size: 1.09375rem;\n  }\n  .shipping-group .custom-control {\n    padding-left: 2rem;\n  }\n  .shipping-group .custom-control-label::before,\n  .shipping-group .custom-control-label::after {\n    left: -2rem;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.jp-card {\n  min-width: auto !important;\n}\n\n.jp-card-container {\n  width: 100% !important;\n}\n\n.or-divider {\n  position: absolute;\n  left: 50%;\n  margin-left: -17.5px;\n  z-index: 1;\n  top: 50%;\n  margin-top: -17.5px;\n  font-weight: bold;\n  color: #212529;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  background-color: #f8f9fa;\n  border: 1px solid #dee2e6;\n  width: 35px;\n  height: 35px;\n}\n\n.card-login::before {\n  content: '';\n  width: 1px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background-color: #dee2e6;\n  left: 50%;\n}\n\n@media (min-width: 768px) {\n  .col-login {\n    padding-right: 30px;\n  }\n  .col-register {\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 767.98px) {\n  .or-divider {\n    position: static;\n    margin: 30px auto;\n  }\n  .or-divider::before {\n    content: '';\n  }\n  .card-login::before {\n    width: auto;\n    height: 1px;\n    right: 0;\n    left: 0;\n    top: 50%;\n    bottom: auto;\n    margin-top: -1px;\n  }\n}\n\n.card-blog img {\n  width: 100%;\n}\n\n.card-blog .title {\n  display: block;\n  margin-bottom: .75rem;\n  font-weight: bold;\n}\n\n.card-blog .title:not(:hover) {\n  color: #606975;\n}\n\n.card-blog .card-footer {\n  background-color: #fff;\n  border-top: 1px solid #dee2e6;\n  justify-content: space-between;\n}\n\n.card-blog-list {\n  flex-direction: row;\n}\n\n@media (max-width: 991.98px) {\n  .card-blog-list > a {\n    width: 45%;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .card-blog-list > a {\n    width: 35%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .card-blog-list > a {\n    width: 25%;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .card-blog-list .card-body {\n    width: 55%;\n  }\n}\n\n@media (min-width: 992px) and (max-width: 1199.98px) {\n  .card-blog-list .card-body {\n    width: 65%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .card-blog-list .card-body {\n    width: 75%;\n  }\n}\n\n.embed-map {\n  height: 345px;\n}\n\n@media (min-width: 576px) and (max-width: 767.98px) {\n  .embed-map {\n    height: 419px;\n  }\n}\n\n.footer {\n  background-color: #fff;\n  border-top: 2px solid #dee2e6;\n  padding-top: 1rem;\n}\n\n.footer .row > [class*=\"col-\"] {\n  margin-bottom: 1.5rem;\n}\n\n.footer .list-group-sm .list-group-item {\n  background-color: #fff;\n  padding-left: 0;\n}\n\n.footer .list-group-sm .list-group-item:hover, .footer .list-group-sm .list-group-item:focus {\n  background-color: inherit;\n  color: #606ddd;\n  font-weight: bold;\n}\n\n.download-app {\n  display: inline-flex;\n  margin: 0 .5rem .5rem 0;\n  padding: 10px 15px;\n  border: 1px solid #dee2e6;\n  border-radius: 5px;\n  line-height: 1.2;\n  transition: background-color .1s;\n}\n\n.download-app img {\n  width: 30px;\n  margin-right: 15px;\n}\n\n.download-app .media-body {\n  margin-top: -4px;\n}\n\n.download-app h5 {\n  color: #606975;\n  margin-bottom: 0;\n}\n\n.download-app small {\n  color: #adb5bd;\n}\n\n.download-app:hover {\n  background-color: #f8f8f8;\n}\n\n.copyright {\n  text-align: center;\n  padding: .5rem 0;\n  background-color: #fff;\n  border-top: 1px solid #dee2e6;\n  font-size: 90%;\n}\n","// Background Cover\r\n[data-cover] {\r\n  display: block;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n// zoom image or cover on hover\r\n.zoom-hover {\r\n  overflow: hidden;\r\n  img, [data-cover] {\r\n    transition: transform .35s;\r\n  }\r\n  &:hover {\r\n    img, [data-cover] {\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n}\r\n\r\n// swiper gallery thumbnail for single product gallery\r\n.product-slider-small {\r\n  margin-top: 1rem;\r\n  .swiper-slide {\r\n    opacity: .5;\r\n    transition: opacity .1s;\r\n    cursor: pointer;\r\n    &.active {\r\n      opacity: 1;\r\n    }\r\n  }\r\n}","// Additional Gutters\r\n.gutters-1 {\r\n  margin-right: -.125rem;\r\n  margin-left: -.125rem;\r\n  > .col,\r\n  > [class*=\"col-\"] {\r\n    padding-right: .125rem;\r\n    padding-left: .125rem;\r\n  }\r\n}\r\n.gutters-2 {\r\n  margin-right: -.25rem;\r\n  margin-left: -.25rem;\r\n  > .col,\r\n  > [class*=\"col-\"] {\r\n    padding-right: .25rem;\r\n    padding-left: .25rem;\r\n  }\r\n}\r\n.gutters-3 {\r\n  margin-right: -.5rem;\r\n  margin-left: -.5rem;\r\n  > .col,\r\n  > [class*=\"col-\"] {\r\n    padding-right: .5rem;\r\n    padding-left: .5rem;\r\n  }\r\n}","// Fix for different margin top (moz only), http://browserhacks.com/\r\n@supports (-moz-appearance:meterbar) {\r\n  .form-check-input {\r\n    margin-top: .22rem;\r\n  }\r\n}\r\n\r\n// Form style 1\r\n.form-style-1 {\r\n  .form-group:not(.form-check) > label {\r\n    font-weight: bold;\r\n  }\r\n  .form-control {\r\n    border-radius: $border-radius;\r\n    &:not(:focus):not([disabled]):not([readonly]) {\r\n      background-color: $light;\r\n    }\r\n  }\r\n  .btn {\r\n    border-radius: $border-radius;\r\n  }\r\n}\r\n\r\n// Form style 2\r\n.form-style-2 {\r\n  @extend .form-style-1;\r\n  .form-control {\r\n    border-radius: $badge-pill-border-radius;\r\n  }\r\n  .btn {\r\n    border-radius: $badge-pill-border-radius;\r\n  }\r\n}\r\n\r\n// input icon\r\n.input-icon {\r\n  position: relative;\r\n  display: block;\r\n  // Default\r\n  > svg {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: $input-padding-x - .25rem;\r\n  }\r\n  > .form-control {\r\n    padding-left: 1.75rem\r\n  }\r\n  // Small\r\n  &.input-icon-sm {\r\n    > svg {\r\n      top: 8px;\r\n      left: $input-padding-x-sm - .25rem;\r\n      width: 13px;\r\n      height: 13px;\r\n    }\r\n    > .form-control-sm {\r\n      padding-left: 1.25rem\r\n    }\r\n  }\r\n  // Large\r\n  &.input-icon-lg {\r\n    > svg {\r\n      top: 11px;\r\n      left: $input-padding-x-lg - .25rem;\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n    > .form-control-lg {\r\n      padding-left: 2.5rem\r\n    }\r\n  }\r\n}","// button with icon only\r\n.btn-icon {\r\n  width: 35px;\r\n  height: 35px;\r\n  padding: 0;\r\n  @include flex-center;\r\n  &.btn-sm {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n  &.btn-lg {\r\n    width: 44px;\r\n    height: 44px;\r\n  }\r\n}\r\n\r\n.wishlist,\r\n.zoom,\r\n.quickview {\r\n  border: 0;\r\n  color: $gray-400;\r\n  position: absolute;\r\n  top: .5rem;\r\n  left: .5rem;\r\n  font-size: 0;\r\n  background-color: #fff;\r\n  box-shadow: $box-shadow-sm;\r\n  padding: .3rem 0;\r\n  border-radius: 50%;\r\n  transition: color .2s;\r\n  cursor: pointer;\r\n  width: 30px;\r\n  height: 30px;\r\n  z-index: 1;\r\n  @include flex-center;\r\n  &.active {\r\n    color: #e83e8c;\r\n  }\r\n  &:focus {\r\n    outline: 0;\r\n  }\r\n}\r\n.zoom,\r\n.quickview {\r\n  left: auto;\r\n  right: .5rem;\r\n  color: $body-color;\r\n}\r\n.quickview {\r\n  color: $gray-500;\r\n  box-shadow: none;\r\n  &:hover {\r\n    color: $gray-600;\r\n  }\r\n  @include media-breakpoint-down('md') {\r\n    display: none;\r\n  }\r\n}","@mixin flex-center() {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}","// Color system\n$blue: #606ddd;\n$red: #f44336;\n$green: #4caf50;\n\n// Define the maximum width of `.container` for different screen sizes.\n$container-max-widths: (\n  sm: 560px,\n  md: 755px,\n  lg: 975px,\n  xl: 1190px\n);\n\n// Quickly modify global styling by enabling or disabling optional features.\n$enable-caret: false;\n$enable-rounded: false;\n\n// Settings for the `<body>` element.\n$body-bg: #f8f8f8;\n$body-color: #606975;\n\n// Links\n$link-hover-decoration: none;\n\n// Fonts\n$font-family-sans-serif: 'Nunito', sans-serif;\n$font-size-base: .875rem;\n$text-muted: #adb5bd;\n\n// Cards\n$card-spacer-x: 1rem;\n$card-border-width: 0;\n\n// Alerts\n$alert-border-radius: .4rem;\n$alert-bg-level: -11;\n$alert-border-level: -5;\n\n// Disable input & button focus shadow\n$input-btn-focus-width: 0;\n\n// Forms\n$input-focus-border-color: $blue;\n$form-check-input-margin-y: .2rem;\n$custom-forms-transition: none;\n$custom-select-focus-box-shadow: 0;\n$custom-control-indicator-border-color: #ced4da; // same as $input-border-color\n$custom-control-indicator-active-bg: $blue;\n$custom-control-indicator-active-border-color: $blue;\n\n// Dropdowns\n$dropdown-min-width: 5rem;\n$dropdown-padding-y: .25rem;\n$dropdown-border-color: rgba(#000, .075);\n$dropdown-link-hover-bg: #e9ecef;\n$dropdown-item-padding-x: 1rem;\n\n// List group\n$list-group-hover-bg: #e9ecef;\n\n// Breadcrumbs\n$breadcrumb-margin-bottom: 0;\n$breadcrumb-bg: transparent;\n$breadcrumb-divider: '→';\n\n// Pagination\n$pagination-color: $body-color;\n$pagination-hover-color: $body-color;\n\n// Navs\n$nav-pills-link-active-color: $blue;\n$nav-pills-link-active-bg: transparent;\n\n// Tooltips\n$tooltip-border-radius: .25rem;\n\n// Image thumbnails\n$thumbnail-bg: #fff;\n\n// Toasts\n$toast-background-color: #fff;\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Dropdown menu\r\n.dropdown-menu {\r\n  box-shadow: $box-shadow;\r\n  .show & {\r\n    animation-name: dropdownAnimate;\r\n    animation-duration: .25s;\r\n  }\r\n}\r\n@keyframes dropdownAnimate {\r\n  from {\r\n    transform: translate3d(0, -10px, 0);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translate3d(0, 0, 0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n// Dropdown hover (lg & xl only)\r\n.dropdown-hover {\r\n  @include media-breakpoint-up('lg') {\r\n    .dropdown-menu {\r\n      margin: 0; // remove the gap so it doesn't close\r\n    }\r\n    &:hover > .dropdown-menu {\r\n      display: block;\r\n    }\r\n    > .dropdown-toggle:not(.forwardable):active {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n}\r\n\r\n// Dropdown icon\r\n.dropdown-item.has-icon > .feather {\r\n  margin-right: .75rem;\r\n}",".btn-group-scatter {\r\n  float: left;\r\n  .btn {\r\n    float: left;\r\n    margin: 0 5px 5px 0;\r\n  }\r\n}","// Custom Checkboxes and radios\n.custom-control-label {\n  @supports (-webkit-appearance:none) { // fix a different top (webkit), http://browserhacks.com/\n    &::before,\n    &::after {\n      top: ((($font-size-base * $line-height-base - $custom-control-indicator-size) / 2) - .01rem);\n    }\n  }\n}\n.custom-checkbox .custom-control-label::before {\n  border-radius: 4px;\n}\n.custom-control-input {\n  &:not(:disabled):not(:checked) {\n    @include hover-focus {\n      ~ .custom-control-label::before {\n        border-color: $primary;\n      }\n    }\n  }\n}\n\n// Custom Checkboxes and radios without label\n.custom-control-nolabel {\n  display: inline-block;\n  width: 16px;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n  > .custom-control-label {\n    float: left;\n    &::before,\n    &::after {\n      left: 0;\n    }\n  }\n}\n\n// Radio color picker\n.custom-radio-color {\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  overflow: hidden;\n  .custom-control-label {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    bottom: 0;\n    &::before {\n      display: none;\n    }\n  }\n  .custom-control-input:checked ~ .custom-control-label::after {\n    background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\n    left: 2px;\n    top: 2px;\n  }\n}\n",".nav-link:not(:hover) {\r\n  color: $body-color;\r\n}\r\n.nav-icon {\r\n  position: relative;\r\n  width: 35px;\r\n  height: 35px;\r\n  padding: 0;\r\n  border-radius: 50%;\r\n  @include flex-center;\r\n  &:hover {\r\n    background-color: #e9ecef;\r\n  }\r\n  .badge {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    border-radius: 50%;\r\n  }\r\n}\r\n.show > .nav-icon {\r\n  color: $link-hover-color;\r\n  background-color: #e9ecef;\r\n}\r\n\r\n.nav-pills .nav-link.active,\r\n.nav-pills .show > .nav-link {\r\n  box-shadow: 0 1px 0 0 $primary;\r\n}\r\n\r\n.main-nav-pills {\r\n  @extend .roboto-condensed;\r\n  font-weight: bold;\r\n  .nav-link:not(.disabled) {\r\n    padding: 1rem;\r\n  }\r\n  .disabled {\r\n    padding: 1rem 0;\r\n  }\r\n}","// Card\r\n.card {\r\n  box-shadow: 0 .0625rem .25rem rgba($black, .075);\r\n}\r\n.card-img-overlay-transparent {\r\n  background-color: rgba(#000, .5);\r\n}\r\n\r\n// Category Card 2 Columns\r\n.card-2col .card-title {\r\n  font-weight: bold;\r\n  text-align: center;\r\n  @include media-breakpoint-down('md') { font-size: $h4-font-size }\r\n  @include media-breakpoint-down('xs') { font-size: $h5-font-size }\r\n}\r\n.card-2col-body {\r\n  @include flex-center;\r\n  flex-direction: column;\r\n  padding: 1rem;\r\n  @include media-breakpoint-up('md') { width: 50% }\r\n  @include media-breakpoint-down('xs') { padding: .5rem }\r\n}\r\n.card-2col-img {\r\n  @include media-breakpoint-up('md') { width: 50% }\r\n}\r\n\r\n// Product Card\r\n.card-product {\r\n  text-align: center;\r\n  &:not(.card-product-list) {\r\n    .card-img-top {\r\n      margin-bottom: 1rem;\r\n    }\r\n    .color-options {\r\n      margin-top: .5rem;\r\n    }\r\n    .rating {\r\n      display: block;\r\n      margin-bottom: .5rem;\r\n    }\r\n    .badge {\r\n      margin-bottom: .5rem;\r\n    }\r\n  }\r\n  .card-title {\r\n    font-weight: bold;\r\n    display: block;\r\n    &:not(:hover) {\r\n      color: $body-color;\r\n    }\r\n  }\r\n  .badge {\r\n    border-radius: .5rem;\r\n    border-top-left-radius: 0;\r\n    border-bottom-right-radius: 0;\r\n    @include media-breakpoint-up('sm') {\r\n      font-size: 90%;\r\n    }\r\n  }\r\n  .card-footer {\r\n    padding: 0 $card-spacer-x $card-spacer-x;\r\n    background-color: transparent;\r\n  }\r\n  @include media-breakpoint-down('xs') {\r\n    .card-body {\r\n      padding: .5rem;\r\n    }\r\n  }\r\n  .price span {\r\n    @include media-breakpoint-only('md') {\r\n      font-size: $h6-font-size;\r\n    }\r\n    @include media-breakpoint-down('xs') {\r\n      font-size: $h6-font-size;\r\n    }\r\n  }\r\n}\r\n\r\n// Product List Card\r\n.card-product-list {\r\n  flex-direction: row;\r\n  > a {\r\n    padding: $card-spacer-x;\r\n    @include media-breakpoint-down('md') { width: 40% }\r\n    @include media-breakpoint-only('lg') { width: 35% }\r\n    @include media-breakpoint-up('xl')   { width: 25% }\r\n  }\r\n  .card-title {\r\n    font-size: $h5-font-size;\r\n  }\r\n  .card-body {\r\n    text-align: left;\r\n    @include media-breakpoint-down('md') { width: 60% }\r\n    @include media-breakpoint-only('lg') { width: 65% }\r\n    @include media-breakpoint-up('xl')   { width: 75% }\r\n  }\r\n  .badge,\r\n  .rating {\r\n    margin-left: .5rem;\r\n  }\r\n  .color-options {\r\n    justify-content: start;\r\n    margin-bottom: .5rem;\r\n  }\r\n  .attr {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    margin-bottom: .5rem;\r\n  }\r\n}\r\n\r\n// Card deck 2 columns\r\n.card-deck-2-columns {\r\n  @include media-breakpoint-up(sm) {\r\n    margin-right: -.5rem;\r\n    margin-left: -.5rem;\r\n    .card {\r\n      flex: 1 0 40%;\r\n      margin-right: .5rem;\r\n      margin-bottom: $card-deck-margin;\r\n      margin-left: .5rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Card deck product\r\n.card-deck-product {\r\n  margin-right: -.5rem;\r\n  margin-left: -.5rem;\r\n  flex-flow: row wrap;\r\n  @include media-breakpoint-down(xs) {\r\n    margin-right: -.25rem;\r\n    margin-left: -.25rem;\r\n  }\r\n  .card {\r\n    margin-right: .5rem;\r\n    margin-left: .5rem;\r\n    display: flex;\r\n    flex: 1 0 20%; // 4 columns\r\n    flex-direction: column;\r\n    margin-bottom: 1rem;\r\n    @include media-breakpoint-down(xs) {\r\n      margin-right: .25rem;\r\n      margin-left: .25rem;\r\n      margin-bottom: .5rem;\r\n    }\r\n    @include media-breakpoint-down(sm) {\r\n      flex: 1 0 40%; // 2 columns\r\n    }\r\n  }\r\n  &.with-sidebar {\r\n    .card {\r\n      flex: 1 0 25%; // 3 columns\r\n      @include media-breakpoint-down(md) {\r\n        flex: 1 0 40%; // 2 columns\r\n      }\r\n    }\r\n  }\r\n}",".card-pagination {\r\n  .card-body {\r\n    display: flex;\r\n    padding: .5rem 0;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n  .btn {\r\n    font-weight: bold;\r\n  }\r\n}",".badge {\r\n  line-height: 1.1;\r\n}\r\n.has-badge {\r\n  display: flex !important;\r\n  align-items: center;\r\n  .badge {\r\n    margin-left: auto;\r\n  }\r\n}","// Alert variant, skip light (the color is not too contrast), skip brown and secondary (use alert-dark instead)\r\n@each $color, $value in $theme-colors {\r\n  @if $color != 'secondary' and $color != 'brown' and $color != 'light' {\r\n    .alert-#{$color} {\r\n      border-left-width: 3px;\r\n    }\r\n    .alert-#{$color} .alert-icon {\r\n      height: 21px;\r\n      margin-right: .5rem;\r\n      text-align: center;\r\n      color: theme-color-level($color, -9);\r\n      border-radius: 50%;\r\n      background-color: theme-color-level($color, 2);\r\n      flex: 0 0 21px;\r\n    }\r\n  }\r\n}","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n  $prev-key: null;\n  $prev-num: null;\n  @each $key, $num in $map {\n    @if $prev-num == null or unit($num) == \"%\" {\n      // Do nothing\n    } @else if not comparable($prev-num, $num) {\n      @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    } @else if $prev-num >= $num {\n      @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    }\n    $prev-key: $key;\n    $prev-num: $num;\n  }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n  $values: map-values($map);\n  $first-value: nth($values, 1);\n  @if $first-value != 0 {\n    @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n  }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n  $index: str-index($string, $search);\n\n  @if $index {\n    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n  }\n\n  @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n  $r: red($color);\n  $g: green($color);\n  $b: blue($color);\n\n  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n  @if ($yiq >= $yiq-contrasted-threshold) {\n    @return $dark;\n  } @else {\n    @return $light;\n  }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n  @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n  @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n  @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n  $color: theme-color($color-name);\n  $color-base: if($level > 0, $black, $white);\n  $level: abs($level);\n\n  @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// List group\r\n.list-group-no-border .list-group-item {\r\n  margin-bottom: 0;\r\n  border: 0;\r\n}\r\n.list-group-sm .list-group-item {\r\n  padding: $list-group-item-padding-y-sm $list-group-item-padding-x-sm;\r\n}\r\n","// Topbar\r\n$topbar-bg: #fff;\r\n$topbar-border-bottom-color: $border-color;\r\n\r\n// Header\r\n$header-height: 55px;\r\n$header-bg: #fff;\r\n\r\n// Footer\r\n$footer-bg: #fff;\r\n$copyright-bg: #fff;\r\n\r\n// Sidebar\r\n$sidebar-width: 200px;\r\n$sidebar-bg: #fff;\r\n$sidebar-link-color: #828282;\r\n$sidebar-link-hover-color: #151515;\r\n$sidebar-link-hover-bg: #f8f8f8;\r\n$sidebar-link-active-bg: #f8f8f8;\r\n$sidebar-link-active-color: #151515;\r\n$sidebar-link-active-mark-bg: $primary;\r\n$sidebar-second-link-bg: #1c1f22;\r\n$sidebar-second-link-hover-bg: #1c1f22;\r\n$sidebar-second-link-active-bg: #1c1f22;\r\n$sidebar-second-link-active-color: #fff;\r\n$sidebar-third-link-active-color: #fff;\r\n\r\n// Price\r\n$price-color: #e83e8c;\r\n\r\n// Webkit scroll bar\r\n$webkit-scrollbar-size: 9px;\r\n$webkit-scrollbar-track-bg: #f2f2f2;\r\n$webkit-scrollbar-track-border: 1px solid #d9d9d9;\r\n$webkit-scrollbar-handle-bg: #c2c2c2;\r\n$webkit-scrollbar-handle-border: 1px solid #9c9c9c;\r\n$webkit-scrollbar-handle-hover-bg: #919191;\r\n$webkit-scrollbar-handle-hover-border: 1px solid #6a6a6a;\r\n\r\n// PerfectScrollbar\r\n$ps-size: 3px;\r\n$ps-hover-size: $ps-size * 2;\r\n$ps-container-hover-focus-clicking-bg: rgba(#333, .1);\r\n\r\n// List group\r\n$list-group-item-padding-y-sm: .25rem;\r\n$list-group-item-padding-x-sm: .75rem;\r\n\r\n// Cart\r\n$dropdown-cart-width: 300px;","// Scale transform for show modal\r\n.modal.fade .modal-dialog {\r\n  transform: scale(1.1);\r\n}\r\n.modal.show .modal-dialog {\r\n  transform: scale(1);\r\n}\r\n\r\n// Stretch height for right & left modal\r\n.modal-right,\r\n.modal-left {\r\n  .modal-dialog {\r\n    margin: 0;\r\n  }\r\n  .modal-dialog,\r\n  .modal-content {\r\n    height: 100%;\r\n  }\r\n  .modal-content {\r\n    border: 0;\r\n  }\r\n  .modal-header,\r\n  .modal-footer {\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n\r\n// Right modal\r\n.modal-right {\r\n  padding-right: 0 !important;\r\n  .modal-dialog {\r\n    margin-left: auto;\r\n  }\r\n  &.fade .modal-dialog {\r\n    transform: translateX(100%);\r\n  }\r\n  &.show .modal-dialog {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n// Left modal\r\n.modal-left {\r\n  &.fade .modal-dialog {\r\n    transform: translateX(-100%);\r\n  }\r\n  &.show .modal-dialog {\r\n    transform: translateX(0);\r\n  }\r\n}",".tooltip-inner {\r\n  border-radius: $tooltip-border-radius;\r\n}","// Perfect centering with flexbox\r\n.flex-center {\r\n  @include flex-center;\r\n}\r\n\r\n// Margin gutter size\r\n.mt-gutter {\r\n  margin-top: $grid-gutter-width;\r\n}\r\n.mb-gutter {\r\n  margin-bottom: $grid-gutter-width;\r\n}\r\n\r\n// Negative margin for nav-icon\r\n.ml-ni {\r\n  margin-left: -.657rem;\r\n}\r\n.mr-ni {\r\n  margin-right: -.657rem;\r\n}\r\n\r\n.rounded-pill {\r\n  border-radius: $badge-pill-border-radius !important;\r\n}\r\n\r\n.roboto-condensed {\r\n  font-family: 'Roboto Condensed', sans-serif;\r\n}\r\n\r\n.top-0 {\r\n  top: 0 !important;\r\n}\r\n.right-0 {\r\n  right: 0 !important;\r\n}\r\n.bottom-0 {\r\n  bottom: 0 !important;\r\n}\r\n.left-0 {\r\n  left: 0 !important;\r\n}\r\n\r\n.price {\r\n  @extend .roboto-condensed;\r\n  span {\r\n    @extend .roboto-condensed;\r\n    font-weight: bold;\r\n    color: $price-color;\r\n    &.del {\r\n      position: relative;\r\n      margin: 0 .5rem;\r\n      color: $gray-500;\r\n      &::after {\r\n        position: absolute;\r\n        top: calc(50% - 2px);\r\n        left: -5px;\r\n        width: calc(100% + 10px);\r\n        height: 4px;\r\n        content: '';\r\n        border-top: 1px solid $gray-500;\r\n        border-bottom: 1px solid $gray-500;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.counter {\r\n  @extend .roboto-condensed;\r\n  color: $text-muted;\r\n}\r\n\r\n.nostretch {\r\n  width: 1%;\r\n  white-space: nowrap;\r\n}\r\n\r\n.rating {\r\n  > svg {\r\n    margin-bottom: 3px;\r\n    fill: $yellow;\r\n  }\r\n}\r\n\r\n.minw-0 { min-width: 0 !important; }\r\n.minh-0 { min-height: 0 !important; }\r\n\r\n.size50x50 {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.input-group-search {\r\n  border: 1px solid $border-color;\r\n  border-radius: 2rem;\r\n  overflow: hidden;\r\n}","/* Size */\r\n::-webkit-scrollbar {\r\n  width: $webkit-scrollbar-size;\r\n  &:horizontal {\r\n    height: $webkit-scrollbar-size;\r\n  }\r\n}\r\n/* Track */\r\n::-webkit-scrollbar-track {\r\n  background: $webkit-scrollbar-track-bg;\r\n  &:vertical {\r\n    border-left: $webkit-scrollbar-track-border;\r\n  }\r\n  &:horizontal {\r\n    border-top: $webkit-scrollbar-track-border;\r\n  }\r\n}\r\n/* Handle */\r\n::-webkit-scrollbar-thumb {\r\n  background: $webkit-scrollbar-handle-bg;\r\n  &:vertical {\r\n    border-left: $webkit-scrollbar-handle-border;\r\n  }\r\n  &:horizontal {\r\n    border-top: $webkit-scrollbar-handle-border;\r\n  }\r\n}\r\n/* Handle on hover */\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: $webkit-scrollbar-handle-hover-bg;\r\n  &:vertical {\r\n    border-left: $webkit-scrollbar-handle-hover-border;\r\n  }\r\n  &:horizontal {\r\n    border-top: $webkit-scrollbar-handle-hover-border;\r\n  }\r\n}","// container\r\n.ps__rail-x {\r\n  height: $ps-size + 4;\r\n}\r\n.ps__rail-y {\r\n  width: $ps-size + 4;\r\n}\r\n.ps__rail-x,\r\n.ps__rail-y {\r\n  z-index: 2;\r\n}\r\n// thumb\r\n.ps__thumb-x {\r\n  height: $ps-size;\r\n}\r\n.ps__thumb-y {\r\n  width: $ps-size;\r\n}\r\n.ps__thumb-x,\r\n.ps__thumb-y {\r\n  border-radius: 0;\r\n}\r\n// active container\r\n.ps .ps__rail-x.ps--clicking,\r\n.ps .ps__rail-x:focus,\r\n.ps .ps__rail-x:hover,\r\n.ps .ps__rail-y.ps--clicking,\r\n.ps .ps__rail-y:focus,\r\n.ps .ps__rail-y:hover {\r\n  background: $ps-container-hover-focus-clicking-bg;\r\n}\r\n.ps .ps__rail-x.ps--clicking,\r\n.ps .ps__rail-x:focus,\r\n.ps .ps__rail-x:hover {\r\n  height: $ps-hover-size + 4;\r\n}\r\n.ps .ps__rail-y.ps--clicking,\r\n.ps .ps__rail-y:focus,\r\n.ps .ps__rail-y:hover {\r\n  width: $ps-hover-size + 4;\r\n}\r\n// active thumb\r\n.ps__rail-x.ps--clicking .ps__thumb-x,\r\n.ps__rail-x:focus>.ps__thumb-x,\r\n.ps__rail-x:hover>.ps__thumb-x {\r\n  height: $ps-hover-size;\r\n}\r\n.ps__rail-y.ps--clicking .ps__thumb-y,\r\n.ps__rail-y:focus>.ps__thumb-y,\r\n.ps__rail-y:hover>.ps__thumb-y {\r\n  width: $ps-hover-size;\r\n}","// Feather icon\r\n.feather {\r\n  vertical-align: sub;\r\n}\r\n.feather[width=\"24\"] { // restyle only default 24px feather icon, so we can still use 'width' attribute\r\n  width: 15px;\r\n  height: 15px;\r\n  .btn-sm > & {\r\n    width: .875rem;\r\n    height: .875rem;\r\n  }\r\n  .btn-lg > & {\r\n    width: 1.125rem;\r\n    height: 1.125rem;\r\n  }\r\n  .badge & {\r\n    width: 1em;\r\n    height: 1em;\r\n    vertical-align: top;\r\n  }\r\n}","// Topbar\r\n.topbar {\r\n  position: relative;\r\n  z-index: $zindex-fixed + 1;\r\n  border-bottom: 1px solid $topbar-border-bottom-color;\r\n  background-color: $topbar-bg;\r\n  .nav-link {\r\n    padding: .25rem 1rem;\r\n  }\r\n}\r\n.nav-lang .nav-link {\r\n  font-weight: bold;\r\n  padding: .25rem;\r\n  color: $body-color;\r\n  &.active {\r\n    color: $primary;\r\n  }\r\n  &.pipe {\r\n    font-weight: normal;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n// Main Header\r\nheader {\r\n  position: relative;\r\n  z-index: $zindex-fixed;\r\n  display: flex;\r\n  height: $header-height;\r\n  background-color: $header-bg;\r\n  box-shadow: $box-shadow-sm;\r\n  .container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n// Animate fixed top header\r\n.fixed-top {\r\n  animation-name: headerAnimation;\r\n  animation-duration: .5s;\r\n  animation-fill-mode: both;\r\n}\r\n@keyframes headerAnimation {\r\n  from {\r\n    transform: translate3d(0, -100%, 0);\r\n  }\r\n  to {\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n}\r\n\r\n// Logo\r\n.nav-logo {\r\n  font-size: $navbar-brand-font-size;\r\n  width: 100px;\r\n  padding-left: 0;\r\n  @include hover-focus {\r\n    color: inherit;\r\n  }\r\n  img {\r\n    vertical-align: text-top;\r\n  }\r\n}\r\n\r\n// Offcanvas toggler\r\n.nav-toggler:focus {\r\n  outline: 0;\r\n}\r\n\r\n// Main nav\r\n.nav-main {\r\n  .nav-link {\r\n    font-weight: bold;\r\n    position: relative;\r\n    &.active::after {\r\n      position: absolute;\r\n      bottom: -9px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      content: '';\r\n      background-color: $primary;\r\n    }\r\n  }\r\n  .show > .nav-link {\r\n    color: $primary;\r\n  }\r\n  .dropdown-item {\r\n    padding: 0.35rem 1rem;\r\n    &.active {\r\n      font-weight: bold;\r\n      color: $primary;\r\n      background-color: #fff;\r\n    }\r\n  }\r\n}\r\n\r\n// Search Form\r\n.form-search {\r\n  @include media-breakpoint-only('xs') {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 0 15px;\r\n    background-color: #fff;\r\n  }\r\n  .input-group {\r\n    height: 36px;\r\n    @include media-breakpoint-only('xs') {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n// Mega menu\r\n.dropdown-mega {\r\n  position: static;\r\n  > .dropdown-menu {\r\n    right: 15px;\r\n    left: 15px;\r\n    margin-top: -9px !important;\r\n    padding: 1rem;\r\n  }\r\n}","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n  &:hover { @content; }\n}\n\n@mixin hover-focus {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n",".modal-menu {\r\n  .modal-dialog {\r\n    width: $sidebar-width;\r\n    transition: transform .45s ease;\r\n    transform: translateX(-100%);\r\n  }\r\n  .modal-body {\r\n    padding: 0;\r\n    background-color: $sidebar-bg;\r\n  }\r\n}\r\nbody.transparent-backdrop .modal-backdrop {\r\n  opacity: 0;\r\n}\r\n\r\n.menu {\r\n  margin-bottom: 0;\r\n  @include list-unstyled; // unstyled menu\r\n  ul {\r\n    @include list-unstyled; // also unstyled all submenus\r\n  }\r\n  a {\r\n    display: block; // make all links as blocks\r\n  }\r\n  .feather { // feather icons\r\n    width: 17px;\r\n    height: 17px;\r\n    margin-right: .5rem;\r\n  }\r\n  // first level menu\r\n  > li {\r\n    > a {\r\n      font-weight: bold;\r\n      padding: .75rem 1rem;\r\n      color: $sidebar-link-color;\r\n      &:hover {\r\n        color: $sidebar-link-hover-color;\r\n        background-color: $sidebar-link-hover-bg;\r\n      }\r\n    }\r\n    &.mm-active {\r\n      background-color: $sidebar-link-active-bg;\r\n      box-shadow: 4px 0px 0px 0px $primary inset;\r\n      > a {\r\n        color: $sidebar-link-active-color;\r\n        background-color: $sidebar-link-active-bg;\r\n        box-shadow: 4px 0px 0px 0px $primary inset;\r\n      }\r\n    }\r\n    // second level menu\r\n    > ul > li {\r\n      > a {\r\n        padding: .5rem 1rem .5rem 45px;\r\n        color: $sidebar-link-active-color;\r\n        &:hover {\r\n          color: $primary;\r\n        }\r\n      }\r\n      &.mm-active > a {\r\n        position: relative;\r\n        color: $primary;\r\n        &::before {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 21px;\r\n          width: 7px;\r\n          height: 7px;\r\n          margin-top: -3.5px;\r\n          content: '';\r\n          border-radius: 50%;\r\n          background-color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n  padding-left: 0;\n  list-style: none;\n}\n",".dropdown-cart {\r\n  .dropdown-menu {\r\n    width: $dropdown-cart-width;\r\n    padding: .5rem .75rem;\r\n    .media {\r\n      position: relative;\r\n      padding: .5rem 0;\r\n      > a {\r\n        margin-right: .5rem; // image link\r\n      }\r\n      &:not(:last-child) {\r\n        border-bottom: 1px dotted $border-color;\r\n      }\r\n    }\r\n    .media-body {\r\n      > a { // product link\r\n        @include text-truncate;\r\n        max-width: $dropdown-cart-width - 115px;\r\n        margin-bottom: 2px;\r\n        display: block;\r\n        font-weight: bold;\r\n        &:not(:hover) {\r\n          color: $body-color;\r\n        }\r\n      }\r\n      > .qty {\r\n        width: 25px;\r\n        display: inline-block;\r\n        text-align: center;\r\n      }\r\n      > .price {\r\n        margin-left: .5rem;\r\n      }\r\n      > .qty,\r\n      > .price {\r\n        @extend .counter;\r\n      }\r\n      .close {\r\n        position: absolute;\r\n        top: calc(50% - 12px);\r\n        right: 2px;\r\n        color: $danger;\r\n        &:hover {\r\n          color: $danger;\r\n        }\r\n        > .feather {\r\n          width: 1.25rem;\r\n          height: 1.25rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".color-options {\r\n  display: flex;\r\n  justify-content: center;\r\n  label {\r\n    margin: 0 .5rem 0 0;\r\n  }\r\n}",".categories-grid {\r\n  @extend .roboto-condensed;\r\n  position: relative;\r\n  .card-title {\r\n    text-align: center;\r\n    color: #fff;\r\n  }\r\n  .sa-btn { // 'See All' button\r\n    position: absolute;\r\n    left: 50%;\r\n    display: flex;\r\n    width: 90px;\r\n    height: 36px;\r\n    margin-left: -45px;\r\n    border: 0;\r\n    border-radius: 2rem;\r\n    background-color: #fff;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    @include media-breakpoint-down('xs') { bottom: 90px }\r\n    @include media-breakpoint-only('sm') { bottom: 118px }\r\n    @include media-breakpoint-only('md') { bottom: 105px; left: 494px }\r\n    @include media-breakpoint-only('lg') { bottom: 144px; left: 641px }\r\n    @include media-breakpoint-up('xl')   { bottom: 182px; left: 783px }\r\n  }\r\n  .card-img-overlay {\r\n    @include flex-center;\r\n  }\r\n}",".accordion {\r\n  .card {\r\n    overflow: hidden;\r\n    box-shadow: none;\r\n    border: 1px solid $card-border-color;\r\n  }\r\n  .card-header {\r\n    display: block;\r\n    padding: 0;\r\n    background-color: #fff;\r\n    > a {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: .75rem 1rem;\r\n      margin-bottom: 0;\r\n      font-weight: bold;\r\n      &:hover,\r\n      &[aria-expanded=\"true\"] {\r\n        text-decoration: none;\r\n        background-color: $card-cap-bg;\r\n        color: $body-color;\r\n      }\r\n    }\r\n  }\r\n  .collapse.show,\r\n  .collapsing {\r\n    box-shadow: 0 1px 0 0 $card-border-color inset;\r\n  }\r\n  &.accordion-caret .card-header > a {\r\n    padding-right: 2rem;\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-width: 0 0 1px 1px;\r\n      border-style: solid;\r\n      right: .75rem;\r\n      transform: rotate(-45deg);\r\n      transition: all .35s;\r\n      margin-top: -2px;\r\n    }\r\n    &[aria-expanded=\"true\"]::after {\r\n      transform: rotate(135deg);\r\n      margin-top: 2px;\r\n    }\r\n  }\r\n}",".accordion-sidebar {\r\n  box-shadow: $box-shadow-sm;\r\n  .card {\r\n    border-left: 0;\r\n    border-right: 0;\r\n    @include media-breakpoint-up('md') {\r\n      &:first-of-type {\r\n        border-top: 0;\r\n      }\r\n    }\r\n  }\r\n  .card-header > a {\r\n    &[aria-expanded=\"true\"],\r\n    &:hover {\r\n      background-color: #fff;\r\n    }\r\n  }\r\n  .card-body {\r\n    padding-top: 0;\r\n  }\r\n  .color-options {\r\n    justify-content: start;\r\n  }\r\n  .collapse.show,\r\n  .collapsing {\r\n    box-shadow: none;\r\n  }\r\n}",".table-cart {\r\n  tr {\r\n    border-bottom: 1px solid $border-color;\r\n  }\r\n  td {\r\n    vertical-align: middle;\r\n  }\r\n}\r\ntd.cart-img img {\r\n  width: 50px;\r\n  height: auto;\r\n}\r\n@include media-breakpoint-down('sm') {\r\n  td.cart-img {\r\n    vertical-align: top;\r\n  }\r\n}\r\n@include media-breakpoint-down('xs') {\r\n  td.cart-img,\r\n  td.cart-title,\r\n  td.cart-qty,\r\n  td.cart-price {\r\n    display: inline-block;\r\n  }\r\n  td.cart-img {\r\n    width: 60px;\r\n  }\r\n  td.cart-title {\r\n    width: calc(100% - 64px);\r\n  }\r\n  td.cart-qty {\r\n    width: 166px;\r\n    text-align: right !important;\r\n  }\r\n  td.cart-price {\r\n    text-align: left !important;\r\n  }\r\n  td.cart-action {\r\n    vertical-align: top;\r\n  }\r\n  td.cart-img,\r\n  td.cart-title {\r\n    padding-top: 1rem;\r\n  }\r\n  td.cart-qty,\r\n  td.cart-price {\r\n    padding-bottom: 1rem;\r\n  }\r\n}",".noty_theme__mint.noty_bar {\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin: 4px 0;\r\n  box-shadow: rgba(0, 0, 0, .298039) 0 0 5px 0;\r\n  .noty_progressbar {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    opacity: .2;\r\n    background-color: #000;\r\n    filter: alpha(opacity=20);\r\n  }\r\n  .noty_body {\r\n    font-size: 13px;\r\n    padding: 1.25em;\r\n  }\r\n  .noty_buttons {\r\n    padding: 0 10px .5em 10px;\r\n  }\r\n}\r\n.noty_theme__mint.noty_type__alert,\r\n.noty_theme__mint.noty_type__notification {\r\n  color: $body-color;\r\n  background-color: rgba(#fff, .8);\r\n}\r\n.noty_theme__mint.noty_type__warning {\r\n  color: #fff;\r\n  background-color: rgba($warning, .8);\r\n}\r\n.noty_theme__mint.noty_type__error {\r\n  color: #FFF;\r\n  background-color: rgba($danger, .8);\r\n}\r\n.noty_theme__mint.noty_type__info,\r\n.noty_theme__mint.noty_type__information {\r\n  color: #FFF;\r\n  background-color: rgba($info, .8);\r\n}\r\n.noty_theme__mint.noty_type__success {\r\n  color: #fff;\r\n  background-color: rgba($success, .8);\r\n}\r\n.noty_theme__mint.noty_type__pink {\r\n  color: #fff;\r\n  background-color: rgba(#e83e8c, .8);\r\n}\r\n\r\n#noty_layout__topRight {\r\n  width: 310px;\r\n}",".noUi-target {\r\n  border: 0;\r\n  background: #dbdbdb;\r\n  box-shadow: none;\r\n}\r\n.noUi-connects {\r\n  border-radius: 0;\r\n}\r\n.noUi-connect {\r\n  background: $custom-control-indicator-checked-bg;\r\n  box-shadow: none;\r\n}\r\n.noUi-horizontal {\r\n  height: 5px;\r\n  .noUi-handle {\r\n    top: -6px;\r\n    right: -8.5px !important;\r\n    width: 17px;\r\n    height: 17px;\r\n    &:before,\r\n    &:after {\r\n      content: none;\r\n    }\r\n  }\r\n}\r\n.noUi-vertical {\r\n  width: 5px;\r\n  .noUi-handle {\r\n    top: -9px;\r\n    left: -6px;\r\n    width: 17px;\r\n    height: 17px;\r\n    &:before,\r\n    &:after {\r\n      content: none;\r\n    }\r\n  }\r\n}\r\n.noUi-handle {\r\n  border-radius: 50%;\r\n  &:focus {\r\n    outline: 0;\r\n  }\r\n}",".brands-list {\r\n  position: relative;\r\n  max-height: 250px;\r\n  overflow: auto;\r\n  padding-right: 15px;\r\n  .custom-checkbox:not(:first-child) {\r\n    margin-top: 5px;\r\n  }\r\n  label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.list-tree {\r\n  margin-bottom: 0;\r\n  @include list-unstyled; // unstyled menu\r\n  a {\r\n    display: block; // make all links as blocks\r\n    padding: .25rem .75rem .25rem 1.5rem;\r\n    &:not(:hover) {\r\n      color: $body-color;\r\n    }\r\n    &:hover {\r\n      font-weight: bold;\r\n    }\r\n  }\r\n  .has-arrow::after {\r\n    left: 0;\r\n    transform: rotate(135deg) translateY(-50%);\r\n  }\r\n  .mm-active > a {\r\n    color: $primary;\r\n    font-weight: bold;\r\n    &.has-arrow::after {\r\n      transform: rotate(225deg) translateY(0);\r\n    }\r\n  }\r\n  ul {\r\n    @include list-unstyled; // also unstyled all submenus\r\n    margin-left: 1.5rem;\r\n    box-shadow: 1px 0 0 0 $border-color inset;\r\n    > li > a {\r\n      position: relative;\r\n      padding-left: 1.25rem;\r\n      &::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 8px;\r\n        height: 1px;\r\n        background-color: $border-color;\r\n        left: 0;\r\n        top: 49%;\r\n      }\r\n    }\r\n  }\r\n}","input[type=\"number\"] {\r\n  -moz-appearance: textfield;\r\n  &::-webkit-inner-spin-button,\r\n  &::-webkit-outer-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n  }\r\n}\r\n.spinner {\r\n  display: inline-flex;\r\n  input[type=\"number\"] {\r\n    font-weight: bold;\r\n    width: 55px;\r\n    text-align: center;\r\n    border: 0;\r\n  }\r\n  .btn {\r\n    background-color: #fff;\r\n    // border: 1px solid #e8e8e8;\r\n    box-shadow: $box-shadow-sm;\r\n    color: #868a8f;\r\n    &:hover {\r\n      background-color: #e9ecef;\r\n    }\r\n  }\r\n  &.spinner-sm {\r\n    input[type=\"number\"] {\r\n      width: 40px;\r\n      height: $input-height-sm;\r\n      padding: $input-padding-y-sm $input-padding-x-sm;\r\n      font-size: $font-size-sm;\r\n    }\r\n    .btn {\r\n      width: 28px;\r\n      height: 28px;\r\n      > .feather {\r\n        width: .875rem;\r\n        height: .875rem;\r\n      }\r\n    }\r\n  }\r\n}",".swiper-pagination-bullet-active {\r\n  background-color: rgba(#fff, .75);\r\n  box-shadow: 0 0 5px 0 #333;\r\n}\r\n.swiper-button-next,\r\n.swiper-button-prev {\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-top: -20px;\r\n  &:focus {\r\n    outline: 0;\r\n  }\r\n}\r\n.swiper-button-next-sm,\r\n.swiper-button-prev-sm {\r\n  width: 26px;\r\n  height: 26px;\r\n  margin-top: -13px;\r\n}\r\n.swiper-button-next,\r\n.swiper-button-prev,\r\n.swiper-container-rtl .swiper-button-next,\r\n.swiper-container-rtl .swiper-button-prev {\r\n  background: none;\r\n  > .feather {\r\n    width: 100%;\r\n    height: 100%;\r\n    color: #868a8f;\r\n    border-radius: 50%;\r\n    background-color: #fff;\r\n    box-shadow: $box-shadow-sm;\r\n    stroke-width: 1;\r\n  }\r\n}\r\n.swiper-button-next.swiper-button-disabled,\r\n.swiper-button-prev.swiper-button-disabled {\r\n  > .feather {\r\n    box-shadow: none;\r\n  }\r\n}\r\n@include media-breakpoint-up('lg') {\r\n  .swiper-button-next,\r\n  .swiper-button-prev,\r\n  .swiper-container-rtl .swiper-button-next,\r\n  .swiper-container-rtl .swiper-button-prev {\r\n    &.autohide {\r\n      transition: transform .2s ease-out;\r\n      .swiper-container:hover & {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  }\r\n}\r\n.swiper-button-next,\r\n.swiper-container-rtl .swiper-button-prev {\r\n  &.autohide {\r\n    transform: translateX(50px);\r\n  }\r\n}\r\n.swiper-button-prev,\r\n.swiper-container-rtl .swiper-button-next {\r\n  &.autohide {\r\n    transform: translateX(-50px);\r\n  }\r\n}\r\n\r\n.swiper-overlay {\r\n  position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 0 10%;\r\n    color: #fff;\r\n    @include flex-center;\r\n    flex-direction: column;\r\n  &.left {\r\n    align-items: flex-start;\r\n  }\r\n  &.right {\r\n    align-items: flex-end;\r\n  }\r\n  *:not(.btn) {\r\n    @extend .roboto-condensed;\r\n    font-weight: bold;\r\n  }\r\n  h1 {\r\n    @include media-breakpoint-down('sm') { font-size: 180% }\r\n    @include media-breakpoint-down('xs') { font-size: 120% }\r\n  }\r\n  .display-4 {\r\n    @include media-breakpoint-down('sm') { font-size: 300% }\r\n    @include media-breakpoint-down('xs') { font-size: 200% }\r\n  }\r\n}\r\n.swiper-overlay .animated {\r\n  visibility: hidden;\r\n  animation-duration: .75s;\r\n  animation-fill-mode: both;\r\n  &:nth-child(2) {\r\n    animation-delay: .25s;\r\n  }\r\n  &:nth-child(3) {\r\n    animation-delay: .5s;\r\n  }\r\n}\r\n.fadeUp {\r\n  animation-name: fadeUp;\r\n}\r\n.fadeDown {\r\n  animation-name: fadeDown;\r\n}\r\n@keyframes fadeUp {\r\n  from {\r\n    transform: translate3d(0, 100%, 0);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translate3d(0, 0, 0);\r\n    opacity: 1;\r\n  }\r\n}\r\n@keyframes fadeDown {\r\n  from {\r\n    transform: translate3d(0, -100%, 0);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translate3d(0, 0, 0);\r\n    opacity: 1;\r\n  }\r\n}",".form-checkout {\r\n  max-width: 500px;\r\n}\r\n.shipping-group {\r\n  @include media-breakpoint-up('sm') {\r\n    font-size: $h5-font-size;\r\n    .custom-control {\r\n      padding-left: 2rem;\r\n    }\r\n    .custom-control-label::before,\r\n    .custom-control-label::after {\r\n      left: -2rem;\r\n      width: 1.5rem;\r\n      height: 1.5rem;\r\n    }\r\n  }\r\n}",".jp-card {\r\n  min-width: auto !important;\r\n}\r\n.jp-card-container {\r\n  width: 100% !important;\r\n}",".or-divider {\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-left: -17.5px;\r\n  z-index: 1;\r\n  top: 50%;\r\n  margin-top: -17.5px;\r\n  @extend .roboto-condensed;\r\n  font-weight: bold;\r\n  color: #212529;\r\n  @include flex-center;\r\n  border-radius: 50%;\r\n  background-color: $light;\r\n  border: 1px solid $border-color;\r\n  width: 35px;\r\n  height: 35px;\r\n}\r\n.card-login {\r\n  &::before {\r\n    content: '';\r\n    width: 1px;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    background-color: $border-color;\r\n    left: 50%;\r\n  }\r\n}\r\n@include media-breakpoint-up('md') {\r\n  .col-login {\r\n    padding-right: 30px;\r\n  }\r\n  .col-register {\r\n    padding-left: 30px;\r\n  }\r\n}\r\n@include media-breakpoint-down('sm') {\r\n  .or-divider {\r\n    position: static;\r\n    margin: 30px auto;\r\n    &::before {\r\n      content: '';\r\n    }\r\n  }\r\n  .card-login::before {\r\n    width: auto;\r\n    height: 1px;\r\n    right: 0;\r\n    left: 0;\r\n    top: 50%;\r\n    bottom: auto;\r\n    margin-top: -1px;\r\n  }\r\n}",".card-blog {\r\n  img {\r\n    width: 100%;\r\n  }\r\n  .title {\r\n    display: block;\r\n    margin-bottom: .75rem;\r\n    font-weight: bold;\r\n    &:not(:hover) {\r\n      color: $body-color;\r\n    }\r\n  }\r\n  .card-footer {\r\n    background-color: #fff;\r\n    border-top: 1px solid $border-color;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n.card-blog-list {\r\n  flex-direction: row;\r\n  > a {\r\n    @include media-breakpoint-down('md') { width: 45% }\r\n    @include media-breakpoint-only('lg') { width: 35% }\r\n    @include media-breakpoint-up('xl')   { width: 25% }\r\n  }\r\n  .card-body {\r\n    @include media-breakpoint-down('md') { width: 55% }\r\n    @include media-breakpoint-only('lg') { width: 65% }\r\n    @include media-breakpoint-up('xl')   { width: 75% }\r\n  }\r\n}",".embed-map {\r\n  height: 345px;\r\n  @include media-breakpoint-only(sm) {\r\n    height: 419px;\r\n  }\r\n}",".footer {\r\n  background-color: $footer-bg;\r\n  border-top: 2px solid $border-color;\r\n  padding-top: 1rem;\r\n  .row > [class*=\"col-\"] {\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .list-group-sm .list-group-item {\r\n    background-color: $footer-bg;\r\n    padding-left: 0;\r\n    @include hover-focus {\r\n      background-color: inherit;\r\n      color: $primary;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n}\r\n.download-app {\r\n  display: inline-flex;\r\n  margin: 0 .5rem .5rem 0;\r\n  padding: 10px 15px;\r\n  border: 1px solid $border-color;\r\n  border-radius: 5px;\r\n  line-height: 1.2;\r\n  transition: background-color .1s;\r\n  img {\r\n    width: 30px;\r\n    margin-right: 15px;\r\n  }\r\n  .media-body {\r\n    margin-top: -4px;\r\n  }\r\n  h5 {\r\n    color: $body-color;\r\n    margin-bottom: 0;\r\n  }\r\n  small {\r\n    color: $text-muted;\r\n  }\r\n  &:hover {\r\n    background-color: #f8f8f8;\r\n  }\r\n}\r\n.copyright {\r\n  text-align: center;\r\n  padding: .5rem 0;\r\n  background-color: $copyright-bg;\r\n  border-top: 1px solid $border-color;\r\n  font-size: 90%;\r\n}"]}