`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\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\n//\n// Color system\n//\n\n// stylelint-disable\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$grays: map-merge((\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), $grays);\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$colors: map-merge((\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), $colors);\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$theme-colors: map-merge((\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), $theme-colors);\n// stylelint-enable\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// 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-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\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// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\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\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: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\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: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\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// 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$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\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, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !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-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !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-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: $body-bg !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-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-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-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-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-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-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$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !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-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-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\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $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: ($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: ($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-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-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !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\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !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\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%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;charset=utf8,%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\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%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-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !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-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !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;charset=utf8,%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-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-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$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\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-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// 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// 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;charset=utf8,%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;charset=utf8,%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// 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\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-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\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// 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-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: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\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// 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: \"/\" !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\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !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;charset=utf8,%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;charset=utf8,%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: transform .6s ease !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// 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// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","/*!\n * Author: Theme designed and developed by Michael Palmer, MP Web.\n * Website: https://www.michaelpalmerwebdesign.com.\n * Copyright MP Web 2018.\n * Theme website: https://www.brutalist.design.\n */\n/*!\n * [Brutal Site Template - Table of contents]\n * 1. Bootstrap\n * 2. html\n * 3. body\n * 4. Fonts\n * 5. Typography\n * 6. Buttons\n * 7. Lists\n * 8. Inputs\n * 9. Anchors\n * 10. Navigation | nav\n * 11. Fullscreen Hero section | #hero\n * 12. Features | #features\n * 13. Services | #services\n * 14. Pricing | #pricing\n * 15. Gallery | #gallery\n * 16. Video | #video\n * 17. Products | #products\n * 18. Team | #team\n * 19. Contact | #contact\n * 20. Preloader | .preloader\n * 21. Footer | footer\n * 22. Navigation fullscreen | .nav-fs\n * 23. Fullscreen section | #fullscreen\n * 24. Coming soon | .fs-coming-soon\n * 25. Coming soon countdown | .coming-soon-countdown\n * 26. Coming soon background | .coming-soon-background\n * 27. Coming soon background and countdown | .coming-soon-background\n */\n/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n@import url(\"https://fonts.googleapis.com/css?family=Titillium+Web:300,400,900\");\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent; }\n\n@-ms-viewport {\n width: device-width; }\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block; }\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff; }\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: 700; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\ndfn {\n font-style: italic; }\n\nb,\nstrong {\n font-weight: bolder; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -.25em; }\n\nsup {\n top: -.5em; }\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects; }\n a:hover {\n color: #0056b3;\n text-decoration: underline; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle;\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ntable {\n border-collapse: collapse; }\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: inherit; }\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem; }\n\nbutton {\n border-radius: 0; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n overflow: auto;\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal; }\n\nprogress {\n vertical-align: baseline; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button; }\n\noutput {\n display: inline-block; }\n\nsummary {\n display: list-item;\n cursor: pointer; }\n\ntemplate {\n display: none; }\n\n[hidden] {\n display: none !important; }\n\n/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n:root {\n --blue: #007bff;\n --indigo: #6610f2;\n --purple: #6f42c1;\n --pink: #e83e8c;\n --red: #dc3545;\n --orange: #fd7e14;\n --yellow: #ffc107;\n --green: #28a745;\n --teal: #20c997;\n --cyan: #17a2b8;\n --white: #fff;\n --gray: #6c757d;\n --gray-dark: #343a40;\n --primary: #007bff;\n --secondary: #6c757d;\n --success: #28a745;\n --info: #17a2b8;\n --warning: #ffc107;\n --danger: #dc3545;\n --light: #f8f9fa;\n --dark: #343a40;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent; }\n\n@-ms-viewport {\n width: device-width; }\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block; }\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff; }\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: 700; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\ndfn {\n font-style: italic; }\n\nb,\nstrong {\n font-weight: bolder; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -.25em; }\n\nsup {\n top: -.5em; }\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects; }\n a:hover {\n color: #0056b3;\n text-decoration: underline; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle;\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ntable {\n border-collapse: collapse; }\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: inherit; }\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem; }\n\nbutton {\n border-radius: 0; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n overflow: auto;\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal; }\n\nprogress {\n vertical-align: baseline; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button; }\n\noutput {\n display: inline-block; }\n\nsummary {\n display: list-item;\n cursor: pointer; }\n\ntemplate {\n display: none; }\n\n[hidden] {\n display: none !important; }\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit; }\n\nh1, .h1 {\n font-size: 2.5rem; }\n\nh2, .h2 {\n font-size: 2rem; }\n\nh3, .h3 {\n font-size: 1.75rem; }\n\nh4, .h4 {\n font-size: 1.5rem; }\n\nh5, .h5 {\n font-size: 1.25rem; }\n\nh6, .h6 {\n font-size: 1rem; }\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300; }\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2; }\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400; }\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3; }\n\n.list-unstyled {\n padding-left: 0;\n list-style: none; }\n\n.list-inline {\n padding-left: 0;\n list-style: none; }\n\n.list-inline-item {\n display: inline-block; }\n .list-inline-item:not(:last-child) {\n margin-right: 0.5rem; }\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase; }\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem; }\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d; }\n .blockquote-footer::before {\n content: \"\\2014 \\00A0\"; }\n\n.img-fluid {\n max-width: 100%;\n height: auto; }\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto; }\n\n.figure {\n display: inline-block; }\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1; }\n\n.figure-caption {\n font-size: 90%;\n color: #6c757d; }\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word; }\n a > code {\n color: inherit; }\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n color: #fff;\n background-color: #212529;\n border-radius: 0.2rem; }\n kbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700; }\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529; }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal; }\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll; }\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n @media (min-width: 576px) {\n .container {\n max-width: 540px; } }\n @media (min-width: 768px) {\n .container {\n max-width: 720px; } }\n @media (min-width: 992px) {\n .container {\n max-width: 960px; } }\n @media (min-width: 1200px) {\n .container {\n max-width: 1140px; } }\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-first {\n order: -1; }\n\n.order-last {\n order: 13; }\n\n.order-0 {\n order: 0; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-first {\n order: -1; }\n .order-sm-last {\n order: 13; }\n .order-sm-0 {\n order: 0; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-0 {\n margin-left: 0; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-first {\n order: -1; }\n .order-md-last {\n order: 13; }\n .order-md-0 {\n order: 0; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-0 {\n margin-left: 0; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-first {\n order: -1; }\n .order-lg-last {\n order: 13; }\n .order-lg-0 {\n order: 0; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-0 {\n margin-left: 0; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-first {\n order: -1; }\n .order-xl-last {\n order: 13; }\n .order-xl-0 {\n order: 0; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-0 {\n margin-left: 0; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n background-color: transparent; }\n .table th,\n .table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #dee2e6; }\n .table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6; }\n .table tbody + tbody {\n border-top: 2px solid #dee2e6; }\n .table .table {\n background-color: #fff; }\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem; }\n\n.table-bordered {\n border: 1px solid #dee2e6; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6; }\n .table-bordered thead th,\n .table-bordered thead td {\n border-bottom-width: 2px; }\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05); }\n\n.table-hover tbody tr:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8daff; }\n\n.table-hover .table-primary:hover {\n background-color: #9fcdff; }\n .table-hover .table-primary:hover > td,\n .table-hover .table-primary:hover > th {\n background-color: #9fcdff; }\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #d6d8db; }\n\n.table-hover .table-secondary:hover {\n background-color: #c8cbcf; }\n .table-hover .table-secondary:hover > td,\n .table-hover .table-secondary:hover > th {\n background-color: #c8cbcf; }\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #c3e6cb; }\n\n.table-hover .table-success:hover {\n background-color: #b1dfbb; }\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th {\n background-color: #b1dfbb; }\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #bee5eb; }\n\n.table-hover .table-info:hover {\n background-color: #abdde5; }\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th {\n background-color: #abdde5; }\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffeeba; }\n\n.table-hover .table-warning:hover {\n background-color: #ffe8a1; }\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th {\n background-color: #ffe8a1; }\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f5c6cb; }\n\n.table-hover .table-danger:hover {\n background-color: #f1b0b7; }\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th {\n background-color: #f1b0b7; }\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fdfdfe; }\n\n.table-hover .table-light:hover {\n background-color: #ececf6; }\n .table-hover .table-light:hover > td,\n .table-hover .table-light:hover > th {\n background-color: #ececf6; }\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c6c8ca; }\n\n.table-hover .table-dark:hover {\n background-color: #b9bbbe; }\n .table-hover .table-dark:hover > td,\n .table-hover .table-dark:hover > th {\n background-color: #b9bbbe; }\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table .thead-dark th {\n color: #fff;\n background-color: #212529;\n border-color: #32383e; }\n\n.table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n\n.table-dark {\n color: #fff;\n background-color: #212529; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th {\n border-color: #32383e; }\n .table-dark.table-bordered {\n border: 0; }\n .table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05); }\n .table-dark.table-hover tbody tr:hover {\n background-color: rgba(255, 255, 255, 0.075); }\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-sm > .table-bordered {\n border: 0; } }\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-md > .table-bordered {\n border: 0; } }\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-lg > .table-bordered {\n border: 0; } }\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-xl > .table-bordered {\n border: 0; } }\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive > .table-bordered {\n border: 0; }\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .form-control::-ms-expand {\n background-color: transparent;\n border: 0; }\n .form-control:focus {\n color: #495057;\n background-color: #fff;\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .form-control::placeholder {\n color: #6c757d;\n opacity: 1; }\n .form-control:disabled, .form-control[readonly] {\n background-color: #e9ecef;\n opacity: 1; }\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px); }\n\nselect.form-control:focus::-ms-value {\n color: #495057;\n background-color: #fff; }\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%; }\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5; }\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.5; }\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.875rem;\n line-height: 1.5; }\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.5;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0; }\n .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,\n .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,\n .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,\n .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,\n .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,\n .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,\n .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,\n .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,\n .input-group-lg > .input-group-append > .form-control-plaintext.btn {\n padding-right: 0;\n padding-left: 0; }\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem; }\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(1.8125rem + 2px); }\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem; }\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(2.875rem + 2px); }\n\n.form-group {\n margin-bottom: 1rem; }\n\n.form-text {\n display: block;\n margin-top: 0.25rem; }\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px; }\n .form-row > .col,\n .form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px; }\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem; }\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem; }\n .form-check-input:disabled ~ .form-check-label {\n color: #6c757d; }\n\n.form-check-label {\n margin-bottom: 0; }\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem; }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0; }\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745; }\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(40, 167, 69, 0.8);\n border-radius: .2rem; }\n\n.was-validated .form-control:valid, .form-control.is-valid, .was-validated\n.custom-select:valid,\n.custom-select.is-valid {\n border-color: #28a745; }\n .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated\n .custom-select:valid:focus,\n .custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .form-control:valid ~ .valid-feedback,\n .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n .form-control.is-valid ~ .valid-tooltip, .was-validated\n .custom-select:valid ~ .valid-feedback,\n .was-validated\n .custom-select:valid ~ .valid-tooltip,\n .custom-select.is-valid ~ .valid-feedback,\n .custom-select.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745; }\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745; }\n .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n background-color: #71dd8a; }\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n background-color: #34ce57; }\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745; }\n .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {\n border-color: inherit; }\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545; }\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(220, 53, 69, 0.8);\n border-radius: .2rem; }\n\n.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated\n.custom-select:invalid,\n.custom-select.is-invalid {\n border-color: #dc3545; }\n .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated\n .custom-select:invalid:focus,\n .custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .form-control:invalid ~ .invalid-feedback,\n .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n .form-control.is-invalid ~ .invalid-tooltip, .was-validated\n .custom-select:invalid ~ .invalid-feedback,\n .was-validated\n .custom-select:invalid ~ .invalid-tooltip,\n .custom-select.is-invalid ~ .invalid-feedback,\n .custom-select.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545; }\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545; }\n .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n background-color: #efa2a9; }\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n background-color: #e4606d; }\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545; }\n .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {\n border-color: inherit; }\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; }\n .form-inline .form-check {\n width: 100%; }\n @media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0; }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0; }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle; }\n .form-inline .form-control-plaintext {\n display: inline-block; }\n .form-inline .input-group {\n width: auto; }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0; }\n .form-inline .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0; }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center; }\n .form-inline .custom-control-label {\n margin-bottom: 0; } }\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .btn:hover, .btn:focus {\n text-decoration: none; }\n .btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .btn.disabled, .btn:disabled {\n opacity: 0.65; }\n .btn:not(:disabled):not(.disabled) {\n cursor: pointer; }\n .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {\n background-image: none; }\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none; }\n\n.btn-primary {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n .btn-primary:hover {\n color: #fff;\n background-color: #0069d9;\n border-color: #0062cc; }\n .btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }\n .btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n .show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #0062cc;\n border-color: #005cbf; }\n .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }\n\n.btn-secondary {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-secondary:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62; }\n .btn-secondary:focus, .btn-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n .btn-secondary.disabled, .btn-secondary:disabled {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-secondary.dropdown-toggle {\n color: #fff;\n background-color: #545b62;\n border-color: #4e555b; }\n .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n\n.btn-success {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745; }\n .btn-success:hover {\n color: #fff;\n background-color: #218838;\n border-color: #1e7e34; }\n .btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }\n .btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745; }\n .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n .show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #1e7e34;\n border-color: #1c7430; }\n .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }\n\n.btn-info {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8; }\n .btn-info:hover {\n color: #fff;\n background-color: #138496;\n border-color: #117a8b; }\n .btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }\n .btn-info.disabled, .btn-info:disabled {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8; }\n .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n .show > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #117a8b;\n border-color: #10707f; }\n .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }\n\n.btn-warning {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107; }\n .btn-warning:hover {\n color: #212529;\n background-color: #e0a800;\n border-color: #d39e00; }\n .btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }\n .btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107; }\n .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n .show > .btn-warning.dropdown-toggle {\n color: #212529;\n background-color: #d39e00;\n border-color: #c69500; }\n .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }\n\n.btn-danger {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545; }\n .btn-danger:hover {\n color: #fff;\n background-color: #c82333;\n border-color: #bd2130; }\n .btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }\n .btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545; }\n .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n .show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #bd2130;\n border-color: #b21f2d; }\n .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }\n\n.btn-light {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa; }\n .btn-light:hover {\n color: #212529;\n background-color: #e2e6ea;\n border-color: #dae0e5; }\n .btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }\n .btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa; }\n .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n .show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #dae0e5;\n border-color: #d3d9df; }\n .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }\n\n.btn-dark {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40; }\n .btn-dark:hover {\n color: #fff;\n background-color: #23272b;\n border-color: #1d2124; }\n .btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }\n .btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40; }\n .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n .show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #1d2124;\n border-color: #171a1d; }\n .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }\n\n.btn-outline-primary {\n color: #007bff;\n background-color: transparent;\n background-image: none;\n border-color: #007bff; }\n .btn-outline-primary:hover {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n .btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }\n .btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #007bff;\n background-color: transparent; }\n .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }\n\n.btn-outline-secondary {\n color: #6c757d;\n background-color: transparent;\n background-image: none;\n border-color: #6c757d; }\n .btn-outline-secondary:hover {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #6c757d;\n background-color: transparent; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n\n.btn-outline-success {\n color: #28a745;\n background-color: transparent;\n background-image: none;\n border-color: #28a745; }\n .btn-outline-success:hover {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745; }\n .btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }\n .btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #28a745;\n background-color: transparent; }\n .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n .show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745; }\n .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }\n\n.btn-outline-info {\n color: #17a2b8;\n background-color: transparent;\n background-image: none;\n border-color: #17a2b8; }\n .btn-outline-info:hover {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8; }\n .btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }\n .btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #17a2b8;\n background-color: transparent; }\n .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n .show > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8; }\n .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }\n\n.btn-outline-warning {\n color: #ffc107;\n background-color: transparent;\n background-image: none;\n border-color: #ffc107; }\n .btn-outline-warning:hover {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107; }\n .btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }\n .btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffc107;\n background-color: transparent; }\n .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n .show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107; }\n .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }\n\n.btn-outline-danger {\n color: #dc3545;\n background-color: transparent;\n background-image: none;\n border-color: #dc3545; }\n .btn-outline-danger:hover {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545; }\n .btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }\n .btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #dc3545;\n background-color: transparent; }\n .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n .show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545; }\n .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }\n\n.btn-outline-light {\n color: #f8f9fa;\n background-color: transparent;\n background-image: none;\n border-color: #f8f9fa; }\n .btn-outline-light:hover {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa; }\n .btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }\n .btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #f8f9fa;\n background-color: transparent; }\n .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n .show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa; }\n .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }\n\n.btn-outline-dark {\n color: #343a40;\n background-color: transparent;\n background-image: none;\n border-color: #343a40; }\n .btn-outline-dark:hover {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40; }\n .btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }\n .btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #343a40;\n background-color: transparent; }\n .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n .show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40; }\n .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n background-color: transparent; }\n .btn-link:hover {\n color: #0056b3;\n text-decoration: underline;\n background-color: transparent;\n border-color: transparent; }\n .btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n border-color: transparent;\n box-shadow: none; }\n .btn-link:disabled, .btn-link.disabled {\n color: #6c757d; }\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem; }\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem; }\n\n.btn-block {\n display: block;\n width: 100%; }\n .btn-block + .btn-block {\n margin-top: 0.5rem; }\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%; }\n\n.fade {\n opacity: 0;\n transition: opacity 0.15s linear; }\n .fade.show {\n opacity: 1; }\n\n.collapse {\n display: none; }\n .collapse.show {\n display: block; }\n\ntr.collapse.show {\n display: table-row; }\n\ntbody.collapse.show {\n display: table-row-group; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease; }\n\n.dropup,\n.dropdown {\n position: relative; }\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent; }\n\n.dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem; }\n\n.dropup .dropdown-menu {\n margin-top: 0;\n margin-bottom: 0.125rem; }\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent; }\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-menu {\n margin-top: 0;\n margin-left: 0.125rem; }\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid; }\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0; }\n\n.dropleft .dropdown-menu {\n margin-top: 0;\n margin-right: 0.125rem; }\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\"; }\n\n.dropleft .dropdown-toggle::after {\n display: none; }\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent; }\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0; }\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: #f8f9fa; }\n .dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #007bff; }\n .dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n background-color: transparent; }\n\n.dropdown-menu.show {\n display: block; }\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #6c757d;\n white-space: nowrap; }\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; }\n .btn-group > .btn,\n .btn-group-vertical > .btn {\n position: relative;\n flex: 0 1 auto; }\n .btn-group > .btn:hover,\n .btn-group-vertical > .btn:hover {\n z-index: 1; }\n .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n .btn-group-vertical > .btn:focus,\n .btn-group-vertical > .btn:active,\n .btn-group-vertical > .btn.active {\n z-index: 1; }\n .btn-group .btn + .btn,\n .btn-group .btn + .btn-group,\n .btn-group .btn-group + .btn,\n .btn-group .btn-group + .btn-group,\n .btn-group-vertical .btn + .btn,\n .btn-group-vertical .btn + .btn-group,\n .btn-group-vertical .btn-group + .btn,\n .btn-group-vertical .btn-group + .btn-group {\n margin-left: -1px; }\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; }\n .btn-toolbar .input-group {\n width: auto; }\n\n.btn-group > .btn:first-child {\n margin-left: 0; }\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.dropdown-toggle-split {\n padding-right: 0.5625rem;\n padding-left: 0.5625rem; }\n .dropdown-toggle-split::after {\n margin-left: 0; }\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375rem;\n padding-left: 0.375rem; }\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem; }\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .btn-group-vertical .btn,\n .btn-group-vertical .btn-group {\n width: 100%; }\n .btn-group-vertical > .btn + .btn,\n .btn-group-vertical > .btn + .btn-group,\n .btn-group-vertical > .btn-group + .btn,\n .btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0; }\n .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n .btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .btn-group-vertical > .btn:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0; }\n .btn-group-toggle > .btn input[type=\"radio\"],\n .btn-group-toggle > .btn input[type=\"checkbox\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none; }\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%; }\n .input-group > .form-control,\n .input-group > .custom-select,\n .input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0; }\n .input-group > .form-control:focus,\n .input-group > .custom-select:focus,\n .input-group > .custom-file:focus {\n z-index: 3; }\n .input-group > .form-control + .form-control,\n .input-group > .form-control + .custom-select,\n .input-group > .form-control + .custom-file,\n .input-group > .custom-select + .form-control,\n .input-group > .custom-select + .custom-select,\n .input-group > .custom-select + .custom-file,\n .input-group > .custom-file + .form-control,\n .input-group > .custom-file + .custom-select,\n .input-group > .custom-file + .custom-file {\n margin-left: -1px; }\n .input-group > .form-control:not(:last-child),\n .input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .form-control:not(:first-child),\n .input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .input-group > .custom-file {\n display: flex;\n align-items: center; }\n .input-group > .custom-file:not(:last-child) .custom-file-label,\n .input-group > .custom-file:not(:last-child) .custom-file-label::before {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .custom-file:not(:first-child) .custom-file-label,\n .input-group > .custom-file:not(:first-child) .custom-file-label::before {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.input-group-prepend,\n.input-group-append {\n display: flex; }\n .input-group-prepend .btn,\n .input-group-append .btn {\n position: relative;\n z-index: 2; }\n .input-group-prepend .btn + .btn,\n .input-group-prepend .btn + .input-group-text,\n .input-group-prepend .input-group-text + .input-group-text,\n .input-group-prepend .input-group-text + .btn,\n .input-group-append .btn + .btn,\n .input-group-append .btn + .input-group-text,\n .input-group-append .input-group-text + .input-group-text,\n .input-group-append .input-group-text + .btn {\n margin-left: -1px; }\n\n.input-group-prepend {\n margin-right: -1px; }\n\n.input-group-append {\n margin-left: -1px; }\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .input-group-text input[type=\"radio\"],\n .input-group-text input[type=\"checkbox\"] {\n margin-top: 0; }\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5rem; }\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem; }\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0; }\n .custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n background-color: #007bff; }\n .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-control-input:active ~ .custom-control-label::before {\n color: #fff;\n background-color: #b3d7ff; }\n .custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d; }\n .custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef; }\n\n.custom-control-label {\n margin-bottom: 0; }\n .custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: #dee2e6; }\n .custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%; }\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff; }\n\n.custom-checkbox .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\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n background-color: #007bff; }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .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 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff; }\n\n.custom-radio .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='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\"); }\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-size: 8px 10px;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none; }\n .custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); }\n .custom-select:focus::-ms-value {\n color: #495057;\n background-color: #fff; }\n .custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none; }\n .custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef; }\n .custom-select::-ms-expand {\n opacity: 0; }\n\n.custom-select-sm {\n height: calc(1.8125rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%; }\n\n.custom-select-lg {\n height: calc(2.875rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 125%; }\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin-bottom: 0; }\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin: 0;\n opacity: 0; }\n .custom-file-input:focus ~ .custom-file-control {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-file-input:focus ~ .custom-file-control::before {\n border-color: #80bdff; }\n .custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\"; }\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(calc(2.25rem + 2px) - 1px * 2);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: 1px solid #ced4da;\n border-radius: 0 0.25rem 0.25rem 0; }\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem; }\n .nav-link:hover, .nav-link:focus {\n text-decoration: none; }\n .nav-link.disabled {\n color: #6c757d; }\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6; }\n .nav-tabs .nav-item {\n margin-bottom: -1px; }\n .nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6; }\n .nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent; }\n .nav-tabs .nav-link.active,\n .nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background-color: #fff;\n border-color: #dee2e6 #dee2e6 #fff; }\n .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.nav-pills .nav-link {\n border-radius: 0.25rem; }\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #007bff; }\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center; }\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center; }\n\n.tab-content > .tab-pane {\n display: none; }\n\n.tab-content > .active {\n display: block; }\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem; }\n .navbar > .container,\n .navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between; }\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap; }\n .navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none; }\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n .navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0; }\n .navbar-nav .dropdown-menu {\n position: static;\n float: none; }\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; }\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center; }\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n .navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none; }\n .navbar-toggler:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%; }\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row; }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-sm .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto; }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-sm .navbar-toggler {\n display: none; }\n .navbar-expand-sm .dropup .dropdown-menu {\n top: auto;\n bottom: 100%; } }\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-md .navbar-nav {\n flex-direction: row; }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-md .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto; }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-md .navbar-toggler {\n display: none; }\n .navbar-expand-md .dropup .dropdown-menu {\n top: auto;\n bottom: 100%; } }\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row; }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-lg .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto; }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-lg .navbar-toggler {\n display: none; }\n .navbar-expand-lg .dropup .dropdown-menu {\n top: auto;\n bottom: 100%; } }\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row; }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-xl .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto; }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-xl .navbar-toggler {\n display: none; }\n .navbar-expand-xl .dropup .dropdown-menu {\n top: auto;\n bottom: 100%; } }\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0; }\n .navbar-expand .navbar-nav {\n flex-direction: row; }\n .navbar-expand .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto; }\n .navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand .navbar-toggler {\n display: none; }\n .navbar-expand .dropup .dropdown-menu {\n top: auto;\n bottom: 100%; }\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5); }\n .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7); }\n .navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3); }\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1); }\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5); }\n .navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-dark .navbar-brand {\n color: #fff; }\n .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff; }\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75); }\n .navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25); }\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff; }\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1); }\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-text a {\n color: #fff; }\n .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff; }\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem; }\n .card > hr {\n margin-right: 0;\n margin-left: 0; }\n .card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem; }\n\n.card-title {\n margin-bottom: 0.75rem; }\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0; }\n\n.card-text:last-child {\n margin-bottom: 0; }\n\n.card-link:hover {\n text-decoration: none; }\n\n.card-link + .card-link {\n margin-left: 1.25rem; }\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125); }\n .card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }\n .card-header + .list-group .list-group-item:first-child {\n border-top: 0; }\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125); }\n .card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0; }\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem; }\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem; }\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px); }\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px); }\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px); }\n\n.card-deck {\n display: flex;\n flex-direction: column; }\n .card-deck .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px; }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px; } }\n\n.card-group {\n display: flex;\n flex-direction: column; }\n .card-group > .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap; }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0; }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0; }\n .card-group > .card:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .card-group > .card:first-child .card-img-top,\n .card-group > .card:first-child .card-header {\n border-top-right-radius: 0; }\n .card-group > .card:first-child .card-img-bottom,\n .card-group > .card:first-child .card-footer {\n border-bottom-right-radius: 0; }\n .card-group > .card:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .card-group > .card:last-child .card-img-top,\n .card-group > .card:last-child .card-header {\n border-top-left-radius: 0; }\n .card-group > .card:last-child .card-img-bottom,\n .card-group > .card:last-child .card-footer {\n border-bottom-left-radius: 0; }\n .card-group > .card:only-child {\n border-radius: 0.25rem; }\n .card-group > .card:only-child .card-img-top,\n .card-group > .card:only-child .card-header {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card-group > .card:only-child .card-img-bottom,\n .card-group > .card:only-child .card-footer {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {\n border-radius: 0; }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {\n border-radius: 0; } }\n\n.card-columns .card {\n margin-bottom: 0.75rem; }\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem; }\n .card-columns .card {\n display: inline-block;\n width: 100%; } }\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 0.75rem 1rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: #e9ecef;\n border-radius: 0.25rem; }\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n color: #6c757d;\n content: \"/\"; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none; }\n\n.breadcrumb-item.active {\n color: #6c757d; }\n\n.pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem; }\n\n.page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background-color: #fff;\n border: 1px solid #dee2e6; }\n .page-link:hover {\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n .page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .page-link:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.page-item:last-child .page-link {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n\n.page-item.disabled .page-link {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #dee2e6; }\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5; }\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem; }\n\n.pagination-sm .page-link {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5; }\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem; }\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem; }\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem; }\n .badge:empty {\n display: none; }\n\n.btn .badge {\n position: relative;\n top: -1px; }\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem; }\n\n.badge-primary {\n color: #fff;\n background-color: #007bff; }\n .badge-primary[href]:hover, .badge-primary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #0062cc; }\n\n.badge-secondary {\n color: #fff;\n background-color: #6c757d; }\n .badge-secondary[href]:hover, .badge-secondary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #545b62; }\n\n.badge-success {\n color: #fff;\n background-color: #28a745; }\n .badge-success[href]:hover, .badge-success[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1e7e34; }\n\n.badge-info {\n color: #fff;\n background-color: #17a2b8; }\n .badge-info[href]:hover, .badge-info[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #117a8b; }\n\n.badge-warning {\n color: #212529;\n background-color: #ffc107; }\n .badge-warning[href]:hover, .badge-warning[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #d39e00; }\n\n.badge-danger {\n color: #fff;\n background-color: #dc3545; }\n .badge-danger[href]:hover, .badge-danger[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #bd2130; }\n\n.badge-light {\n color: #212529;\n background-color: #f8f9fa; }\n .badge-light[href]:hover, .badge-light[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #dae0e5; }\n\n.badge-dark {\n color: #fff;\n background-color: #343a40; }\n .badge-dark[href]:hover, .badge-dark[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1d2124; }\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem; }\n @media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem; } }\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0; }\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n\n.alert-heading {\n color: inherit; }\n\n.alert-link {\n font-weight: 700; }\n\n.alert-dismissible {\n padding-right: 4rem; }\n .alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit; }\n\n.alert-primary {\n color: #004085;\n background-color: #cce5ff;\n border-color: #b8daff; }\n .alert-primary hr {\n border-top-color: #9fcdff; }\n .alert-primary .alert-link {\n color: #002752; }\n\n.alert-secondary {\n color: #383d41;\n background-color: #e2e3e5;\n border-color: #d6d8db; }\n .alert-secondary hr {\n border-top-color: #c8cbcf; }\n .alert-secondary .alert-link {\n color: #202326; }\n\n.alert-success {\n color: #155724;\n background-color: #d4edda;\n border-color: #c3e6cb; }\n .alert-success hr {\n border-top-color: #b1dfbb; }\n .alert-success .alert-link {\n color: #0b2e13; }\n\n.alert-info {\n color: #0c5460;\n background-color: #d1ecf1;\n border-color: #bee5eb; }\n .alert-info hr {\n border-top-color: #abdde5; }\n .alert-info .alert-link {\n color: #062c33; }\n\n.alert-warning {\n color: #856404;\n background-color: #fff3cd;\n border-color: #ffeeba; }\n .alert-warning hr {\n border-top-color: #ffe8a1; }\n .alert-warning .alert-link {\n color: #533f03; }\n\n.alert-danger {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb; }\n .alert-danger hr {\n border-top-color: #f1b0b7; }\n .alert-danger .alert-link {\n color: #491217; }\n\n.alert-light {\n color: #818182;\n background-color: #fefefe;\n border-color: #fdfdfe; }\n .alert-light hr {\n border-top-color: #ececf6; }\n .alert-light .alert-link {\n color: #686868; }\n\n.alert-dark {\n color: #1b1e21;\n background-color: #d6d8d9;\n border-color: #c6c8ca; }\n .alert-dark hr {\n border-top-color: #b9bbbe; }\n .alert-dark .alert-link {\n color: #040505; }\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0; }\n to {\n background-position: 0 0; } }\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem; }\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: #fff;\n text-align: center;\n background-color: #007bff;\n transition: width 0.6s ease; }\n\n.progress-bar-striped {\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 1rem 1rem; }\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite; }\n\n.media {\n display: flex;\n align-items: flex-start; }\n\n.media-body {\n flex: 1; }\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0; }\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit; }\n .list-group-item-action:hover, .list-group-item-action:focus {\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa; }\n .list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef; }\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.125); }\n .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .list-group-item:hover, .list-group-item:focus {\n z-index: 1;\n text-decoration: none; }\n .list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n background-color: #fff; }\n .list-group-item.active {\n z-index: 2;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff; }\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0; }\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0; }\n\n.list-group-flush:last-child .list-group-item:last-child {\n border-bottom: 0; }\n\n.list-group-item-primary {\n color: #004085;\n background-color: #b8daff; }\n .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #004085;\n background-color: #9fcdff; }\n .list-group-item-primary.list-group-item-action.active {\n color: #fff;\n background-color: #004085;\n border-color: #004085; }\n\n.list-group-item-secondary {\n color: #383d41;\n background-color: #d6d8db; }\n .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #383d41;\n background-color: #c8cbcf; }\n .list-group-item-secondary.list-group-item-action.active {\n color: #fff;\n background-color: #383d41;\n border-color: #383d41; }\n\n.list-group-item-success {\n color: #155724;\n background-color: #c3e6cb; }\n .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #155724;\n background-color: #b1dfbb; }\n .list-group-item-success.list-group-item-action.active {\n color: #fff;\n background-color: #155724;\n border-color: #155724; }\n\n.list-group-item-info {\n color: #0c5460;\n background-color: #bee5eb; }\n .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #0c5460;\n background-color: #abdde5; }\n .list-group-item-info.list-group-item-action.active {\n color: #fff;\n background-color: #0c5460;\n border-color: #0c5460; }\n\n.list-group-item-warning {\n color: #856404;\n background-color: #ffeeba; }\n .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #856404;\n background-color: #ffe8a1; }\n .list-group-item-warning.list-group-item-action.active {\n color: #fff;\n background-color: #856404;\n border-color: #856404; }\n\n.list-group-item-danger {\n color: #721c24;\n background-color: #f5c6cb; }\n .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #721c24;\n background-color: #f1b0b7; }\n .list-group-item-danger.list-group-item-action.active {\n color: #fff;\n background-color: #721c24;\n border-color: #721c24; }\n\n.list-group-item-light {\n color: #818182;\n background-color: #fdfdfe; }\n .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #818182;\n background-color: #ececf6; }\n .list-group-item-light.list-group-item-action.active {\n color: #fff;\n background-color: #818182;\n border-color: #818182; }\n\n.list-group-item-dark {\n color: #1b1e21;\n background-color: #c6c8ca; }\n .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #1b1e21;\n background-color: #b9bbbe; }\n .list-group-item-dark.list-group-item-action.active {\n color: #fff;\n background-color: #1b1e21;\n border-color: #1b1e21; }\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5; }\n .close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n opacity: .75; }\n .close:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none; }\n\n.modal-open {\n overflow: hidden; }\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0; }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto; }\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none; }\n .modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -25%); }\n .modal.show .modal-dialog {\n transform: translate(0, 0); }\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2)); }\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0; }\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000; }\n .modal-backdrop.fade {\n opacity: 0; }\n .modal-backdrop.show {\n opacity: 0.5; }\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem;\n border-bottom: 1px solid #e9ecef;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem; }\n .modal-header .close {\n padding: 1rem;\n margin: -1rem -1rem -1rem auto; }\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5; }\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1rem; }\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 1rem;\n border-top: 1px solid #e9ecef; }\n .modal-footer > :not(:first-child) {\n margin-left: .25rem; }\n .modal-footer > :not(:last-child) {\n margin-right: .25rem; }\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll; }\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 1.75rem auto; }\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2)); }\n .modal-sm {\n max-width: 300px; } }\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 800px; } }\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n opacity: 0; }\n .tooltip.show {\n opacity: 0.9; }\n .tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem; }\n .tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0; }\n .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000; }\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000; }\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0; }\n .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000; }\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000; }\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 0.25rem; }\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem; }\n .popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem; }\n .popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem; }\n .bs-popover-top .arrow, .bs-popover-auto[x-placement^=\"top\"] .arrow {\n bottom: calc((0.5rem + 1px) * -1); }\n .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before,\n .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0; }\n .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before {\n bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n bottom: 1px;\n border-top-color: #fff; }\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem; }\n .bs-popover-right .arrow, .bs-popover-auto[x-placement^=\"right\"] .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before,\n .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0.5rem 0; }\n .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before {\n left: 0;\n border-right-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n left: 1px;\n border-right-color: #fff; }\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem; }\n .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=\"bottom\"] .arrow {\n top: calc((0.5rem + 1px) * -1); }\n .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before,\n .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n border-width: 0 0.5rem 0.5rem 0.5rem; }\n .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before {\n top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n top: 1px;\n border-bottom-color: #fff; }\n .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7; }\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem; }\n .bs-popover-left .arrow, .bs-popover-auto[x-placement^=\"left\"] .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before,\n .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n border-width: 0.5rem 0 0.5rem 0.5rem; }\n .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before {\n right: 0;\n border-left-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n right: 1px;\n border-left-color: #fff; }\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n color: inherit;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px); }\n .popover-header:empty {\n display: none; }\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529; }\n\n.carousel {\n position: relative; }\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden; }\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n transition: transform 0.6s ease;\n backface-visibility: hidden;\n perspective: 1000px; }\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block; }\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0; }\n\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-next.carousel-item-left,\n .carousel-item-prev.carousel-item-right {\n transform: translate3d(0, 0, 0); } }\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-next,\n .active.carousel-item-right {\n transform: translate3d(100%, 0, 0); } }\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-prev,\n .active.carousel-item-left {\n transform: translate3d(-100%, 0, 0); } }\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n color: #fff;\n text-align: center;\n opacity: 0.5; }\n .carousel-control-prev:hover, .carousel-control-prev:focus,\n .carousel-control-next:hover,\n .carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9; }\n\n.carousel-control-prev {\n left: 0; }\n\n.carousel-control-next {\n right: 0; }\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: transparent no-repeat center center;\n background-size: 100% 100%; }\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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\"); }\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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\"); }\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none; }\n .carousel-indicators li {\n position: relative;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n background-color: rgba(255, 255, 255, 0.5); }\n .carousel-indicators li::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\"; }\n .carousel-indicators li::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\"; }\n .carousel-indicators .active {\n background-color: #fff; }\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center; }\n\n.align-baseline {\n vertical-align: baseline !important; }\n\n.align-top {\n vertical-align: top !important; }\n\n.align-middle {\n vertical-align: middle !important; }\n\n.align-bottom {\n vertical-align: bottom !important; }\n\n.align-text-bottom {\n vertical-align: text-bottom !important; }\n\n.align-text-top {\n vertical-align: text-top !important; }\n\n.bg-primary {\n background-color: #007bff !important; }\n\na.bg-primary:hover, a.bg-primary:focus,\nbutton.bg-primary:hover,\nbutton.bg-primary:focus {\n background-color: #0062cc !important; }\n\n.bg-secondary {\n background-color: #6c757d !important; }\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #545b62 !important; }\n\n.bg-success {\n background-color: #28a745 !important; }\n\na.bg-success:hover, a.bg-success:focus,\nbutton.bg-success:hover,\nbutton.bg-success:focus {\n background-color: #1e7e34 !important; }\n\n.bg-info {\n background-color: #17a2b8 !important; }\n\na.bg-info:hover, a.bg-info:focus,\nbutton.bg-info:hover,\nbutton.bg-info:focus {\n background-color: #117a8b !important; }\n\n.bg-warning {\n background-color: #ffc107 !important; }\n\na.bg-warning:hover, a.bg-warning:focus,\nbutton.bg-warning:hover,\nbutton.bg-warning:focus {\n background-color: #d39e00 !important; }\n\n.bg-danger {\n background-color: #dc3545 !important; }\n\na.bg-danger:hover, a.bg-danger:focus,\nbutton.bg-danger:hover,\nbutton.bg-danger:focus {\n background-color: #bd2130 !important; }\n\n.bg-light {\n background-color: #f8f9fa !important; }\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #dae0e5 !important; }\n\n.bg-dark {\n background-color: #343a40 !important; }\n\na.bg-dark:hover, a.bg-dark:focus,\nbutton.bg-dark:hover,\nbutton.bg-dark:focus {\n background-color: #1d2124 !important; }\n\n.bg-white {\n background-color: #fff !important; }\n\n.bg-transparent {\n background-color: transparent !important; }\n\n.border {\n border: 1px solid #dee2e6 !important; }\n\n.border-top {\n border-top: 1px solid #dee2e6 !important; }\n\n.border-right {\n border-right: 1px solid #dee2e6 !important; }\n\n.border-bottom {\n border-bottom: 1px solid #dee2e6 !important; }\n\n.border-left {\n border-left: 1px solid #dee2e6 !important; }\n\n.border-0 {\n border: 0 !important; }\n\n.border-top-0 {\n border-top: 0 !important; }\n\n.border-right-0 {\n border-right: 0 !important; }\n\n.border-bottom-0 {\n border-bottom: 0 !important; }\n\n.border-left-0 {\n border-left: 0 !important; }\n\n.border-primary {\n border-color: #007bff !important; }\n\n.border-secondary {\n border-color: #6c757d !important; }\n\n.border-success {\n border-color: #28a745 !important; }\n\n.border-info {\n border-color: #17a2b8 !important; }\n\n.border-warning {\n border-color: #ffc107 !important; }\n\n.border-danger {\n border-color: #dc3545 !important; }\n\n.border-light {\n border-color: #f8f9fa !important; }\n\n.border-dark {\n border-color: #343a40 !important; }\n\n.border-white {\n border-color: #fff !important; }\n\n.rounded {\n border-radius: 0.25rem !important; }\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important; }\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important; }\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-circle {\n border-radius: 50% !important; }\n\n.rounded-0 {\n border-radius: 0 !important; }\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.d-none {\n display: none !important; }\n\n.d-inline {\n display: inline !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-block {\n display: block !important; }\n\n.d-table {\n display: table !important; }\n\n.d-table-row {\n display: table-row !important; }\n\n.d-table-cell {\n display: table-cell !important; }\n\n.d-flex {\n display: flex !important; }\n\n.d-inline-flex {\n display: inline-flex !important; }\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important; }\n .d-sm-inline {\n display: inline !important; }\n .d-sm-inline-block {\n display: inline-block !important; }\n .d-sm-block {\n display: block !important; }\n .d-sm-table {\n display: table !important; }\n .d-sm-table-row {\n display: table-row !important; }\n .d-sm-table-cell {\n display: table-cell !important; }\n .d-sm-flex {\n display: flex !important; }\n .d-sm-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important; }\n .d-md-inline {\n display: inline !important; }\n .d-md-inline-block {\n display: inline-block !important; }\n .d-md-block {\n display: block !important; }\n .d-md-table {\n display: table !important; }\n .d-md-table-row {\n display: table-row !important; }\n .d-md-table-cell {\n display: table-cell !important; }\n .d-md-flex {\n display: flex !important; }\n .d-md-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important; }\n .d-lg-inline {\n display: inline !important; }\n .d-lg-inline-block {\n display: inline-block !important; }\n .d-lg-block {\n display: block !important; }\n .d-lg-table {\n display: table !important; }\n .d-lg-table-row {\n display: table-row !important; }\n .d-lg-table-cell {\n display: table-cell !important; }\n .d-lg-flex {\n display: flex !important; }\n .d-lg-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important; }\n .d-xl-inline {\n display: inline !important; }\n .d-xl-inline-block {\n display: inline-block !important; }\n .d-xl-block {\n display: block !important; }\n .d-xl-table {\n display: table !important; }\n .d-xl-table-row {\n display: table-row !important; }\n .d-xl-table-cell {\n display: table-cell !important; }\n .d-xl-flex {\n display: flex !important; }\n .d-xl-inline-flex {\n display: inline-flex !important; } }\n\n@media print {\n .d-print-none {\n display: none !important; }\n .d-print-inline {\n display: inline !important; }\n .d-print-inline-block {\n display: inline-block !important; }\n .d-print-block {\n display: block !important; }\n .d-print-table {\n display: table !important; }\n .d-print-table-row {\n display: table-row !important; }\n .d-print-table-cell {\n display: table-cell !important; }\n .d-print-flex {\n display: flex !important; }\n .d-print-inline-flex {\n display: inline-flex !important; } }\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden; }\n .embed-responsive::before {\n display: block;\n content: \"\"; }\n .embed-responsive .embed-responsive-item,\n .embed-responsive iframe,\n .embed-responsive embed,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.flex-row {\n flex-direction: row !important; }\n\n.flex-column {\n flex-direction: column !important; }\n\n.flex-row-reverse {\n flex-direction: row-reverse !important; }\n\n.flex-column-reverse {\n flex-direction: column-reverse !important; }\n\n.flex-wrap {\n flex-wrap: wrap !important; }\n\n.flex-nowrap {\n flex-wrap: nowrap !important; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n\n.justify-content-start {\n justify-content: flex-start !important; }\n\n.justify-content-end {\n justify-content: flex-end !important; }\n\n.justify-content-center {\n justify-content: center !important; }\n\n.justify-content-between {\n justify-content: space-between !important; }\n\n.justify-content-around {\n justify-content: space-around !important; }\n\n.align-items-start {\n align-items: flex-start !important; }\n\n.align-items-end {\n align-items: flex-end !important; }\n\n.align-items-center {\n align-items: center !important; }\n\n.align-items-baseline {\n align-items: baseline !important; }\n\n.align-items-stretch {\n align-items: stretch !important; }\n\n.align-content-start {\n align-content: flex-start !important; }\n\n.align-content-end {\n align-content: flex-end !important; }\n\n.align-content-center {\n align-content: center !important; }\n\n.align-content-between {\n align-content: space-between !important; }\n\n.align-content-around {\n align-content: space-around !important; }\n\n.align-content-stretch {\n align-content: stretch !important; }\n\n.align-self-auto {\n align-self: auto !important; }\n\n.align-self-start {\n align-self: flex-start !important; }\n\n.align-self-end {\n align-self: flex-end !important; }\n\n.align-self-center {\n align-self: center !important; }\n\n.align-self-baseline {\n align-self: baseline !important; }\n\n.align-self-stretch {\n align-self: stretch !important; }\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important; }\n .flex-sm-column {\n flex-direction: column !important; }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-sm-wrap {\n flex-wrap: wrap !important; }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important; }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-sm-start {\n justify-content: flex-start !important; }\n .justify-content-sm-end {\n justify-content: flex-end !important; }\n .justify-content-sm-center {\n justify-content: center !important; }\n .justify-content-sm-between {\n justify-content: space-between !important; }\n .justify-content-sm-around {\n justify-content: space-around !important; }\n .align-items-sm-start {\n align-items: flex-start !important; }\n .align-items-sm-end {\n align-items: flex-end !important; }\n .align-items-sm-center {\n align-items: center !important; }\n .align-items-sm-baseline {\n align-items: baseline !important; }\n .align-items-sm-stretch {\n align-items: stretch !important; }\n .align-content-sm-start {\n align-content: flex-start !important; }\n .align-content-sm-end {\n align-content: flex-end !important; }\n .align-content-sm-center {\n align-content: center !important; }\n .align-content-sm-between {\n align-content: space-between !important; }\n .align-content-sm-around {\n align-content: space-around !important; }\n .align-content-sm-stretch {\n align-content: stretch !important; }\n .align-self-sm-auto {\n align-self: auto !important; }\n .align-self-sm-start {\n align-self: flex-start !important; }\n .align-self-sm-end {\n align-self: flex-end !important; }\n .align-self-sm-center {\n align-self: center !important; }\n .align-self-sm-baseline {\n align-self: baseline !important; }\n .align-self-sm-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important; }\n .flex-md-column {\n flex-direction: column !important; }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-md-wrap {\n flex-wrap: wrap !important; }\n .flex-md-nowrap {\n flex-wrap: nowrap !important; }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-md-start {\n justify-content: flex-start !important; }\n .justify-content-md-end {\n justify-content: flex-end !important; }\n .justify-content-md-center {\n justify-content: center !important; }\n .justify-content-md-between {\n justify-content: space-between !important; }\n .justify-content-md-around {\n justify-content: space-around !important; }\n .align-items-md-start {\n align-items: flex-start !important; }\n .align-items-md-end {\n align-items: flex-end !important; }\n .align-items-md-center {\n align-items: center !important; }\n .align-items-md-baseline {\n align-items: baseline !important; }\n .align-items-md-stretch {\n align-items: stretch !important; }\n .align-content-md-start {\n align-content: flex-start !important; }\n .align-content-md-end {\n align-content: flex-end !important; }\n .align-content-md-center {\n align-content: center !important; }\n .align-content-md-between {\n align-content: space-between !important; }\n .align-content-md-around {\n align-content: space-around !important; }\n .align-content-md-stretch {\n align-content: stretch !important; }\n .align-self-md-auto {\n align-self: auto !important; }\n .align-self-md-start {\n align-self: flex-start !important; }\n .align-self-md-end {\n align-self: flex-end !important; }\n .align-self-md-center {\n align-self: center !important; }\n .align-self-md-baseline {\n align-self: baseline !important; }\n .align-self-md-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important; }\n .flex-lg-column {\n flex-direction: column !important; }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-lg-wrap {\n flex-wrap: wrap !important; }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important; }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-lg-start {\n justify-content: flex-start !important; }\n .justify-content-lg-end {\n justify-content: flex-end !important; }\n .justify-content-lg-center {\n justify-content: center !important; }\n .justify-content-lg-between {\n justify-content: space-between !important; }\n .justify-content-lg-around {\n justify-content: space-around !important; }\n .align-items-lg-start {\n align-items: flex-start !important; }\n .align-items-lg-end {\n align-items: flex-end !important; }\n .align-items-lg-center {\n align-items: center !important; }\n .align-items-lg-baseline {\n align-items: baseline !important; }\n .align-items-lg-stretch {\n align-items: stretch !important; }\n .align-content-lg-start {\n align-content: flex-start !important; }\n .align-content-lg-end {\n align-content: flex-end !important; }\n .align-content-lg-center {\n align-content: center !important; }\n .align-content-lg-between {\n align-content: space-between !important; }\n .align-content-lg-around {\n align-content: space-around !important; }\n .align-content-lg-stretch {\n align-content: stretch !important; }\n .align-self-lg-auto {\n align-self: auto !important; }\n .align-self-lg-start {\n align-self: flex-start !important; }\n .align-self-lg-end {\n align-self: flex-end !important; }\n .align-self-lg-center {\n align-self: center !important; }\n .align-self-lg-baseline {\n align-self: baseline !important; }\n .align-self-lg-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important; }\n .flex-xl-column {\n flex-direction: column !important; }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-xl-wrap {\n flex-wrap: wrap !important; }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important; }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-xl-start {\n justify-content: flex-start !important; }\n .justify-content-xl-end {\n justify-content: flex-end !important; }\n .justify-content-xl-center {\n justify-content: center !important; }\n .justify-content-xl-between {\n justify-content: space-between !important; }\n .justify-content-xl-around {\n justify-content: space-around !important; }\n .align-items-xl-start {\n align-items: flex-start !important; }\n .align-items-xl-end {\n align-items: flex-end !important; }\n .align-items-xl-center {\n align-items: center !important; }\n .align-items-xl-baseline {\n align-items: baseline !important; }\n .align-items-xl-stretch {\n align-items: stretch !important; }\n .align-content-xl-start {\n align-content: flex-start !important; }\n .align-content-xl-end {\n align-content: flex-end !important; }\n .align-content-xl-center {\n align-content: center !important; }\n .align-content-xl-between {\n align-content: space-between !important; }\n .align-content-xl-around {\n align-content: space-around !important; }\n .align-content-xl-stretch {\n align-content: stretch !important; }\n .align-self-xl-auto {\n align-self: auto !important; }\n .align-self-xl-start {\n align-self: flex-start !important; }\n .align-self-xl-end {\n align-self: flex-end !important; }\n .align-self-xl-center {\n align-self: center !important; }\n .align-self-xl-baseline {\n align-self: baseline !important; }\n .align-self-xl-stretch {\n align-self: stretch !important; } }\n\n.float-left {\n float: left !important; }\n\n.float-right {\n float: right !important; }\n\n.float-none {\n float: none !important; }\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important; }\n .float-sm-right {\n float: right !important; }\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important; }\n .float-md-right {\n float: right !important; }\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important; }\n .float-lg-right {\n float: right !important; }\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important; }\n .float-xl-right {\n float: right !important; }\n .float-xl-none {\n float: none !important; } }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030; }\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030; }\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020; } }\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none; }\n\n.w-25 {\n width: 25% !important; }\n\n.w-50 {\n width: 50% !important; }\n\n.w-75 {\n width: 75% !important; }\n\n.w-100 {\n width: 100% !important; }\n\n.h-25 {\n height: 25% !important; }\n\n.h-50 {\n height: 50% !important; }\n\n.h-75 {\n height: 75% !important; }\n\n.h-100 {\n height: 100% !important; }\n\n.mw-100 {\n max-width: 100% !important; }\n\n.mh-100 {\n max-height: 100% !important; }\n\n.m-0 {\n margin: 0 !important; }\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important; }\n\n.mr-0,\n.mx-0 {\n margin-right: 0 !important; }\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important; }\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important; }\n\n.m-1 {\n margin: 0.25rem !important; }\n\n.mt-1,\n.my-1 {\n margin-top: 0.25rem !important; }\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important; }\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important; }\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important; }\n\n.m-2 {\n margin: 0.5rem !important; }\n\n.mt-2,\n.my-2 {\n margin-top: 0.5rem !important; }\n\n.mr-2,\n.mx-2 {\n margin-right: 0.5rem !important; }\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important; }\n\n.ml-2,\n.mx-2 {\n margin-left: 0.5rem !important; }\n\n.m-3 {\n margin: 1rem !important; }\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important; }\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important; }\n\n.mb-3,\n.my-3 {\n margin-bottom: 1rem !important; }\n\n.ml-3,\n.mx-3 {\n margin-left: 1rem !important; }\n\n.m-4 {\n margin: 1.5rem !important; }\n\n.mt-4,\n.my-4 {\n margin-top: 1.5rem !important; }\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important; }\n\n.mb-4,\n.my-4 {\n margin-bottom: 1.5rem !important; }\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important; }\n\n.m-5 {\n margin: 3rem !important; }\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important; }\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important; }\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important; }\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important; }\n\n.p-0 {\n padding: 0 !important; }\n\n.pt-0,\n.py-0 {\n padding-top: 0 !important; }\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important; }\n\n.pb-0,\n.py-0 {\n padding-bottom: 0 !important; }\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important; }\n\n.p-1 {\n padding: 0.25rem !important; }\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important; }\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important; }\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important; }\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important; }\n\n.p-2 {\n padding: 0.5rem !important; }\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important; }\n\n.pr-2,\n.px-2 {\n padding-right: 0.5rem !important; }\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important; }\n\n.pl-2,\n.px-2 {\n padding-left: 0.5rem !important; }\n\n.p-3 {\n padding: 1rem !important; }\n\n.pt-3,\n.py-3 {\n padding-top: 1rem !important; }\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important; }\n\n.pb-3,\n.py-3 {\n padding-bottom: 1rem !important; }\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important; }\n\n.p-4 {\n padding: 1.5rem !important; }\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important; }\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important; }\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important; }\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important; }\n\n.p-5 {\n padding: 3rem !important; }\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important; }\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important; }\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important; }\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important; }\n\n.m-auto {\n margin: auto !important; }\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important; }\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important; }\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important; }\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important; }\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important; }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important; }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important; }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important; }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important; }\n .m-sm-1 {\n margin: 0.25rem !important; }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important; }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important; }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important; }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important; }\n .m-sm-2 {\n margin: 0.5rem !important; }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important; }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important; }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important; }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important; }\n .m-sm-3 {\n margin: 1rem !important; }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important; }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important; }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important; }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important; }\n .m-sm-4 {\n margin: 1.5rem !important; }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important; }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important; }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important; }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important; }\n .m-sm-5 {\n margin: 3rem !important; }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important; }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important; }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important; }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important; }\n .p-sm-0 {\n padding: 0 !important; }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important; }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important; }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important; }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important; }\n .p-sm-1 {\n padding: 0.25rem !important; }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important; }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important; }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important; }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important; }\n .p-sm-2 {\n padding: 0.5rem !important; }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important; }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important; }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important; }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important; }\n .p-sm-3 {\n padding: 1rem !important; }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important; }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important; }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important; }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important; }\n .p-sm-4 {\n padding: 1.5rem !important; }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important; }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important; }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important; }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important; }\n .p-sm-5 {\n padding: 3rem !important; }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important; }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important; }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important; }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important; }\n .m-sm-auto {\n margin: auto !important; }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important; }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important; }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important; }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important; }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important; }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important; }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important; }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important; }\n .m-md-1 {\n margin: 0.25rem !important; }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important; }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important; }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important; }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important; }\n .m-md-2 {\n margin: 0.5rem !important; }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important; }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important; }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important; }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important; }\n .m-md-3 {\n margin: 1rem !important; }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important; }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important; }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important; }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important; }\n .m-md-4 {\n margin: 1.5rem !important; }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important; }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important; }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important; }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important; }\n .m-md-5 {\n margin: 3rem !important; }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important; }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important; }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important; }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important; }\n .p-md-0 {\n padding: 0 !important; }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important; }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important; }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important; }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important; }\n .p-md-1 {\n padding: 0.25rem !important; }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important; }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important; }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important; }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important; }\n .p-md-2 {\n padding: 0.5rem !important; }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important; }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important; }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important; }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important; }\n .p-md-3 {\n padding: 1rem !important; }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important; }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important; }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important; }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important; }\n .p-md-4 {\n padding: 1.5rem !important; }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important; }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important; }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important; }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important; }\n .p-md-5 {\n padding: 3rem !important; }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important; }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important; }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important; }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important; }\n .m-md-auto {\n margin: auto !important; }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important; }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important; }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important; }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important; }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important; }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important; }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important; }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important; }\n .m-lg-1 {\n margin: 0.25rem !important; }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important; }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important; }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important; }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important; }\n .m-lg-2 {\n margin: 0.5rem !important; }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important; }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important; }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important; }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important; }\n .m-lg-3 {\n margin: 1rem !important; }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important; }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important; }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important; }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important; }\n .m-lg-4 {\n margin: 1.5rem !important; }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important; }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important; }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important; }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important; }\n .m-lg-5 {\n margin: 3rem !important; }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important; }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important; }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important; }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important; }\n .p-lg-0 {\n padding: 0 !important; }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important; }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important; }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important; }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important; }\n .p-lg-1 {\n padding: 0.25rem !important; }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important; }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important; }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important; }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important; }\n .p-lg-2 {\n padding: 0.5rem !important; }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important; }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important; }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important; }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important; }\n .p-lg-3 {\n padding: 1rem !important; }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important; }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important; }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important; }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important; }\n .p-lg-4 {\n padding: 1.5rem !important; }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important; }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important; }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important; }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important; }\n .p-lg-5 {\n padding: 3rem !important; }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important; }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important; }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important; }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important; }\n .m-lg-auto {\n margin: auto !important; }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important; }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important; }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important; }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important; }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important; }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important; }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important; }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important; }\n .m-xl-1 {\n margin: 0.25rem !important; }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important; }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important; }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important; }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important; }\n .m-xl-2 {\n margin: 0.5rem !important; }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important; }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important; }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important; }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important; }\n .m-xl-3 {\n margin: 1rem !important; }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important; }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important; }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important; }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important; }\n .m-xl-4 {\n margin: 1.5rem !important; }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important; }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important; }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important; }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important; }\n .m-xl-5 {\n margin: 3rem !important; }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important; }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important; }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important; }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important; }\n .p-xl-0 {\n padding: 0 !important; }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important; }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important; }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important; }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important; }\n .p-xl-1 {\n padding: 0.25rem !important; }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important; }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important; }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important; }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important; }\n .p-xl-2 {\n padding: 0.5rem !important; }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important; }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important; }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important; }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important; }\n .p-xl-3 {\n padding: 1rem !important; }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important; }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important; }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important; }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important; }\n .p-xl-4 {\n padding: 1.5rem !important; }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important; }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important; }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important; }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important; }\n .p-xl-5 {\n padding: 3rem !important; }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important; }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important; }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important; }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important; }\n .m-xl-auto {\n margin: auto !important; }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important; }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important; }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important; }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important; } }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-nowrap {\n white-space: nowrap !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important; }\n .text-sm-right {\n text-align: right !important; }\n .text-sm-center {\n text-align: center !important; } }\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important; }\n .text-md-right {\n text-align: right !important; }\n .text-md-center {\n text-align: center !important; } }\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important; }\n .text-lg-right {\n text-align: right !important; }\n .text-lg-center {\n text-align: center !important; } }\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important; }\n .text-xl-right {\n text-align: right !important; }\n .text-xl-center {\n text-align: center !important; } }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-light {\n font-weight: 300 !important; }\n\n.font-weight-normal {\n font-weight: 400 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-italic {\n font-style: italic !important; }\n\n.text-white {\n color: #fff !important; }\n\n.text-primary {\n color: #007bff !important; }\n\na.text-primary:hover, a.text-primary:focus {\n color: #0062cc !important; }\n\n.text-secondary {\n color: #6c757d !important; }\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #545b62 !important; }\n\n.text-success {\n color: #28a745 !important; }\n\na.text-success:hover, a.text-success:focus {\n color: #1e7e34 !important; }\n\n.text-info {\n color: #17a2b8 !important; }\n\na.text-info:hover, a.text-info:focus {\n color: #117a8b !important; }\n\n.text-warning {\n color: #ffc107 !important; }\n\na.text-warning:hover, a.text-warning:focus {\n color: #d39e00 !important; }\n\n.text-danger {\n color: #dc3545 !important; }\n\na.text-danger:hover, a.text-danger:focus {\n color: #bd2130 !important; }\n\n.text-light {\n color: #f8f9fa !important; }\n\na.text-light:hover, a.text-light:focus {\n color: #dae0e5 !important; }\n\n.text-dark {\n color: #343a40 !important; }\n\na.text-dark:hover, a.text-dark:focus {\n color: #1d2124 !important; }\n\n.text-muted {\n color: #6c757d !important; }\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.visible {\n visibility: visible !important; }\n\n.invisible {\n visibility: hidden !important; }\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important; }\n a:not(.btn) {\n text-decoration: underline; }\n abbr[title]::after {\n content: \" (\" attr(title) \")\"; }\n pre {\n white-space: pre-wrap !important; }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid; }\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; }\n @page {\n size: a3; }\n body {\n min-width: 992px !important; }\n .container {\n min-width: 992px !important; }\n .navbar {\n display: none; }\n .badge {\n border: 1px solid #000; }\n .table {\n border-collapse: collapse !important; }\n .table td,\n .table th {\n background-color: #fff !important; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important; } }\n\n/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@-ms-viewport {\n width: device-width; }\n\nhtml {\n box-sizing: border-box;\n -ms-overflow-style: scrollbar; }\n\n*,\n*::before,\n*::after {\n box-sizing: inherit; }\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n @media (min-width: 576px) {\n .container {\n max-width: 540px; } }\n @media (min-width: 768px) {\n .container {\n max-width: 720px; } }\n @media (min-width: 992px) {\n .container {\n max-width: 960px; } }\n @media (min-width: 1200px) {\n .container {\n max-width: 1140px; } }\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-first {\n order: -1; }\n\n.order-last {\n order: 13; }\n\n.order-0 {\n order: 0; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-first {\n order: -1; }\n .order-sm-last {\n order: 13; }\n .order-sm-0 {\n order: 0; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-0 {\n margin-left: 0; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-first {\n order: -1; }\n .order-md-last {\n order: 13; }\n .order-md-0 {\n order: 0; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-0 {\n margin-left: 0; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-first {\n order: -1; }\n .order-lg-last {\n order: 13; }\n .order-lg-0 {\n order: 0; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-0 {\n margin-left: 0; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-first {\n order: -1; }\n .order-xl-last {\n order: 13; }\n .order-xl-0 {\n order: 0; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-0 {\n margin-left: 0; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.d-none {\n display: none !important; }\n\n.d-inline {\n display: inline !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-block {\n display: block !important; }\n\n.d-table {\n display: table !important; }\n\n.d-table-row {\n display: table-row !important; }\n\n.d-table-cell {\n display: table-cell !important; }\n\n.d-flex {\n display: flex !important; }\n\n.d-inline-flex {\n display: inline-flex !important; }\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important; }\n .d-sm-inline {\n display: inline !important; }\n .d-sm-inline-block {\n display: inline-block !important; }\n .d-sm-block {\n display: block !important; }\n .d-sm-table {\n display: table !important; }\n .d-sm-table-row {\n display: table-row !important; }\n .d-sm-table-cell {\n display: table-cell !important; }\n .d-sm-flex {\n display: flex !important; }\n .d-sm-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important; }\n .d-md-inline {\n display: inline !important; }\n .d-md-inline-block {\n display: inline-block !important; }\n .d-md-block {\n display: block !important; }\n .d-md-table {\n display: table !important; }\n .d-md-table-row {\n display: table-row !important; }\n .d-md-table-cell {\n display: table-cell !important; }\n .d-md-flex {\n display: flex !important; }\n .d-md-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important; }\n .d-lg-inline {\n display: inline !important; }\n .d-lg-inline-block {\n display: inline-block !important; }\n .d-lg-block {\n display: block !important; }\n .d-lg-table {\n display: table !important; }\n .d-lg-table-row {\n display: table-row !important; }\n .d-lg-table-cell {\n display: table-cell !important; }\n .d-lg-flex {\n display: flex !important; }\n .d-lg-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important; }\n .d-xl-inline {\n display: inline !important; }\n .d-xl-inline-block {\n display: inline-block !important; }\n .d-xl-block {\n display: block !important; }\n .d-xl-table {\n display: table !important; }\n .d-xl-table-row {\n display: table-row !important; }\n .d-xl-table-cell {\n display: table-cell !important; }\n .d-xl-flex {\n display: flex !important; }\n .d-xl-inline-flex {\n display: inline-flex !important; } }\n\n@media print {\n .d-print-none {\n display: none !important; }\n .d-print-inline {\n display: inline !important; }\n .d-print-inline-block {\n display: inline-block !important; }\n .d-print-block {\n display: block !important; }\n .d-print-table {\n display: table !important; }\n .d-print-table-row {\n display: table-row !important; }\n .d-print-table-cell {\n display: table-cell !important; }\n .d-print-flex {\n display: flex !important; }\n .d-print-inline-flex {\n display: inline-flex !important; } }\n\n.flex-row {\n flex-direction: row !important; }\n\n.flex-column {\n flex-direction: column !important; }\n\n.flex-row-reverse {\n flex-direction: row-reverse !important; }\n\n.flex-column-reverse {\n flex-direction: column-reverse !important; }\n\n.flex-wrap {\n flex-wrap: wrap !important; }\n\n.flex-nowrap {\n flex-wrap: nowrap !important; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n\n.justify-content-start {\n justify-content: flex-start !important; }\n\n.justify-content-end {\n justify-content: flex-end !important; }\n\n.justify-content-center {\n justify-content: center !important; }\n\n.justify-content-between {\n justify-content: space-between !important; }\n\n.justify-content-around {\n justify-content: space-around !important; }\n\n.align-items-start {\n align-items: flex-start !important; }\n\n.align-items-end {\n align-items: flex-end !important; }\n\n.align-items-center {\n align-items: center !important; }\n\n.align-items-baseline {\n align-items: baseline !important; }\n\n.align-items-stretch {\n align-items: stretch !important; }\n\n.align-content-start {\n align-content: flex-start !important; }\n\n.align-content-end {\n align-content: flex-end !important; }\n\n.align-content-center {\n align-content: center !important; }\n\n.align-content-between {\n align-content: space-between !important; }\n\n.align-content-around {\n align-content: space-around !important; }\n\n.align-content-stretch {\n align-content: stretch !important; }\n\n.align-self-auto {\n align-self: auto !important; }\n\n.align-self-start {\n align-self: flex-start !important; }\n\n.align-self-end {\n align-self: flex-end !important; }\n\n.align-self-center {\n align-self: center !important; }\n\n.align-self-baseline {\n align-self: baseline !important; }\n\n.align-self-stretch {\n align-self: stretch !important; }\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important; }\n .flex-sm-column {\n flex-direction: column !important; }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-sm-wrap {\n flex-wrap: wrap !important; }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important; }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-sm-start {\n justify-content: flex-start !important; }\n .justify-content-sm-end {\n justify-content: flex-end !important; }\n .justify-content-sm-center {\n justify-content: center !important; }\n .justify-content-sm-between {\n justify-content: space-between !important; }\n .justify-content-sm-around {\n justify-content: space-around !important; }\n .align-items-sm-start {\n align-items: flex-start !important; }\n .align-items-sm-end {\n align-items: flex-end !important; }\n .align-items-sm-center {\n align-items: center !important; }\n .align-items-sm-baseline {\n align-items: baseline !important; }\n .align-items-sm-stretch {\n align-items: stretch !important; }\n .align-content-sm-start {\n align-content: flex-start !important; }\n .align-content-sm-end {\n align-content: flex-end !important; }\n .align-content-sm-center {\n align-content: center !important; }\n .align-content-sm-between {\n align-content: space-between !important; }\n .align-content-sm-around {\n align-content: space-around !important; }\n .align-content-sm-stretch {\n align-content: stretch !important; }\n .align-self-sm-auto {\n align-self: auto !important; }\n .align-self-sm-start {\n align-self: flex-start !important; }\n .align-self-sm-end {\n align-self: flex-end !important; }\n .align-self-sm-center {\n align-self: center !important; }\n .align-self-sm-baseline {\n align-self: baseline !important; }\n .align-self-sm-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important; }\n .flex-md-column {\n flex-direction: column !important; }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-md-wrap {\n flex-wrap: wrap !important; }\n .flex-md-nowrap {\n flex-wrap: nowrap !important; }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-md-start {\n justify-content: flex-start !important; }\n .justify-content-md-end {\n justify-content: flex-end !important; }\n .justify-content-md-center {\n justify-content: center !important; }\n .justify-content-md-between {\n justify-content: space-between !important; }\n .justify-content-md-around {\n justify-content: space-around !important; }\n .align-items-md-start {\n align-items: flex-start !important; }\n .align-items-md-end {\n align-items: flex-end !important; }\n .align-items-md-center {\n align-items: center !important; }\n .align-items-md-baseline {\n align-items: baseline !important; }\n .align-items-md-stretch {\n align-items: stretch !important; }\n .align-content-md-start {\n align-content: flex-start !important; }\n .align-content-md-end {\n align-content: flex-end !important; }\n .align-content-md-center {\n align-content: center !important; }\n .align-content-md-between {\n align-content: space-between !important; }\n .align-content-md-around {\n align-content: space-around !important; }\n .align-content-md-stretch {\n align-content: stretch !important; }\n .align-self-md-auto {\n align-self: auto !important; }\n .align-self-md-start {\n align-self: flex-start !important; }\n .align-self-md-end {\n align-self: flex-end !important; }\n .align-self-md-center {\n align-self: center !important; }\n .align-self-md-baseline {\n align-self: baseline !important; }\n .align-self-md-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important; }\n .flex-lg-column {\n flex-direction: column !important; }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-lg-wrap {\n flex-wrap: wrap !important; }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important; }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-lg-start {\n justify-content: flex-start !important; }\n .justify-content-lg-end {\n justify-content: flex-end !important; }\n .justify-content-lg-center {\n justify-content: center !important; }\n .justify-content-lg-between {\n justify-content: space-between !important; }\n .justify-content-lg-around {\n justify-content: space-around !important; }\n .align-items-lg-start {\n align-items: flex-start !important; }\n .align-items-lg-end {\n align-items: flex-end !important; }\n .align-items-lg-center {\n align-items: center !important; }\n .align-items-lg-baseline {\n align-items: baseline !important; }\n .align-items-lg-stretch {\n align-items: stretch !important; }\n .align-content-lg-start {\n align-content: flex-start !important; }\n .align-content-lg-end {\n align-content: flex-end !important; }\n .align-content-lg-center {\n align-content: center !important; }\n .align-content-lg-between {\n align-content: space-between !important; }\n .align-content-lg-around {\n align-content: space-around !important; }\n .align-content-lg-stretch {\n align-content: stretch !important; }\n .align-self-lg-auto {\n align-self: auto !important; }\n .align-self-lg-start {\n align-self: flex-start !important; }\n .align-self-lg-end {\n align-self: flex-end !important; }\n .align-self-lg-center {\n align-self: center !important; }\n .align-self-lg-baseline {\n align-self: baseline !important; }\n .align-self-lg-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important; }\n .flex-xl-column {\n flex-direction: column !important; }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-xl-wrap {\n flex-wrap: wrap !important; }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important; }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .justify-content-xl-start {\n justify-content: flex-start !important; }\n .justify-content-xl-end {\n justify-content: flex-end !important; }\n .justify-content-xl-center {\n justify-content: center !important; }\n .justify-content-xl-between {\n justify-content: space-between !important; }\n .justify-content-xl-around {\n justify-content: space-around !important; }\n .align-items-xl-start {\n align-items: flex-start !important; }\n .align-items-xl-end {\n align-items: flex-end !important; }\n .align-items-xl-center {\n align-items: center !important; }\n .align-items-xl-baseline {\n align-items: baseline !important; }\n .align-items-xl-stretch {\n align-items: stretch !important; }\n .align-content-xl-start {\n align-content: flex-start !important; }\n .align-content-xl-end {\n align-content: flex-end !important; }\n .align-content-xl-center {\n align-content: center !important; }\n .align-content-xl-between {\n align-content: space-between !important; }\n .align-content-xl-around {\n align-content: space-around !important; }\n .align-content-xl-stretch {\n align-content: stretch !important; }\n .align-self-xl-auto {\n align-self: auto !important; }\n .align-self-xl-start {\n align-self: flex-start !important; }\n .align-self-xl-end {\n align-self: flex-end !important; }\n .align-self-xl-center {\n align-self: center !important; }\n .align-self-xl-baseline {\n align-self: baseline !important; }\n .align-self-xl-stretch {\n align-self: stretch !important; } }\n\nhtml {\n -webkit-font-smoothing: antialiased;\n -webkit-text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px; }\n\n/*!\n * [Fonts - Table of contents]\n * 1. Import font from Google fonts | Titillium Web\n * 2. Set font family to Titillium Web | h1, h2, h3, h4, h5, p, label, button, li, a, input, textarea\n */\nh1, h2, h3, h4, h5, p, span, label, button, li, a, input, textarea, .owl-nav > div {\n font-family: \"Titillium Web\", sans-serif; }\n\n/*!\n * [Typography - Table of contents]\n * 1. Base font size | 16px\n * 2. Heading 1 | 3.998em\n * 3. Heading 2 | 2.827em\n * 4. Heading 3 | 1.999em\n * 5. Heading 4 | 1.414em\n * 6. Heading 5 | 19px\n * 6. Small font size | 14px\n */\nhtml {\n font-size: 16px; }\n\nh1, h2, h3, h4, h5 {\n display: inline-block;\n margin: 0;\n text-transform: uppercase;\n font-style: normal; }\n\nh1 {\n font-size: 3.998em; }\n\nh2 {\n font-size: 3.998em; }\n\nh3 {\n font-size: 2.827em; }\n\nh4 {\n font-size: 1.999em; }\n\np, ul li, label, input, textarea, strong, button {\n font-size: 1em; }\n\np {\n margin: 0; }\n\n/*!\n * [Buttons - Table of contents]\n * 1. Button\n * 2. .btn\n */\n.btn, button {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n background: transparent;\n border: none !important;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n -webkit-transition: none;\n -moz-transition: none;\n -ms-transition: none;\n -o-transition: none;\n transition: none; }\n .btn:focus, button:focus {\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none; }\n\n/*!List styles reset*/\nul {\n list-style: none;\n padding: 0;\n margin: 0; }\n\n/*!\n * [Inputs - Table of contents]\n * 1. Input\n * 2. Textarea\n * 3. Select\n */\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n opacity: 1;\n margin: 0; }\n\ninput, textarea, select {\n font-size: 1em;\n margin: 0;\n padding: 0;\n border: none !important;\n -webkit-border-radius: 0 !important;\n -moz-border-radius: 0 !important;\n border-radius: 0 !important; }\n\n/*!\n * [Anchors - Table of contents]\n * 1. Main anchor class | .btl-anchor\n */\na.btl-anchor {\n position: relative;\n display: inline-block; }\n a.btl-anchor:hover:before {\n height: 3px; }\n a.btl-anchor:before {\n content: '';\n position: absolute;\n top: calc(100% - 2px);\n left: 0;\n width: 100%;\n height: 1px;\n background: #000;\n transition: height 0.3s ease-in-out; }\n\nhtml, body {\n height: auto; }\n\n/*!\n * [Main Navigation - Table of contents]\n * 1. Nav\n * 2. H1\n * 3. Nav items | ul.navlist\n * 4. Contact | a.contact\n */\nnav h1 {\n font-size: 100px;\n line-height: calc(150px + 1px *2);\n width: 100%; }\n nav h1 a {\n display: inline-block;\n width: 100%; }\n nav h1 span.stretch_it {\n display: inline-block; }\n @media (max-width: 575.98px) {\n nav h1 {\n position: relative;\n left: -6px; } }\n @media (max-width: 320px) {\n nav h1 {\n font-size: 82px;\n left: -3px; } }\n\nnav ul.navlist {\n height: 100%;\n margin-left: -15px;\n margin-right: -15px;\n width: 100%; }\n nav ul.navlist li {\n height: calc(150px / 3);\n line-height: calc(150px / 3);\n padding: 0 15px;\n box-sizing: content-box;\n width: 100%;\n border-bottom: solid 1px #000;\n text-transform: uppercase; }\n nav ul.navlist li:last-child {\n border-bottom: transparent; }\n nav ul.navlist li a {\n display: block; }\n\nnav div.anchor:hover a {\n color: #fff !important; }\n\n@media (max-width: 575.98px) {\n nav div.anchor {\n border-top: transparent; }\n nav div.anchor.brand {\n border-bottom: solid 1px #000; } }\n\nnav a.contact {\n display: inline-block;\n width: 100%;\n height: calc(150px + 1px *2);\n line-height: calc(150px + 1px *2);\n text-transform: uppercase; }\n @media (min-width: 768px) {\n nav a.contact {\n text-align: center; } }\n @media (max-width: 575.98px) {\n nav a.contact {\n height: calc(150px / 3);\n line-height: calc(150px / 3); } }\n @media (max-width: 320px) {\n nav a.contact {\n text-align: left; } }\n\n/*!\r\n * [Secondary Navigation - Table of contents]\r\n * 1. Nav | .nav-fs\r\n * 2. Nav items | ul.navlist\r\n * 3. Contact | a.contact\r\n * 4. Branding | .brand\r\n */\nnav.nav-fs {\n position: fixed;\n width: 100%;\n height: auto;\n top: 0;\n left: 0;\n z-index: 99;\n background: #000; }\n nav.nav-fs div.navigation {\n padding: 0; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.navigation {\n display: none; } }\n nav.nav-fs ul.navlist {\n height: 100%;\n margin-left: 0;\n margin-right: 0;\n width: 100%; }\n nav.nav-fs ul.navlist li {\n height: 45px;\n line-height: 45px;\n padding: 0 15px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n width: calc(100% / 4);\n border-bottom: transparent;\n border-right: solid 1px #000;\n text-transform: uppercase;\n display: inline-block;\n text-align: center; }\n nav.nav-fs ul.navlist li:last-child {\n border-right: transparent; }\n @media (max-width: 767.98px) {\n nav.nav-fs ul.navlist li {\n font-size: 0.875em;\n padding: 0; } }\n nav.nav-fs ul.navlist li:hover {\n background: #fff; }\n nav.nav-fs ul.navlist li:hover a {\n color: #000; }\n nav.nav-fs ul.navlist li a {\n color: #fff; }\n nav.nav-fs a.contact {\n display: inline-block;\n width: auto;\n height: auto;\n text-transform: uppercase;\n text-align: center !important;\n line-height: 45px;\n height: 45px; }\n nav.nav-fs div.anchor.brand {\n position: relative; }\n nav.nav-fs div.anchor.brand:hover {\n background-color: #fff; }\n nav.nav-fs div.anchor.brand:hover a {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand:hover button#mobile-nav {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand a {\n line-height: 45px;\n height: 45px;\n display: inline-block;\n font-size: 1.65em;\n color: #fff; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand a {\n font-size: 1.35em; } }\n nav.nav-fs div.anchor.brand button#mobile-nav {\n color: #fff;\n position: absolute;\n right: 15px;\n top: 10px;\n padding: 0;\n display: none; }\n nav.nav-fs div.anchor.brand button#mobile-nav:focus, nav.nav-fs div.anchor.brand button#mobile-nav:active {\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n -o-box-shadow: none;\n box-shadow: none; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand button#mobile-nav {\n display: block; } }\n\n/*!\n * [Fullscreen hero section - Table of contents]\n * 1. Wrapper | #hero\n */\ndiv#hero h2 {\n margin-bottom: calc(30px / 2);\n display: block; }\n @media (max-width: 575.98px) {\n div#hero h2 span {\n display: none; } }\n @media (max-width: 320px) {\n div#hero h2 {\n font-size: 2.827em; }\n div#hero h2 span {\n white-space: nowrap !important;\n display: inline-block; } }\n\ndiv#hero h3 {\n text-transform: none;\n display: block;\n text-transform: uppercase; }\n @media (max-width: 320px) {\n div#hero h3 {\n font-size: 1.999em; }\n div#hero h3 span {\n white-space: nowrap !important; } }\n\ndiv#hero > div {\n border-top: transparent;\n border-bottom: transparent;\n padding-top: 30px;\n padding-bottom: 30px; }\n @media (max-width: 767.98px) {\n div#hero > div {\n border-left: solid 1px #000;\n border-right: solid 1px #000; }\n div#hero > div + div {\n padding-top: 0;\n padding-bottom: 45px; } }\n @media (max-width: 575.98px) {\n div#hero > div {\n border-left: transparent;\n border-right: transparent; } }\n\ndiv#hero button, div#hero a.cta {\n display: inline-block;\n height: 100%;\n width: 100%;\n width: calc(100% - 30px);\n font-size: 1.414em;\n text-transform: uppercase;\n background: #000;\n color: #fff;\n cursor: pointer; }\n div#hero button br, div#hero a.cta br {\n display: none; }\n @media (max-width: 767.98px) {\n div#hero button, div#hero a.cta {\n padding: 30px;\n width: 100%;\n font-size: 19px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#hero button, div#hero a.cta {\n font-size: 19px; }\n div#hero button br, div#hero a.cta br {\n display: block; } }\n div#hero button:hover span:after, div#hero a.cta:hover span:after {\n left: 100%; }\n div#hero button span, div#hero a.cta span {\n position: relative;\n display: inline-block;\n overflow: hidden;\n top: calc(50% - 18px); }\n div#hero button span:after, div#hero a.cta span:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background: #fff;\n -webkit-transition: left 0.3s ease-in-out;\n -moz-transition: left 0.3s ease-in-out;\n -o-transition: left 0.3s ease-in-out;\n transition: left 0.3s ease-in-out; }\n @media (max-width: 320px) {\n div#hero button br, div#hero a.cta br {\n display: block; } }\n\n/*!\n * [Features section - Table of contents]\n * 1. Wrapper | #features\n * 2. Title | .features-title\n * 3. Left column | .features-left\n * 4. Right column | .features-right\n */\ndiv#features {\n border-bottom: solid 1px #000; }\n @media (max-width: 575.98px) {\n div#features {\n border-bottom: transparent; } }\n div#features h3 {\n line-height: 90px;\n height: 90px; }\n @media (max-width: 991.98px) {\n div#features h3 {\n line-height: 1.2;\n text-align: center;\n width: 100%;\n padding: 30px 0;\n height: auto; } }\n div#features:hover .features-title > div {\n background: #000; }\n div#features:hover .features-title > div h3 {\n color: #fff; }\n div#features div.features-left.features-left > div.elem-border > div:hover .btn-style-main, div#features div.features-right.features-left > div.elem-border > div:hover .btn-style-main {\n outline: solid 1px #000; }\n div#features div.features-left.features-left > div.elem-border > div:hover .btn-style-main a, div#features div.features-right.features-left > div.elem-border > div:hover .btn-style-main a {\n outline: solid 1px #000; }\n div#features div.features-left.features-right > div:hover .btn-style-main, div#features div.features-right.features-right > div:hover .btn-style-main {\n outline: solid 1px #000; }\n div#features div.features-left.features-right > div:hover .btn-style-main a, div#features div.features-right.features-right > div:hover .btn-style-main a {\n outline: solid 1px #000; }\n div#features div.features-left h4, div#features div.features-right h4 {\n display: block;\n margin-bottom: 15px; }\n div#features div.features-left > .row.elem-border {\n height: 100%; }\n div#features div.features-left .btn-style-main {\n margin-top: 9px; }\n @media (max-width: 767.98px) {\n div#features div.features-left .btn-style-main {\n margin-top: 0; } }\n @media (max-width: 991.98px) {\n div#features div.features-left > .row {\n height: auto; } }\n div#features div.features-left > .row > div {\n position: relative;\n padding-top: 30px;\n padding-bottom: 30px;\n border-bottom: transparent;\n border-right: transparent; }\n div#features div.features-left > .row > div + div {\n border-left: solid 1px #000; }\n @media (max-width: 991.98px) {\n div#features div.features-left > .row > div {\n border: solid 1px #000;\n border-bottom: transparent; }\n div#features div.features-left > .row > div + div {\n border-left: transparent; }\n div#features div.features-left > .row > div p {\n margin-bottom: 30px; } }\n @media (max-width: 575.98px) {\n div#features div.features-left > .row > div {\n border-left: transparent;\n border-right: transparent; }\n div#features div.features-left > .row > div + div {\n border-left: transparent; } }\n div#features div.features-left > .row > div:hover {\n cursor: pointer;\n cursor: unset; }\n div#features div.features-left > .row > div:hover a:after {\n left: 100%; }\n div#features div.features-right {\n height: 86%;\n height: calc(100% - 92px); }\n @media (max-width: 991.98px) {\n div#features div.features-right {\n height: auto; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#features div.features-right {\n height: calc(100% - 92px); } }\n div#features div.features-right > div {\n position: relative;\n padding-top: 30px;\n padding-bottom: 30px;\n border-top: transparent;\n border-bottom: transparent; }\n @media (max-width: 767.98px) {\n div#features div.features-right > div {\n border-bottom: solid 1px #000; } }\n @media (max-width: 575.98px) {\n div#features div.features-right > div {\n border-left: transparent;\n border-right: transparent; }\n div#features div.features-right > div:last-child {\n border-bottom: transparent; } }\n div#features div.features-right > div p {\n margin-bottom: 30px; }\n div#features div.features-right > div p span {\n display: none; }\n @media (max-width: 575.98px) {\n div#features div.features-right > div p span {\n display: inline-block; } }\n div#features div.features-right > div .btn-style-main {\n margin-top: 0; }\n @media (max-width: 320px) {\n div#features div.features-right > div:last-child {\n border-bottom: transparent; } }\n\n/*!\n * [Services section - Table of contents]\n * 1. Wrapper | #services\n * 2. Left column | .services-left\n * 3. Center column | .services-center\n * 4. Right column | .services-right\n */\ndiv#services {\n height: auto; }\n @media (max-width: 991.98px) {\n div#services {\n height: auto; } }\n div#services div.services-center {\n position: relative;\n border-bottom: solid 1px #000;\n border-right: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#services div.services-center {\n border-right: transparent; } }\n @media (max-width: 991.98px) {\n div#services div.services-center {\n border-top: solid 1px #000;\n border-left: solid 1px #000;\n border-right: solid 1px #000;\n border-bottom: transparent; } }\n @media (max-width: 767.98px) {\n div#services div.services-center {\n border-right: transparent;\n border-left: transparent; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#services div.services-center {\n border-right: solid 1px #000; } }\n div#services h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px;\n left: 0;\n width: 100%; }\n @media (max-width: 991.98px) {\n div#services h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#services h3 br {\n display: none; } }\n div#services:hover .services-center {\n background: #000; }\n div#services:hover .services-center h3 {\n color: #fff; }\n div#services > div {\n border-top: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#services > div {\n border-top: transparent; } }\n @media (max-width: 767.98px) {\n div#services > div {\n border-top: transparent; } }\n div#services h4 {\n display: block;\n margin-bottom: 15px; }\n div#services h4 br {\n display: none; }\n @media (max-width: 575.98px) {\n div#services h4 br {\n display: block; } }\n div#services a {\n position: relative;\n display: inline-block;\n overflow: hidden; }\n div#services a:after {\n content: '';\n position: absolute;\n bottom: 0px;\n left: 0;\n width: 100%;\n height: 1px;\n background: #000;\n -webkit-transition: left 0.3s ease-in-out;\n -moz-transition: left 0.3s ease-in-out;\n -o-transition: left 0.3s ease-in-out;\n transition: left 0.3s ease-in-out; }\n div#services p {\n margin-bottom: 30px;\n width: 50%; }\n @media (min-width: 768px) and (max-width: 1024px) {\n div#services p {\n width: 65%; } }\n @media (max-width: 767.98px) {\n div#services p {\n width: 100%; } }\n @media (max-width: 991.98px) {\n div#services div.services-left, div#services div.services-right {\n height: auto; } }\n div#services div.services-left > div, div#services div.services-right > div {\n cursor: pointer;\n border-top: transparent;\n border-left: solid 1px #000;\n padding-top: 30px;\n padding-bottom: 30px; }\n @media (max-width: 991.98px) {\n div#services div.services-left > div, div#services div.services-right > div {\n border-bottom: transparent;\n border-top: solid 1px #000;\n border-right: solid 1px #000;\n border-right-width: 0.5px; }\n div#services div.services-left > div:last-child, div#services div.services-right > div:last-child {\n border-left-width: 0.5px;\n border-right-width: 1px; } }\n @media (max-width: 767.98px) {\n div#services div.services-left > div, div#services div.services-right > div {\n border-bottom: transparent;\n border-left: transparent;\n border-top: solid 1px #000;\n border-right: solid 1px #000;\n border-right-width: 0.5px; }\n div#services div.services-left > div:last-child, div#services div.services-right > div:last-child {\n border-left: solid 1px #000;\n border-left-width: 0.5px;\n border-right: transparent; } }\n @media (max-width: 320px) {\n div#services div.services-left > div, div#services div.services-right > div {\n border-right: transparent;\n border-left: transparent; }\n div#services div.services-left > div:last-child, div#services div.services-right > div:last-child {\n border-left: transparent; } }\n @media (max-width: 320px) {\n div#services div.services-left > div, div#services div.services-right > div {\n display: block !important;\n width: 100%;\n max-width: none;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%; } }\n @media (max-width: 991.98px) {\n div#services div.services-left > div h4, div#services div.services-right > div h4 {\n height: auto;\n line-height: 45px; } }\n div#services div.services-left > div:hover, div#services div.services-right > div:hover {\n cursor: pointer;\n cursor: unset; }\n div#services div.services-left > div:hover a:after, div#services div.services-right > div:hover a:after {\n left: 100%; }\n div#services div.services-right > div {\n border-left: transparent; }\n @media (max-width: 991.98px) {\n div#services div.services-right > div {\n border-left: solid 1px #000; }\n div#services div.services-right > div:last-child {\n border-right-width: 1px;\n border-left-width: 0.5px; } }\n @media (max-width: 767.98px) {\n div#services div.services-right > div {\n border-left: transparent; }\n div#services div.services-right > div:last-child {\n border-right-width: 1px;\n border-left-width: 0.5px; } }\n @media (max-width: 320px) {\n div#services div.services-right > div {\n border-right: transparent;\n border-left: transparent; } }\n\n/*!\n * [Pricing section - Table of contents]\n * 1. Wrapper | #prices\n * 2. Left column | .prices-left\n * 3. Right column | .prices-right\n */\ndiv#prices {\n height: 240px; }\n @media (max-width: 991.98px) {\n div#prices {\n height: auto; } }\n div#prices div.prices-left {\n position: relative;\n border-right: none; }\n div#prices h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px; }\n @media (max-width: 991.98px) {\n div#prices h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#prices h3 br {\n display: none; } }\n div#prices:hover .prices-left {\n background: #000; }\n div#prices:hover .prices-left h3 {\n color: #fff; }\n div#prices > div {\n border-top: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#prices > div {\n border-top: solid 1px #000;\n border-bottom: transparent; } }\n div#prices div.prices-right {\n border-left: solid 1px #000; }\n @media (max-width: 767px) {\n div#prices div.prices-right {\n border-left: none;\n overflow: hidden; } }\n div#prices div.prices-right > div {\n text-align: center;\n z-index: 1;\n position: relative;\n border-right: solid 1px #000; }\n div#prices div.prices-right > div p {\n position: absolute;\n bottom: 30px;\n left: 0;\n right: 0;\n max-width: 35%;\n margin: 0 auto;\n padding-bottom: 5px;\n display: inline-block;\n overflow: hidden; }\n div#prices div.prices-right > div p:after {\n content: '';\n position: absolute;\n bottom: 0px;\n left: 0;\n width: 100%;\n height: 1px;\n background: #000;\n -webkit-transition: left 0.3s ease-in-out;\n -moz-transition: left 0.3s ease-in-out;\n -o-transition: left 0.3s ease-in-out;\n transition: left 0.3s ease-in-out; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#prices div.prices-right > div p {\n max-width: 100%; } }\n @media (max-width: 991.98px) {\n div#prices div.prices-right > div p {\n position: relative;\n right: initial;\n bottom: initial;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div p {\n max-width: 60%;\n bottom: 50px; } }\n div#prices div.prices-right > div h4 {\n height: calc(240px - 1px);\n line-height: calc(240px - 15px);\n font-size: 3.998em; }\n @media (max-width: 991.98px) {\n div#prices div.prices-right > div h4 {\n height: auto;\n line-height: 1em;\n margin: 0 0 15px 0;\n display: block; } }\n @media (max-width: 767.98px) {\n div#prices div.prices-right > div h4 {\n height: auto;\n line-height: 1em;\n margin: 0 0 15px 0;\n display: block; } }\n @media (max-width: 320px) {\n div#prices div.prices-right > div h4 {\n position: relative;\n left: -2px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div h4 {\n position: relative;\n line-height: 1em;\n top: 75px; } }\n div#prices div.prices-right > div div.prices-wrap {\n position: relative;\n z-index: 2;\n background-color: #fff;\n left: 0;\n right: 0;\n -webkit-transition: left .2s ease-in-out, right .2s ease-in-out;\n -moz-transition: left .2s ease-in-out, right .2s ease-in-out;\n -ms-transition: left .2s ease-in-out, right .2s ease-in-out;\n -o-transition: left .2s ease-in-out, right .2s ease-in-out;\n transition: left .2s ease-in-out, right .2s ease-in-out; }\n div#prices div.prices-right > div div.prices-wrap span {\n color: #fff;\n left: 15px;\n position: absolute;\n top: 50%;\n line-height: 30px;\n margin-top: -15px;\n font-size: 30px; }\n @media (max-width: 767px) {\n div#prices div.prices-right > div div.prices-wrap span {\n display: none; } }\n div#prices div.prices-right > div div.prices-wrap.reveal-left span {\n left: initial;\n right: 15px; }\n @media (max-width: 767px) {\n div#prices div.prices-right > div div.prices-wrap {\n padding: 75px 0; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-wrap {\n padding: 90px 0; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-wrap {\n padding: 0; } }\n div#prices div.prices-right > div div.prices-details {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n z-index: 1;\n padding: 45px 15px 30px;\n text-align: left; }\n @media (max-width: 767px) {\n div#prices div.prices-right > div div.prices-details {\n padding: 45px 15px 15px;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) {\n div#prices div.prices-right > div div.prices-details {\n padding: 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div div.prices-details {\n padding-top: 35px; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details {\n padding-top: 35px; } }\n div#prices div.prices-right > div div.prices-details h5 {\n margin-bottom: 15px;\n font-size: 1.414em;\n display: block; }\n div#prices div.prices-right > div div.prices-details p {\n width: 59%;\n max-width: none;\n margin: 0;\n padding: 0;\n top: 0;\n bottom: 0;\n position: relative;\n display: inline-block;\n vertical-align: top; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details p {\n width: 100%;\n display: block;\n margin-bottom: 10px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details p {\n text-align: left; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div div.prices-details p {\n width: 100%;\n display: block;\n margin-bottom: 10px;\n text-align: left; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details p {\n width: 100%;\n display: block;\n margin-bottom: 10px;\n text-align: left; } }\n div#prices div.prices-right > div div.prices-details p:after {\n display: none; }\n div#prices div.prices-right > div div.prices-details span {\n display: none; }\n @media (max-width: 767px) {\n div#prices div.prices-right > div div.prices-details span {\n left: 15px;\n position: absolute;\n bottom: 15px;\n line-height: 30px;\n font-size: 30px;\n color: #000;\n display: block; } }\n div#prices div.prices-right > div div.prices-details ul {\n display: inline-block;\n vertical-align: top;\n margin-left: 8px;\n padding-left: 7px;\n border-left: solid 1px #000;\n font-size: 0.875em; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details ul {\n margin-left: 0;\n padding-left: 0;\n border: none; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div div.prices-details ul {\n margin-left: 0;\n padding-left: 0;\n border: none; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details ul {\n margin-left: 0;\n padding-left: 0;\n border: none; } }\n div#prices div.prices-right > div div.prices-details ul li {\n margin-bottom: 5px; }\n @media (max-width: 767px) {\n div#prices div.prices-right > div div.prices-details ul li {\n display: inline-block;\n width: auto; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#prices div.prices-right > div div.prices-details ul li {\n display: inline-block;\n width: 49%; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#prices div.prices-right > div div.prices-details ul li {\n display: inline-block;\n width: auto; } }\n div#prices div.prices-right > div.active .prices-wrap {\n left: calc(100% + 16px);\n width: calc(100% + 30px);\n background-color: #000; }\n div#prices div.prices-right > div.active .prices-wrap * {\n color: #fff; }\n div#prices div.prices-right > div.active .prices-wrap.reveal-left {\n left: initial;\n left: calc(-100% - 45px);\n width: calc(100% + 30px); }\n div#prices div.prices-right > div:last-child {\n border-right: transparent; }\n @media (max-width: 991.98px) {\n div#prices div.prices-right > div {\n border-right: transparent;\n border-left: solid 1px #000; } }\n @media (max-width: 767.98px) {\n div#prices div.prices-right > div {\n border-bottom: solid 1px #000; }\n div#prices div.prices-right > div:last-child {\n border-bottom: transparent; } }\n @media (max-width: 575.98px) {\n div#prices div.prices-right > div {\n border-left: transparent; } }\n div#prices div.prices-right > div:hover {\n cursor: pointer; }\n div#prices div.prices-right > div:hover p:after {\n left: 100%; }\n\n/*!\n * [Gallery section - Table of contents]\n * 1. Wrapper | #gallery\n * 2. Left column | .carousel-wrap\n * 3. Right column | .gallery-right\n * 4. Carousel navigation | .owl-nav\n */\ndiv#gallery {\n height: 450px; }\n @media (max-width: 991.98px) {\n div#gallery {\n height: auto !important; } }\n @media (min-width: 992px) {\n div#gallery {\n height: 600px; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#gallery {\n border-bottom: solid 1px #000; } }\n div#gallery > div {\n border-top: transparent;\n border-bottom: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#gallery > div {\n border-top: solid 1px #000;\n border-bottom: transparent; } }\n div#gallery h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px;\n left: 0;\n width: 100%;\n text-align: center; }\n @media (max-width: 991.98px) {\n div#gallery h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#gallery h3 br {\n display: none; } }\n div#gallery:hover .gallery-right {\n background: #000; }\n div#gallery:hover .gallery-right h3 {\n color: #fff; }\n @media (max-width: 991.98px) {\n div#gallery .gallery-right {\n border-left: solid 1px #000; } }\n @media (max-width: 767.98px) {\n div#gallery .gallery-right {\n border-left: transparent;\n border-bottom: solid 1px #000; } }\n div#gallery .carousel-wrap {\n padding: 0; }\n div#gallery .carousel-wrap .img-wrap {\n overflow: hidden;\n height: 450px; }\n @media (min-width: 992px) {\n div#gallery .carousel-wrap .img-wrap {\n height: 600px; } }\n @media (max-width: 575.98px) {\n div#gallery .carousel-wrap .img-wrap {\n height: 300px; } }\n div#gallery .carousel-wrap .img-wrap img {\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 450px; }\n @media (min-width: 992px) {\n div#gallery .carousel-wrap .img-wrap img {\n height: 600px; } }\n @media (max-width: 575.98px) {\n div#gallery .carousel-wrap .img-wrap img {\n height: 300px; } }\n div#gallery .carousel-wrap .owl-nav {\n padding: 0;\n margin: 0 auto;\n position: absolute;\n top: 0;\n height: 100%;\n width: 100%; }\n div#gallery .carousel-wrap .owl-prev, div#gallery .carousel-wrap .owl-next {\n width: auto;\n height: auto;\n line-height: 50px;\n font-size: 30px;\n position: absolute;\n top: 50%;\n display: block !important;\n border: none;\n margin: -15px;\n background: transparent;\n text-transform: uppercase;\n padding: 0 8px;\n background: #fff;\n color: #000;\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -o-border-radius: 0;\n border-radius: 0; }\n @media (max-width: 575.98px) {\n div#gallery .carousel-wrap .owl-prev, div#gallery .carousel-wrap .owl-next {\n line-height: 40px;\n margin: -20px auto 0;\n font-size: 1.414em; }\n div#gallery .carousel-wrap .owl-prev.owl-prev, div#gallery .carousel-wrap .owl-next.owl-prev {\n left: 0; }\n div#gallery .carousel-wrap .owl-prev.owl-next, div#gallery .carousel-wrap .owl-next.owl-next {\n right: 0; } }\n div#gallery .carousel-wrap .owl-prev:hover, div#gallery .carousel-wrap .owl-next:hover {\n background: #000;\n color: #fff; }\n div#gallery .carousel-wrap .owl-prev.disabled, div#gallery .carousel-wrap .owl-next.disabled {\n filter: alpha(opacity=50);\n -moz-opacity: 0.5;\n -khtml-opacity: 0.5;\n opacity: 0.5; }\n div#gallery .carousel-wrap .owl-prev.disabled:hover, div#gallery .carousel-wrap .owl-next.disabled:hover {\n background: #fff;\n color: #000; }\n div#gallery .carousel-wrap .owl-prev {\n left: 30px; }\n div#gallery .carousel-wrap .owl-next {\n right: 34px; }\n\n/*!\n * [Video section - Table of contents]\n * 1. Wrapper | #video\n * 2. Left column | .video-left\n * 3. Right column | #video-wrap\n */\ndiv#video {\n height: 100%; }\n @media (max-width: 991.98px) {\n div#video {\n height: auto; } }\n div#video > div {\n border-top: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#video > div {\n border-top: solid 1px #000;\n border-bottom: transparent; } }\n div#video h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px;\n position: relative;\n left: 0;\n width: 100%;\n text-align: center; }\n @media (max-width: 991.98px) {\n div#video h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#video h3 br {\n display: none; } }\n div#video:hover div.video-left {\n background: #000; }\n div#video:hover div.video-left h3 {\n color: #fff; }\n div#video #video-wrap {\n position: relative;\n padding: 0;\n overflow: hidden;\n text-align: center; }\n div#video #video-wrap img {\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-height: 0;\n min-width: 0;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2; }\n @media (max-width: 991.98px) {\n div#video #video-wrap img {\n height: auto; } }\n div#video #video-wrap p {\n line-height: 50px;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n display: inline-block;\n border: none;\n margin: -25px auto 0;\n background: transparent;\n text-transform: uppercase;\n z-index: 3;\n width: auto;\n max-width: 90px;\n text-align: center;\n cursor: pointer;\n padding: 0 8px;\n background: #fff;\n color: #000;\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -o-border-radius: 0;\n border-radius: 0; }\n @media (max-width: 575.98px) {\n div#video #video-wrap p {\n max-width: 70px;\n margin: 0 auto;\n font-size: 1.414em;\n top: 50%;\n margin-top: -25px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#video #video-wrap p {\n max-width: 120px; } }\n div#video #video-wrap p:hover {\n background: #000;\n color: #fff; }\n div#video #video-wrap .owl-carousel .item-wrap {\n position: relative; }\n div#video #video-wrap .owl-carousel .item-wrap:before {\n display: block;\n content: \"\";\n width: 100%;\n padding-top: 56.25%; }\n div#video #video-wrap .owl-carousel .item-wrap > .item-video {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0; }\n\n/*!\n * [Products section - Table of contents]\n * 1. Wrapper | #products\n * 2. Title | .features-title\n * 3. Left column | .products-left\n * 4. Center column | .products-center\n * 5. Right column | .products-right\n * 6. Product container | .product-wrap\n */\ndiv#products {\n border-left: solid 1px #000;\n border-right: solid 1px #000; }\n @media (max-width: 767px) {\n div#products {\n border-left: none;\n border-right: none;\n border-top: solid 1px #000; } }\n div#products h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px;\n width: 100%;\n left: 0; }\n @media (max-width: 991.98px) {\n div#products h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#products h3 br {\n display: none; } }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-title-carousel {\n display: none; } }\n div#products div.products-title-mobile {\n display: none; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-title-mobile {\n display: block; } }\n div#products div.products-center {\n position: relative;\n text-align: center;\n padding: 0;\n border-bottom: solid 1px #000; }\n div#products:hover .products-center {\n background: #000; }\n div#products:hover .products-center h3 {\n color: #fff; }\n div#products .products-center:hover .products-left-outer div.product-wrap,\n div#products .products-center:hover .products-right-outer div.product-wrap {\n position: relative; }\n div#products .products-center:hover .products-left-outer div.product-wrap:before,\n div#products .products-center:hover .products-right-outer div.product-wrap:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n background: rgba(255, 255, 255, 0.35) !important; }\n div#products .products-left-outer:hover div.product-wrap, div#products .products-right-outer:hover div.product-wrap {\n position: relative; }\n div#products .products-left-outer:hover div.product-wrap:before, div#products .products-right-outer:hover div.product-wrap:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n background: rgba(255, 255, 255, 0.35); }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products .products-left-outer, div#products .products-right-outer {\n display: none; } }\n div#products > div {\n border: none; }\n div#products > div .row > div {\n padding: 0;\n height: auto;\n text-align: center; }\n @media (min-width: 1500px) {\n div#products > div .row > div {\n height: auto; } }\n @media (max-width: 991.98px) {\n div#products > div .row > div {\n height: auto; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#products > div .row > div {\n height: auto;\n border-bottom-width: 0.5px;\n border-bottom: transparent; } }\n @media (max-width: 767.98px) {\n div#products > div .row > div {\n height: auto; } }\n @media (max-width: 320px) {\n div#products > div .row > div {\n height: auto !important; } }\n div#products > div .row > div .product-wrap {\n cursor: pointer; }\n div#products > div .row > div .product-wrap img {\n width: 100%;\n height: auto;\n position: relative;\n outline: solid 1px #000; }\n @media (min-width: 1500px) {\n div#products > div .row > div .product-wrap img {\n height: auto; } }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#products > div .row > div .product-wrap img {\n height: auto;\n width: 100%; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#products > div .row > div .product-wrap img {\n height: auto;\n vertical-align: top; } }\n @media (max-width: 767.98px) {\n div#products > div .row > div .product-wrap img {\n width: 100%;\n height: auto;\n padding: 0;\n vertical-align: top; } }\n @media (max-width: 991.98px) {\n div#products > div .row > div {\n border-right: transparent;\n border-left: solid 1px #000; }\n div#products > div .row > div:last-child {\n border-right: solid 1px #000; }\n div#products > div .row > div + div {\n border-left: solid 1px #000; } }\n @media (max-width: 575.98px) {\n div#products > div .row > div {\n border-left: transparent;\n border-bottom: solid 1px #000; } }\n div#products > div .row + .row img {\n position: relative;\n top: -1px; }\n div#products > div div.product-wrap {\n position: relative; }\n div#products > div div.product-wrap:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n background: rgba(255, 255, 255, 0); }\n div#products > div div.product-wrap:hover:before {\n background: rgba(255, 255, 255, 0) !important; }\n div#products > div .products-right > div {\n border-right: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#products > div .products-left > div {\n height: calc(auto + 30px * 2 + 1px); } }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#products > div .products-left + .products-left > div {\n height: calc(auto + 30px * 2); } }\n div#products > div .products-left > div:last-child {\n border-right: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#products > div .products-left > div:last-child {\n border-right: solid 1px #000; } }\n div#products > div .row:last-child > div {\n border-bottom: transparent; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div#products > div .row:last-child > div {\n border-top: solid 1px #000;\n border-top-width: 0.5px; } }\n @media (max-width: 767.98px) {\n div#products > div .row:last-child > div {\n border-bottom: solid 1px #000; } }\n div#products div.products-carousel {\n width: 100%;\n position: relative;\n z-index: 50; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel {\n border-top: solid 1px #000; } }\n div#products div.products-carousel, div#products div.products-carousel .owl-stage-outer, div#products div.products-carousel .owl-stage, div#products div.products-carousel .owl-item, div#products div.products-carousel .product-carousel-item {\n height: 100%; }\n @media (max-width: 767px) {\n div#products div.products-carousel, div#products div.products-carousel .owl-stage-outer, div#products div.products-carousel .owl-stage, div#products div.products-carousel .owl-item, div#products div.products-carousel .product-carousel-item {\n height: 400px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#products div.products-carousel, div#products div.products-carousel .owl-stage-outer, div#products div.products-carousel .owl-stage, div#products div.products-carousel .owl-item, div#products div.products-carousel .product-carousel-item {\n height: 450px; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#products div.products-carousel, div#products div.products-carousel .owl-stage-outer, div#products div.products-carousel .owl-stage, div#products div.products-carousel .owl-item, div#products div.products-carousel .product-carousel-item {\n height: 100%; } }\n div#products div.products-carousel div.product-carousel-item {\n position: relative;\n background-color: #fff;\n -webkit-background-size: cover;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n margin-bottom: -1px; }\n div#products div.products-carousel div.product-carousel-item .product-description {\n position: absolute;\n left: 0;\n right: 0;\n text-align: left;\n bottom: 0;\n padding: 15px;\n background: rgba(255, 255, 255, 0.85);\n width: 65%; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel div.product-carousel-item .product-description {\n width: 100%;\n height: 100%;\n background: transparent;\n padding-bottom: 45px;\n top: 0; } }\n div#products div.products-carousel div.product-carousel-item a.product-link {\n display: none;\n position: absolute;\n right: 15px;\n bottom: 0;\n font-size: 30px; }\n div#products div.products-carousel div.product-carousel-item h5 {\n color: #000;\n margin-bottom: 8px; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel div.product-carousel-item h5 {\n padding: 3px 5px;\n display: inline-block;\n background: #fff; } }\n div#products div.products-carousel div.product-carousel-item p {\n margin: 0; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel div.product-carousel-item p {\n position: absolute;\n bottom: 45px;\n background: rgba(255, 255, 255, 0.85);\n padding: 5px 8px;\n width: calc(100% - 30px);\n left: 15px;\n display: inline-block; } }\n div#products div.products-carousel div.product-carousel-item .btn-style-main {\n bottom: 0;\n width: 80%;\n margin-left: 10%; }\n div#products div.products-carousel div.product-carousel-item img {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center; }\n div#products div.products-carousel div.owl-nav {\n position: absolute;\n bottom: 0;\n right: 10px;\n margin: 0; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel div.owl-nav {\n left: 0;\n right: 0;\n bottom: 7px;\n text-align: center; } }\n div#products div.products-carousel div.owl-nav > div {\n background: transparent;\n margin: 0;\n font-size: 30px;\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1;\n color: #fff;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -o-border-radius: 0;\n border-radius: 0; }\n @media (max-width: 768px) and (orientation: portrait) {\n div#products div.products-carousel div.owl-nav > div {\n line-height: 30px;\n height: 30px; }\n div#products div.products-carousel div.owl-nav > div span {\n line-height: 19px;\n display: block;\n height: 30px; } }\n div#products div.products-carousel div.owl-nav > div:hover {\n background: #fff;\n color: #000; }\n\n/*!\n * [Team section - Table of contents]\n * 1. Wrapper | #team\n * 2. Left column | .team-left\n * 3. Content wrapper | .team-member\n * 4. Content container | .team-wrap\n */\ndiv#team {\n height: auto; }\n @media (max-width: 991.98px) {\n div#team {\n height: auto; } }\n div#team h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 15px;\n left: 0;\n width: 100%;\n text-align: center; }\n @media (max-width: 991.98px) {\n div#team h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#team h3 br {\n display: none; } }\n div#team > div {\n border-top: transparent; }\n @media (max-width: 991.98px) {\n div#team > div {\n border: none;\n border-top: solid 1px #000; } }\n div#team:hover .team-left {\n background: #000; }\n div#team:hover .team-left h3 {\n color: #fff; }\n div#team div.team-left {\n position: relative;\n border-right: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#team div.team-left {\n border-left: solid 1px #000;\n border-right: solid 1px #000; } }\n div#team div.team-carousel-wrap {\n padding: 0; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#team div.team-carousel-wrap {\n border-right: solid 1px #000; } }\n div#team div.team-carousel-wrap div.team-carousel-nav {\n height: 60px;\n position: relative;\n border-top: solid 1px #000;\n border-left: solid 1px #000; }\n div#team div.team-carousel-wrap div.team-carousel .owl-nav {\n position: absolute;\n bottom: -60px;\n width: 100%;\n margin: 0; }\n div#team div.team-carousel-wrap div.team-carousel .owl-nav > div {\n background: transparent;\n margin: 0;\n padding: 0 15px;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0; }\n div#team div.team-carousel-wrap div.team-carousel .owl-nav > div > span {\n font-size: 30px;\n line-height: 60px;\n color: #000; }\n div#team div.team-carousel-wrap div.team-carousel .owl-nav > div:hover {\n background: #000 !important; }\n div#team div.team-carousel-wrap div.team-carousel .owl-nav > div:hover span {\n color: #fff; }\n div#team div.team-member {\n border-left: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#team div.team-member:last-child {\n border-right: solid 1px #000; } }\n @media (max-width: 767px) {\n div#team div.team-member {\n border-left: none; } }\n div#team div.team-wrap:hover p > span {\n background: #000;\n color: #fff; }\n div#team div.team-wrap p {\n position: relative;\n width: 100%;\n height: calc(240px - 1px);\n margin-left: 0; }\n div#team div.team-wrap p > span {\n position: absolute;\n top: 84px;\n left: -85px;\n text-transform: uppercase;\n -webkit-transform: rotate(-90deg);\n -moz-transform: rotate(-90deg);\n -o-transform: rotate(-90deg);\n transform: rotate(-90deg);\n -webkit-transform-origin: bottom;\n -moz-transform-origin: bottom;\n -o-transform-origin: bottom;\n transform-origin: bottom;\n border-bottom: solid 1px #000;\n width: 240px;\n padding: 5px 0 5px;\n text-align: center;\n display: block; }\n @media (max-width: 991.98px) {\n div#team div.team-wrap p > span {\n border-top: solid 1px #000; } }\n div#team div.team-wrap div {\n position: absolute;\n top: 45%;\n border: solid 1px #000;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n -o-border-radius: 100%;\n border-radius: 100%;\n width: 150px;\n height: 150px;\n display: inline-block;\n left: 35px;\n right: 0;\n margin: -75px auto 0;\n overflow: hidden; }\n @media (max-width: 991.98px) {\n div#team div.team-wrap div {\n left: 35px; } }\n div#team div.team-wrap div img {\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n height: auto;\n position: relative;\n top: -1px; }\n @media (max-width: 991.98px) {\n div#team div.team-wrap div img {\n width: 100%;\n height: auto;\n top: 0; } }\n div#team div.team-wrap span.team-member-name {\n position: absolute;\n display: block;\n width: calc(100% - 35px);\n text-align: center;\n bottom: 15px;\n left: 35px; }\n\n/*!\n * [Contact section - Table of contents]\n * 1. Wrapper | #contact\n * 2. Left column | ul#social\n * 3. Right column | .contact-right\n * 4. Title | .contact-title\n * 5. Contact form | form\n */\ndiv#contact {\n height: auto; }\n @media (max-width: 991.98px) {\n div#contact {\n height: auto; } }\n div#contact h3 {\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n left: 0;\n width: 100%;\n text-align: center; }\n @media (max-width: 767.98px) {\n div#contact h3 {\n position: relative;\n top: initial;\n left: initial;\n width: 100%;\n text-align: center;\n -webkit-transform: none;\n -moz-transform: none;\n -o-transform: none;\n transform: none;\n padding: 30px 0; }\n div#contact h3 br {\n display: none; } }\n div#contact > div {\n border-top: transparent; }\n @media (max-width: 991.98px) {\n div#contact > div {\n border: none;\n border-top: solid 1px #000; } }\n div#contact ul#social {\n height: 100%;\n margin-left: -15px;\n margin-right: -15px;\n width: 100%; }\n @media (max-width: 991.98px) {\n div#contact ul#social {\n width: calc(100% + 30px); } }\n @media (max-width: 767.98px) {\n div#contact ul#social {\n margin: 0;\n width: 100%; } }\n div#contact ul#social li {\n height: calc(100% / 3 - 1px / 2);\n padding: 0 calc(30px / 2);\n box-sizing: content-box;\n width: 100%;\n border-bottom: solid 1px #000;\n font-size: 1.414em;\n cursor: pointer; }\n div#contact ul#social li:before {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div#contact ul#social li {\n height: auto;\n line-height: initial;\n padding: calc(30px / 2) 30px;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n border-left: solid 1px #000;\n border-right: solid 1px #000; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n div#contact ul#social li {\n height: calc(100% / 3 - 1px / 2);\n padding: 0 calc(30px / 2);\n box-sizing: content-box;\n width: 100%;\n border-bottom: solid 1px #000;\n font-size: 1.414em;\n cursor: pointer; } }\n @media (max-width: 767.98px) {\n div#contact ul#social li {\n height: 60px;\n line-height: 60px;\n width: calc(100% / 3);\n display: inline-block;\n vertical-align: top;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -o-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n border-right: solid 1px #000;\n border-bottom: transparent; }\n div#contact ul#social li:last-child {\n border-right: transparent; } }\n @media (max-width: 575.98px) {\n div#contact ul#social li {\n font-size: 19px;\n height: auto;\n line-height: 45px;\n width: 100%;\n display: block;\n border-right: transparent;\n border-bottom: solid 1px #000; }\n div#contact ul#social li:last-child {\n border-bottom: transparent; } }\n div#contact ul#social li:hover {\n background: #000;\n color: #fff; }\n div#contact ul#social li:last-child {\n border-bottom: transparent; }\n @media (max-width: 991.98px) {\n div#contact ul#social li:last-child {\n border-bottom: solid 1px #000; } }\n @media (max-width: 767.98px) {\n div#contact ul#social li:last-child {\n border-bottom: transparent; } }\n div#contact div.contact-right .row {\n height: auto; }\n @media (max-width: 991.98px) {\n div#contact div.contact-right .row {\n height: auto; } }\n div#contact div.contact-right .row > div {\n border-right: solid 1px #000; }\n div#contact div.contact-right .row > div:last-child {\n border-right: transparent; }\n @media (min-width: 768px) and (max-width: 991.98px) {\n div#contact div.contact-right .row > div:last-child {\n border-right: solid 1px #000; } }\n div#contact div.contact-right:hover .contact-title {\n background: #000; }\n div#contact div.contact-right:hover .contact-title h3 {\n color: #fff; }\n @media (max-width: 991.98px) {\n div#contact .contact-title {\n border-left: solid 1px #000; } }\n @media (max-width: 767.98px) {\n div#contact .contact-title {\n background-color: #000; }\n div#contact .contact-title h3 {\n color: #fff; } }\n @media (max-width: 767.98px) {\n div#contact div.contact-left {\n padding: 0;\n border-bottom: solid 1px #000; } }\n\nform.contact-form {\n padding-top: 25px;\n position: relative;\n background: #fff; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.contact-form {\n padding-top: 24px; } }\n form.contact-form span {\n color: #000 !important; }\n form.contact-form.active-sending span.sending {\n display: block; }\n form.contact-form span.sending {\n position: absolute;\n width: auto;\n height: 100%;\n top: 0;\n left: -15px;\n right: -15px;\n padding: 15px;\n text-align: center;\n padding-top: 120px;\n background: rgba(255, 255, 255, 0.95);\n display: none;\n z-index: 1; }\n @media (max-width: 767.98px) {\n form.contact-form span.sending {\n padding-top: 22vh; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n form.contact-form span.sending {\n padding-top: 9vh !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.contact-form span.sending {\n padding-top: 12vh; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {\n form.contact-form span.sending {\n padding-top: 12vh; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n form.contact-form span.sending {\n padding-top: 15vh; } }\n form.contact-form.active-sent span.sent {\n display: block; }\n form.contact-form span.sent {\n position: absolute;\n width: auto;\n height: 100%;\n top: 0;\n left: -15px;\n right: -15px;\n padding: 15px;\n text-align: center;\n padding-top: 120px;\n background: rgba(255, 255, 255, 0.95);\n display: none;\n z-index: 1; }\n @media (max-width: 767.98px) {\n form.contact-form span.sent {\n padding-top: 22vh; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n form.contact-form span.sent {\n padding-top: 9vh !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.contact-form span.sent {\n padding-top: 12vh; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {\n form.contact-form span.sent {\n padding-top: 12vh; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n form.contact-form span.sent {\n padding-top: 15vh; } }\n form.contact-form label {\n display: none; }\n form.contact-form textarea, form.contact-form input {\n display: block;\n border: solid 1px #000 !important;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n -o-box-shadow: none;\n box-shadow: none; }\n form.contact-form textarea:active, form.contact-form textarea:focus, form.contact-form input:active, form.contact-form input:focus {\n outline: solid 4px #000; }\n form.contact-form input {\n display: inline-block;\n width: calc(50% - 7px);\n vertical-align: top; }\n form.contact-form input + input {\n margin-left: 14px; }\n @media (max-width: 575.98px) {\n form.contact-form input {\n display: block;\n width: 100%; }\n form.contact-form input + input {\n margin: 15px 0 0 0; } }\n form.contact-form textarea {\n height: 115px; }\n form.contact-form button {\n color: #000;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n -o-box-shadow: none;\n box-shadow: none;\n border: solid 1px #000 !important;\n cursor: pointer;\n text-transform: uppercase;\n position: relative;\n margin-bottom: calc(30px / 2); }\n form.contact-form button:hover, form.contact-form button:active, form.contact-form button:focus {\n background: #000;\n color: #fff; }\n @media (max-width: 991.98px) {\n form.contact-form button {\n margin-bottom: 20px; } }\n\n/*!\n * [Preloader screen - Table of contents]\n * 1. Wrapper | .preloader\n */\nbody.of-hidden {\n overflow: hidden; }\n\ndiv.preloader {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100;\n background: #fff;\n text-align: center; }\n div.preloader div {\n height: 80px;\n position: relative;\n top: 50%;\n margin-top: -40px; }\n div.preloader p {\n font-size: 1.999em;\n text-transform: uppercase;\n position: relative;\n left: -2px; }\n div.preloader p span {\n color: #fff; }\n div.preloader p span.load-letter {\n color: #000; }\n div.preloader p + p {\n font-size: 1em;\n color: #000;\n text-transform: none;\n filter: alpha(opacity=0);\n -moz-opacity: 0;\n -khtml-opacity: 0;\n opacity: 0;\n -webkit-transition: opacity 0.3s ease-in-out;\n -moz-transition: opacity 0.3s ease-in-out;\n -o-transition: opacity 0.3s ease-in-out;\n transition: opacity 0.3s ease-in-out;\n top: -5px; }\n div.preloader p + p.is-loaded {\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1; }\n div.preloader.preloader-lg p.loading-text {\n font-size: 120px;\n line-height: 120px;\n margin-bottom: 15px; }\n @media (max-width: 767px) {\n div.preloader.preloader-lg p.loading-text {\n font-size: 1.999em !important;\n line-height: 30px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.preloader.preloader-lg p.loading-text {\n font-size: 90px !important;\n line-height: 90px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div.preloader.preloader-lg p.loading-text {\n font-size: 180px;\n line-height: 180px; } }\n div.preloader.preloader-lg div {\n height: 180px;\n margin-top: -120px; }\n @media (max-width: 767px) {\n div.preloader.preloader-lg div {\n height: 75px !important;\n margin-top: -40px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.preloader.preloader-lg div {\n height: 160px !important;\n margin-top: -110px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div.preloader.preloader-lg div {\n height: 220px !important;\n margin-top: -140px !important; } }\n div.preloader.preloader-xl p.loading-text {\n font-size: 240px;\n line-height: 240px;\n margin-bottom: 0; }\n @media (max-width: 767px) {\n div.preloader.preloader-xl p.loading-text {\n font-size: 1.999em !important;\n line-height: 60px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.preloader.preloader-xl p.loading-text {\n font-size: 120px !important;\n line-height: 120px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div.preloader.preloader-xl p.loading-text {\n font-size: 130px !important;\n line-height: 130px !important; } }\n div.preloader.preloader-xl div {\n height: 240px;\n margin-top: -180px; }\n @media (max-width: 767px) {\n div.preloader.preloader-xl div {\n height: 90px !important;\n margin-top: -50px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.preloader.preloader-xl div {\n height: 160px !important;\n margin-top: -110px !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n div.preloader.preloader-xl div {\n height: 160px !important;\n margin-top: -90px !important; } }\n div.preloader.preloader-off {\n display: none !important; }\n\ndiv.modal-content {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -o-border-radius: 0;\n border-radius: 0;\n border: solid 4px #000; }\n\ndiv.modal-header {\n border-bottom: solid 1px #000;\n background-color: #fff; }\n div.modal-header button.close {\n filter: alpha(opacity=100) !important;\n -moz-opacity: 1 !important;\n -khtml-opacity: 1 !important;\n opacity: 1 !important; }\n div.modal-header button.close span {\n color: #000; }\n\ndiv.modal-body {\n padding-top: 60px;\n padding-bottom: 60px;\n background: #fff; }\n div.modal-body h6 {\n color: #000; }\n div.modal-body p {\n color: #000; }\n\ndiv.modal-footer {\n padding: 20px 15px;\n border-top: solid 1px #000;\n background: #fff; }\n div.modal-footer:hover {\n background: #fff; }\n div.modal-footer:hover button.btn.btn-primary {\n background: #000;\n color: #fff; }\n\ndiv.contact-modal div.modal-content {\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n -o-border-radius: 0;\n border-radius: 0;\n border: solid 4px #000; }\n\ndiv.contact-modal div.modal-header {\n border-bottom: solid 1px #000;\n background-color: #fff; }\n\ndiv.contact-modal div.modal-body {\n padding-top: 0;\n padding-bottom: 30px; }\n\ndiv.contact-modal div.modal-footer {\n padding: 30px 15px 25px;\n border-top: solid 1px #000;\n background: #fff; }\n div.contact-modal div.modal-footer:hover {\n background: #fff; }\n div.contact-modal div.modal-footer:hover button.btn.btn-primary {\n background: #000;\n color: #fff; }\n\ndiv.contact-modal label {\n margin-top: 30px;\n margin-bottom: 0;\n background: #000;\n color: #fff;\n padding: 1px 10px;\n display: inline-block;\n font-size: 14px;\n text-align: center; }\n\ndiv.contact-modal form.contact-form {\n padding-top: 0;\n overflow: hidden; }\n div.contact-modal form.contact-form span {\n padding-top: 210px; }\n @media (min-width: 768px) and (max-width: 1024px) {\n div.contact-modal form.contact-form span {\n padding-top: 200px !important; } }\n\ndiv.contact-modal div.form-group {\n text-align: right;\n margin: 0; }\n\ndiv.contact-modal button.btn.btn-primary, div.contact-modal input[type=\"text\"], div.contact-modal input[type=\"email\"] {\n width: 100%;\n color: #000;\n text-align: left;\n height: 45px; }\n div.contact-modal button.btn.btn-primary:focus, div.contact-modal button.btn.btn-primary:active, div.contact-modal input[type=\"text\"]:focus, div.contact-modal input[type=\"text\"]:active, div.contact-modal input[type=\"email\"]:focus, div.contact-modal input[type=\"email\"]:active {\n -webkit-box-shadow: 0px 2px 0px 0px #000;\n -moz-box-shadow: 0px 2px 0px 0px #000;\n -o-box-shadow: 0px 2px 0px 0px #000;\n box-shadow: 0px 2px 0px 0px #000; }\n\ndiv.contact-modal textarea {\n height: 120px;\n margin-bottom: 15px !important; }\n div.contact-modal textarea:focus, div.contact-modal textarea:active {\n -webkit-box-shadow: 0px 2px 0px 0px #000;\n -moz-box-shadow: 0px 2px 0px 0px #000;\n -o-box-shadow: 0px 2px 0px 0px #000;\n box-shadow: 0px 2px 0px 0px #000; }\n\ndiv.contact-modal input[type=\"text\"], div.contact-modal input[type=\"email\"], div.contact-modal textarea {\n border: solid 1px #000 !important;\n margin-bottom: 0;\n outline: none !important; }\n\ndiv.contact-modal button.btn.btn-primary {\n background: #fff;\n color: #000;\n text-align: center;\n border: solid 1px #000 !important;\n border-color: #000;\n margin-bottom: 0; }\n div.contact-modal button.btn.btn-primary:hover {\n background: #000;\n color: #fff; }\n\nform.sub-form {\n position: relative;\n padding: 0 30px;\n overflow: hidden;\n border-left: solid 1px #000; }\n form.sub-form.active-sending span.sending {\n display: block; }\n form.sub-form span {\n color: #000; }\n form.sub-form span.sending {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n padding: 15px;\n text-align: center;\n padding-top: 160px;\n background: rgba(255, 255, 255, 0.95);\n border: solid 1px #000;\n border-left: transparent;\n display: none;\n z-index: 3; }\n @media (max-width: 767.98px) {\n form.sub-form span.sending {\n padding-top: 110px;\n border: none; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form span.sending {\n padding-top: 120px; } }\n form.sub-form.active-sent span.sent {\n display: block; }\n form.sub-form span.sent {\n content: 'You\\'ve are subscribed!';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n padding: 15px;\n text-align: center;\n padding-top: 160px;\n background: rgba(255, 255, 255, 0.95);\n border: solid 1px #000;\n border-left: transparent;\n display: none;\n z-index: 3; }\n @media (max-width: 767.98px) {\n form.sub-form span.sent {\n padding-top: 110px;\n border: none; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form span.sent {\n padding-top: 120px; } }\n @media (max-width: 767.98px) {\n form.sub-form {\n border-left: transparent;\n margin-top: 30px;\n margin-bottom: 30px;\n padding: 0 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form {\n padding-top: 30px;\n border: solid 1px #000; } }\n form.sub-form h4 {\n margin-bottom: 30px;\n padding-top: 22px; }\n @media (max-width: 767.98px) {\n form.sub-form h4 {\n margin-bottom: 20px;\n font-size: 1.414em;\n display: block;\n text-align: left !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form h4 {\n padding-top: 5px; } }\n form.sub-form label {\n display: none; }\n form.sub-form button.btn.btn-primary, form.sub-form input[type=\"text\"], form.sub-form input[type=\"email\"] {\n width: 100%;\n color: #000;\n text-align: left;\n height: 45px;\n margin-bottom: 19px;\n border-bottom: solid 1px #000 !important; }\n form.sub-form button.btn.btn-primary:focus, form.sub-form button.btn.btn-primary:active, form.sub-form input[type=\"text\"]:focus, form.sub-form input[type=\"text\"]:active, form.sub-form input[type=\"email\"]:focus, form.sub-form input[type=\"email\"]:active {\n -webkit-box-shadow: 0px 2px 0px 0px #fff;\n -moz-box-shadow: 0px 2px 0px 0px #fff;\n -o-box-shadow: 0px 2px 0px 0px #fff;\n box-shadow: 0px 2px 0px 0px #fff; }\n @media (max-width: 767.98px) {\n form.sub-form button.btn.btn-primary, form.sub-form input[type=\"text\"], form.sub-form input[type=\"email\"] {\n margin-bottom: 15px;\n height: 40px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form button.btn.btn-primary, form.sub-form input[type=\"text\"], form.sub-form input[type=\"email\"] {\n margin-bottom: 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form input[type=\"text\"], form.sub-form input[type=\"email\"] {\n display: inline-block;\n width: 50%;\n vertical-align: top;\n border: solid 1px #000 !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form input[type=\"text\"] {\n position: relative;\n z-index: 1; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form input[type=\"email\"] {\n margin-left: -6px; } }\n form.sub-form button.btn.btn-primary {\n text-align: center;\n margin: 30px 0;\n height: 60px; }\n form.sub-form button.btn.btn-primary:hover {\n -webkit-box-shadow: 0px 2px 0px 0px #fff;\n -moz-box-shadow: 0px 2px 0px 0px #fff;\n -o-box-shadow: 0px 2px 0px 0px #fff;\n box-shadow: 0px 2px 0px 0px #fff; }\n @media (max-width: 767.98px) {\n form.sub-form button.btn.btn-primary {\n height: 45px;\n margin-bottom: 20px;\n margin-top: 10px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form button.btn.btn-primary {\n margin: 15px 0 45px;\n border: solid 1px #000 !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n form.sub-form div.form-group {\n margin-bottom: 0 !important; } }\n\n/*!\n * [Footer - Table of contents]\n * 1. Footer\n */\nfooter .row > div {\n border-top: transparent;\n border-bottom: transparent; }\n\nfooter p {\n padding-top: 30px;\n position: relative;\n right: -12px;\n font-size: 0.875em; }\n\nhtml {\n -webkit-font-smoothing: antialiased;\n -webkit-text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px; }\n\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n -moz-font-feature-settings: \"liga\" on;\n background-color: #fff;\n border-bottom: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 1024px) {\n body {\n border: none;\n border-bottom: solid 1px #000; } }\n @media (max-width: 575.98px) {\n body {\n border: solid 4px #000; } }\n body.body-fs {\n padding-top: 47px; }\n @media (max-width: 767.98px) {\n body.body-fs {\n padding-top: 42px; } }\n\nh1, h2, h3, h4, h5, p, li, label, input, textarea, strong, button {\n color: #000; }\n\ninput, textarea {\n color: #000 !important;\n background-color: #fff !important; }\n\na {\n color: #000; }\n a:hover {\n color: #000;\n text-decoration: none; }\n\n.anchor {\n cursor: pointer; }\n .anchor:hover {\n background: #000;\n color: #fff; }\n .anchor:hover > * {\n color: #fff; }\n\n.elem-border > div {\n border: solid 1px #000; }\n @media (max-width: 575.98px) {\n .elem-border > div {\n border-left: transparent;\n border-right: transparent; } }\n .elem-border > div + div {\n border-left: transparent; }\n\n.btn-style-main {\n position: relative;\n -webkit-transition-delay: .30s;\n -moz-transition-delay: .30s;\n -o-transition-delay: .30s;\n transition-delay: .30s; }\n .btn-style-main, .btn-style-main a, .btn-style-main span, .btn-style-main button {\n outline: solid 1px #fff;\n display: block;\n padding: 15px;\n text-align: center;\n width: 100%;\n height: auto;\n -webkit-transition: outline .15s ease-in-out;\n -moz-transition: outline .15s ease-in-out;\n -o-transition: outline .15s ease-in-out;\n transition: outline .15s ease-in-out; }\n .btn-style-main a, .btn-style-main button {\n -webkit-transition-delay: .15s;\n -moz-transition-delay: .15s;\n -o-transition-delay: .15s;\n transition-delay: .15s; }\n .btn-style-main a:hover span, .btn-style-main button:hover span {\n background: #000;\n color: #fff; }\n .btn-style-main span {\n outline: solid 1px #000; }\n .btn-style-main:hover {\n outline: solid 1px #000; }\n .btn-style-main:hover a, .btn-style-main:hover button {\n outline: solid 1px #000; }\n\na.opl {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 3; }\n\n.stretch-text span {\n display: inline-block !important;\n white-space: nowrap; }\n @media (max-width: 767px) {\n .stretch-text span {\n white-space: normal; } }\n\n/*!\r\n * [Fullscreen section - Table of contents]\r\n * 1. Wrapper | #fullscreen\r\n * 2. Call to action | .cta\r\n */\nhtml.html-fs, body.body-fs {\n height: 100%; }\n @media (max-width: 767.98px) {\n html.html-fs, body.body-fs {\n height: auto; } }\n\n/*!\r\n * [Secondary Navigation - Table of contents]\r\n * 1. Nav | .nav-fs\r\n * 2. Nav items | ul.navlist\r\n * 3. Contact | a.contact\r\n * 4. Branding | .brand\r\n */\nnav.nav-fs {\n position: fixed;\n width: 100%;\n height: auto;\n top: 0;\n left: 0;\n z-index: 99;\n background: #000; }\n nav.nav-fs div.navigation {\n padding: 0; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.navigation {\n display: none; } }\n nav.nav-fs ul.navlist {\n height: 100%;\n margin-left: 0;\n margin-right: 0;\n width: 100%; }\n nav.nav-fs ul.navlist li {\n height: 45px;\n line-height: 45px;\n padding: 0 15px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n width: calc(100% / 4);\n border-bottom: transparent;\n border-right: solid 1px #000;\n text-transform: uppercase;\n display: inline-block;\n text-align: center; }\n nav.nav-fs ul.navlist li:last-child {\n border-right: transparent; }\n @media (max-width: 767.98px) {\n nav.nav-fs ul.navlist li {\n font-size: 0.875em;\n padding: 0; } }\n nav.nav-fs ul.navlist li:hover {\n background: #fff; }\n nav.nav-fs ul.navlist li:hover a {\n color: #000; }\n nav.nav-fs ul.navlist li a {\n color: #fff; }\n nav.nav-fs a.contact {\n display: inline-block;\n width: auto;\n height: auto;\n text-transform: uppercase;\n text-align: center !important;\n line-height: 45px;\n height: 45px; }\n nav.nav-fs div.anchor.brand {\n position: relative; }\n nav.nav-fs div.anchor.brand:hover {\n background-color: #fff; }\n nav.nav-fs div.anchor.brand:hover a {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand:hover button#mobile-nav {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand a {\n line-height: 45px;\n height: 45px;\n display: inline-block;\n font-size: 1.65em;\n color: #fff; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand a {\n font-size: 1.35em; } }\n nav.nav-fs div.anchor.brand button#mobile-nav {\n color: #fff;\n position: absolute;\n right: 15px;\n top: 10px;\n padding: 0;\n display: none; }\n nav.nav-fs div.anchor.brand button#mobile-nav:focus, nav.nav-fs div.anchor.brand button#mobile-nav:active {\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n -o-box-shadow: none;\n box-shadow: none; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand button#mobile-nav {\n display: block; } }\n\nsection#fullscreen {\n padding: 0;\n width: 100%;\n height: 100%;\n background-color: #000;\n text-align: center;\n position: relative;\n display: table;\n border-left: solid 1px #000;\n border-right: solid 1px #000;\n -webkit-background-size: cover;\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat; }\n @media (max-width: 767.98px) {\n section#fullscreen {\n text-align: center;\n padding: 30px 0; } }\n section#fullscreen > div {\n display: table-cell;\n vertical-align: middle;\n text-align: center; }\n section#fullscreen > div > div {\n width: 800px;\n text-align: left;\n position: relative;\n display: inline-block; }\n @media (max-width: 767.98px) {\n section#fullscreen > div > div {\n width: 90%;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen > div > div {\n width: 90%; } }\n section#fullscreen > div > div:hover h1, section#fullscreen > div > div:hover h2, section#fullscreen > div > div:hover .cta {\n border-color: #fff !important; }\n section#fullscreen h1, section#fullscreen h2 {\n color: #fff;\n background-color: #000;\n padding: 0 15px;\n display: inline-block;\n width: auto;\n border: solid 1px #000; }\n @media (max-width: 767.98px) {\n section#fullscreen h1, section#fullscreen h2 {\n display: inline-block;\n width: 100%; } }\n section#fullscreen h1 {\n font-size: 163px;\n margin-bottom: 0;\n position: relative;\n line-height: 150px;\n padding: 3px 29px 6px 17px; }\n @media (max-width: 767.98px) {\n section#fullscreen h1 {\n font-size: 70px;\n margin-bottom: 15px;\n padding: 0; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen h1 {\n padding: 3px 29px 13px 17px; } }\n section#fullscreen h2 {\n font-size: 2.827em;\n padding: 20px 27px 20px 27px;\n margin-top: -1px; }\n @media (max-width: 767.98px) {\n section#fullscreen h2 {\n font-size: 1.999em;\n padding: 15px;\n margin-bottom: 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen h2 {\n font-size: 2.5em; } }\n section#fullscreen .cta {\n position: relative;\n border: solid 1px #000;\n display: inline-block !important;\n width: 50% !important;\n left: 50%;\n margin-left: -24px;\n margin-top: -1px;\n background: #000;\n text-transform: uppercase;\n font-size: 19px;\n -webkit-transition-delay: 0.3s;\n -moz-transition-delay: 0.3s;\n -o-transition-delay: 0.3s;\n transition-delay: 0.3s; }\n section#fullscreen .cta br {\n display: none; }\n section#fullscreen .cta, section#fullscreen .cta a, section#fullscreen .cta span {\n outline: solid 1px transparent;\n display: block;\n padding: 15px;\n text-align: center;\n width: 100%;\n height: auto;\n -webkit-transition: outline 0.15s ease-in-out;\n -moz-transition: outline 0.15s ease-in-out;\n -o-transition: outline 0.15s ease-in-out;\n transition: outline 0.15s ease-in-out; }\n section#fullscreen .cta a {\n -webkit-transition-delay: 0.15s;\n -moz-transition-delay: 0.15s;\n -o-transition-delay: 0.15s;\n transition-delay: 0.15s; }\n section#fullscreen .cta a:hover span {\n background: #fff;\n color: #000; }\n section#fullscreen .cta span {\n outline: solid 1px #fff;\n color: #fff; }\n section#fullscreen .cta:hover a {\n outline: solid 1px #fff; }\n @media (max-width: 767.98px) {\n section#fullscreen .cta {\n left: initial;\n top: 0;\n width: 100% !important;\n display: inline-block !important;\n position: relative;\n margin: 0;\n font-size: 16px; }\n section#fullscreen .cta span {\n padding: 10px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen .cta {\n left: 54%;\n margin-left: -28px; } }\n\n/*!\n * [Coming soon page - Table of contents]\n * 1. Wrapper | #fullscreen.fs-coming-soon\n * 2. Fullscreen nav bar\n */\nhtml.html-fs, body.body-fs.coming-soon {\n height: 100%;\n padding-top: 0; }\n @media (max-width: 767.98px) {\n html.html-fs, body.body-fs.coming-soon {\n height: auto; }\n html.html-fs.coming-soon-countdown .opl, body.body-fs.coming-soon.coming-soon-countdown .opl {\n display: none; } }\n\n/*!\r\n * [Secondary Navigation - Table of contents]\r\n * 1. Nav | .nav-fs\r\n * 2. Nav items | ul.navlist\r\n * 3. Contact | a.contact\r\n * 4. Branding | .brand\r\n */\nnav.nav-fs {\n position: fixed;\n width: 100%;\n height: auto;\n top: 0;\n left: 0;\n z-index: 99;\n background: #000; }\n nav.nav-fs div.navigation {\n padding: 0; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.navigation {\n display: none; } }\n nav.nav-fs ul.navlist {\n height: 100%;\n margin-left: 0;\n margin-right: 0;\n width: 100%; }\n nav.nav-fs ul.navlist li {\n height: 45px;\n line-height: 45px;\n padding: 0 15px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n width: calc(100% / 4);\n border-bottom: transparent;\n border-right: solid 1px #000;\n text-transform: uppercase;\n display: inline-block;\n text-align: center; }\n nav.nav-fs ul.navlist li:last-child {\n border-right: transparent; }\n @media (max-width: 767.98px) {\n nav.nav-fs ul.navlist li {\n font-size: 0.875em;\n padding: 0; } }\n nav.nav-fs ul.navlist li:hover {\n background: #fff; }\n nav.nav-fs ul.navlist li:hover a {\n color: #000; }\n nav.nav-fs ul.navlist li a {\n color: #fff; }\n nav.nav-fs a.contact {\n display: inline-block;\n width: auto;\n height: auto;\n text-transform: uppercase;\n text-align: center !important;\n line-height: 45px;\n height: 45px; }\n nav.nav-fs div.anchor.brand {\n position: relative; }\n nav.nav-fs div.anchor.brand:hover {\n background-color: #fff; }\n nav.nav-fs div.anchor.brand:hover a {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand:hover button#mobile-nav {\n color: #000 !important; }\n nav.nav-fs div.anchor.brand a {\n line-height: 45px;\n height: 45px;\n display: inline-block;\n font-size: 1.65em;\n color: #fff; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand a {\n font-size: 1.35em; } }\n nav.nav-fs div.anchor.brand button#mobile-nav {\n color: #fff;\n position: absolute;\n right: 15px;\n top: 10px;\n padding: 0;\n display: none; }\n nav.nav-fs div.anchor.brand button#mobile-nav:focus, nav.nav-fs div.anchor.brand button#mobile-nav:active {\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n -o-box-shadow: none;\n box-shadow: none; }\n @media (max-width: 767.98px) {\n nav.nav-fs div.anchor.brand button#mobile-nav {\n display: block; } }\n\nsection#fullscreen.fs-coming-soon {\n padding: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n text-align: center;\n position: relative;\n display: table;\n border-left: solid 1px #000;\n border-right: solid 1px #000;\n border-top: solid 1px #000; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon {\n text-align: center;\n padding: 15px 0 30px; } }\n section#fullscreen.fs-coming-soon > div {\n display: table-cell;\n vertical-align: middle;\n text-align: center; }\n section#fullscreen.fs-coming-soon > div > div.container {\n width: auto;\n text-align: left;\n position: relative;\n display: inline-block; }\n @media (min-width: 414px) and (max-width: 736px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon > div > div.container {\n padding: 0 !important;\n width: calc(100% - 30px) !important; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon > div > div.container div.row > div {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon > div > div.container h1 {\n overflow: hidden;\n margin-bottom: -6px; } }\n section#fullscreen.fs-coming-soon > div > div.container:hover h1, section#fullscreen.fs-coming-soon > div > div.container:hover h2, section#fullscreen.fs-coming-soon > div > div.container:hover h3, section#fullscreen.fs-coming-soon > div > div.container:hover .cta {\n border-color: #000 !important;\n background: #fff;\n color: #000; }\n section#fullscreen.fs-coming-soon > div > div.container:hover form.sub-form {\n background: #000; }\n section#fullscreen.fs-coming-soon > div > div.container:hover form.sub-form h4 {\n color: #fff; }\n section#fullscreen.fs-coming-soon > div > div.container:hover form.sub-form button.btn.btn-primary {\n background: #fff; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon > div > div.container {\n text-align: center; }\n section#fullscreen.fs-coming-soon > div > div.container h1, section#fullscreen.fs-coming-soon > div > div.container h2, section#fullscreen.fs-coming-soon > div > div.container h3, section#fullscreen.fs-coming-soon > div > div.container .cta {\n border-color: #000 !important;\n background: #fff;\n color: #000; }\n section#fullscreen.fs-coming-soon > div > div.container form.sub-form {\n background: #000; }\n section#fullscreen.fs-coming-soon > div > div.container form.sub-form h4 {\n color: #fff; }\n section#fullscreen.fs-coming-soon > div > div.container form.sub-form button.btn.btn-primary {\n background: #fff; } }\n section#fullscreen.fs-coming-soon h1, section#fullscreen.fs-coming-soon h2, section#fullscreen.fs-coming-soon h3 {\n color: #fff;\n background-color: #000;\n padding: 0 15px;\n display: inline-block;\n width: auto;\n border: solid 1px #000; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon h1, section#fullscreen.fs-coming-soon h2, section#fullscreen.fs-coming-soon h3 {\n display: inline-block;\n width: 100%; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon h1, section#fullscreen.fs-coming-soon h2, section#fullscreen.fs-coming-soon h3 {\n border-color: #000 !important; } }\n section#fullscreen.fs-coming-soon h1 {\n font-size: 140px;\n margin-bottom: 0;\n position: relative;\n line-height: 150px;\n padding: 3px 10px 6px 17px;\n width: 100%;\n text-align: left;\n letter-spacing: 2px;\n padding-left: 16px;\n font-weight: normal; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon h1 {\n font-size: 70px;\n margin-bottom: 0;\n line-height: 70px;\n padding: 20px 10px;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon h1 {\n padding: 3px 0 13px 17px;\n border-top: solid 1px #000;\n border-bottom: solid 1px #000;\n border-top-color: #fff !important;\n border-bottom-color: #fff !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n section#fullscreen.fs-coming-soon h1 {\n font-size: 122px;\n padding-left: 11px; } }\n section#fullscreen.fs-coming-soon h2 {\n font-size: 2.2em;\n padding: 20px 27px 20px 27px;\n margin-top: -1px;\n text-align: center;\n width: 100%;\n height: 90px;\n line-height: 50px; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon h2 {\n font-size: 1.999em;\n padding: 10px;\n margin-bottom: 0;\n line-height: 36px;\n height: auto;\n text-align: left;\n font-weight: 300;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon h2 {\n font-size: 2.5em;\n font-weight: 300; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n section#fullscreen.fs-coming-soon h2 {\n font-weight: 300;\n font-size: 30px;\n padding: 20px 15px; } }\n section#fullscreen.fs-coming-soon h3 {\n font-size: 50px;\n padding: 20px 0;\n margin-bottom: -1px;\n width: 100%;\n letter-spacing: 17px;\n text-align: center;\n position: relative;\n padding-left: 13px;\n height: 90px;\n line-height: 50px; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon h3 {\n font-size: 1.999em;\n padding: 15px 10px;\n letter-spacing: 5px;\n height: auto;\n font-weight: 300;\n text-align: center; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon h3 {\n font-size: 2.5em;\n font-weight: 300; }\n section#fullscreen.fs-coming-soon h3 span {\n min-width: 100%; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n section#fullscreen.fs-coming-soon h3 {\n font-size: 42px;\n padding-right: 0;\n letter-spacing: 15px;\n font-weight: 300; } }\n section#fullscreen.fs-coming-soon p.coming-soon-contact, section#fullscreen.fs-coming-soon p.coming-soon-copyright {\n position: absolute;\n bottom: 15px;\n width: 100%;\n z-index: 3; }\n section#fullscreen.fs-coming-soon p.coming-soon-contact {\n bottom: 135px;\n left: 0;\n right: 0; }\n section#fullscreen.fs-coming-soon p.coming-soon-contact a {\n display: inline-block;\n position: relative; }\n section#fullscreen.fs-coming-soon p.coming-soon-contact a:hover:before {\n height: 3px; }\n section#fullscreen.fs-coming-soon p.coming-soon-contact a:before {\n content: '';\n position: absolute;\n top: calc(100% - 2px);\n left: 0;\n width: 100%;\n height: 1px;\n background: #000;\n -webkit-transition: height .3s ease-in-out;\n transition: height .3s ease-in-out; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon p.coming-soon-contact {\n bottom: 15px;\n padding-left: 15px;\n text-align: left;\n font-size: 0.875em;\n z-index: 4;\n left: 25px;\n width: auto; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.fs-coming-soon p.coming-soon-contact {\n bottom: 15px;\n padding-left: 35px;\n text-align: left;\n font-size: 0.875em;\n z-index: 4;\n left: 50px;\n width: auto; } }\n section#fullscreen.fs-coming-soon p.coming-soon-copyright {\n text-align: right;\n padding-right: 35px;\n font-size: 0.875em;\n left: 0; }\n @media (max-width: 767.98px) {\n section#fullscreen.fs-coming-soon p.coming-soon-copyright {\n padding-right: 15px; } }\n\n/*!\n * [Coming soon countdown page - Table of contents]\n * 1. Timer wrap | .timer-wrap-outer\n * 2. Fullscreen | #fullscreen.coming-soon-countdown\n */\n.timer-wrap-outer {\n width: 100%;\n margin: 0 auto;\n position: relative;\n margin-bottom: 30px; }\n @media (max-width: 767.98px) {\n .timer-wrap-outer {\n position: relative;\n bottom: 0;\n margin: 15px 0 15px; } }\n .timer-wrap-outer .timer-wrap {\n width: 100%; }\n .timer-wrap-outer .timer-wrap > span {\n padding-bottom: 8px; }\n .timer-wrap-outer .timer-wrap span {\n display: inline-block;\n width: calc(91% / 4);\n text-align: center;\n vertical-align: middle;\n font-weight: 300;\n color: #000;\n border: solid 1px #000;\n border-color: #fff; }\n .timer-wrap-outer .timer-wrap span:hover {\n border-color: #000; }\n @media (max-width: 767.98px) {\n .timer-wrap-outer .timer-wrap span {\n font-size: 0.875em; } }\n .timer-wrap-outer .timer-wrap span span.time {\n color: #000;\n background: #fff;\n width: 100%;\n padding: 0;\n font-size: 45px;\n font-weight: 300;\n margin-bottom: 0px;\n border: none !important;\n line-height: 60px; }\n @media (max-width: 767px) {\n .timer-wrap-outer .timer-wrap span span.time {\n font-size: 27px; } }\n .timer-wrap-outer span.sep {\n background-color: #fff;\n color: #000;\n width: 3% !important;\n vertical-align: top !important;\n line-height: 77px;\n font-size: 33px !important;\n position: relative;\n top: 5px;\n font-weight: 300;\n border: none !important; }\n @media (max-width: 767.98px) {\n .timer-wrap-outer span.sep {\n top: -9px; } }\n\nsection#fullscreen.coming-soon-countdown > div > div.container:hover .timer-wrap-outer .timer-wrap span {\n border-color: #000; }\n\nsection#fullscreen.coming-soon-countdown p.coming-soon-contact {\n bottom: 90px; }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-countdown p.coming-soon-contact {\n bottom: 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-countdown p.coming-soon-contact {\n bottom: 15px; } }\n\n/*!\n * [Coming soon background page - Table of contents]\n * 1. Wrapper | #fullscreen.coming-soon-background\n * 2. Fullscreen nav bar\n */\nsection#fullscreen.coming-soon-background {\n -webkit-background-size: cover;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n table-layout: fixed; }\n @media (max-width: 767px) {\n section#fullscreen.coming-soon-background {\n padding-top: 30px; } }\n section#fullscreen.coming-soon-background:after {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n width: 50%;\n height: 100%;\n background-color: #fff;\n z-index: 1; }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background:after {\n width: 100%;\n height: 50%;\n bottom: 0;\n left: 0;\n top: initial; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-background:after {\n width: 100%;\n height: 50%;\n bottom: 0;\n left: 0;\n top: initial; } }\n section#fullscreen.coming-soon-background:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.35);\n z-index: 1; }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background:before {\n width: 100%;\n height: 50%;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.5); } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-background:before {\n width: 100%;\n height: 50%;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.5); } }\n section#fullscreen.coming-soon-background > div {\n position: relative;\n z-index: 2;\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n width: 100%; }\n section#fullscreen.coming-soon-background > div > div.container {\n width: auto;\n text-align: left;\n position: relative;\n display: inline-block; }\n section#fullscreen.coming-soon-background > div > div.container h1, section#fullscreen.coming-soon-background > div > div.container h2, section#fullscreen.coming-soon-background > div > div.container h3, section#fullscreen.coming-soon-background > div > div.container .cta {\n border-color: #fff !important;\n background: transparent !important; }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background > div > div.container h1, section#fullscreen.coming-soon-background > div > div.container h2, section#fullscreen.coming-soon-background > div > div.container h3, section#fullscreen.coming-soon-background > div > div.container .cta {\n color: #fff !important; } }\n section#fullscreen.coming-soon-background > div > div.container h2, section#fullscreen.coming-soon-background > div > div.container h3 {\n font-weight: 300; }\n section#fullscreen.coming-soon-background > div > div.container:hover h1, section#fullscreen.coming-soon-background > div > div.container:hover h2, section#fullscreen.coming-soon-background > div > div.container:hover h3, section#fullscreen.coming-soon-background > div > div.container:hover .cta {\n border-color: #fff !important;\n color: #fff !important; }\n section#fullscreen.coming-soon-background > div > div.container:hover form.sub-form {\n background: #000; }\n section#fullscreen.coming-soon-background > div > div.container:hover form.sub-form h4 {\n color: #fff; }\n section#fullscreen.coming-soon-background > div > div.container:hover form.sub-form button.btn.btn-primary {\n background: #fff; }\n section#fullscreen.coming-soon-background form.sub-form {\n border-left: transparent;\n border: solid 1px #000; }\n section#fullscreen.coming-soon-background p.coming-soon-contact {\n bottom: 15px;\n left: 85px;\n right: initial;\n width: auto;\n text-align: left; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a {\n color: #fff; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a:before {\n background-color: #fff; }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background p.coming-soon-contact {\n padding-left: 0;\n left: 45px; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a {\n color: #000; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a:before {\n background-color: #000; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-background p.coming-soon-contact {\n left: 75px;\n padding-left: 15px; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a {\n color: #000; }\n section#fullscreen.coming-soon-background p.coming-soon-contact a:before {\n background-color: #000; } }\n section#fullscreen.coming-soon-background p.coming-soon-copyright {\n width: auto;\n left: initial;\n right: 0;\n padding-right: 15px; }\n section#fullscreen.coming-soon-background a.unsplash {\n text-align: right;\n display: block;\n color: rgba(255, 255, 255, 0.25);\n font-size: 12px;\n position: absolute;\n left: 0;\n right: 15px;\n padding-top: 2px; }\n @media (max-width: 767px) {\n section#fullscreen.coming-soon-background a.unsplash {\n position: relative; } }\n @media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background div.sub-form-wrap {\n margin-top: 30px;\n background-color: #fff; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-background div.titles-wrap {\n position: relative;\n top: -60px;\n overflow: hidden; } }\n\n/*!\n * [Coming soon countdown with background page - Table of contents]\n * 1. Fullscreen | #fullscreen.coming-soon-countdown-background\n * 2. Countdown timer | .coming-soon-bg-timer\n */\n@media (max-width: 767.98px) {\n section#fullscreen.coming-soon-background.coming-soon-countdown-background {\n padding-top: 0; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background:before {\n height: 60%; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background:after {\n height: 40%; } }\n\n@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n section#fullscreen.coming-soon-background.coming-soon-countdown-background div.titles-wrap {\n top: 0; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background:before {\n height: 60%; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background:after {\n height: 43.5%; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background form.sub-form {\n padding-top: 0 !important;\n margin-top: 60px !important; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background form.sub-form h4 {\n padding-top: 30px; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background > div > div.container:hover div.timer-wrap-outer {\n background: #fff;\n border-color: #000 !important;\n border-bottom: transparent; }\n section#fullscreen.coming-soon-background.coming-soon-countdown-background > div > div.container:hover div.timer-wrap-outer * {\n color: #000 !important;\n border-color: #000 !important; } }\n\ndiv.timer-wrap-outer.coming-soon-bg-timer {\n background-color: #fff;\n border-top: solid 1px #000;\n border-bottom: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.timer-wrap-outer.coming-soon-bg-timer {\n margin-bottom: 0;\n margin-top: -90px;\n background-color: transparent;\n border-color: #fff !important;\n border-bottom: none !important; }\n div.timer-wrap-outer.coming-soon-bg-timer * {\n background: transparent !important;\n border-color: #fff !important; } }\n div.timer-wrap-outer.coming-soon-bg-timer .timer-wrap span {\n background-color: #fff;\n border: solid 1px #000;\n border-top: transparent;\n border-bottom: transparent; }\n @media (max-width: 767.98px) {\n div.timer-wrap-outer.coming-soon-bg-timer .timer-wrap span {\n border: none !important; }\n div.timer-wrap-outer.coming-soon-bg-timer .timer-wrap span.sep {\n background-color: transparent !important;\n border: none !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n div.timer-wrap-outer.coming-soon-bg-timer .timer-wrap span {\n border-color: #fff;\n color: #fff !important; } }\n\nbody.brutal-landing {\n border: solid 1px #000; }\n body.brutal-landing nav h1 {\n overflow: hidden;\n font-size: 140px; }\n @media (max-width: 767px) {\n body.brutal-landing nav h1 {\n line-height: 115px;\n font-size: 80px; } }\n body.brutal-landing .banner-container:hover {\n background-color: #000; }\n body.brutal-landing .banner-container:hover h1 {\n color: #fff; }\n body.brutal-landing div.tf-banner {\n background: #000; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.tf-banner div#hero {\n padding: 60px 0; } }\n body.brutal-landing div.tf-banner div#hero > div {\n border-top: transparent;\n border-bottom: transparent;\n padding-top: 30px;\n padding-bottom: 30px; }\n @media (max-width: 767px) {\n body.brutal-landing div.tf-banner div#hero > div {\n padding-top: 45px;\n padding-bottom: 0; }\n body.brutal-landing div.tf-banner div#hero > div + div {\n padding-top: 0;\n margin: 0 0 60px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.tf-banner div#hero > div {\n text-align: center !important;\n padding: 0; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.tf-banner div#hero > div {\n text-align: left !important; }\n body.brutal-landing div.tf-banner div#hero > div + div {\n text-align: right !important; } }\n body.brutal-landing div.tf-banner div#hero h2 {\n color: #fff;\n margin-bottom: 0;\n font-size: 50px;\n line-height: 60px;\n font-weight: 300; }\n @media (max-width: 767px) {\n body.brutal-landing div.tf-banner div#hero h2 {\n font-size: 1.999em;\n line-height: 42px;\n margin-bottom: 30px; } }\n body.brutal-landing div.tf-banner .btn-style-main {\n display: inline-block;\n width: 320px;\n margin: 0 auto; }\n body.brutal-landing div.tf-banner .btn-style-main, body.brutal-landing div.tf-banner .btn-style-main * {\n outline-color: #fff !important; }\n body.brutal-landing div.tf-banner .btn-style-main:hover *, body.brutal-landing div.tf-banner .btn-style-main:hover {\n outline-color: #fff !important; }\n body.brutal-landing div.tf-banner .btn-style-main:hover span {\n background-color: #fff !important;\n color: #000 !important; }\n @media (max-width: 767px) {\n body.brutal-landing div.tf-banner .btn-style-main {\n width: 100%; }\n body.brutal-landing div.tf-banner .btn-style-main, body.brutal-landing div.tf-banner .btn-style-main * {\n outline-color: #fff !important; }\n body.brutal-landing div.tf-banner .btn-style-main:hover span {\n background-color: #000 !important;\n color: #fff !important; } }\n @media (min-width: 768px) and (max-width: 1024px) {\n body.brutal-landing div.tf-banner .btn-style-main {\n margin-top: 45px; }\n body.brutal-landing div.tf-banner .btn-style-main, body.brutal-landing div.tf-banner .btn-style-main * {\n outline-color: #fff !important; }\n body.brutal-landing div.tf-banner .btn-style-main:hover span {\n background-color: #fff !important;\n color: #000 !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n body.brutal-landing div.tf-banner .btn-style-main {\n margin-top: 0;\n width: 100%; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.tf-banner .btn-style-main {\n margin-top: 0; } }\n body.brutal-landing div.tf-banner .btn-style-main span {\n outline: #fff solid 1px;\n display: block;\n padding: 15px;\n text-align: center;\n width: 100%;\n height: auto;\n -webkit-transition: outline .15s ease-in-out;\n transition: outline .15s ease-in-out;\n background-color: #000;\n text-transform: uppercase;\n color: #fff !important;\n font-size: 1.24em; }\n @media (max-width: 767px) {\n body.brutal-landing div.tf-banner .btn-style-main span {\n font-size: 16px;\n background-color: #000 !important;\n color: #fff !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.tf-banner .btn-style-main span {\n background-color: #000;\n color: #fff !important; } }\n body.brutal-landing h3 {\n margin-bottom: 30px; }\n body.brutal-landing h4 {\n text-transform: none; }\n body.brutal-landing div.row.padded-row > div {\n padding-top: 60px;\n padding-bottom: 60px; }\n body.brutal-landing div.row.padded-row > div + div.row.padded-row > div {\n border-top: none; }\n body.brutal-landing div#examples img {\n width: 100%;\n height: auto;\n margin-bottom: 45px; }\n body.brutal-landing div#examples img > div {\n padding-bottom: 0; }\n body.brutal-landing ul {\n text-align: left;\n margin: 0 auto;\n width: 30%;\n list-style-type: square; }\n body.brutal-landing ul li {\n line-height: 32px;\n font-size: 19px;\n margin-bottom: 15px; }\n body.brutal-landing ul li:last-child {\n margin-bottom: 0; }\n body.brutal-landing div#about-brutal {\n padding: 0;\n border-bottom: solid 1px #000; }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div#about-brutal {\n border-left: solid 1px #000;\n border-right: solid 1px #000; } }\n body.brutal-landing div#about-brutal div.row > div {\n padding-top: 60px;\n padding-bottom: 45px; }\n @media (max-width: 767px) {\n body.brutal-landing div#about-brutal div.row > div {\n padding-bottom: 60px;\n border-bottom: solid 1px #000; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div#about-brutal div.row > div {\n padding: 60px 30px 45px 30px; } }\n body.brutal-landing div#about-brutal div.row > div div.about-inner {\n padding-right: 60px;\n padding-left: 0; }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div#about-brutal div.row > div div.about-inner {\n padding-right: 0; } }\n body.brutal-landing div#about-brutal div.row > div + div {\n border-left: solid 1px #000; }\n @media (max-width: 767px) {\n body.brutal-landing div#about-brutal div.row > div + div {\n border-left: none; } }\n body.brutal-landing div#about-brutal div.row > div + div div.about-inner {\n padding-right: 0;\n padding-left: 60px; }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div#about-brutal div.row > div + div div.about-inner {\n padding-left: 0; } }\n body.brutal-landing div#about-brutal h3 {\n color: #000;\n font-size: 1.999em;\n text-transform: none; }\n body.brutal-landing div#about-brutal ul {\n width: auto;\n margin-left: 24px; }\n body.brutal-landing div#about-brutal ul li {\n margin-bottom: 10px;\n line-height: 28px;\n font-size: 1em; }\n body.brutal-landing div.versions {\n background: #fff;\n padding: 60px 0 75px;\n border-bottom: solid 1px #000; }\n body.brutal-landing div.versions h3 {\n color: #000;\n font-size: 1.999em; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions h3 {\n display: block;\n padding-bottom: 45px;\n margin-bottom: 45px;\n border-bottom: solid 1px #000; } }\n @media (max-width: 767px) {\n body.brutal-landing div.versions div.version-outer + div.version-outer {\n margin-top: 60px; } }\n body.brutal-landing div.versions h4 {\n margin-bottom: 5px;\n color: #000;\n font-weight: 300;\n text-transform: uppercase;\n text-align: left !important;\n font-size: 1.414em;\n display: block; }\n body.brutal-landing div.versions div.img-wrap {\n position: relative; }\n body.brutal-landing div.versions div.img-wrap:hover .btn-style-main {\n display: block; }\n body.brutal-landing div.versions div.img-wrap img {\n width: 100%;\n height: auto;\n outline: solid 1px #000; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main {\n display: none;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100% !important;\n background-color: rgba(255, 255, 255, 0.95);\n height: 100%; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main:hover span {\n outline: solid 1px #000 !important;\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main:hover span:before {\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main a, body.brutal-landing div.versions div.img-wrap .btn-style-main button {\n color: #000 !important;\n height: 100%; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main span {\n height: 100%;\n outline: solid 1px #fff;\n background-color: transparent !important;\n color: #000 !important;\n position: relative;\n filter: alpha(opacity=0);\n -moz-opacity: 0;\n -khtml-opacity: 0;\n opacity: 0;\n -webkit-transition: opacity .1s ease-in-out;\n -moz-transition: opacity .1s ease-in-out;\n -o-transition: opacity .1s ease-in-out;\n transition: opacity .1s ease-in-out;\n -webkit-transition-delay: .30s;\n -moz-transition-delay: .30s;\n -o-transition-delay: .30s;\n transition-delay: .30s; }\n body.brutal-landing div.versions div.img-wrap .btn-style-main span:before {\n content: 'Check it out';\n position: absolute;\n top: 50%;\n left: 0;\n width: auto;\n margin: -23px auto;\n font-size: 16px;\n line-height: 16px;\n background-color: #000;\n color: #fff;\n padding: 15px 10px;\n display: inline-block;\n right: 0;\n max-width: 120px; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions div.img-wrap .btn-style-main span:before {\n max-width: 150px; } }\n @media (min-width: 768px) and (max-width: 1024px) {\n body.brutal-landing div.versions div.img-wrap .btn-style-main span:before {\n max-width: 150px; } }\n body.brutal-landing div.versions.wp-coming-soon:hover {\n background: #000; }\n body.brutal-landing div.versions.wp-coming-soon:hover div.version-outer {\n background: #000; }\n body.brutal-landing div.versions.wp-coming-soon:hover div.img-wrap img {\n outline: none !important;\n -webkit-filter: invert(0);\n filter: url(\"data:image/svg+xml;utf8,#invert\");\n filter: invert(0); }\n body.brutal-landing div.versions.wp-coming-soon:hover h4 {\n color: #fff; }\n body.brutal-landing div.versions.wp-coming-soon:hover .btn-style-main button {\n color: #fff; }\n body.brutal-landing div.versions.wp-coming-soon:hover .btn-style-main span {\n color: #fff; }\n body.brutal-landing div.versions.wp-coming-soon:hover .btn-style-main, body.brutal-landing div.versions.wp-coming-soon:hover .btn-style-main * {\n outline-color: #fff !important; }\n body.brutal-landing div.versions.wp-coming-soon:hover .btn-style-main:hover span {\n background: #fff;\n color: #000; }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon {\n background: #000; }\n body.brutal-landing div.versions.wp-coming-soon div.version-outer {\n background: #000; }\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap img {\n outline: none !important;\n -webkit-filter: invert(0);\n filter: url(\"data:image/svg+xml;utf8,#invert\");\n filter: invert(0); }\n body.brutal-landing div.versions.wp-coming-soon h4 {\n color: #fff; }\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main button {\n color: #fff; }\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main, body.brutal-landing div.versions.wp-coming-soon .btn-style-main * {\n outline-color: #fff !important; }\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main:hover span {\n background: #fff;\n color: #000; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon div.version-outer {\n padding: 0 15px !important; } }\n body.brutal-landing div.versions.wp-coming-soon h4 {\n font-size: 1.999em;\n font-weight: 300; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon h4 {\n font-size: 1.414em; }\n body.brutal-landing div.versions.wp-coming-soon h4 > span.stretch_it {\n white-space: nowrap;\n position: relative;\n left: -2px; } }\n body.brutal-landing div.versions.wp-coming-soon h4 + h4 {\n font-weight: 500;\n font-size: 2.827em;\n margin-bottom: 45px; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon h4 + h4 {\n font-size: 1.999em; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon h4 {\n text-align: center !important; } }\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap img {\n outline: none !important;\n -webkit-filter: invert(100%);\n filter: url(\"data:image/svg+xml;utf8,#invert\");\n filter: invert(100%);\n width: 80%; }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap img {\n outline: none !important;\n -webkit-filter: invert(0);\n filter: url(\"data:image/svg+xml;utf8,#invert\");\n filter: invert(0);\n width: 80%; } }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap {\n display: none; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap {\n display: block !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n body.brutal-landing div.versions.wp-coming-soon div.img-wrap {\n top: 35px; } }\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main {\n width: 100%;\n width: calc(100% - 2px);\n top: -1px;\n left: 1px;\n margin-top: 45px; }\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main span {\n display: block;\n padding: 15px;\n text-align: center;\n width: 100%;\n height: auto;\n text-transform: uppercase;\n font-size: 1.24em; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main span {\n color: #fff; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon .btn-style-main span {\n color: #fff; } }\n body.brutal-landing div.versions.wp-coming-soon div.version-outer {\n padding-right: 30px; }\n body.brutal-landing div.versions.wp-coming-soon div.version-outer + div.version-outer {\n padding: 0 0 0 30px; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon div.version-outer {\n padding: 0 15px !important;\n margin-top: 0 !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n body.brutal-landing div.versions.wp-coming-soon div.version-outer {\n padding: 0 15px !important; } }\n body.brutal-landing div.versions.wp-coming-soon form.sub-form {\n padding: 0;\n border: none; }\n body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sending, body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sent {\n border: none;\n padding-top: 125px;\n color: #000; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sending, body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sent {\n padding-top: 115px; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sending, body.brutal-landing div.versions.wp-coming-soon form.sub-form span.sent {\n padding-top: 100px; } }\n body.brutal-landing div.versions.wp-coming-soon form.sub-form .form-group {\n margin-bottom: 0; }\n @media (max-width: 767px) {\n body.brutal-landing div.versions.wp-coming-soon form.sub-form {\n margin: 0; }\n body.brutal-landing div.versions.wp-coming-soon form.sub-form input {\n background: #000 !important;\n color: #fff !important;\n border-color: #fff !important; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.versions.wp-coming-soon form.sub-form input {\n background: #000 !important;\n color: #fff !important;\n border-color: #fff !important; } }\n body.brutal-landing div#customize-brutal {\n background: #fff; }\n body.brutal-landing div#customize-brutal h3 {\n color: #000; }\n body.brutal-landing div#customize-brutal li {\n color: #000; }\n body.brutal-landing div#spiel {\n background: #000; }\n body.brutal-landing div#spiel h4, body.brutal-landing div#spiel h5 {\n color: #fff;\n text-transform: none;\n display: block; }\n body.brutal-landing div#spiel h4 {\n margin-bottom: 15px;\n font-weight: 300; }\n body.brutal-landing div#spiel h5 {\n line-height: 32px; }\n body.brutal-landing div#stuff {\n padding: 30px 0;\n text-align: center; }\n body.brutal-landing div#stuff div.brutal-spec {\n margin: 5px;\n display: inline-block;\n vertical-align: middle;\n width: auto;\n border: solid 1px #000;\n padding: 10px;\n position: relative; }\n body.brutal-landing div#stuff div.brutal-spec p, body.brutal-landing div#stuff div.brutal-spec h4 {\n position: relative;\n z-index: 2; }\n body.brutal-landing div#stuff div.brutal-spec:hover:before, body.brutal-landing div#stuff div.brutal-spec:hover:after {\n filter: alpha(opacity=100);\n -moz-opacity: 1;\n -khtml-opacity: 1;\n opacity: 1; }\n body.brutal-landing div#stuff div.brutal-spec:before, body.brutal-landing div#stuff div.brutal-spec:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border: solid 1px #000;\n filter: alpha(opacity=0);\n -moz-opacity: 0;\n -khtml-opacity: 0;\n opacity: 0;\n -webkit-transition: opacity .15s ease-in-out;\n -moz-transition: opacity .15s ease-in-out;\n -o-transition: opacity .15s ease-in-out;\n transition: opacity .15s ease-in-out; }\n body.brutal-landing div#stuff div.brutal-spec:before {\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n top: 3px;\n left: 3px;\n -webkit-transition-delay: .15s;\n -moz-transition-delay: .15s;\n -o-transition-delay: .15s;\n transition-delay: .15s; }\n body.brutal-landing div#stuff div.brutal-spec:after {\n width: calc(100% + 10px);\n height: calc(100% + 10px);\n top: -5px;\n left: -5px;\n -webkit-transition-delay: .30s;\n -moz-transition-delay: .30s;\n -o-transition-delay: .30s;\n transition-delay: .30s; }\n body.brutal-landing div#stuff div.brutal-spec.title-wrap {\n background: #000; }\n body.brutal-landing div#stuff div.brutal-spec.title-wrap:before {\n border: solid 1px #000;\n border-color: #fff !important; }\n body.brutal-landing div#stuff div.brutal-spec.title-wrap:after {\n border-color: #000 !important; }\n body.brutal-landing div#stuff div.brutal-spec.title-wrap h4 {\n font-weight: 300;\n text-transform: uppercase;\n font-size: 19px;\n color: #fff; }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services h3 {\n display: block;\n margin: 0;\n padding: 60px 0 45px;\n margin-bottom: 45px;\n border-bottom: solid 1px #000;\n text-align: left;\n font-size: 1.999em; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services h3 {\n border-bottom: none;\n margin-bottom: 10px;\n padding-left: 0;\n text-align: center; } }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services h4 {\n font-weight: 300;\n font-size: 1.414em;\n text-transform: uppercase;\n margin-bottom: 5px;\n line-height: 1.2; } }\n @media (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services:hover div.services-center {\n background: #fff; }\n body.brutal-landing div.brutal-support div#services:hover div.services-center h3 {\n color: #000; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\n body.brutal-landing div.brutal-support div#services div.services-left {\n height: 100%; } }\n body.brutal-landing div.brutal-support div#services div.services-left > div {\n border-left: none; }\n @media (max-width: 767px) {\n body.brutal-landing div.brutal-support div#services div.services-left > div, body.brutal-landing div.brutal-support div#services div.services-right > div {\n border: none;\n padding: 0 15px; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services div.services-left > div, body.brutal-landing div.brutal-support div#services div.services-right > div {\n border-right: none;\n padding: 30px; }\n body.brutal-landing div.brutal-support div#services div.services-left > div + div, body.brutal-landing div.brutal-support div#services div.services-right > div + div {\n border-left: solid 1px #000; } }\n @media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services div.services-left > div, body.brutal-landing div.brutal-support div#services div.services-right > div {\n border-right: solid 1px #000; }\n body.brutal-landing div.brutal-support div#services div.services-left > div + div, body.brutal-landing div.brutal-support div#services div.services-right > div + div {\n border-left: transparent; } }\n body.brutal-landing div.brutal-support div#services div.services-right > div {\n border-right: none; }\n @media (max-width: 767px) {\n body.brutal-landing div.brutal-support div#services div.services-right > div + div {\n border-bottom: solid 1px #000; }\n body.brutal-landing div.brutal-support div#services div.services-right > div + div p {\n margin-bottom: 0;\n border-bottom: none; } }\n @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {\n body.brutal-landing div.brutal-support div#services div.services-right > div {\n border-bottom: solid 1px #000; } }\n body.brutal-landing div.brutal-support div#services > div {\n border-top: none; }\n body.brutal-landing div.brutal-support div#services p {\n width: 100%;\n margin-bottom: 10px; }\n @media (max-width: 767px) {\n body.brutal-landing div.brutal-support div#services p {\n margin-bottom: 60px;\n padding-bottom: 60px;\n border-bottom: solid 1px #000; } }\n body.brutal-landing div.brutal-support div#services a {\n vertical-align: bottom;\n overflow: visible; }\n body.brutal-landing div.brutal-support div#services a:after {\n display: none; }\n body.brutal-landing div.brutal-support div#services a:hover:before {\n height: 3px; }\n body.brutal-landing div.brutal-support div#services a:before {\n content: '';\n position: absolute;\n top: calc(100% - 2px);\n left: 0;\n width: 100%;\n height: 1px;\n background: #000;\n -webkit-transition: height .3s ease-in-out;\n transition: height .3s ease-in-out; }\n body.brutal-landing footer {\n background: #000; }\n body.brutal-landing footer a {\n color: #6c757d; }\n\ndiv.style-toggle {\n position: fixed;\n bottom: 0;\n left: 0;\n width: auto;\n min-width: 71px;\n background: #fff;\n border: solid 1px #000;\n border-bottom: none;\n border-left: none;\n z-index: 100;\n padding: 15px;\n text-align: center; }\n @media (max-width: 767px) {\n div.style-toggle {\n min-width: 0;\n border: none;\n padding: 0; } }\n div.style-toggle strong.style-toggle-title {\n font-weight: lighter;\n display: inline-block;\n width: 100%; }\n @media (max-width: 767px) {\n div.style-toggle strong.style-toggle-title {\n display: none; }\n div.style-toggle strong.style-toggle-title + br {\n display: none; } }\n div.style-toggle span {\n display: inline-block;\n width: 34px;\n height: 34px;\n border: solid 1px #000;\n position: relative;\n margin-top: 8px;\n cursor: pointer; }\n @media (max-width: 767px) {\n div.style-toggle span {\n margin-top: 0;\n vertical-align: bottom; } }\n div.style-toggle span:before {\n content: '';\n width: 20px;\n height: 20px;\n position: absolute;\n top: 6px;\n left: 6px;\n background: #000;\n border-radius: 100%; }\n","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally 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 psuedo-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","/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"source/functions\";\n@import \"source/variables\";\n@import \"source/mixins\";\n@import \"source/root\";\n@import \"source/reboot\";\n@import \"source/type\";\n@import \"source/images\";\n@import \"source/code\";\n@import \"source/grid\";\n@import \"source/tables\";\n@import \"source/forms\";\n@import \"source/buttons\";\n@import \"source/transitions\";\n@import \"source/dropdown\";\n@import \"source/button-group\";\n@import \"source/input-group\";\n@import \"source/custom-forms\";\n@import \"source/nav\";\n@import \"source/navbar\";\n@import \"source/card\";\n@import \"source/breadcrumb\";\n@import \"source/pagination\";\n@import \"source/badge\";\n@import \"source/jumbotron\";\n@import \"source/alert\";\n@import \"source/progress\";\n@import \"source/media\";\n@import \"source/list-group\";\n@import \"source/close\";\n@import \"source/modal\";\n@import \"source/tooltip\";\n@import \"source/popover\";\n@import \"source/carousel\";\n@import \"source/utilities\";\n@import \"source/print\";\n",":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\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","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `![]()
`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n","// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\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 < 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) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\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","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evalutating 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 {\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) {\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 $yiq-text-dark;\n } @else {\n @return $yiq-text-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, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on